Nav interaction on scroll AND hover


I am trying to create a nav bar with two different interaction triggers that can change background color and navlink color on both scroll and hover.

See use case here:

How can this be done in Webflow? My problems is that either of the interaction overrides the other. I.e. background color changes on scroll, but when hover and hover out it goes back to initial state. :frowning:

Here is my public share link: LINK
(how to access public share link)