new close tab button, fixed tabsbar bg color in private window

witalihirsch · Nov 21, 2022 · 4cc3dc9 · 4cc3dc9
1 parent a15217f
commit 4cc3dc9
Show file tree

Hide file tree

Showing 3 changed files with 6 additions and 7 deletions.
diff --git a/firefox/mono-firefox-theme/theme/colors/dark.css b/firefox/mono-firefox-theme/theme/colors/dark.css
@@ -30,13 +30,13 @@
         --gnome-inactive-headerbar-border-color: transparent;
 
         /* Tabs */
-        --gnome-tabbar-background: rgba(255, 255, 255, 0.05);
+        --gnome-tabbar-background: var(--gnome-headerbar-background);
         --gnome-tabbar-tab-hover-background: rgba(255, 255, 255, 0.1);
         --gnome-tabbar-tab-active-background: rgba(255, 255, 255, 0.1);
         --gnome-tabbar-tab-active-background-contrast: rgba(255, 255, 255, 0.3);
         --gnome-tabbar-tab-active-hover-background: rgba(255, 255, 255, 0.15);
         --gnome-tabbar-tab-separator-color: rgba(255, 255, 255, 0.1);
-        --gnome-inactive-tabbar-background: transparent;
+        --gnome-inactive-tabbar-background: var(--gnome-inactive-headerbar-background);
         --gnome-tab-button-background: rgba(255, 255, 255, 0.05);
         --gnome-tab-button-hover-background: rgba(255, 255, 255, 0.1);
         --gnome-tabbar-tab-identity-base-opacity: 0;
@@ -56,7 +56,6 @@
         --gnome-button-hover-close-background: #ed5f5d;
         --gnome-button-active-close-background: #cf5251;
 
-
         /* Menus */
         --gnome-menu-background: #333333;
         --gnome-menu-border-color: rgba(255, 255, 255, 0.1);

diff --git a/firefox/mono-firefox-theme/theme/colors/light.css b/firefox/mono-firefox-theme/theme/colors/light.css
@@ -29,13 +29,13 @@
     --gnome-inactive-headerbar-border-color: transparent;
 
     /* Tabs */
-    --gnome-tabbar-background: rgba(40, 40, 40, 0.05);
+    --gnome-tabbar-background: var(--gnome-headerbar-background);
     --gnome-tabbar-tab-hover-background: rgba(40, 40, 40, 0.1);
     --gnome-tabbar-tab-active-background: rgba(40, 40, 40, 0.1);
     --gnome-tabbar-tab-active-background-contrast: rgba(40, 40, 40, 0.3);
     --gnome-tabbar-tab-active-hover-background: rgba(40, 40, 40, 0.15);
     --gnome-tabbar-tab-separator-color: rgba(40, 40, 40, 0.1);
-    --gnome-inactive-tabbar-background: transparent;
+    --gnome-inactive-tabbar-background: var(--gnome-inactive-headerbar-background);
     --gnome-tab-button-background: rgba(40, 40, 40, 0.05);
     --gnome-tab-button-hover-background: rgba(40, 40, 40, 0.1);
     --gnome-tabbar-tab-identity-base-opacity: 0;

diff --git a/firefox/mono-firefox-theme/theme/parts/tabsbar.css b/firefox/mono-firefox-theme/theme/parts/tabsbar.css
@@ -253,8 +253,8 @@ tab {
     border: 0px solid transparent;
     box-sizing: content-box;
     /* Avoid deformation on flexbox */
-    border-radius: 99px !important;
-    padding: 4px !important;
+    border-radius: 6px !important;
+    padding: 2px !important;
     background-size: 24px;
     transition: all 0.2s ease-out !important;
 }