Build Your Own THEME SELECTOR with JavaScript & CSS

View the SOURCE CODE:
github.com/dco...
In today's video we'll be building a theme selector using HTML, CSS and JavaScript. This is very easy to do and will even use Local Storage to save the chosen theme.
Explore FusionCharts:
www.fusionchar...
Thanks to FusionCharts for sponsoring today's video!
🏫 My Udemy Courses - www.udemy.com/...
🎨 Download my VS Code theme - marketplace.vi...
💜 Join my Discord Server - / discord
🐦 Find me on Twitter - / dcodeyt
💸 Support me on Patreon - / dcode
📰 Follow me on DEV Community - dev.to/dcodeyt
📹 Join this channel to get access to perks - / @dcode-software
If this video helped you out and you'd like to see more, make sure to leave a like and subscribe to dcode!
#dcode #javascript #css

[@3hsan]

Hey man, before your account blows up, I want to thank you with my whole heart for giving us this content. Your content is ideal for beginners like me. Pls don't stop making these types of tutorials where you explain things in small, logical steps. I specifically love these javascript series where you make different types of applications/components of sites. ❤

[@BenjaminAster]

Why do you have Chrome in light mode? It hurts so much in my eyes!

[@dcode-software]

Explore FusionCharts:
www.fusioncharts.com/?Leads%20Acquisition&
Thanks to FusionCharts for sponsoring today's video!

[@p3ych808]

Thanks for the video tutorial, this is what I needed all this time.
Thanks You. ❤️😀😘

[@chubbyBunny94]

Chrome now has a media query for dark more; you just put the another root rule inside it and when the client sees that the user prefers dark mode, it’ll use those colours. You can test by looking under the rendering tab in dev tools and clicking test dark mode something. Can’t really remember, don’t have a computer near me

[@smoothbeak]

Great video, I had absolutely zero idea that you could change css style sheets dynamically like that :|

[@eduardosy1593]

Question: how can the retain the color on other pages??

[@lucascapparelliranieri6922]

Can someone help me? So, one of the things that the themes of my page should also change is the background, so I set a variable in each css theme file as "--background: url(./assets/backgrounds/standart.png);" (the png pictures are in a folder called backgrounds, in a folder called assets) and put this variable on my main stylesheet too. So I did everything in the video, step by step, all the colors are changing correctly as I change the themes, but not the background picture, that is actually not even showing on the default theme, a white flat background is everything showing.

[@costagmc1]

Thanks dcode

[@li-ma-mu]

thank you so much for these videos! they are great and i am learning so many new things!

[@ijajulislam7223]

Great project ..sir want more js project

[@maskman4821]

what an awesome tutorial 🤩

[@MrBoiks]

You read my mind!

[@arakazanjian6686]

You are amazing !

[@CrazyCodingChannel]

Really cool video, like

[@adlurirohith7149]

Amazing as always

[@noah_edwrds]

PERFECT ! THANKS

[@beinyourguard]

pretty nice!

[@thinkdomotic4915]

👍❤