Skip to content

[FEATURE]Implement Dark/Light Mode Toggle #82

@Sangeeta-20-stack

Description

@Sangeeta-20-stack

Is your feature request related to a problem? Please describe.
Yes. Currently, the project does not have a way for users to switch between dark and light modes. This limits accessibility and user experience, as some users may prefer a different theme depending on their environment or personal preference. Adding a toggle will allow users to control the appearance of the UI and ensure consistent experience across sessions.

Describe the solution you'd like
I would like to implement a toggle switch in the UI that allows users to switch between dark and light modes. The solution should:

Track the current theme using a state variable or context.

Apply appropriate CSS classes or framework-specific variants dynamically to switch themes.

Persist the user’s preference across page reloads using localStorage or cookies.

Ensure smooth transitions between themes without breaking existing components.

Describe alternatives you've considered
A clear and concise description of any alternative solutions or features you've considered.

Additional context
Add any other context or screenshots about the feature request here.

Kindly assign me this issue

Metadata

Metadata

Projects

No projects

Milestone

No milestone

Relationships

None yet

Development

No branches or pull requests

Issue actions