Ledger

WEB-016

Design tokens: game theme (site) + console theme dark/light (admin), TS mirror, Tailwind @theme mapping, WCAG contrast test

← Ledger

donestatus · web-platform

1✓ 2✗tests passed / failed

5.51Mtokens · 2 min

0evidence files

Evidence

From logs/evidence/WEB-016/. Click a thumbnail for the full image.

No evidence files in logs/evidence/WEB-016/.

Tests

fail tokens css<->ts sync + WCAG AA contrast (game, console dark/light) · 1.1 s · raw log$ pnpm --filter @zoen/ui test && pnpm --filter @zoen/ui typecheck

fail tokens css<->ts sync + WCAG AA contrast (game, console dark/light) · 1.5 s · raw log$ pnpm --filter @zoen/ui test && pnpm --filter @zoen/ui typecheck

pass tokens css<->ts sync + WCAG AA contrast (game, console dark/light) · 1.8 s · raw log$ pnpm --filter @zoen/ui test && pnpm --filter @zoen/ui typecheck

Notes

2026-10-04 13:54 UTC · @zoen/ui tokens: tokens.ts (game, rarity, consoleDark, consoleLight, fonts, motion, contrast()) mirrored in styles/tokens.css (--zo-* vars; :root game, [data-theme=console] dark, data-mode=light|system light, reduced-motion zeroes durations) + styles/theme.css (@theme inline → bg-canvas/surface, text-fg/muted/dim/accent/…, font-display/body/ui/sans/mono). 59 tests: css<->ts sync + every text pair ≥ 4.5:1 (dim greys lightened/darkened to pass: game #978870, console dark #968a78, light #6c6254).