Add Theme Toggle Button for Light/Dark Mode Support

[Pari658]

📌 Description

Overview

I would like to contribute by adding a Theme Toggle Button (Light/Dark Mode support) to improve the overall user experience and interface accessibility of the application.

Why This Feature is Important

• Enhances the overall UI/UX experience for users.
• Provides a more modern and professional interface.
• Helps users reduce eye strain, especially during night-time usage with dark mode.
• Allows users to personalize the application according to their preference.
• Improves accessibility and usability across different environments and devices.

Proposed Changes

• Add a toggle button for switching between Light Mode and Dark Mode.
• Maintain theme preference during navigation/reload.
• Ensure smooth and responsive theme transition across all pages/components.

Benefits

• Makes the application more user-friendly and interactive.
• Increases user engagement and comfort.
• Aligns the project with modern web application standards.

Contribution Request

I would love to work on this feature and contribute to the project.
Please assign this issue to me under the contribution program.

[Pari658]

Hi, I am a GSSoC 2026 contributor and would like to work on this. @pushkarscripts

[shivani3267]

Hi, @pushkarscripts , I would love to add this feature to your website as a GSSOC'26 contributor. Could you please assign it to me??

[pushkarscripts]

📌 Description

Overview

I would like to contribute by adding a Theme Toggle Button (Light/Dark Mode support) to improve the overall user experience and interface accessibility of the application.

Thanks for the suggestion and interest in contributing.

I’m a bit skeptical about introducing light/dark mode support right now since openCSE currently follows a very specific library/book-like visual theme and aesthetic across the platform.

A full theme toggle would also affect a lot of existing styling/components, so I’d first like to understand how you’re planning to pull it off without hampering the current design language and overall feel of the website.

If you already have some design direction in mind, feel free to share a rough mockup, draft, screenshots, or even a small prototype of how the light/dark themes would look on openCSE specifically. That would help me evaluate whether it fits the platform well before moving forward with the implementation.