Theming
Components use semantic utilities such as bg-brand and text-fg. Themes and dark mode swap CSS variables at runtime without scattering dark: classes through every component.
Built-in themes
- praesepe: default teal brand with cool neutrals
- minimal: sharp monochrome surfaces
- warm: soft amber brand with teal focus rings
Color scheme
Persist theme and colorScheme (light, dark, or system) in localStorage. Inline a FOUC-prevention script in <head> before CSS loads.