Adding alternative SVG header logo for light/dark pages

Hi there,  I'm looking to add an alternative logo (white) specific for my darker pages. I'm ok with the nav links and other elements being their default colours. 

Further more, I'd like for my site's header logos to be an SVG. 

I am assuming it's a fairly simple task - adding a snippet of code to the page header code injection? - but any help would be greatly appreciated.  

Thanks!

Can you share your website URL? Thanks!

@Ziggy www.harleyoliver.com 

If you add this to the page header code injection for the lighter pages (given the white logo) it will invert the colour to black:

<style>
  .header-title-logo img {
    filter: invert(1);
    -webkit-filter: invert(1);
}
</style>

Thanks for this @Ziggy!

This should do the trick. As per my other questions:

• Is there code for adding in alternative logo (in SVG format). For example, if I want logo to be a particular colour or even a different logo all together?
• Is there code for adding a SVG logo so it works globally?

Thank you!

Ben

Try this thread:

There are quite a few discussions on the forum about SVG header logos.