CSS Color Adjust: color-scheme meta tag

CSS

Many operating systems now have a "dark mode" preference. Some browsers already offer an option to transform webpages into a dark theme. The prefers-color-scheme media query is a way for an author to support their own dark theme, so they have full control over their own experience. The meta tag is needed so that a site can explicitly opt-in and say that they fully support a dark theme and that the browser should load a different UA sheet and not ever apply transformations.

Documentation

Specification

Editor's draft

Status in Chromium

Blink>Accessibility


Enabled by default (tracking bug) in:

  • Chrome for desktop release 81
  • Chrome for Android release 81
  • Android WebView release 81

Consensus & Standardization

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

  • No public signals
  • No public signals
  • Public support
  • No signals

Owners

Last updated on 2020-03-25