Skip to content

[Feature] - Add Light/Dark Mode Toggle #92

@Sangeeta-20-stack

Description

@Sangeeta-20-stack

🧠 Describe the Feature

Add a light/dark mode toggle to the application. Currently, the app only supports dark mode. A toggle button should allow users to switch between light and dark themes dynamically.

💡 Why Is This Feature Needed?

Provides users with the flexibility to choose their preferred theme.

Improves accessibility and readability in different lighting conditions.

Aligns with modern application standards where theme switching is expected.

🖼️ Mockups / Visuals (if any)

A toggle button placed in the navigation bar or header.

Possible representations:

Dark mode enabled → shows "Light Mode" option

Light mode enabled → shows "Dark Mode" option

Smooth transitions between themes (e.g., background and text colors fade).

📎 Additional Context

The default theme should remain dark if no user preference is set.

The theme preference should be saved (e.g., in localStorage) to persist across sessions.

Tailwind CSS projects can use darkMode: 'class', while plain CSS projects can use CSS variables.

Kindly assign me this issue.

Metadata

Metadata

Labels

Projects

No projects

Milestone

No milestone

Relationships

None yet

Development

No branches or pull requests

Issue actions