Web platform features explorer

prefers-color-scheme media query

Widely available since 2022-07-15
Tags: css http Groups: CSS > Media queries

The prefers-color-scheme CSS media query sets styles based on the requested color scheme, light or dark.

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