[Bug]: Dark Mode Toggle Button Not Switching to Light Mode

[SRSoham]

🐛 Description

The dark/light mode toggle button in the navbar is currently not functioning properly. The website remains stuck in dark mode even after clicking the toggle button.

---

❌ Current Behavior

• Clicking the theme toggle button does not switch the website to light mode.
• The UI stays permanently in dark mode.

---

✅ Expected Behavior

• Clicking the toggle button should switch between:
  • 🌙 Dark Mode
  • ☀️ Light Mode
• Theme changes should reflect across the entire website.

---

💡 Possible Cause

The theme state may not be updating correctly, or the light theme classes/styles are not being applied properly.

---

🛠 Suggested Fix

• Verify theme state management logic
• Ensure light mode CSS variables/classes are implemented
• Check if localStorage/theme persistence is updating correctly
• Confirm the toggle button updates the DOM/theme provider properly

---

🎯 Acceptance Criteria

✔️ Theme toggle switches between dark and light mode
✔️ UI updates instantly after clicking
✔️ Theme persists after page refresh
✔️ No layout/UI breaking issues in either mode

---

📌 Additional Notes

This is an important usability issue since users currently cannot access light mode.

[siri159]

Hi @imDarshanGK
I'd like to work on this issue under GSSoC'26.
Fix Plan: I will check the theme toggle logic in the navbar component, verify the theme state management, ensure light mode CSS classes are being applied correctly to the DOM, and confirm localStorage is saving and loading the theme preference properly.
Please assign this issue to me — I can submit a PR quickly!
Thank you!

[divyaguptamo]

Hi @imDarshanGK

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

I have experience with HTML, CSS, JavaScript, React, Git, and GitHub. I have reviewed the issue and would like to investigate the dark mode toggle functionality, identify the root cause, and implement a reliable fix to ensure smooth switching between dark and light themes.

I will follow the project's contribution guidelines, thoroughly test the solution, and maintain code quality.

Kindly assign this issue to me. I can fix issue quickly.

Thank you!

[priyalgupta776-ux]

Hey @imDarshanGK
I would like to work on this issue under GSSoC 2026.
I have looked into the issue and clearly understood the requirements.
I'd love to contribute in this project, kindly assign this issue to me!

Thankyou!

[Siddheshgupta7905]

Hi @imDarshanGK 👋

I went through the issue and would love to work on it under GSSoC'26.

I’ll check the theme toggle flow, verify whether the theme state and localStorage are updating properly, and make sure both dark and light mode work consistently across the app.

I’ll also test the fix after refresh and across different pages to avoid any UI inconsistencies.

Please assign this issue to me if possible. Thanks!

[mks-mk]

I'd be interested in contributing a fix for this issue. Please let me know if there are any implementation preferences.

[Himanshux19]

Hey @imDarshanGK
I would like to work on this issue under GSSoC 2026. I have looked into the issue and clearly understood the requirements. I'd love to contribute in this project, kindly assign this issue to me!

Thankyou!

[Shreeya1207]

Hello 👋 @imDarshanGK
I would like to contribute to this issue under GSSoC. Could you please assign it to me?
I’ve gone through the problem and I’m confident I can work on it. I’ll raise a PR as soon as possible.
Thank you!

[mishrapragathi62-debug]

Hi @imDarshanGK 👋

I would like to work on this issue under GSSoC'26.

Proposed Solution

After reviewing the issue and understanding the project structure, I identified that the dark/light mode toggle functionality is not updating the application theme correctly.

My approach will be:

• Analyze the current theme state management and identify where the toggle event is handled.
• Verify whether the selected theme is being stored and retrieved correctly from localStorage.
• Check if the appropriate light-mode classes, CSS variables, or DOM attributes are being applied when the theme changes.
• Ensure the UI updates instantly across all components when switching between dark and light modes.
• Verify that the selected theme persists after page refresh.
• Test both themes thoroughly to ensure there are no styling or layout regressions.

I will follow the project's contribution guidelines, keep the implementation clean and well-tested, and submit a PR within the assignment period.

Thank you for your consideration.

[hansikawork-432]

/assign

[Di-vya1211]

Hi @SRSoham,

I would like to claim this issue for GSSoC 2026.

What I Observed:The navbar toggle button isn't switching the website to light mode, leaving the UI stuck in dark mode because the theme state or classes aren't updating correctly.

My Approach:
I'll debug the toggle click handler to ensure state transitions work perfectly.
I will inspect the file to check the underlying theme setup and ensure the correct classes are toggled on the root element.
I'll make sure the layout updates globally across all components.

Please assign this issue to me. Thank you!