Giters

overdodactyl / ShadowFox

A universal dark theme for Firefox

Home Page:https://overdodactyl.github.io/ShadowFox/

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

Having issues styling addon's sidebar TreeStyleTabs

azizLIGHT opened this issue · comments

commented

I am trying to restore styling I had for a sidebar for an extension called TreestyleTabs but having difficulty figuring it out.

This is what my sidebar looked before:
image

And this is what my sidebar looks like now:
image

I'm trying to restore the sidebar's black background, tab borders, and some text styling so that there is more contrast and the indentation between parent and child tabs, and tab groups, is more visible. Right now it is very hard to see things because of how similarly they are styled.

I tried using the rules given in TST's wiki to style the tabs from within TST preferences but I think shadowfox userChrome.css and userContent.css were overriding them.

/* Change styling of pending (unloaded) tabs */
.tab.discarded {
  opacity: 0.9;
}

.tab.discarded .label {
  color: darkgray;
}

I also found another example with the contrast I want:
image

I tried using some of the rules provided there inside TST preferences but, again, shadowfox seems to be overriding them.

I'm not entirely sure what the difference is and where to edit, after trying to check the diff between old and new userChrome.css and userContent.css so I am lost. I have linked the files in gist below:

Details:

I could just restore the old files and forget about it but I would be missing out on the new updated styling Shadowfox gives and any bugfixes etc. Is it possible to restore my old styling?

commented

ShadowFox has styling for TST included in the repo:

https://github.com/overdodactyl/ShadowFox/blob/master/css/userContent-files/webextension-tweaks/tree_style_tab.css

When using the installer, if you check the "auto generate UUIDs" box, styling for all available extensions is activated.

If you want to exclude the styling for an extension, you can delete the entry from the file internal_UUIDs.txt and re-run the updater (without the "auto generate UUIDs" box clicked):

https://github.com/overdodactyl/ShadowFox/wiki/Customization

If you want to keep most of the styling, but override some of the options, you can add custom styling to the userContent_customization.css file and re-run the updater.

For example,

@-moz-document url-prefix("moz-extension://YOUR_TST_INTERNAL_UUID/") {
  #background,
  #background::after,
  #tabbar {
    background: black !important
  }
}

Hope this helps!