forced-color-adjust
Controls whether the browser is allowed to override an element's colors (like when 'High Contrast Mode' is active on Windows). It's handy for preserving specific brand colors that might otherwise be hidden.
It is documented as part of the CSS Color specification.
Syntax
/* Usage Example */
.brand-logo {
/* Prevents Windows High Contrast mode from changing the logo colors */
forced-color-adjust: none;
}
/* Syntax */
forced-color-adjust: auto;
forced-color-adjust: none;
forced-color-adjust: preserve-parent-color;
/* Global values */
forced-color-adjust: inherit;
forced-color-adjust: initial;
forced-color-adjust: revert;
forced-color-adjust: revert-layer;
forced-color-adjust: unset;forced-color-adjust Browser support
Widely available
Since
2022 81% global usage
This feature is well established and works across many devices and browser versions. It has been available across browsers since 2022.
89+
113+
79+
Your first month is free
Managed WordPress hosting for faster sites.
Learn more