Forced Color Adjust
Control forced colors mode behavior
Syntax
visual="forced-color:[value]"Values
| Value | CSS Output | Description |
|---|---|---|
auto | forced-color-adjust: auto | Auto adjust |
none | forced-color-adjust: none | No adjustment |
Examples
html
<div visual="forced-color:none">Preserve colors in high contrast</div>Preview
Forced Color Adjust
visual="forced-color:none" - Control high contrast mode
auto
none
View Code
html
<div layout="flex" space="g:medium p:medium" visual="bg:neutral-100 dark:bg:neutral-900 rounded:medium">
<div space="p:small" visual="bg:primary text:white rounded:small">auto</div>
<div space="p:small" visual="bg:primary text:white rounded:small">none</div>
</div>