Navbar bg transparent to white, nav link hover issue

Design help Animations & Interactions
1

I was able to make my navbar have a white background when you start scrolling, but then go transparent again when reaching the top. I have also two logos, a colored and white version which hide/unhide when this happens. I have also made the text change from light to dark

My issue now is this. when the bg of the navbar is transparent I have the link text as off white with a hover state as white. BUT when the navbar bg changes to white when you scroll down, I would like the hover state to be a darker color. So it seems I need two different hover states in order to do this which I can’t do.

Here is the site of what I have so far. https://preview.webflow.com/preview/jeremys-stunning-site-76255c?utm_medium=preview_link&utm_source=designer&utm_content=jeremys-stunning-site-76255c&preview=7fe7056ef6fddbf804abcd859bbd7131&workflow=preview

Any help would be great!

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

2

Do you have a specific color in mind that second hover state needs to be?

If not, a simple fix might be to experiment with filter / blending modes on hover rather than setting color directly to white.