ktg-plugin-marketplace/shared/playground-design-system/CHANGELOG.md

1.4 KiB

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 + colorSchemedocumentElement.
  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.