810: Effortless Light and Dark Mode × Theme Styling

Syntax - Tasty Web Development Treats

Inhoud geleverd door Wes Bos and Scott Tolinski - Full Stack JavaScript Web Developers. Alle podcastinhoud, inclusief afleveringen, afbeeldingen en podcastbeschrijvingen, wordt rechtstreeks geüpload en geleverd door Wes Bos and Scott Tolinski - Full Stack JavaScript Web Developers of hun podcastplatformpartner. Als u denkt dat iemand uw auteursrechtelijk beschermde werk zonder uw toestemming gebruikt, kunt u het hier beschreven proces https://nl.player.fm/legal volgen.

24d ago 37:52

MP3•Thuis aflevering

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().

Hit us up on Socials!

Syntax: X Instagram Tiktok LinkedIn Threads

Wes: X Instagram Tiktok LinkedIn Threads

Scott: X Instagram Tiktok LinkedIn Threads

Randy: X Instagram YouTube Threads

822 afleveringen

#Web Development #Software Development #Tech News #Webdevelopment #Wes Bos #Scott Tolinski - Full Stack JavaScript Web Developers #News #Tech #HTML #CSS #HTML5 #JavaScript