Create a Dark light theme switch | javaScript

Publié le: 24 août 2020
sur la chaîne: Deepak Karanjekar
47
4

How to create a Dark / Light theme switch using javascript.

To achieve this result, we are going to define all our project colors using CSS custom properties; and then, when a specific data attribute (or you can use a CSS class) is added to the body element, we update all these CSS variables with their new dark-theme values.

For example, we can use the color white as the default background-color for a component, and then change it to black when a data-theme="dark" is added to the body element:

Github link - https://github.com/deepakaranjekar/da...

W3schools toggle HTML and css link - https://www.w3schools.com/howto/howto...


Sur cette page du site, vous pouvez voir la vidéo en ligne Create a Dark light theme switch | javaScript durée heure minute seconde en bonne qualité , qui a été Téléchargé par l'utilisateur Deepak Karanjekar 24 août 2020, Partagez le lien avec vos amis et connaissances, sur youtube cette vidéo a déjà été regardée 47 fois et il a aimé 4 téléspectateurs. Bon visionnage!