Moonlight-Panel/Moonlight
2
1
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Upgraded mooncore packages. Added css variables for theming. Made all db calls use async/await

Browse Source
This commit is contained in:
ChiaraBm
2025-01-04 10:37:40 +01:00
parent bf89ef16f7
commit d477e803ab
8 changed files with 224 additions and 101 deletions
Download Patch File Download Diff File Expand all files Collapse all files

179
Moonlight.Client/Styles/tailwind.config.js
View File

@@ -12,109 +12,110 @@ module.exports = {
},
colors: {
primary: {
50: '#eef2ff',
100: '#e0e7ff',
200: '#c7d2fe',
300: '#a5b4fc',
400: '#818cf8',
500: '#6366f1',
600: '#4f46e5',
700: '#4338ca',
800: '#3730a3',
900: '#312e81',
950: '#1e1b4b'
50: 'rgb(var(--color-primary-50))',
100: 'rgb(var(--color-primary-100))',
200: 'rgb(var(--color-primary-200))',
300: 'rgb(var(--color-primary-300))',
400: 'rgb(var(--color-primary-400))',
500: 'rgb(var(--color-primary-500))',
600: 'rgb(var(--color-primary-600))',
700: 'rgb(var(--color-primary-700))',
800: 'rgb(var(--color-primary-800))',
900: 'rgb(var(--color-primary-900))',
950: 'rgb(var(--color-primary-950))'
},
secondary: {
100: '#F9F9F9',
200: '#F1F1F2',
300: '#DBDFE9',
400: '#B5B5C3',
500: '#99A1B7',
600: '#707993',
700: '#444e6b',
750: '#293249',
800: '#1c2438',
900: '#111721',
950: '#0e121c',
100: 'rgb(var(--color-secondary-100))',
200: 'rgb(var(--color-secondary-200))',
300: 'rgb(var(--color-secondary-300))',
400: 'rgb(var(--color-secondary-400))',
500: 'rgb(var(--color-secondary-500))',
600: 'rgb(var(--color-secondary-600))',
700: 'rgb(var(--color-secondary-700))',
800: 'rgb(var(--color-secondary-800))',
900: 'rgb(var(--color-secondary-900))',
950: 'rgb(var(--color-secondary-950))'
},
tertiary: {
50: '#f5f3ff',
100: '#ede9fe',
200: '#ddd6fe',
300: '#c4b5fd',
400: '#a78bfa',
500: '#8b5cf6',
600: '#7c3aed',
700: '#6d28d9',
800: '#5b21b6',
900: '#4c1d95',
950: '#2e1065'
50: 'rgb(var(--color-tertiary-50))',
100: 'rgb(var(--color-tertiary-100))',
200: 'rgb(var(--color-tertiary-200))',
300: 'rgb(var(--color-tertiary-300))',
400: 'rgb(var(--color-tertiary-400))',
500: 'rgb(var(--color-tertiary-500))',
600: 'rgb(var(--color-tertiary-600))',
700: 'rgb(var(--color-tertiary-700))',
800: 'rgb(var(--color-tertiary-800))',
900: 'rgb(var(--color-tertiary-900))',
950: 'rgb(var(--color-tertiary-950))'
},
warning: {
50: '#fefce8',
100: '#fef9c3',
200: '#fef08a',
300: '#fde047',
400: '#facc15',
500: '#eab308',
600: '#ca8a04',
700: '#a16207',
800: '#854d0e',
900: '#713f12',
950: '#422006'
50: 'rgb(var(--color-warning-50))',
100: 'rgb(var(--color-warning-100))',
200: 'rgb(var(--color-warning-200))',
300: 'rgb(var(--color-warning-300))',
400: 'rgb(var(--color-warning-400))',
500: 'rgb(var(--color-warning-500))',
600: 'rgb(var(--color-warning-600))',
700: 'rgb(var(--color-warning-700))',
800: 'rgb(var(--color-warning-800))',
900: 'rgb(var(--color-warning-900))',
950: 'rgb(var(--color-warning-950))'
},
danger: {
50: '#fef2f2',
100: '#fee2e2',
200: '#fecaca',
300: '#fca5a5',
400: '#f87171',
500: '#ef4444',
600: '#dc2626',
700: '#b91c1c',
800: '#991b1b',
900: '#7f1d1d',
950: '#450a0a'
50: 'rgb(var(--color-danger-50))',
100: 'rgb(var(--color-danger-100))',
200: 'rgb(var(--color-danger-200))',
300: 'rgb(var(--color-danger-300))',
400: 'rgb(var(--color-danger-400))',
500: 'rgb(var(--color-danger-500))',
600: 'rgb(var(--color-danger-600))',
700: 'rgb(var(--color-danger-700))',
800: 'rgb(var(--color-danger-800))',
900: 'rgb(var(--color-danger-900))',
950: 'rgb(var(--color-danger-950))'
},
success: {
50: '#f0fdf4',
100: '#dcfce7',
200: '#bbf7d0',
300: '#86efac',
400: '#4ade80',
500: '#22c55e',
600: '#16a34a',
700: '#15803d',
800: '#166534',
900: '#14532d',
950: '#052e16'
50: 'rgb(var(--color-success-50))',
100: 'rgb(var(--color-success-100))',
200: 'rgb(var(--color-success-200))',
300: 'rgb(var(--color-success-300))',
400: 'rgb(var(--color-success-400))',
500: 'rgb(var(--color-success-500))',
600: 'rgb(var(--color-success-600))',
700: 'rgb(var(--color-success-700))',
800: 'rgb(var(--color-success-800))',
900: 'rgb(var(--color-success-900))',
950: 'rgb(var(--color-success-950))'
},
info: {
50: '#eff6ff',
100: '#dbeafe',
200: '#bfdbfe',
300: '#93c5fd',
400: '#60a5fa',
500: '#3b82f6',
600: '#2563eb',
700: '#1d4ed8',
800: '#1e40af',
900: '#1e3a8a',
950: '#172554'
50: 'rgb(var(--color-info-50))',
100: 'rgb(var(--color-info-100))',
200: 'rgb(var(--color-info-200))',
300: 'rgb(var(--color-info-300))',
400: 'rgb(var(--color-info-400))',
500: 'rgb(var(--color-info-500))',
600: 'rgb(var(--color-info-600))',
700: 'rgb(var(--color-info-700))',
800: 'rgb(var(--color-info-800))',
900: 'rgb(var(--color-info-900))',
950: 'rgb(var(--color-info-950))'
},
gray: {
100: '#F9F9F9',
200: '#F1F1F2',
300: '#DBDFE9',
400: '#B5B5C3',
500: '#99A1B7',
600: '#707993',
700: '#444e6b',
750: '#293249',
800: '#1c2438',
900: '#111721',
950: '#0e121c',
}
100: 'rgb(var(--color-gray-100))',
200: 'rgb(var(--color-gray-200))',
300: 'rgb(var(--color-gray-300))',
400: 'rgb(var(--color-gray-400))',
500: 'rgb(var(--color-gray-500))',
600: 'rgb(var(--color-gray-600))',
700: 'rgb(var(--color-gray-700))',
750: 'rgb(var(--color-gray-750))',
800: 'rgb(var(--color-gray-800))',
900: 'rgb(var(--color-gray-900))',
950: 'rgb(var(--color-gray-950))'
},
white: 'rgb(var(--color-light))',
black: 'rgb(var(--color-dark))'
},
animation: {
'shimmer': 'shimmer 2s linear infinite',