Create a Dark light theme switch | javaScript

Publicado el: 24 agosto 2020
en el canal de: 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...


En esta página del sitio puede ver el video en línea Create a Dark light theme switch | javaScript de Duración hora minuto segunda en buena calidad , que subió el usuario Deepak Karanjekar 24 agosto 2020, comparta el enlace con amigos y conocidos, en youtube este video ya ha sido visto 47 veces y le gustó 4 a los espectadores. Disfruta viendo!