Hide/Show navigation based on scrolling position or other action setting

Check my site: https://preview.webflow.com/preview/defbeat2?preview=cad9ded253c28d8d7770fc7dfa07d448


I would like to switch between the two navigation elements on the top - based on the scrolling position. If the user is seeing a darker background, I would like to show the navigation element with the white logo and font color. And the other way around …

How would you do it?

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