CSS Color Scheme Tutorial

Another CSS quick tip for 2021. This video covers the CSS prefers-color-scheme property and how we can use that to deliver dark or light color schemes based off of the users operating system preferences! We also take a look at a CSS toggle switch to go between light and dark color schemes
💖 SUBSCRIBE (Please) 💖
kzbin.info?s...
📢 Social Media 📢
TWITTER (@followandrewedu) ➞ / followandrewedu
#css #colorscheme #tutorial #webdev

[@FollowAndrew]

CSS Color Scheme Preferences - Part 6 of 21! 15 more to go! Which do you have your computer set to? Dark or Light?

[@michaelharveymusic]

Awesome vid, is this on scrimba?

[@FollowAndrew]

@@michaelharveymusic It is, but I haven't quite yet got that all setup over there. In the first couple of videos in the series I linked directly to the scrimba site. Will eventually get all links updated..

[@mikaelfarro]

Dark mode

[@04.nehalsingh12]

awesome tutorial sir

[@bkironas5473]

This was really helpful, but for example 3, where is the connection between your light/dark toggle and the prefers-color-scheme light/dark? How does your CSS know that when the toggle is on, the user prefers dark, and when off, they prefer light?