Need CSS element name

Searched Help file on this forum & looked at CSS compilation on GitHub.

What I’m trying to do

I want to change the background color for the tiny strip at top of left-most panel which contains just 3 items:
‘File Explorer’, ‘Search’, & ‘Starred’?
Can anyone tell me the CSS “hook” to address that?
Thanks.

The following will adjust the background except the one for the active tab:

.workspace-tab-header-container, .workspace-tab-container-before.is-before-active, .workspace-tab-container-after.is-after-active, .workspace-tab-header.is-before-active, .workspace-tab-header.is-after-active, .workspace-tab-container-before.is-before-active .workspace-tab-header-inner, .workspace-tab-container-after.is-after-active .workspace-tab-header-inner, .workspace-tab-header.is-before-active .workspace-tab-header-inner, .workspace-tab-header.is-after-active .workspace-tab-header-inner {

    background-color: #color;

}

To change the background of the active tab:

.workspace-tab-header.is-active

Generally:

ctrl + shift + i opens the inspection tool

2 Likes

Beautiful. Perfect. Brilliant!
Thank you so much.

BTW, I tried to use the Inspector, and I found the myriad of tabs and options quite overwhelming. Kudos to you for mastering it.

This topic was automatically closed 24 hours after the last reply. New replies are no longer allowed.