Site title color change based on background

[JohannesHaech]

"I would like to implement a feature on my website where the site title inverts according to the background, similar to what's seen here: https://lsbstudios.co.uk. I have tried adjusting the title, which is embedded as an SVG, using CSS and JavaScript, but I couldn't achieve a working result. Has anyone ever done something similar before?"

[domphilcox]

Hey Johannes, to achieve the effect, you just need to add the following css:

.sitetitle {
mix-blend-mode: difference !important;
}

[arminunruh]

yes that is a great way to do it too!
we also did it this way here by just switching colors when on a black row:

http://laythemeforum.com/topic/3704/change-color-of-fixed-sitetitel-menu-when-scrolling-down-page-according-to-changing-row-background/14

[JohannesHaech]

@domphilcox Thank you for the response. I'm not sure if I'm misunderstanding something, but simply inserting the code into the custom CSS does nothing except invert my current logo. However, it doesn't affect the background. Or am I misunderstanding something?

[arminunruh]

do u have a link @JohannesHaech
?

[arminunruh]

of ur website i mean