CSS Color Adjust: color-scheme property

Let the author opt-in to follow the preferred color scheme when rendering UI elements such as default colors of form controls and scrollbars as well as the used values of the CSS system colors.

When rendering web sites in a different color-scheme, e.g. a dark color scheme, the author typically applies dark styling having @media (prefers-color-scheme: dark). The author can ask tell the UA to render UI controls accordningly. Otherwise the author would have had to do their own style of these controls to match a dark theme.

Comments

See also the color-scheme meta: https://www.chromestatus.com/features/5330651267989504

Documentation

Specification

Editor's draft

Status in Chromium

Blink>CSS


In development (tracking bug)

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
  • Mixed public signals
  • No signals

Owner

Last updated on 2019-05-14