Media Queries: prefers-color-scheme feature

CSS

Adds the 'prefers-color-scheme' feature, which lets authors adapt web content to user-selected dark theme in the OS or browser. Valid options are 'light', 'dark', or 'no-preference'.

Demo

https://developer.mozilla.org/en-US/docs/Web/CSS/@media/prefers-color-scheme#Examples

Specification

Editor's draft

Status in Chromium

Blink components: Blink>CSS

Enabled by default (tracking bug) in:

Chrome for desktop release 76
Chrome for Android release 76
Android WebView release 76

Consensus & Standardization

After a feature ships in Chrome, the values listed here are not guaranteed to be up to date.

Firefox: Shipped
Edge: No public signals
Safari: Shipped
Web Developers: Positive

Owner

futhark@chromium.org

Intent to Implement url

Intent to Implement thread

Last updated on 2019-06-04