Interfering interactions on navigation bar issue


So I created a Navbar that changes colours upon scroll (black and white version). No issue with that. Once the navbar is open on tablet and mobile I have just one colour scheme (black). The issue starts, when I open the navbar while on white as some of the elements are not visible, because they are inheriting properties from the interaction which is setup on the scroll colour change. So they are the same color as background and not visible.

Is there a way to fix it, or build the interactions so I have the same result, but nothing is canceling each other?

Navbar while on white :slight_smile:

Open navbar while on white

Open navbar while on black color scheme

As you can see the menu icon and the logo are not visible as they are inheriting interaction from the scroll animation.

EDIT: I was able to fix it partially when I added the color change for the elements while the navbar opens, but I still haven’t figured out what to do upon close.

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

I still did not crack it. Any ideas or help please?