§.Navigation & UX
Light and dark themes
Toggling the theme and how design tokens drive both modes.
Updated 2026-04-13
Toggling
Click the sun / moon icon in the header. Your choice is saved in browser storage and applied to every subsequent page load. A tiny hydration script runs before the rest of the UI so there's no flash of the wrong theme on first paint.
How tokens drive both modes
Every UI component uses design tokens that resolve to the correct colors for your current theme. Switching themes is instant — no page reload needed.
System default
On first visit, the theme defaults to your operating system preference. Toggle explicitly once and your choice sticks.