dash: a manual light/dark toggle
Your AI's guard dog to stop it from going rogue.
Brought to you by:
doberman
Menu
▾
▴
#437 dash: a manual light/dark toggle
open
nobody
2026-08-20
2026-08-20
Anonymous
No
Originally created by: fu351
The dashboard switches palette only through @media (prefers-color-scheme: light) (src/doberman/dash/app.py:116). Someone whose OS is set one way but who is sharing a screen, or just prefers the other look, has no override.
What to do
- Keep the media query for the default, and add
:root[data-theme="light"]/:root[data-theme="dark"]blocks carrying the same custom-property values, so an explicit choice wins in both directions. - Add a small toggle button in the
Recent decisionsheader row (not in.topbar-right; see heads-up). On click setdocument.documentElement.dataset.themeto the other value and store it inlocalStorageinside atry/catch(the file already guardssessionStoragethat way, lines 306-314). - On load, read
localStorageand applydata-themebefore the first paint (a tiny inline script at the top of<body>). - Test in
tests/unit/test_dash_polish.py: the shell containsdata-themeand the toggle markup.
Cosmetic, client-side only. Heads-up: [#401] and [#415] are in flight against dash/app.py's top bar; branch from a fresh main and expect a small rebase if they land mid-way.
Related
