How to Toggle Dark Mode Using HTML, CSS, and Javascript

Publié le: 23 mai 2022
sur la chaîne: Lyrad Digital

1,729

Hey guys

In this video I show you how to toggle between a light and dark mode theme using just HTML, CSS and Javascript.

This video talks about color schemes and the color-scheme property. How we can utilize this along with the prefers-color-scheme media query to enable different theme for both light and dark modes.

I then show you how to implement toggling between light and dark mode using javascript and localStorage.

Sections in this video.

00:00-00:20 - Introduction
00:21-06:12 - Color Schemes and the color-scheme property
06:13-10:39 - Color Preferences and the prefers-color-scheme media query
10:40- 21:44 - Toggling Color Schemes using Javascript
21:45-31:29 - Storing Color Preferences in localStorage
31:28-31:37 - Outro

Sur cette page du site, vous pouvez voir la vidéo en ligne How to Toggle Dark Mode Using HTML, CSS, and Javascript durée heure minute seconde en bonne qualité , qui a été Téléchargé par l'utilisateur Lyrad Digital 23 mai 2022, Partagez le lien avec vos amis et connaissances, sur youtube cette vidéo a déjà été regardée 1,729 fois et il a aimé 27 téléspectateurs. Bon visionnage!

1,212