Merge pull request #1467 from philmard/main

Update Theme: Tab Numbers (v1.0.6)

themes/22c9ec3b-7c62-46ae-991f-c8fff5046829/chrome.css

@@ -1,12 +1,14 @@
-
+#vertical-pinned-tabs-container > .zen-workspace-tabs-section[hidden="true"] {
-  #vertical-pinned-tabs-container > .zen-workspace-tabs-section[hidden="true"] {
   display: none !important;
-  }
+}
-  tabs {
+tabs {
   counter-reset: tab-counter;
-  } /* Automatically increment tab numbers for each .tab-content inside a tab */ /* Styles when the sidebar is expanded */
+} /* Automatically increment tab numbers for each .tab-content inside a tab */ /* Styles when the sidebar is expanded */
-  @media (-moz-bool-pref: "zen.view.sidebar-expanded") {
+@media (-moz-bool-pref: "zen.view.sidebar-expanded") {
-    tab:not([zen-glance-tab="true"]) > .tab-stack > .tab-content::after {
+  .zen-workspace-tabs-section[active="true"]
+    tab:not([zen-glance-tab="true"])
+    > .tab-stack
+    > .tab-content::after {
     counter-increment: tab-counter;
     content: counter(
       tab-counter
@@ -43,7 +45,10 @@
   }
 
   /*  Hide tab numbers on the right side when hovering over */
-    tab:not([zen-glance-tab="true"]) > .tab-stack > .tab-content:hover::after {
+  .zen-workspace-tabs-section
+    tab:not([zen-glance-tab="true"])
+    > .tab-stack
+    > .tab-content:hover::after {
     opacity: 0; /* Make it invisible */
     width: 0; /* In order to bring the close button to the right */
     margin: 0;
@@ -60,7 +65,10 @@
     tab:not([zen-glance-tab="true"]) > .tab-stack > .tab-content::after {
       display: none; /* Hide the ::after pseudo-element first */
     }
-      tab:not([zen-glance-tab="true"]) > .tab-stack > .tab-content::before {
+    .zen-workspace-tabs-section[active="true"]
+      tab:not([zen-glance-tab="true"])
+      > .tab-stack
+      > .tab-content::before {
       counter-increment: tab-counter;
       content: counter(
         tab-counter
@@ -86,9 +94,12 @@
       margin-right: 5px;
     }
   }
-  } /* Styles when the sidebar is NOT expanded (compact mode) */
+} /* Styles when the sidebar is NOT expanded (compact mode) */
-  @media not (-moz-bool-pref: "zen.view.sidebar-expanded") {
+@media not (-moz-bool-pref: "zen.view.sidebar-expanded") {
-    tab:not([zen-glance-tab="true"]) > .tab-stack > .tab-content::before {
+  .zen-workspace-tabs-section[active="true"]
+    tab:not([zen-glance-tab="true"])
+    > .tab-stack
+    > .tab-content::before {
     counter-increment: tab-counter;
     content: counter(tab-counter) "";
     position: absolute;
@@ -97,14 +108,14 @@
     padding: 0px 0px;
     z-index: -100;
     font-weight: var(--bold-text, normal);
-      font-size: var(
+    font-size: var(--font_size, 80%); /* Default font size (same as "Small") */
-        --font_size,
-        80%
-      ); /* Default font size (same as "Small") */
     color: var(--number_color, inherit); /* Fallback to default color */
   } /* Put tab numbers on the left side when compact_side="Left" (AND in compact mode) */
   :root:has(#theme-Tab-Numbers[uc-theme-compact_side="Left"]) {
-      tab:not([zen-glance-tab="true"]) > .tab-stack > .tab-content::before {
+    .zen-workspace-tabs-section[active="true"]
+      tab:not([zen-glance-tab="true"])
+      > .tab-stack
+      > .tab-content::before {
       counter-increment: tab-counter;
       content: counter(tab-counter) "";
       position: absolute;
@@ -120,51 +131,50 @@
       color: var(--number_color, inherit); /* Fallback to default color */
     }
   }
-  } /* Enable bold text when the preference is enabled */
+} /* Enable bold text when the preference is enabled */
-  @media (-moz-bool-pref: "uc.theme.bold-text-enable.enabled") {
+@media (-moz-bool-pref: "uc.theme.bold-text-enable.enabled") {
   tab:not([zen-glance-tab="true"]) > .tab-stack > .tab-content {
     --bold-text: bold;
   }
-  }
+}
-  @media (-moz-bool-pref: "uc.theme.custom_color_enabled") {
+@media (-moz-bool-pref: "uc.theme.custom_color_enabled") {
   tab:not([zen-glance-tab="true"]) > .tab-stack > .tab-content {
     --number_color: var(--uc-theme-number_color) !important;
     --number_background_color: var(
       --uc-theme-number_background_color
     ) !important;
   }
-  } /* Set font size for Extra Small (Override default) */
+} /* Set font size for Extra Small (Override default) */
-  :root:has(#theme-Tab-Numbers[uc-theme-font_size="XSmall"]) {
+:root:has(#theme-Tab-Numbers[uc-theme-font_size="XSmall"]) {
   --font_size: 70% !important; /* Extra Small font size */
-  } /* Set font size for Small */
+} /* Set font size for Small */
-  :root:has(#theme-Tab-Numbers[uc-theme-font_size="Small"]) {
+:root:has(#theme-Tab-Numbers[uc-theme-font_size="Small"]) {
   --font_size: 80% !important; /* Small font size */
-  } /* Set font size for Medium (Override default) */
+} /* Set font size for Medium (Override default) */
-  :root:has(#theme-Tab-Numbers[uc-theme-font_size="Medium"]) {
+:root:has(#theme-Tab-Numbers[uc-theme-font_size="Medium"]) {
   --font_size: 90% !important; /* Medium font size */
-  } /* Set font size for Large (Override default) */
+} /* Set font size for Large (Override default) */
-  :root:has(#theme-Tab-Numbers[uc-theme-font_size="Large"]) {
+:root:has(#theme-Tab-Numbers[uc-theme-font_size="Large"]) {
   --font_size: 100% !important; /* Large font size */
-  } /* Set font size for Extra Large (Override default) */
+} /* Set font size for Extra Large (Override default) */
-  :root:has(#theme-Tab-Numbers[uc-theme-font_size="XLarge"]) {
+:root:has(#theme-Tab-Numbers[uc-theme-font_size="XLarge"]) {
   --font_size: 120% !important; /* Extra Large font size */
-  } /* Ensure Close X button is on top of everything. */
+} /* Ensure Close X button is on top of everything. */
-  .tab-close-button {
+.tab-close-button {
   z-index: 10;
-  } /* Customize the shape based on the preference values */
+} /* Customize the shape based on the preference values */
-  :root:has(#theme-Tab-Numbers[uc-theme-background_shape="Square"]) {
+:root:has(#theme-Tab-Numbers[uc-theme-background_shape="Square"]) {
   --background_shape: 0%; /* Square */
-  }
+}
-  :root:has(#theme-Tab-Numbers[uc-theme-background_shape="SlightlyRounded"]) {
+:root:has(#theme-Tab-Numbers[uc-theme-background_shape="SlightlyRounded"]) {
   --background_shape: 5%; /* Slightly Rounded Square */
-  }
+}
-  :root:has(#theme-Tab-Numbers[uc-theme-background_shape="ModeratelyRounded"]) {
+:root:has(#theme-Tab-Numbers[uc-theme-background_shape="ModeratelyRounded"]) {
   --background_shape: 15%; /* Moderately Rounded Square */
-  }
+}
-  :root:has(#theme-Tab-Numbers[uc-theme-background_shape="FullyRounded"]) {
+:root:has(#theme-Tab-Numbers[uc-theme-background_shape="FullyRounded"]) {
   --background_shape: 30%; /* Fully Rounded Square */
-  }
+}
-  :root:has(#theme-Tab-Numbers[uc-theme-background_shape="Circle"]) {
+:root:has(#theme-Tab-Numbers[uc-theme-background_shape="Circle"]) {
   --background_shape: 50%; /* Perfect Circle */
-  }
+}
-

themes/22c9ec3b-7c62-46ae-991f-c8fff5046829/readme.md

@@ -2,7 +2,11 @@
 
 Shows the Number corresponding to each Tab. This can help you navigate between Tabs faster by pressing Cmd + Number of the Tab. (or Ctrl + Number on Windows)
 
-Additions (v1.0.5 - current version):
+Additions (v1.0.6 - current version):
+
+Fixed tab numbering across workspaces.
+
+Additions (v1.0.5):
 
 - Fixed incorrect numbering of pinned tabs, removed glance tabs from the tab count.
 

themes/22c9ec3b-7c62-46ae-991f-c8fff5046829/theme.json

@@ -7,11 +7,9 @@
   "readme": "https://raw.githubusercontent.com/zen-browser/theme-store/main/themes/22c9ec3b-7c62-46ae-991f-c8fff5046829/readme.md",
   "image": "https://raw.githubusercontent.com/zen-browser/theme-store/main/themes/22c9ec3b-7c62-46ae-991f-c8fff5046829/image.png",
   "author": "philmard",
-    "version": "1.0.5",
+  "version": "1.0.6",
   "preferences": "https://raw.githubusercontent.com/zen-browser/theme-store/main/themes/22c9ec3b-7c62-46ae-991f-c8fff5046829/preferences.json",
-    "tags": [
+  "tags": ["tabs"],
-        "tabs"
-    ],
   "createdAt": "2024-11-09",
   "updatedAt": "2025-05-01"
 }