Skip to content

Add dark/light theme toggle to dashboard #10

Description

@dcondrey

Difficulty: Moderate

The dashboard is dark-only. Add a theme toggle (sun/moon icon) in the sidebar that:

  1. Switches CSS variables between dark and light palettes
  2. Persists the choice in localStorage
  3. 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>.

Metadata

Metadata

Assignees

No one assigned

    Labels

    enhancementNew feature or requesthelp wantedExtra attention is needed

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions