Skip to content

Add dark theme support #1

@codebounty-local-platformapp

Description

Problem

TaskForge currently has only a light theme. Many users (especially night owls) have asked for a dark mode.

Proposed solution

  • Detect the user's prefers-color-scheme and apply a dark palette by default when the system is set to dark.
  • Add a toggle in the header so users can override the system preference.
  • Persist the choice in localStorage under taskforge.theme.
  • Use CSS custom properties; do not introduce a CSS framework.

Acceptance criteria

  • Toggle button visible in the header
  • Respects system preference on first load
  • User choice persists across reloads
  • No flash-of-unstyled-content on dark theme load
  • All existing tests still pass

A bounty has been opened for this issue on CodeBounty.

Metadata

Metadata

Assignees

No one assigned

    Type

    No type
    No fields configured for issues without a type.

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions