Difficulty: Moderate
The dashboard is dark-only. Add a theme toggle (sun/moon icon) in the sidebar that:
- Switches CSS variables between dark and light palettes
- Persists the choice in
localStorage
- Respects
prefers-color-scheme media query on first visit
Where to look: static/style.css (CSS variables at :root), static/app.js, templates/index.html
Approach: Define a second set of CSS variables under [data-theme="light"] and toggle the attribute on <html>.
Difficulty: Moderate
The dashboard is dark-only. Add a theme toggle (sun/moon icon) in the sidebar that:
localStorageprefers-color-schememedia query on first visitWhere to look:
static/style.css(CSS variables at:root),static/app.js,templates/index.htmlApproach: Define a second set of CSS variables under
[data-theme="light"]and toggle the attribute on<html>.