Project: pixel-dash · Branch: feat/theme · Mode: default · Model: qwen3-coder

Summary

Introduced design tokens as CSS custom properties, a system-aware dark mode with a manual override persisted in localStorage, and fixed three charts that hard-coded colors.

Conversation

Turn 1 — User

Add dark mode that follows the OS but can be overridden.

Turn 1 — Assistant

Tokens in :root and [data-theme=dark], a tiny useTheme hook, and an inline script in index.html that sets the theme before first paint to avoid a flash.

Tools used in this turn:

- Write: src/theme/tokens.css
- Write: src/theme/useTheme.ts
- Edit: index.html — pre-paint theme script
- Bash: pnpm test — 24 passed

Connections

- pixel-dash
- DesignTokens
- DarkMode
- CSSCustomProperties