White text on dark background turning into black text on light background

Hi, I’m looking to make text appear 100% white when overtop of a dark background and 100% black when overtop of a light background. Making the text the opposite of the color bellow it was the closest I was able to do using difference blend-mode. Any help is much appreciated!

Hi @Dave_Mattock, other than what you have already done with the difference mix-blend-mode to my knowledge you’d have to do something sophisticated in JS. See this fiddle as a starting point.

Thanks so much! Javascript’s a little outside my wheelhouse but I appreciate the help :slight_smile: