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
saturate) is especially easy.
We use a
for…in loop to iterate through all of
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