feat(android): UI redesign — light web-matching theme, dark top bar + bottom nav (Phase 28.7)

PLAN.md

@@ -2021,7 +2021,7 @@ tracked in FEATURES.md.
 2. **FEAT-02** — QR / claim-code device pairing flow (medium)
 3. **FEAT-04** — Replace SIM868 2G GSM with 4G LTE modem (large)
 
-### Phase 28: Native Android companion app — 🚧 IN PROGRESS (28.1 ✅, 28.2 ✅, 28.3 ✅, 28.4 ✅, 28.5 ✅, 28.6 ✅, 28.7 pending)
+### Phase 28: Native Android companion app — 🚧 IN PROGRESS (28.1 ✅, 28.2 ✅, 28.3 ✅, 28.4 ✅, 28.5 ✅, 28.6 ✅, 28.7 ✅, 28.8 pending)
 **Renumbered from former Phase 26 on 2026-08-10 to make room for the road-test bug-fix phase.
 Renumbered to Phase 28 on 2026-08-11 to make room for Phase 27 feature additions. Planning
 completed 2026-08-11. Detailed implementation plan in [android/plan.md](android/plan.md).**
@@ -2220,7 +2220,16 @@ The app reuses the existing Pi REST API surface with no changes:
 - Deferred: dashcam video streaming/player, session-cookie persistence across launches (currently
   re-logs-in each launch), and a server-side tile source for the replay map when off the hotspot.
 
-**28.7 — Polish + distribution**
+**28.7 — UI redesign: match the mobile web UI ✅ DONE (2026-08-15)**
+- Light theme matching `static/yaris.css` (content `#f4f6fb`, white cards, primary
+  `#4e73df`, accent red `#e63946`) — the app now defaults to light like the web.
+- Global dark top bar (`YarisHeader`) with the white italic "YARIS-OBD" wordmark +
+  red underline, and a dark bottom nav (`#1c1c1e`) mirroring the web's
+  `.mobile-bottom-nav`. Per-screen headers removed; the replay screen got the same
+  dark top bar.
+- Follow-up polish deferred: card shadows, blue `btn-primary` buttons, page titles.
+
+**28.8 — Polish + distribution**
 - App icon, splash screen, dark theme polish
 - Error handling: Pi unreachable, server unreachable, no cellular data, storage full
 - APK signing + release build