[Feature Request]: Implement Dark/Light Mode Toggle

[Sangeeta-20-stack]

Is there an existing issue for this?

• I have searched the existing issues

Feature Description

The project currently does not have a theme toggle. Adding a dark/light mode toggle will improve accessibility and user experience, allowing users to switch between themes based on preference.

Use Case

A user visits the project and wants to switch the UI between dark and light modes for better readability or personal preference.

The user clicks a toggle switch (e.g., in the header or settings panel) to change the theme instantly.

The selected theme persists across page reloads or navigation, so the user does not need to reselect it each time.

Benefits

Improved User Experience: Users can choose the theme that suits their preference, making the UI more comfortable to use.

Accessibility: Supports users with visual sensitivities or those working in different lighting conditions.

Consistency: Theme preference persists across pages and sessions, providing a seamless experience.

Modern UI Standard: Adding a toggle aligns the project with common modern web practices.

Add ScreenShots

No response

Priority

High

Record

• I have read the Contributing Guidelines
• I'm a GSSOC'25 contributor
• I'm a SSOC'25 contributor
• I want to work on this issue

[nagaumamahesh]

Hi @Sangeeta-20-stack, already there is an option for Theme toggling. You need to login for the icon to be visible