810: Effortless Light and Dark Mode × Theme Styling
Update: 2024-08-19
Description
In this episode of Syntax, Wes and Scott talk about the latest CSS theming properties and techniques for better controlling light and dark modes, as well as creating comprehensive color systems for applications and websites. Make sure to check out the video version of this episode for practical code examples, and explanations of light/dark function, CSS variables, meta tags for theme colors, accent color, color mix, and upcoming features like style queries and color contrast.
Show Notes
- 00:00 ">00:00 Welcome to Syntax!
- 01:36 ">01:36 Brought to you by Sentry.io.
- 03:45 ">03:45 theme-color.
- 10:12 ">10:12 color-scheme.
- 15:14 ">15:14 light-dark().
- 17:44 ">17:44 How to force light or dark mode.
- 23:03 ">23:03 Live debugging box-shadow.
- 28:05 ">28:05 color-mix().
- 29:53 ">29:53 accent-color.
- 31:27 ">31:27 Relative color syntax.
- 35:49 ">35:49 Style queries and color-contrast().
Hit us up on Socials!
Syntax: X Instagram Tiktok LinkedIn Threads
Wes: X Instagram Tiktok LinkedIn Threads
Comments
Top Podcasts
The Best New Comedy Podcast Right Now – June 2024The Best News Podcast Right Now – June 2024The Best New Business Podcast Right Now – June 2024The Best New Sports Podcast Right Now – June 2024The Best New True Crime Podcast Right Now – June 2024The Best New Joe Rogan Experience Podcast Right Now – June 20The Best New Dan Bongino Show Podcast Right Now – June 20The Best New Mark Levin Podcast – June 2024
In Channel
Download from Google Play
Download from App Store
United States00:00
00:00
1.0x
