Dark Mode Toggle Button Not Working

[Auro993]

Bug Description

The Dark Mode toggle button (moon icon) in the navbar is not changing the website theme when clicked.

Current Behavior

• Clicking the moon icon does not switch between light and dark themes.
• The button is visible and clickable, but no theme change occurs.

Expected Behavior

• Clicking the moon icon should toggle the application theme between light and dark mode.
• The selected theme should be applied across the application.

Steps to Reproduce

1. Open the homepage.
2. Locate the moon icon in the navbar.
3. Click the icon.
4. Observe that the theme does not change.

Possible Cause

• Theme toggle handler may not be firing.
• ThemeProvider may not be configured correctly.
• Theme state may not be updating or persisting.

Environment

• Browser: Chrome
• Device: Desktop

[anjalikumari45]

/assign

Hi @komalharshita , I would like to work on this issue.

Proposed Solution Approach
Based on the reported behavior, the issue likely stems from a failure in state management or the theme toggle handler. My plan to debug and fix this is as follows:

Reproduce & Debug: I will first reproduce the issue locally to confirm if the onClick event is firing. I will check the console for any errors and use React DevTools to inspect the theme state.

Verify Handler: I will examine the Navbar component to ensure the moon icon is correctly calling the toggle function.

Check ThemeProvider: I will review the ThemeProvider implementation (likely in App.js or a context wrapper) to ensure it correctly holds the theme state and provides the toggle function to the rest of the application.

Persistent State: If the toggle works but doesn't persist, I will check the localStorage implementation to ensure the theme preference is saved and retrieved correctly on page reload.

Implementation: Apply the fix, verify that the theme class/style updates across the application, and test against both light and dark mode requirements.

Please assign this issue to me so I can get started!

[sayan-netizen]

I would like to contribute under GSSOC'26