Skip to content

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
  • <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