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.

Baseline Status: Achieved Widely Available on Aug 3, 2024 (Cross-browser Newly Available since Feb 3, 2022).

Desktop Browser Engine Support

Google Chrome

98

Supported

Mozilla Firefox

96

Supported

Apple Safari

13

Supported

Microsoft Edge

98

Supported

Mobile Browser Engine Support

Chrome Android

98

Firefox Android

96

Safari iOS

13

Specifications and References

Specification ↗ Feature XML ↗

MDN Browser Compat Data Keys:

css.properties.color-scheme ↗ css.properties.color-scheme.dark ↗ css.properties.color-scheme.light ↗ css.properties.color-scheme.normal ↗ css.properties.color-scheme.only ↗ html.elements.meta.name.color-scheme ↗