Dark Mode in CSS
5.5K views · 2022-07-28
UI Design
How often do you find yourself on a website or app looking for a toggle for dark mode? Most apps nowadays, like Facebook, Twitter, Instagram, & Snapchat just to name a few, use some sort of dark mode feature. Implementing this is actually pretty quick and simple. There are many ways to go about this but the method I prefer is using CSS variables. Follow along and I’ll show you how I tackle this feature. Join Treehouse today and start your free trial to learn more!
https://trhouse.co/3MWei3l
0:00 Intro
0:25 CSS variables walkthrough
1:24 Code overview
2:13 Overriding variables
2:34 Testing code
3:00 Setting up event listener
4:11 Outro
Learn how to build websites and apps, write code, or start a business at Treehouse. Learn from over 1,000 videos created by our expert teachers on web design, coding, business, and much more. Treehouse teaches the in-demand technology skills you need to land your dream job.
Follow Us!
Twitter: https://twitter.com/treehouse
Instagram: https://instagram.com/teamtreehouse
LinkedIn: https://www.linkedin.com/school/treehouse-island-inc-/
Facebook: https://www.facebook.com/teamtreehouse/
#coding #programming #development #css
https://trhouse.co/3MWei3l
0:00 Intro
0:25 CSS variables walkthrough
1:24 Code overview
2:13 Overriding variables
2:34 Testing code
3:00 Setting up event listener
4:11 Outro
Learn how to build websites and apps, write code, or start a business at Treehouse. Learn from over 1,000 videos created by our expert teachers on web design, coding, business, and much more. Treehouse teaches the in-demand technology skills you need to land your dream job.
Follow Us!
Twitter: https://twitter.com/treehouse
Instagram: https://instagram.com/teamtreehouse
LinkedIn: https://www.linkedin.com/school/treehouse-island-inc-/
Facebook: https://www.facebook.com/teamtreehouse/
#coding #programming #development #css