Merge pull request #1467 from philmard/main

Update Theme: Tab Numbers (v1.0.6)
This commit is contained in:
mr. m 2025-05-14 21:07:03 +02:00 committed by GitHub
commit f687f94133
No known key found for this signature in database
GPG key ID: B5690EEEBB952194
3 changed files with 160 additions and 148 deletions

View file

@ -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; display: none !important;
} }
tabs { tabs {
counter-reset: tab-counter; 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; counter-increment: tab-counter;
content: counter( content: counter(
tab-counter tab-counter
@ -43,7 +45,10 @@
} }
/* Hide tab numbers on the right side when hovering over */ /* 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 */ opacity: 0; /* Make it invisible */
width: 0; /* In order to bring the close button to the right */ width: 0; /* In order to bring the close button to the right */
margin: 0; margin: 0;
@ -60,7 +65,10 @@
tab:not([zen-glance-tab="true"]) > .tab-stack > .tab-content::after { tab:not([zen-glance-tab="true"]) > .tab-stack > .tab-content::after {
display: none; /* Hide the ::after pseudo-element first */ 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; counter-increment: tab-counter;
content: counter( content: counter(
tab-counter tab-counter
@ -86,9 +94,12 @@
margin-right: 5px; 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; counter-increment: tab-counter;
content: counter(tab-counter) ""; content: counter(tab-counter) "";
position: absolute; position: absolute;
@ -97,14 +108,14 @@
padding: 0px 0px; padding: 0px 0px;
z-index: -100; z-index: -100;
font-weight: var(--bold-text, normal); 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 */ color: var(--number_color, inherit); /* Fallback to default color */
} /* Put tab numbers on the left side when compact_side="Left" (AND in compact mode) */ } /* 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"]) { :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; counter-increment: tab-counter;
content: counter(tab-counter) ""; content: counter(tab-counter) "";
position: absolute; position: absolute;
@ -120,51 +131,50 @@
color: var(--number_color, inherit); /* Fallback to default color */ 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 { tab:not([zen-glance-tab="true"]) > .tab-stack > .tab-content {
--bold-text: bold; --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 { tab:not([zen-glance-tab="true"]) > .tab-stack > .tab-content {
--number_color: var(--uc-theme-number_color) !important; --number_color: var(--uc-theme-number_color) !important;
--number_background_color: var( --number_background_color: var(
--uc-theme-number_background_color --uc-theme-number_background_color
) !important; ) !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 */ --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 */ --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 */ --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 */ --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 */ --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; 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 */ --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 */ --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 */ --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 */ --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 */ --background_shape: 50%; /* Perfect Circle */
} }

View file

@ -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) 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. - Fixed incorrect numbering of pinned tabs, removed glance tabs from the tab count.

View file

@ -7,11 +7,9 @@
"readme": "https://raw.githubusercontent.com/zen-browser/theme-store/main/themes/22c9ec3b-7c62-46ae-991f-c8fff5046829/readme.md", "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", "image": "https://raw.githubusercontent.com/zen-browser/theme-store/main/themes/22c9ec3b-7c62-46ae-991f-c8fff5046829/image.png",
"author": "philmard", "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", "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", "createdAt": "2024-11-09",
"updatedAt": "2025-05-01" "updatedAt": "2025-05-01"
} }