I’m working on a website where the logo moves over different coloured backgrounds, both through scrolling and full bleed sliders. I know how to change the logo colour through interactions, but I would like to have a way that automatically checks the background and inverts the logo colour so it is always visible. Likewise with the menu button.
I have tried to find a way to do it online and and came across different blend mode options but don’t know how to integrate them.
The logo is currently made of an SVG file using custom code and the menu button is made using standard div blocks.
Thanks in advance!