Adding Light mode Toggle Button

[yashkhandelwal16]

Currently, the website operates only in a single (dark) theme. Adding a Light mode toggle button would greatly enhance the user experience by allowing users to switch between themes based on their preference and environment.

So @abhikalparya , Please assign this to me under EcWOC 26.

[Dhanush0058]

Hello Maintainers 👋
I’m an ECWOC contributor, and I would like to work on Issue #4: Adding Light Mode Toggle Button.

Problem to Solve:

The application currently lacks a light mode option, which may reduce usability for users who prefer brighter themes or work in well-lit environments.

Absence of a theme toggle limits accessibility and user personalization.

Proposed Solution & Approach:

Implement a light mode toggle button that allows users to switch between light and dark themes seamlessly.

Use a global theme state (CSS variables / context / state management as per project setup) to ensure consistency across all components.

Store the user’s theme preference (localStorage or equivalent) so the selection persists across sessions.

Ensure smooth transitions between themes and maintain visual accessibility (contrast, readability).

Keep the toggle UI minimal and consistent with the existing design system.

Tech Stack (as per project standards):

Frontend: HTML, CSS, JavaScript (or React, if applicable)

Styling: CSS variables / Tailwind / existing theme framework

State Handling: JavaScript state or React state/context

I will follow the project’s guidelines, test the feature across screen sizes, and ensure it does not affect existing functionality.
Please let me know if I can proceed. Thank you!

🔥 Why maintainers like this

✔ Clear problem statement
✔ Well-thought-out solution
✔ Mentions persistence & accessibility
✔ Professional ECWOC tone

If you want, I can:

Shorten it

Make it React-specific

Make it beginner-friendly

Just tell me 🚀

[Piyush667-gif]

please assign me for this issues

[Sukhmanpreetkaur18]

Hello 👋
I’m a beginner contributor and would like to work on this issue.
I have basic knowledge of HTML, CSS, and JavaScript.

Could you please assign this issue to me?
Thank you!

[1212ekta]

I want to do this task @abhikalparya

[Piyush667-gif]

I want to do this task @abhikalparya

Iam working on it