← Back to release summary

CSS Color Adjust: color-scheme property

Category
CSS
Type
New or changed feature
Status
Enabled by default (Chrome 81)
Intent stage
Start prototyping

Summary

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.

Standards & signals

Docs: NA

Explainers: NA

View on chromestatus.com