Skip to content

Instantly share code, notes, and snippets.

@labmonkey
Created October 12, 2022 16:27
Show Gist options
  • Select an option

  • Save labmonkey/c0c7ccffa28a86f68767355299f7d67c to your computer and use it in GitHub Desktop.

Select an option

Save labmonkey/c0c7ccffa28a86f68767355299f7d67c to your computer and use it in GitHub Desktop.
Sidebery (Firefox Extension) TreeStyleTab Sidebar Style/CSS
#root {
--tabs-height: 25px !important;
--tabs-font: message-box !important;
--tabs-fg: ButtonText !important;
--tabs-activated-fg: ButtonText !important;
--tabs-fg-hover: ButtonText !important;
--tabs-activated-bg: none !important;
--tabs-bg-hover: none !important;
--tabs-bg-active: none !important;
}
.ScrollBox > .scroll-container > .scrollable {
background: AppWorkspace;
}
.ScrollBox > .scroll-container > .scrollable:after
{
content: "";
position: fixed;
top: 0;
left: 0;
right: 0;
bottom: 0;
margin: 0;
overflow: hidden;
padding: 0;
background: GrayText;
opacity: 0.5;
}
.Tab .lvl-wrapper {
background: ThreeDFace;
border: 1px solid ButtonShadow;
border-width: 0 0 1px 0;
}
.Tab[data-active] .lvl-wrapper {
background: Highlight;
border-color: Highlight;
}
.Tab[data-discarded] .lvl-wrapper {
opacity: 0.75;
}
.Tab .lvl-wrapper:hover, .Tab[data-discarded] .lvl-wrapper:hover {
opacity: 0.5;
}
/* Hides default svg icon and replaces with custom one */
.Tab .placeholder svg {
display: none;
}
.Tab .placeholder {
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' width='16' height='16' fill='context-fill' fill-opacity='context-fill-opacity'%3E%3Cpath d='M8.5 1a7.5 7.5 0 1 0 0 15 7.5 7.5 0 0 0 0-15zm2.447 1.75a6.255 6.255 0 0 1 3.756 5.125l-2.229 0A9.426 9.426 0 0 0 10.54 2.75l.407 0zm-2.049 0a8.211 8.211 0 0 1 2.321 5.125l-5.438 0A8.211 8.211 0 0 1 8.102 2.75l.796 0zm-2.846 0 .408 0a9.434 9.434 0 0 0-1.934 5.125l-2.229 0A6.254 6.254 0 0 1 6.052 2.75zm0 11.5a6.252 6.252 0 0 1-3.755-5.125l2.229 0A9.426 9.426 0 0 0 6.46 14.25l-.408 0zm2.05 0a8.211 8.211 0 0 1-2.321-5.125l5.437 0a8.211 8.211 0 0 1-2.321 5.125l-.795 0zm2.846 0-.409 0a9.418 9.418 0 0 0 1.934-5.125l2.229 0a6.253 6.253 0 0 1-3.754 5.125z'/%3E%3C/svg%3E");
}
@labmonkey

Copy link
Copy Markdown
Author

Copy contents into Sidebery > Style Editor > Sidebar. Should refresh in real time.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment