BUG 🐞: Dark mode gets turned off on refeshing page

[aslams2020]

Hey @JiyaGupta-cs, Here is the issue i encountered - The dark mode preference does not persist across page refreshes. Each time the page is refreshed, the mode resets to the default instead of maintaining the user-selected mode (dark or light). I think it is due to the theme state is not being persisted when the page is refreshed.

To Reproduce Steps to reproduce the behavior:

• Go to the website.
• Toggle the dark mode switch to change the theme.
• Refresh the page.
• Observe that the theme reverts to the default mode instead of retaining the selected mode.

Expected behavior

The selected dark or light mode should persist across page refreshes. If a user selects dark mode, the page should remain in dark mode even after refreshing.

Screenshots

Before refreshing the page looks like(currently in dark mode) :

After refreshing the page :

I hope I was able to explain the issue and the expected solution. If so, Could you please assign this issue to me under GSSoC 24?

[aslams2020]

@JiyaGupta-cs Could you please take a look to the issue I raised. I'll look forward to contribute to your project.