color-scheme
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.
Status
Baseline Widely Available (since 2024-08-03)
MDN documentation
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.628% 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