Skip to content

Add Dark Mode / Light Mode Support to Frontend #17

@sasidaran-99

Description

@sasidaran-99

Description

The frontend currently supports a single theme. Adding a dark/light mode toggle would improve accessibility and user experience, especially for users working on security reports and scan results for extended periods.

Proposed Changes

  • Add a theme toggle button in the header/navbar.
  • Support both dark and light themes across all major pages.
  • Persist the selected theme using localStorage.
  • Ensure findings, reports, forms, and navigation components adapt correctly to the selected theme.

Acceptance Criteria

  • Users can switch between dark and light modes.
  • Theme preference persists after page refresh.
  • All major UI components render correctly in both themes.
  • No accessibility or contrast issues are introduced.

Metadata

Metadata

Assignees

No one assigned

    Labels

    enhancementNew feature or request

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions