Web platform features explorer

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

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

Usage (according to Chrome Platform Status)

~16.628% of page loads. More data at chromestatus.