معلومات عن هذه الحلقة
Light mode? Dark mode? Scott and Wes break down the best ways to implement theme switching in CSS, from prefers-color-scheme to manual overrides. Plus, tips on handling shadows, icons, and the dreaded flash of dark mode!
Show Notes- 00:00">00:00 Welcome to Syntax!
- 01:05">01:05 Brought to you by Sentry.io.
- 02:06">02:06 Light and dark mode, things to consider.
- 02:31">02:31 Light and dark mode from scratch.
- drop-in.css.
- 04:41">04:41 Calculations vs assigned color.
- 05:32">05:32 color-mix and relative color.
- 08:15">08:15 Foreground and background variables.
- –tint-or-shade: color-mix(in oklab, var(–fg), transparent 95%);
- –tint-or-shade-harder: color-mix(in oklab, var(–fg), transparent 90%);
- 09:13">09:13 Setting color scheme.
- 12:38">12:38 light-dark function in CSS.
- 15:48">15:48 Manually setting dark mode.
- 19:52">19:52 Shoehorning in dark mode.
- 22:25">22:25 Other things to consider.
Syntax: X Instagram Tiktok LinkedIn Threads
Wes: X Instagram Tiktok LinkedIn Threads
الإنجليزية
الولايات المتحدة
النص 🔗
Are you the producer of this podcast?
Add a podcast transcript
Need Audio-to-Text?
Transcribe with Listen411 in Just 60 Seconds
البحث في الحلقات الماضية
البحث في الحلقات السابقة من Syntax - Tasty Web Development Treats.
حلقات أخرى في هذا البودكاست
Wes and CJ dig into OpenAI’s GPT‑6 Astra; the massive jump in computer use, the wild Blender MCP 3D demos, and whether all the AGI talk actually holds up. Plus Hugging Face’s robot duck, Vitest 5 and the arrest behind the shai‑hulud supply chain attacks
Show Notes
00:00 Welcome to Syntax!
00:5…
Scott and Wes talk about WebMCP with Sarah Drasner and Dominic Farolino from the Chrome team, which is the new W3C standard that lets your site hand real tools to an agent. They cover the security model, headless and multi-tab agents, and how to wire it into an app you’ve already shipped.
Show Not…
Meta’s StyleX compiles thousands of styles into a few reusable class names at build time—zero runtime, fully type-safe. Scott and Wes break down why it’s suddenly everywhere, and why it might be the best CSS tool for AI agents.
Show Notes
00:00 Welcome to Syntax!
Syntax Ep 650
San Francisco…
The messy breakup is official; as of November 12, OpenAI's models are getting pulled from Cursor, and we're digging into who's really to blame (and why Wes called it). Plus pnpm 12 goes full Rust, Mitchell Hashimoto drops Superlogical, ~700 AI agents attack Hugging Face, and Zod 4.5's compiled sche…
Scott and Wes dig into a listener mailbag full of AI questions: how to bill freelance work when the tools make you faster, whether coding still matters in interviews, and if the AI bubble is about to pop. Plus sandboxing your agents, managing block-based CMS chaos, and what it takes to leave a stab…
إخلاء المسؤولية: البودكاست والأعمال الفنية المضمنة في هذه الصفحة مأخوذة من Wes Bos & Scott Tolinski - Full Stack JavaScript Web Developers، وهي مملوكة لمالكها وليست تابعة لشركة Listen Notes, Inc أو معتمدة منها.
تعديل
شكراً على مساعدتنا في الحفاظ على قاعدة بيانات البودكاست مُحدَّثة.
