Skip to content

Implement dark/light themes #27

@superposition

Description

@superposition

Description

Add theme support with dark and light modes.

Tasks

  • Define CSS custom properties for colors
  • Create dark theme color palette
  • Create light theme color palette
  • Detect system preference (prefers-color-scheme)
  • Add theme toggle in header
  • Persist theme preference in localStorage
  • Update WebGL colors to match theme
  • Style all components for both themes

Acceptance Criteria

  • Both themes look polished
  • System preference is respected
  • Toggle switches themes smoothly

Labels

web-app, frontend, ui

Metadata

Metadata

Assignees

No one assigned

    Labels

    No labels
    No labels

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions