Color contrast in immersive mode

[JayPanoz]

Right now our primary color is #4d4d4d. To have a contrast that passes WCAG AA for graphical objects and UI Components, it needs to be at least 60% opacity, which makes the difference between normal and immersive modes kinda difficult to notice.

[HadrienGardeur]

I guess that the implementation of themes could also affect this value. Is there any way to dynamically calculate this contrast ratio as well?

[JayPanoz]

I know they have had issues specc’ing this in CSS as it’s a pretty popular issue but that means lots of options exist in JS/TS-land. Even React actually – with an explainer in the ReadMe.

I guess the main challenge may be building upon the known solutions to find the nearest match with good enough contrast in a dynamic manner, and reliably. But in theory it should be feasible.