Modifying the "No Decoration" theme

[javathehunt]

Hi - Not sure its appropriate to post this here but thought i woud try. In the options section for TreeStyleTabs at the top under : Appearance / Theme / No Decoration (Use extra style rules for sidebar content) - What does this mean and how can I customize this setting? Selecting it provides for a more condensed view I actually prefer but if there is a way to tweak it a bit that would be helpful. I see the section down below called - Extra style rules for contents provided by tree style tab - I dont understand how to use it. I see the window with drop down menu for Theme and that does nothing for sidebar view. Basically if I can just change the spacing in the sidebar slightly that would be a big help. Can someone give me an idea how to customize this view and where to start? Thanks.

[piroor]

TST's UI is built on generic HTML and CSS. This means that you can define any favorite visual design like https://github.com/piroor/treestyletab/wiki/Metal-theme with generic knowledge about building web pages. In other words, if you don't know it, you need to study it at first.

And you'll need to inspect TST's sidebar page, to write effective CSS. Reading CSS of TST's built-in theme may help to understand how to customize:

https://github.com/piroor/treestyletab/tree/trunk/webextensions/sidebar/styles/photon
https://github.com/piroor/treestyletab/tree/trunk/webextensions/sidebar/styles/proton
https://github.com/piroor/treestyletab/tree/trunk/webextensions/sidebar/styles/sidebar

[javathehunt]

Thanks.