Bring the native shell up to the web app's brand so the setup->app handoff is
seamless, and make it token-driven instead of hard-coded hex.
- src/theme.css: design tokens as the single source of truth — a primitive brand
ramp (the greens from the web app's mark.svg) mapped to semantic roles
(--color-*, --radius-*, --space-*). Change the brand in one place; every screen
follows. index.css now references only tokens (no raw hex).
- src/LogoMark.tsx: shared brand mark component (the real bar-chart+checkmark),
replacing the indigo crosshair and de-duplicating inline SVG.
- SetupScreen rebuilt as a two-doors chooser for ease of use: 'Run on this phone'
(private/offline, one tap) and 'Connect to a server' (reveals the URL field only
when chosen), keeping the insecure-http warning.
- De-hardcoded the rest: App splash + biometric/loading/lock screens now use
classes and the accent token instead of inline styles and #6366f1.
Verified on the x86_64 emulator: new setup renders in-brand, 'Connect to a server'
reveals the field, 'Run on this phone' boots the local server and loads the app.
Co-Authored-By: Claude Opus 4.8 <noreply@anthropic.com>
null