Use different icon in header when scrolled down


I have just started with Grav and hope I’m not asking something trivial, but I haven’t found any hints, yet.

I’m using the quark theme and when I scroll down, the header nicely shrinks and the header’s background changes from my dark background to white. So far, so good. Unfortunately my logo uses white text so that it stands out from the dark (non-scrolled) background and, consequently, becomes invisible when scrolling down.

Is there a way to have different icon-files for the scrolled-down- and not-scrolled-down-states?

Thanks for your support,