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.



Specification link

Unknown standards status - check spec link for status

Status in Chromium


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



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

Search tags

dark mode, css, color-scheme,

Last updated on 2021-12-13