Change the colors to their high contrast equivalent.
Like px-to-rem (helper created by us) we can create a helper to which we pass a color and automatically this adds the @media prefers-contrast high with the corresponding color (this color will be autocomputed).
We can also make this helper include more things related to color in the future (Even invert the color if it is according to the color mode).
Example of usage
h1 {
background-color: color(#f14b00);
}
Change the colors to their high contrast equivalent.
Like
px-to-rem(helper created by us) we can create a helper to which we pass a color and automatically this adds the@media prefers-contrast highwith the corresponding color (this color will be autocomputed).We can also make this helper include more things related to color in the future (Even invert the color if it is according to the color mode).
Example of usage