# playground-design-system — CHANGELOG

## 0.2.0 — 2026-05-04

### Added
- `[data-theme="light"]`-blokk i `tokens.css` (Aksel-aligned, WCAG AA-validert).
  Full mirror av dark-blokken (26 vars) — alle theme-overridable tokens som
  finnes i dark-blokken finnes nå også i light-blokken, slik at renderers ikke
  faller gjennom til udefinerte verdier ved theme-switch.
- `color-scheme` CSS-property satt eksplisitt på `:root`, `[data-theme="light"]`
  og `[data-theme="dark"]` for korrekt native form-controls/scrollbar-styling.

### Notes for vendor consumers

Andre plugins som vendrer design-systemet
(`okr`, `llm-security`, `ultraplan-local`, `config-audit`) får tilgang til
light-tokens etter neste re-sync. Adopsjon er valgfri — eksisterende dark-only
oppførsel er bakoverkompatibel siden ingen eksisterende verdi er endret.

For å adoptere light-mode i en konsument:
1. Re-sync via `node scripts/sync-design-system.mjs <plugin-name>`
2. Legg til en synkron `<script>`-IIFE i `<head>` før CSS-load som leser
   `localStorage` og setter `data-theme` + `colorScheme` på `documentElement`.
3. Eksponere theme-toggle i UI som setter `documentElement.dataset.theme` +
   persisterer i `localStorage`.

## 0.1.0 — 2026-04 (initial)

- Tier 1+2+3 design-system med Aksel/Digdir-aligned tokens, base, components.
- Dark mode default + `[data-theme="dark"]`-overrides.
- Self-hosted Inter, JetBrains Mono, Source Serif 4 fonts.
- Schemas for renderers + commands.
