Nav text color change on scroll and nav current state color


I have created a scroll into view animation for the vertical nav bar so that nav text would change text color when scrolling into different sections. I was able to set up this animation successfully, however, I lost the current section state color the nav.

What I want to set up is nav text will change to white on black background section and will change to black when on white background section. At the meantime, I want to keep the blue text color as current state.

Can someone point me to the right direction to achieve this?

Thank you!!!

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

Hey @Siyuan_Zhao, could you please share a read-only link to your project?