Improve admin mobile dark mode contrast
This commit is contained in:
@@ -18,9 +18,9 @@ export function BottomNav({ active, onNavigate }: { active: NavKey; onNavigate:
|
||||
const theme = useAdminTheme();
|
||||
|
||||
// Modern Glass Background
|
||||
const navSurface = 'rgba(255, 255, 255, 0.85)';
|
||||
const navBorder = theme.border;
|
||||
const navShadow = theme.shadow;
|
||||
const navSurface = theme.glassSurfaceStrong ?? theme.surfaceMuted ?? theme.surface;
|
||||
const navBorder = theme.glassBorder ?? theme.border;
|
||||
const navShadow = theme.glassShadow ?? theme.shadow;
|
||||
|
||||
const [pressedKey, setPressedKey] = React.useState<NavKey | null>(null);
|
||||
|
||||
@@ -62,7 +62,7 @@ export function BottomNav({ active, onNavigate }: { active: NavKey; onNavigate:
|
||||
const IconCmp = item.icon;
|
||||
|
||||
// Dynamic Styles
|
||||
const color = activeState ? theme.primary : theme.subtle;
|
||||
const color = activeState ? theme.primary : theme.muted;
|
||||
const strokeWidth = activeState ? 2.5 : 2;
|
||||
|
||||
return (
|
||||
|
||||
Reference in New Issue
Block a user