The design tokens live in web/src/styles/tokens.css (single light theme today). Add a dark palette behind a prefers-color-scheme media query plus a manual toggle in the topbar. Board CONTENT (the fills users picked) stays as-is — only the chrome (panels, topbar, canvas background/grid) flips.
Where to look: web/src/styles/tokens.css (CSS custom properties at the top), web/src/features/editor/EditorTopbar.tsx for the toggle.
Done when: OS dark → dark chrome; the toggle overrides it and persists in localStorage.
The design tokens live in
web/src/styles/tokens.css(single light theme today). Add a dark palette behind aprefers-color-schememedia query plus a manual toggle in the topbar. Board CONTENT (the fills users picked) stays as-is — only the chrome (panels, topbar, canvas background/grid) flips.Where to look:
web/src/styles/tokens.css(CSS custom properties at the top),web/src/features/editor/EditorTopbar.tsxfor the toggle.Done when: OS dark → dark chrome; the toggle overrides it and persists in localStorage.