Oran
April 10, 2021, 8:33am
1
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
Oran
April 10, 2021, 11:06am
3
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.
system
Closed
April 11, 2021, 11:06am
4
This topic was automatically closed 24 hours after the last reply. New replies are no longer allowed.