Media Queries: prefers-color-scheme feature

Adds the 'prefers-color-scheme' feature, which lets authors adapt web content to user-selected dark theme in the OS or browser. Valid options are 'light', 'dark', or 'no-preference'.

Demo

Specification

Editor's draft

Status in Chromium

Blink>CSS


Enabled by default (tracking bug) in:

  • Chrome for desktop release 76
  • Chrome for Android release 76
  • Android WebView release 76

Consensus & Standardization

After a feature ships in Chrome, the values listed here are not guaranteed to be up to date.

  • Shipped
  • No public signals
  • Shipped
  • Positive

Owner

Intent to Implement url

Intent to Implement thread

Last updated on 2019-06-04