Skip to content

Add Light/Dark Mode Toggle #408

Description

@Sangeeta-20-stack

Implement a theme toggle that allows users to switch between light and dark modes. The toggle should:

Be accessible from the navbar or header.

Persist the user’s preference (using localStorage or a similar method).

Update the UI instantly without requiring a page refresh.

Keep existing dark mode styling intact.

Proposed Implementation:

Enable class-based dark mode in tailwind.config.js if not already done.

Create a ThemeContext to manage theme state globally.

Wrap the application with the ThemeProvider.

Add a toggle button to the navbar/header.

Update Tailwind classes to support both light and dark modes where needed.

Kindly assign me this issue.

Metadata

Metadata

Labels

gssoc25GirlScript Summer of Code 2025level 2medium

Type

No type

Projects

No projects

Milestone

No milestone

Relationships

None yet

Development

No branches or pull requests

Issue actions