Improve Tree Style Tab tab bar appearance

1 files changed, 23 insertions, 0 deletions

diff --git a/src/chrome/browser/browser.css b/src/chrome/browser/browser.css
index ef7f2ec..3e8b57c 100644
--- a/src/chrome/browser/browser.css
+++ b/src/chrome/browser/browser.css
@@ -2964,3 +2964,26 @@ notification.pluginVulnerable .messageImage {
   min-width: 0px;
   list-style-image: url("chrome://browser/skin/feeds/feedIcon16.svg");
 }
+
+/* "Tree Style Tab" fixes */
+#TabsToolbar[treestyletab-mode=vertical]:not([treestyletab-style]) .tabs-newtab-button,
+#TabsToolbar[treestyletab-mode=vertical]:not([treestyletab-style]) #alltabs-button {
+  background: var(--tab-background) !important;
+  border-top: 1px solid var(--tab-border-color) !important;
+  border-bottom: 1px solid var(--tab-border-color) !important;
+}
+
+#TabsToolbar[treestyletab-mode=vertical]:not([treestyletab-style]) .tabs-newtab-button:hover,
+#TabsToolbar[treestyletab-mode=vertical]:not([treestyletab-style]) #alltabs-button:hover {
+  background: var(--tab-hover-background) !important;
+  border-top: 1px solid var(--tab-hover-border) !important;
+  border-bottom: 1px solid var(--tab-hover-border) !important;
+}
+
+#TabsToolbar[treestyletab-mode=vertical]:not([treestyletab-style]) #tabs-padlock-tbitem {
+  border-top: 1px solid transparent !important;
+}
+
+#main-window[treestyletab-mode=vertical]:not([treestyletab-style]) .treestyletab-tabbar-placeholder {
+  background: rgb(43,43,43) !important;
+}