How to make overrides active/default states inside a symbol (sidebar)

Hello, Webflow community!

Currently, I’m working on an inspiration platform where you can see all types of sections/elements for websites and apps. Now, I want to build it in Webflow but I’m facing a scaling problem.

When you click on my project link; you see a nice sidebar with some menu items inside. What I want:

I will have hundreds of pages which means that a symbol of the sidebar is needed. But, you can’t make overrides in classes. What. I try to say with that is when you click for example on section>topbars, then I want to have that menu item active like we have now but then for modals & popups.

Hopefully, can someone explain to me how I can fix this.

Thanks already.

Here is my site Read-Only:

@vincent , you helped me out previous times, would be great if you can take a look at this :slight_smile: