fix inactive color for navbar (#46)

edelvarden · Apr 30, 2024 · 196911e · 196911e
1 parent fd2f159
commit 196911e
Show file tree

Hide file tree

Showing 2 changed files with 26 additions and 1 deletion.
diff --git a/chrome/user-chrome.css b/chrome/user-chrome.css
diff --git a/src/user-chrome/tabbar/_titlebar.scss b/src/user-chrome/tabbar/_titlebar.scss
@@ -20,8 +20,31 @@
   }
 }
 
+// restore tab opacity when window-inactive
+:root[tabsintitlebar] #titlebar {
+  &:-moz-window-inactive {
+    // opacity: var(--inactive-titlebar-opacity);
+    opacity: 1 !important;
+  }
+}
+
+// title bar buttons opacity when window-inactive
+@media (-moz-platform: windows) {
+  :root:-moz-window-inactive #navigator-toolbox {
+    .titlebar-buttonbox .titlebar-button {
+      opacity: 0.5 !important;
+    }
+
+    .titlebar-buttonbox .titlebar-button:hover {
+      opacity: 1 !important;
+    }
+  }
+}
+
 // window-inactive title bar bg color
 :root:-moz-window-inactive #navigator-toolbox {
+  background-color: get-var("background-color-50") !important;
+
   #toolbar-menubar,
   #TabsToolbar,
   #titlebar {
@@ -32,6 +55,8 @@
 @media (prefers-color-scheme: dark) {
   // window-inactive title bar bg color
   :root:not(:-moz-window-inactive) #navigator-toolbox {
+    background-color: get-var("background-color-0") !important;
+
     #toolbar-menubar,
     #TabsToolbar,
     #titlebar {