Go offline with the Player FM app!
810: Effortless Light and Dark Mode × Theme Styling
Manage episode 435028297 series 1469447
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 Welcome to Syntax!
- 01:36 Brought to you by Sentry.io.
- 03:45 theme-color.
- 10:12 color-scheme.
- 15:14 light-dark().
- 17:44 How to force light or dark mode.
- 23:03 Live debugging box-shadow.
- 28:05 color-mix().
- 29:53 accent-color.
- 31:27 Relative color syntax.
- 35:49 Style queries and color-contrast().
Syntax: X Instagram Tiktok LinkedIn Threads
Wes: X Instagram Tiktok LinkedIn Threads
843 episodes
Manage episode 435028297 series 1469447
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 Welcome to Syntax!
- 01:36 Brought to you by Sentry.io.
- 03:45 theme-color.
- 10:12 color-scheme.
- 15:14 light-dark().
- 17:44 How to force light or dark mode.
- 23:03 Live debugging box-shadow.
- 28:05 color-mix().
- 29:53 accent-color.
- 31:27 Relative color syntax.
- 35:49 Style queries and color-contrast().
Syntax: X Instagram Tiktok LinkedIn Threads
Wes: X Instagram Tiktok LinkedIn Threads
843 episodes
All episodes
×Welcome to Player FM!
Player FM is scanning the web for high-quality podcasts for you to enjoy right now. It's the best podcast app and works on Android, iPhone, and the web. Signup to sync subscriptions across devices.