Firefox for Web Developers @webdevs.firefox.com · Apr 27

CSS's light-dark() now accepts images, making it simpler to define alternate values for a dark color scheme. Here's how it works:

55 likes 1 replies

?

Replies

Maikel Krause · Apr 27

One thing the example with the `@media` query doesn't quite capture (and I know this is meant to be a quick 1 min video), is that `light-dark()` will respect a "local" `color-scheme` override as well. So it's more than just a shorthand for the media query!