The Dark mode function gets turned off on refreshing a page or if we try to navigate to other pages through Footer. (You may check that)
I think it is due to the theme state is not being persisted when the page is refreshed.
What are the benefits of this modification:
I believe by storing the theme state in the browser's local storage, we ensure that:
The theme persists across page reloads and navigations
Even when the user navigates away from the page, the theme persist
This provides a seamless experience for users who prefer a specific theme setting. (for example, social media and our IDEs stay on the theme mode that we have selected).
Screenshots
Before refreshing the page looks like(currently in dark mode) :
After refreshing the page :
@Kiran-pro2001, 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?
Hey @Kiran-pro2001 ,
The Dark mode function gets turned off on refreshing a page or if we try to navigate to other pages through Footer. (You may check that) I think it is due to the theme state is not being persisted when the page is refreshed.
What are the benefits of this modification:
I believe by storing the theme state in the browser's local storage, we ensure that:
Screenshots
Before refreshing the page looks like(currently in dark mode) :
After refreshing the page :
@Kiran-pro2001, 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?