Skip to content

Add Theme Toggle (Light/Dark/Colorblind Modes) #27

@RyderKeeny

Description

@RyderKeeny

Description:
After the front-end visualization is mostly completed, update the CSS and UI components to support multiple visual themes. Add a toggle or button on the home page that allows users to switch between light mode, dark mode, and a colorblind-friendly mode designed for common red-green colorblind types (deuteranopia/protanopia).

Requirements:

  • Implement a theme toggle component/button on the home page.

  • Light and dark themes should apply globally across all components.

  • Add a third theme optimized for red-green colorblind accessibility (e.g., adjusted color palettes and contrast ratios).

  • Ensure smooth transitions when switching themes.

Metadata

Metadata

Assignees

No one assigned

    Labels

    enhancementNew feature or request

    Type

    No type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions