Refine admin PWA dark theme controls
This commit is contained in:
@@ -57,6 +57,13 @@ const lightTheme = {
|
||||
blue11: '#4338CA', // Indigo 700
|
||||
};
|
||||
|
||||
const adminLightTheme = {
|
||||
...lightTheme,
|
||||
accentSoft: tokens.color.accentSoft,
|
||||
colorMuted: '#64748B', // Slate 500
|
||||
colorSubtle: '#94A3B8', // Slate 400
|
||||
};
|
||||
|
||||
const guestLightTheme = {
|
||||
...baseThemes.light,
|
||||
primary: 'var(--guest-primary, #FF5A5F)',
|
||||
@@ -111,6 +118,34 @@ const darkTheme = {
|
||||
blue11: '#FF8A8A',
|
||||
};
|
||||
|
||||
const adminDarkTheme = {
|
||||
...darkTheme,
|
||||
background: '#0F172A',
|
||||
backgroundHover: '#101A36',
|
||||
backgroundPress: '#132142',
|
||||
backgroundStrong: '#16223A',
|
||||
backgroundTransparent: 'rgba(15, 23, 42, 0)',
|
||||
color: '#F8FAFF',
|
||||
colorHover: '#FFFFFF',
|
||||
colorPress: '#E8EEFF',
|
||||
colorFocus: '#FFFFFF',
|
||||
borderColor: 'rgba(148, 163, 184, 0.25)',
|
||||
borderColorHover: 'rgba(148, 163, 184, 0.35)',
|
||||
borderColorPress: 'rgba(148, 163, 184, 0.45)',
|
||||
shadowColor: 'rgba(2, 6, 23, 0.7)',
|
||||
shadowColorPress: 'rgba(2, 6, 23, 0.8)',
|
||||
shadowColorFocus: 'rgba(2, 6, 23, 0.8)',
|
||||
surface: '#16223A',
|
||||
muted: '#1C2844',
|
||||
blue3: 'rgba(255, 90, 95, 0.18)',
|
||||
blue6: '#FF5A5F',
|
||||
blue10: '#FF5A5F',
|
||||
blue11: '#FF8A8A',
|
||||
accentSoft: 'rgba(255, 90, 95, 0.18)',
|
||||
colorMuted: 'rgba(248, 250, 255, 0.68)',
|
||||
colorSubtle: 'rgba(248, 250, 255, 0.5)',
|
||||
};
|
||||
|
||||
const guestNightTheme = {
|
||||
...baseThemes.dark,
|
||||
primary: 'var(--guest-primary, #FF4FD8)',
|
||||
@@ -143,6 +178,8 @@ const themes = {
|
||||
...baseThemes,
|
||||
light: lightTheme,
|
||||
dark: darkTheme,
|
||||
adminLight: adminLightTheme,
|
||||
adminDark: adminDarkTheme,
|
||||
guestLight: { ...guestLightTheme },
|
||||
guestDark: { ...darkTheme },
|
||||
guestNight: { ...guestNightTheme },
|
||||
|
||||
Reference in New Issue
Block a user