[css] added tab colors

1 files changed, 24 insertions, 0 deletions

diff --git a/css/userChrome.css b/css/userChrome.css
index 86f4b69..64c5fc5 100644
--- a/css/userChrome.css
+++ b/css/userChrome.css
@@ -8,7 +8,10 @@
     
     /* colors */
     --autumn-color-background: #18181b;
+    --autumn-color-background-surface: #252629;
     --autumn-color-text: #e0e1e4;
+
+    --autumn-color-accent: #e0e1e4;
 }
 
 /*
@@ -43,6 +46,16 @@
     toolbarbutton {
         border-radius: 4px !important;
     }
+
+    /* pinned tabs */
+    #pinned-tabs-container tab .tab-background {
+        background-color: var(--autumn-color-background-surface) !important;
+
+        /* current tab */
+        &[selected] {
+            background-color: var(--autumn-color-background-surface) !important;
+        }
+    }
 }
 
 /*
@@ -52,6 +65,17 @@ tab {
     /* background */
     .tab-background {
         border-radius: 4px !important;
+
+        /* current tab */
+        &[selected] {
+            background-color: var(--autumn-color-background-surface) !important;
+            outline-color: var(--identity-tab-color, --autumn-color-accent) !important;
+
+            /* tab container indicator */
+            .tab-context-line {
+                display: none !important;
+            }
+        }
     }
 }