Making only the first tab active

Currently, all the tabs are red, while only the first one should be, and the inactive tabs should be gray.

I left them red on purpose because you can tweak a layer’s color in Framer. And removing a color (using grayscale or saturate) is especially easy.

We use a for…in loop to iterate through all of $.Tabs’s children and dial down their color saturation to zero, which will make them gray. They’ll still be a bit too dark, but by also lowering their opacity to 60% they’ll have the correct shade of gray.

for tab in $.Tabs.children
    tab.saturate = 0
    tab.opacity = 0.6

And then we can reset these properties for $.Tab_Library, because that’s our first tab, the one that should be active.

$.Tab_Library.saturate = 100
$.Tab_Library.opacity = 1