I’m using Next.js with Framer motion to develop a website and I wanted to change my navigation color and logo color depending on the scrolling section. Simply, transition to darker text and logo when the background is brighter, and vice versa.

Could you tell me how can I accomplish this?

I think this is a very popular practice but I can’t find proper instructions/examples about it. All I found were Framer.com examples and couldn’t find Motion examples with React websites.

Thanks in advance