From f8d06cbafb1cc8e9ae90249e932e4a1423580d60 Mon Sep 17 00:00:00 2001 From: nh9961 Date: Sun, 19 Jul 2026 19:46:56 +0000 Subject: [PATCH] feat(ui): dark-mode token sweep, mobile nav safe-area and a11y polish - Convert hardcoded light surfaces/borders/text in index.css to theme tokens - Token-driven status cards, semantic colors, elevation shadows - Mobile bottom nav: 20px icons, aria-current, safe-area inset padding - Neutral dark pre-mount canvas fallback --- src/components/MobileNav.tsx | 5 +- src/components/StatusRail.tsx | 4 +- src/index.css | 284 ++++++++++++++++++---------------- 3 files changed, 157 insertions(+), 136 deletions(-) diff --git a/src/components/MobileNav.tsx b/src/components/MobileNav.tsx index 204f866..bc67d2b 100644 --- a/src/components/MobileNav.tsx +++ b/src/components/MobileNav.tsx @@ -10,9 +10,10 @@ export function MobileNav({ activeView, onChange }: { activeView: AppView; onCha type="button" className={`mobile-nav-item ${activeView === item.id ? "mobile-nav-item-active" : ""}`} onClick={() => onChange(item.id)} + aria-current={activeView === item.id ? "page" : undefined} > -