I have a grid of different shades of blue, they each contain text, I need the text to be white if the background is dark and vice versa, I have:
color: #333;
isolation: isolate;
mix-blend-mode: difference;
but that somehow changes the background colour of the elements to some wierd orangy grey. Is there a CSS-only (less-only) option that will invert the text colour only?