Skip to content

Add a dark-mode toggle control to TopHeader.tsx (styling only) #13

Description

@Akatenvictor

Context

Tailwind CSS 4 is configured but the app has no dark mode despite the dependency being available. As a first step, add a toggle UI control in TopHeader.tsx that switches a dark class on the html/body element and persists the choice to localStorage.

Acceptance Criteria

  • Toggle button in TopHeader.tsx switches dark class on the root html element
  • Preference persists across reloads via localStorage
  • Toggle has accessible label and visible focus state

Metadata

Metadata

Assignees

No one assigned

    Labels

    Stellar WaveIssues in the Stellar wave programfrontendWork specific to this repogood-first-issueSmall scoped task, good entry point

    Type

    No type

    Projects

    No projects

      Milestone

      No milestone

      Relationships

      None yet

      Development

      No branches or pull requests

      Issue actions