Dark theme issue in mobile screens

[iampsr8]

@arpanaditya After changing to dark theme, when clicked on the navbar icon, the theme gets toggled to light theme even before getting inside the navbar and selecting dark theme.

[arpanaditya]

@iampsr8 Thanks for bringing this to notice. I can't seem to find what's causing the problem. Could you please help?

[iampsr8]

@arpanaditya From what I seem to find you have implemented the set-theme state in the mobile component itself, where the useState is initialized with the light theme, so when we click on the mobile nav icon the mobile component opens and the theme gets initialized with light theme, analogous to that the same thing will happen in the web version as well i.e. when you reload the page in web the theme gets initialized with light theme. Instead of creating the state in the individual component you can create in the App.js file. Here I am linking some resources to help you

• Dark theme using react
• Dark mode react
• Hope this helps👍