Changing text color according to background

Hey, so ccurrently my header texts are black, due to dark kbackground color i want it to change its color when it clash with dark background. for reference is this website.
https://studioongarato.com.au

Hi! Trying my luck here but how did you solve this? :eyes:

well, this might be a bit tricky and would use some code to check if the backgroundsection is dark and so the header logo needs to be changed to white. This you can only achieve with custom code and I wouldn´t recommend to got this way if you don´t know how to code.

A more simple solution would be to assign a blend-mode to your overlayng element. for example “mix-blend-mode: difference”.

This you would do within the css panel.
But this would only work if your overlaying element doesn´t have a animation assigned. If it has at least one, you can only do it with javascript/jquery.

1 Like