BUG 🐞: Dark mode gets turned off on refreshing a page

[Tejashri-Taral]

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 light 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 light mode even after refreshing.

Screenshots (Mandatory)

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

After refreshing the page:

Are you contributing under any open-source program?
GSSOC'24

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?

[sh4f3e]

@JiyaGupta-cs Kindly Assign this bug to me I'm working under GSSOC'24 Contributor

[Tejashri-Taral]

@Sushilverma002 ,please take a look and review it.

[Tejashri-Taral]

@JiyaGupta-cs and @Sushilverma002 ,please take a look and review it.