Add light/dark mode toggle for better user experience

[Pooja975-ai]

Feature Description

Currently, the website appears in dark mode by default without giving users an option to switch themes. I would like to suggest adding a light/dark mode toggle so users can choose their preferred theme.

Problem It Solves

--> What problem does this feature solve?
Some users may prefer light mode for better readability and comfort. Providing both themes improves accessibility and overall user experience.

--> How would you implement it?
Implement a theme toggle button in the navbar or settings section that allows switching between dark mode and light mode. The selected theme can also be stored using localStorage so the preference remains saved.

--> Any alternative approaches?
No alternative approaches.

Difficulty Estimate

🟡 Medium
I would like to work on this issue under GSSoC'26 and submit a PR for it...

[sat-06]

Hi @probably-ABHINAV
Hi @Pooja975-ai

I would like to work on this feature under GSSoC 2026.

I understand the feature requirements:

• Adding a light/dark mode toggle for better user experience
• Allowing users to switch themes dynamically
• Persisting the selected theme using localStorage
• Integrating the toggle cleanly into the existing UI/navbar

I believe this feature will improve accessibility and usability for contributors and users who prefer different viewing modes.

I have gone through the CONTRIBUTING guidelines and will follow the project conventions properly.

Please assign this issue to me.

[Deepshikha2911]

Hello @probably-ABHINAV, I have reviewed this feature request and would like to work on it under GSSoC 2026. Specifically, I would love to add a dark/light mode toggle as an accessible and easy way for users to personalize their experience with the app. The toggle would persistently store the selected theme using the localStorage.

Would you mind assigning this task to me?

[ZaraKhadeer]

Hi @probably-ABHINAV ,

I’m highly interested in working on this issue under GSSoC'26. Since this feature directly impacts user accessibility and overall UI experience, I would love to contribute a clean and well-integrated implementation.

My plan is to:

• Implement a smooth light/dark mode toggle
• Ensure theme consistency across all pages/components
• Maintain responsive and accessible UI behavior
• Keep the implementation optimized and scalable for future UI updates

I have experience working with frontend customization and UI enhancement features, and I’m confident I can deliver a polished contribution aligned with the project’s current design.

Please consider assigning this issue to me. I’d be excited to contribute to the project.

[github-actions]

👋 This issue has been automatically marked as stale because it has had no activity for 7 days. It will be closed in 3 days if no further activity occurs.
If you're still working on this, please comment to keep it open.

[Deepshikha2911]

Hello @probably-ABHINAV, this issue is not assigned yet, could you please assign it to me.

[sat-06]

/assign

[sat-06]

/claim

[shruti2875]

Hi! I'd like to work on this issue under GSSoC. Could you please assign it to me?