prefers-color-scheme media query
Widely available since 2022-07-15
The prefers-color-scheme CSS media query sets styles based on the requested color scheme, light or dark.
Learning resources on MDN
Browser support
- Chrome 76 Released on 2019-07-30
- Chrome Android 76 Released on 2019-07-30
- Edge 79 Released on 2020-01-15
- Firefox 67 Released on 2019-05-21
- Firefox for Android 67 Released on 2019-05-21
- Safari 12.1 Released on 2019-03-25
- Safari on iOS 13 Released on 2019-09-19
Surveys
- State of HTML 2024: accessibility/accessibility_techniques question
- State of HTML 2023: accessibility/accessibility_techniques question
- State of CSS 2024: features/all_features question
Specifications
View web-platform-tests results for this feature - View the feature source file (dist) - Edit the feature - Report an issue about this feature