Foundations
Presets
Attributes on <html> or any subtree. Accent, density, shape and type — the whole page follows.
Try them.
Choices
Attributes.
data-accent | blue · indigo · purple · pink · red · orange · yellow · green · teal · graphite |
data-density | compact · spacious — scales --ae-unit, every φ-derived space follows |
data-radius | soft · round — the system is square by default |
data-type | humanist · serif · mono |
data-theme | light · dark — otherwise follows the system |
--ae-hue, --ae-neutral-hue | any hue; the two knobs everything else derives from |
Also honoured: prefers-contrast: more, forced-colors, prefers-reduced-motion, prefers-reduced-transparency.