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.

Motivation

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.

Documentation

Specification

Specification link


Unknown standards status - check spec link for status

Status in Chromium

Blink>CSS


Enabled by default (tracking bug)

Consensus & Standardization

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

  • No signal
  • No signal
  • No signals

Owner

Comments

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

Search tags

dark mode, css, color-scheme,

Last updated on 2021-08-09