Skip to content

Implement Dark/Light Mode Toggle #62

@Sangeeta-20-stack

Description

@Sangeeta-20-stack

Description:
The project currently has dark mode implemented, but users cannot switch between dark and light modes. Adding a toggle will improve accessibility, user experience, and allow users to control the theme according to their preference.

Steps to Reproduce:

Open the project.

Observe that dark mode is applied by default.

Notice that there is no option to switch to light mode.

Expected Behavior:

Users should be able to switch between dark and light modes via a toggle button.

The selected theme should persist across page reloads and navigation.

Actual Behavior:

Dark mode is applied by default.

No toggle exists to switch themes.

Use Case:

Users can switch the UI between dark and light modes for better readability or personal preference.

The selected theme persists across pages and sessions for a consistent experience.

Benefits:

Improved user experience and comfort.

Better accessibility for different lighting conditions.

Consistent UI experience across pages and sessions.

Aligns with modern web standards.

Kindly assign me this issue

Metadata

Metadata

Labels

good first issueGood for newcomersgssoc25Contributions for the gssoc '25level-3The hardest Issue but the highest points

Projects

No projects

Milestone

No milestone

Relationships

None yet

Development

No branches or pull requests

Issue actions