CSS color adjustment

The CSS color adjustment module provides a model and controls automatic color adjustment by the user agent to handle user preferences, such as “Dark Mode”, contrast adjustment, and other color scheme preferences.

Together with the @media features prefers-color-scheme, prefers-contrast and forced-colors, this module defines how and when colors are automatically adjusted by the browser.

Reference

Properties

• color-scheme
• forced-color-adjust
• print-color-adjust

Related concepts

• <color> CSS data type
• Related @media features:
  • prefers-color-scheme
  • prefers-contrast
  • forced-colors
• Properties affected by forced colors mode
  • accent-color
  • background-color
  • background-image
  • border-color
  • box-shadow
  • caret-color
  • color
  • color-scheme
  • column-rule-color
  • fill
  • flood-color
  • flood-opacity
  • lighting-color
  • outline-color
  • scrollbar-color
  • stop-color
  • stroke
  • text-decoration-color
  • text-emphasis-color
  • text-shadow
  • -webkit-tap-highlight-color

Specifications

See also

• CSS colors module