Improve admin mobile dark mode contrast
Some checks failed
linter / quality (push) Has been cancelled
tests / ci (push) Has been cancelled
tests / ui (push) Has been cancelled

This commit is contained in:
Codex Agent
2026-01-22 22:02:45 +01:00
parent 6318aec3cb
commit 85f2c42fc5
5 changed files with 59 additions and 35 deletions

View File

@@ -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 (