Skip to content

[Feature] Toggle Dark/Light #432

@Ujjwalrai01

Description

@Ujjwalrai01

💡 Feature Summary

Add a Dark/Light mode toggle in the header that allows users to switch themes seamlessly.
The selected preference should persist using localStorage and automatically adapt the UI
colors (background, text, buttons, and cards) using CSS variables.

🔎 Problem Statement

Currently, the application only supports a single theme. Users cannot switch between Dark and Light mode, which affects accessibility and user preference.

🚀 Proposed Solution

Implement a Dark/Light mode toggle in the header using CSS variables. Store the user’s preference in localStorage so the theme persists across sessions.

📊 Alternatives Considered

No response

📝 Additional Context

No response

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