CSS light-dark function

Channel:
Chrome for Developers
Subscribers:
791,000
Published on ● Video Link: https://www.youtube.com/watch?v=EKv5DFLh7vI


Duration: 0:00
3,742 views
396

Now you can define different colors for light and dark themes directly in CSS. No more checking for color preferences in JavaScript! Discover the power of the CSS light-dark function for effortlessly switching color schemes.

Resources:
Baseline → https://goo.gle/baseline-webdev
Light-dark function → https://goo.gle/lightdark

Watch more This is Baseline → https://goo.gle/TiB
Subscribe to Chrome for Developers → https://goo.gle/ChromeDevs


#ChromeForDevelopers #Chrome

Products Mentioned: Baseline, Baseline APIs, Chrome



Other Videos By Chrome for Developers


2024-11-21Exploring alternative interactions in JavaScript
2024-11-21Visual Blocks: Visual prototyping of AI pipelines
2024-11-21State isn't all you need, but It helps: building better LLM apps in the browse"
2024-11-21WebLLM: A high-performance in-browser LLM Inference engine
2024-11-20Overview of Chrome built-in AI
2024-11-20Accurately segment text in different language with Intl.Segmenter
2024-11-19CSS highlight inheritance is changing
2024-11-18Squishy Wasm apps using Extism with Dylibso's Steve Manuel - WasmAssembly
2024-11-14Live metrics in Performance panel #DevToolTips
2024-11-13Modern CSS for sites: View transitions, scroll effects, and more!
2024-11-13CSS light-dark function
2024-11-12New in Chrome 131: external CSS highlight inheritance, improvements to details, and more!
2024-11-11ml5.js - Friendly machine learning for the web
2024-11-11Web AI on next generation AI PCs
2024-11-11The Web Neural Network (WebNN) API: Where we are and what's Next
2024-11-10Transformers.js: State-of-the-art Machine Learning for the web
2024-11-10Web AI Summit 2024: State of client side machine learning
2024-11-06Build confidently with Baseline
2024-10-30Monitor live Core Web Vitals in Chrome DevTools #DevToolsTips
2024-10-29Supercharge your forms with the Constraint Validation API
2024-10-28CSS property: box-decoration-break