Dark/Light Theme Toggler Not Working...

[Devanshukoli]

Describe the bug

• So, In Navbar when I click on theme toggler then it's not working properly.

To Reproduce

• Go to navbar.
• Then click on Dark/Light theme toggler.

Expected behavior

• It should switch between Dark/Light theme accordingly.

Screenshots

• https://github.com/user-attachments/assets/29aef16e-344b-495d-9c00-875a46c076b8

Desktop (please complete the following information):

• OS: Window
• Browser: Edge
• Version: latest

Additional context

• I would like to work on this issue. 😃

[MOHAMMED-IQRAMUL]

Great Idea, You can Work on this, After Contributing add your details in Contributing/Readme.md

[Devanshukoli]

Hey! so, I have been working on this issue for a while and have debugged quite a lot. And stuck on this:

Debugging things

• Here, I'm correctly able to check if the button is working or not.
• The Theme Toggler is also changing from dark theme to light theme.

issue still arises.

• I'm still unable to check on where the breaking changes are occurring.

can you give me few directions on which it might help me. cc: @MOHAMMED-IQRAMUL

[MOHAMMED-IQRAMUL]

@Devanshukoli Hello,

Kindly refer to the following:

Issue #35 : This is where the feature was first implemented. The problem that arose was that the current theme was not loaded from the system's default settings, causing an error.

Issue #38 : This issue was intended to fix the problem mentioned above but introduced some bugs later on.

Additional Context:

• Review ThemeToggle.js
• Check localStorage or sessionStorage Usage

For both issues, please ensure:

• The theme data is correctly stored as a JSON string in local storage.
• Proper error handling is implemented when reading and parsing the theme data.
• The theme toggle functionality correctly updates and persists the theme state.
• By addressing these areas, we can ensure the theme toggle feature works reliably and without errors.

Thank you.