BUG🐞: Dark mode gets reset on refreshing the page

[aslams2020]

Is there an existing issue for this?

• [X] I have searched the existing issues

What happened?

Hey @Its-Aman-Yadav / @Kalivarapubindusree , 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.

Video

Before refreshing the page looks like(currently in dark mode) and After refreshing the page : Here as you can see -

https://github.com/Its-Aman-Yadav/Community-Site/assets/131389695/ac002a1a-daec-4aa6-895a-3a54de7d71de

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.

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

Record

• [X] I agree to follow this project's Code of Conduct
• [X] I'm a GSSOC'24 contributor
• [X] I want to work on this issue

[github-actions[bot]]

Congratulations, @aslams2020! 🎉 Thank you for creating your issue. Your contribution is greatly appreciated and we look forward to working with you to resolve the issue. Keep up the great work!

We will promptly review your changes and offer feedback. Keep up the excellent work! Kindly remember to check our contributing guidelines

[aslams2020]

@Its-Aman-Yadav