color-scheme
Widely available
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.
To learn more, see
color-scheme at MDN.
Compatibility
- 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