Theming muslin
Two orthogonal axes, both plain attributes on a containing element:
| Axis | Attribute | Values |
|---|---|---|
| Mode | data-theme | light · dark |
| Accent | data-accent | blue (default) · indigo · emerald · amber · rose |
<html data-theme="light" data-accent="blue">Every one of the 10 combinations resolves the complete variable set — components are theme-agnostic by construction. Dark values win for dark, accent values win for the chosen accent; unspecified combinations are guaranteed by the token build, not by convention.
The docs header switcher above persists your choice to localStorage and is
itself a preview of the mechanism.