Would we need to add this every page on our project? Like suppose we have 2 pages, we need all these in both those pages. And I think the dark mode value will continue to follow on next page too.
Thanks for the great tutorial! Awesome. Could you share how to keep darkmode(or light) over different page? becuase when I click other menu, it changed to light mode from dark. :-)
@@Thirus This Stackoverflow solution is a completely different approach and cannot be applied to your script. Maybe you can do a follow-up video on how to improve your solution.
Hi mam I m facing the pb of display I want to show in lg screen of image and mobile devices I want to show hidden of image "hidden md:block " I used but doesn't work show this kind of pb how to solve mam if possible as soon as reply for this question
Have you tried inspecting the element in browser? You will have to share screenshots of your code for me to understand why it’s not working. DM me on Twitter @shrutibalasa
Hi, I hope you can help me, when I try to add to the switch button (or another type of button xd) it doesn't run and the console in the browser shows me this message "ReferenceError: isDark is not defined" :c I follow all of your instructions
Such clear thinking and tutorials, thank you Shruti!
Thanks for the comment Mauricio 😊🙌
Shurti has done it again...good work
Thank you!
Yet another great video! Thanks, Shruti!
Welcome :)
Would we need to add this every page on our project? Like suppose we have 2 pages, we need all these in both those pages.
And I think the dark mode value will continue to follow on next page too.
Yes, it needs to be on each page. And yes, the preference is saved.
Great!!
Thanks for the great tutorial! Awesome. Could you share how to keep darkmode(or light) over different page? becuase when I click other menu, it changed to light mode from dark. :-)
Hi, I’ve shown exactly that towards the end of the tutorial using localStorage.
Hi, Thanks for your sharing, How can I change my logo image when I use dark mode toggled ? Thanks again...!
Using Tailwind css:
.\!logo-light {
content: url("logo-light.png") !important;
.dark .dark\:\!logo-dark {
content: url("logo-dark.png") !important;
}
@@PriyanshuCK Thank very much....!
u change my mind about women instructor
Interesting!
Hi. i've got a problem.
in localstorage the darkMode set to true, but whenever i reload the page the page gone light for some milisecond then get dark
Oh! Try this solution - stackoverflow.com/a/59628913
Haven’t tried it myself, but it might help.
@@Thirus This Stackoverflow solution is a completely different approach and cannot be applied to your script. Maybe you can do a follow-up video on how to improve your solution.
Hi mam I m facing the pb of display I want to show in lg screen of image and mobile devices I want to show hidden of image "hidden md:block " I used but doesn't work show this kind of pb how to solve mam if possible as soon as reply for this question
Have you tried inspecting the element in browser?
You will have to share screenshots of your code for me to understand why it’s not working. DM me on Twitter @shrutibalasa
Hi, I hope you can help me, when I try to add to the switch button (or another type of button xd) it doesn't run and the console in the browser shows me this message "ReferenceError: isDark is not defined" :c I follow all of your instructions
I will need to look at your code to help. DM me on Twitter twitter.com/shrutibalasa
@@Thirus Thanks! I fixed it yesterday, I was trying to use an old version of AlpineJS haha thanks anyway, good video!
Great to know it’s solved :)