BTI: Initial commit

TheRealMG · Sep 26, 2024 · d1e4f74 · d1e4f74
1 parent a130153
commit d1e4f74
Show file tree

Hide file tree

Showing 4 changed files with 35 additions and 5 deletions.
diff --git a/BetterActiveTab/README.md b/BetterActiveTab/README.md
diff --git a/BetterActiveTab/chrome.css → BetterTabIndicators/BetterTabIndicators.css b/BetterActiveTab/chrome.css → BetterTabIndicators/BetterTabIndicators.css
@@ -1,5 +1,4 @@
 @media (-moz-bool-pref: "zen.tabs.vertical") {
-
   /* Apply different borders based on the chosen color in preferences.json */
   /* Default styles for predefined options */
   .tabbrowser-tab:not([pinned]):is([multiselected="true"], [selected]) {
@@ -19,12 +18,18 @@
 
   /* Custom color with fallback based on color scheme */
   @media (prefers-color-scheme: light) {
-    .tabbrowser-tab:not([pinned]):is([multiselected="true"], [selected]):has(#uc-tabs[uc-tabs-preferred_color="custom"]) .tab-background {
+    .tabbrowser-tab:not([pinned]):is([multiselected="true"], [selected]):has(
+        #uc-tabs[uc-tabs-preferred_color="custom"]
+      )
+      .tab-background {
       border: 2px solid var(--uc-tabs-preferred_color, #000000) !important; /* Fallback to black in light mode */
     }
   }
   @media (prefers-color-scheme: dark) {
-    .tabbrowser-tab:not([pinned]):is([multiselected="true"], [selected]):has(#uc-tabs[uc-tabs-preferred_color="custom"]) .tab-background {
+    .tabbrowser-tab:not([pinned]):is([multiselected="true"], [selected]):has(
+        #uc-tabs[uc-tabs-preferred_color="custom"]
+      )
+      .tab-background {
       border: 2px solid var(--uc-tabs-preferred_color, #ffffff) !important; /* Fallback to white in dark mode */
     }
   }
@@ -33,8 +38,25 @@
   #tabbrowser-tabs {
     & .tabbrowser-tab {
       &[selected] .tab-background {
-        background: color-mix(in srgb, var(--zen-colors-secondary) 40%, transparent) !important;
+        background: color-mix(
+          in srgb,
+          var(--zen-colors-secondary) 40%,
+          transparent
+        ) !important;
+      }
+    }
+  }
+
+  /* Dims tab text when unloaded */
+  @media (-moz-bool-pref: "uc.tabs.dim_unloaded") {
+    #tabbrowser-tabs {
+      & .tabbrowser-tab {
+        @media (-moz-bool-pref: "zen.tabs.dim-pending") {
+          &[pending="true"] .tab-text {
+            opacity: 0.5;
+          }
+        }
       }
     }
   }
-}
+}
diff --git a/BetterTabIndicators/README.md b/BetterTabIndicators/README.md
@@ -0,0 +1 @@
+# Better Tab Indicators
diff --git a/BetterActiveTab/preferences.json → BetterTabIndicators/preferences.json b/BetterActiveTab/preferences.json → BetterTabIndicators/preferences.json
@@ -32,5 +32,12 @@
     "type": "string", 
     "default": "#ff0000",
     "description": "Enter a hex color code for the tab border."
+  },
+  {
+    "property": "uc.tabs.dim_unloaded",
+    "label": "Dim Unloaded Tabs",
+    "type": "boolean",
+    "default": false,
+    "description": "Dim the text of tabs that are unloaded."
   }
 ]