color-scheme
Widely available since 2024-08-03
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.
Learn more
Specifications
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
Developer signals
- State of CSS 2025: features/all_features question
- State of CSS 2024: features/all_features question
Usage (according to Chrome Platform Status)
~16.566% of page loads. More data at chromestatus.
Web Platform Tests (WPT)
View the latest WPT test results for this featureView as JSON | Edit this feature | Report an issue | Web-features entry: source, dist