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
Surveys
- State of CSS 2025 > usage > gamechanger feature
- State of CSS 2025 > usage > favorite new features
- State of CSS 2025 > usage > css missing features
- State of CSS 2025 > usage > css interoperability features
- State of CSS 2025 > features > all features
- State of CSS 2025 > colors > colors pain points
- State of CSS 2024 > features > all features
Usage (according to Chrome Platform Status)
~17.021% of page loads. More data at chromestatus.com.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