light-dark function

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


Duration: 0:35
6,344 views
320

The light-dark() function in CSS lets developers more easily adapt a color-scheme to a user's preference for light or dark mode.
Use the light-dark() function to specify two different color values within a single CSS property. The browser (or device) will automatically choose the appropriate color based on the element's computed color-scheme value.

Speaker: Adriana Jara



Other Videos By Chrome for Developers


2024-08-27Distinguishing the anchor from the positioned element
2024-08-27Line-breaks for the ruby element
2024-08-26A promising feature: JavaScript Promise Integration with Francis McCabe - WasmAssembly
2024-08-22087: Anchor positioning
2024-08-21Learn how to transition dialog elements with the Pop n’ Lock Mini Web Machine
2024-08-20New in Chrome 128: line-breaks for the ruby element, Promise.try, and more
2024-08-19What are content scripts?
2024-08-16Top 10 web updates from Google I/O ‘24
2024-08-13Say goodbye to the & symbol for nesting bare HTML elements
2024-03-274 ways to capture screenshots in Chrome DevTools #DevToolsTips
2024-03-26light-dark function
2024-03-21Getting started in Chrome DevTools
2024-03-20What’s new in DevTools: Chrome 121-123
2024-03-19New in Chrome 123: light-dark function, Service Worker Routing API, and more!
2024-03-08The Privacy Sandbox & third-party cookie deprecation
2024-03-07Async Clipboard API #shorts
2024-02-27Storage Buckets API #shorts
2024-02-23Multi-origin PWAs & the Scope Extensions API
2024-02-22Fun & powerful: Intro to Chrome DevTools #DevToolsTips
2024-02-20New in Chrome 122: Storage Buckets API, DevTools Performance panel updates, and more!
2024-02-07Speculation Rules API updates #shorts


Tags:
Chrome
Developers
Google
Web
pr_pr: Chrome;
gds:Yes;
ct:Excerpt;
Type: Social Video-Social Video Cutdown;