Documentation / Theming

A neutral scale with a precise job.

Monochrome semantic variables stay quiet so consumer brands can lead.

Semantic tokens

:root {
  --aevko-background: #ffffff;
  --aevko-foreground: #09090b;
  --aevko-surface: #f4f4f5;
  --aevko-border: #e4e4e7;
  --aevko-focus: #a1a1aa;
  --aevko-radius: 0;
}

Dark mode

Apply data-theme="dark" to the document element and coordinate the initial SSR theme.

Shape and spacing

Commissioner, a 4 px rhythm, 16 px body copy, 24 px gaps, 44 px controls, square corners and a 2 px neutral-gray focus outline.