Web features explorer - color-scheme

Web features explorer

The color-scheme CSS property sets which color schemes (light or dark) an element uses and may prevent automatic dark mode adjustments by the browser.

Browser support

Chrome 98 Released on 2022-02-01
Chrome Android 98 Released on 2022-02-01
Edge 98 Released on 2022-02-03
Firefox 96 Released on 2022-01-11
Firefox for Android 96 Released on 2022-01-11
Safari 13 Released on 2019-09-19
Safari on iOS 13 Released on 2019-09-19

MDN documentation

`color-scheme` CSS property

Specifications

CSS Color Adjustment Module Level 1 (#color-scheme-prop), from Cascading Style Sheets (CSS) Working Group (W3C).

Usage (according to Chrome Platform Status)

~20.710% of page loads. More data at chromestatus.com.

Web Platform Tests (WPT)

View the latest WPT test results for this feature

Surveys

View as JSON | Edit this feature | Report an issue | Web-features entry: source, dist