Skip to content
Merged
Show file tree
Hide file tree
Changes from all commits
Commits
File filter

Filter by extension

Filter by extension

Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
37 changes: 23 additions & 14 deletions themes/22c9ec3b-7c62-46ae-991f-c8fff5046829/chrome.css
Original file line number Diff line number Diff line change
@@ -1,9 +1,12 @@
@-moz-document url-prefix("chrome:") {

#vertical-pinned-tabs-container > .zen-workspace-tabs-section[hidden="true"] {
display: none !important;
}
tabs {
counter-reset: tab-counter;
} /* 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") {
tab .tab-content::after {
tab:not([zen-glance-tab="true"]) > .tab-stack > .tab-content::after {
counter-increment: tab-counter;
content: counter(
tab-counter
Expand Down Expand Up @@ -31,27 +34,33 @@

/* Hide the "X" close button by default */
tab .tab-close-button {
display: none !important;
visibility: hidden;
opacity: 0;
/* In order to not hide the tab title. [Can't make this work. It still hides the title] */
/* Also, display: none; doesn't seem to work */
width: 0;
margin: 0;
}

/* Hide tab numbers on the right side when hovering over */
tab .tab-content:hover::after {
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;
}

/* Show the "X" close button on hover */
tab:hover .tab-close-button {
display: inline !important;
visibility: visible;
opacity: 1;
}

/* put tab numbers on the left side when expanded_side="Left" (AND in expanded mode) */
/* Put tab numbers on the left side when expanded_side="Left" (AND in expanded mode) */
:root:has(#theme-Tab-Numbers[uc-theme-expanded_side="Left"]) {
tab .tab-content::after {
tab:not([zen-glance-tab="true"]) > .tab-stack > .tab-content::after {
display: none; /* Hide the ::after pseudo-element first */
}
tab .tab-content::before {
tab:not([zen-glance-tab="true"]) > .tab-stack > .tab-content::before {
counter-increment: tab-counter;
content: counter(
tab-counter
Expand Down Expand Up @@ -79,7 +88,7 @@
}
} /* Styles when the sidebar is NOT expanded (compact mode) */
@media not (-moz-bool-pref: "zen.view.sidebar-expanded") {
tab .tab-content::before {
tab:not([zen-glance-tab="true"]) > .tab-stack > .tab-content::before {
counter-increment: tab-counter;
content: counter(tab-counter) "";
position: absolute;
Expand All @@ -93,9 +102,9 @@
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) */
} /* 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 .tab-content::before {
tab:not([zen-glance-tab="true"]) > .tab-stack > .tab-content::before {
counter-increment: tab-counter;
content: counter(tab-counter) "";
position: absolute;
Expand All @@ -113,12 +122,12 @@
}
} /* Enable bold text when the preference is enabled */
@media (-moz-bool-pref: "uc.theme.bold-text-enable.enabled") {
tab .tab-content {
tab:not([zen-glance-tab="true"]) > .tab-stack > .tab-content {
--bold-text: bold;
}
}
@media (-moz-bool-pref: "uc.theme.custom_color_enabled") {
tab .tab-content {
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
Expand Down Expand Up @@ -158,4 +167,4 @@
:root:has(#theme-Tab-Numbers[uc-theme-background_shape="Circle"]) {
--background_shape: 50%; /* Perfect Circle */
}
}

8 changes: 6 additions & 2 deletions themes/22c9ec3b-7c62-46ae-991f-c8fff5046829/readme.md
Original file line number Diff line number Diff line change
Expand Up @@ -2,11 +2,15 @@

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.4 - current version):
Additions (v1.0.5 - current version):

- Fixed incorrect numbering of pinned tabs, removed glance tabs from the tab count.

Additions (v1.0.4):

- Tab Numbers are replaced with Close button on Hover (in Expanded Mode)

Additions (v1.0.3 - current version):
Additions (v1.0.3):

- Nicer Design for Expanded Tabs Mode
- Ability to Change Background Colour, Background Shape
Expand Down
30 changes: 14 additions & 16 deletions themes/22c9ec3b-7c62-46ae-991f-c8fff5046829/theme.json
Original file line number Diff line number Diff line change
@@ -1,17 +1,15 @@
{
"id": "22c9ec3b-7c62-46ae-991f-c8fff5046829",
"name": "Tab Numbers",
"description": "Shows the Number corresponding to each Tab.",
"homepage": "https://github.com/philmard/tab-numbers",
"style": "https://raw.githubusercontent.com/zen-browser/theme-store/main/themes/22c9ec3b-7c62-46ae-991f-c8fff5046829/chrome.css",
"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.4",
"preferences": "https://raw.githubusercontent.com/zen-browser/theme-store/main/themes/22c9ec3b-7c62-46ae-991f-c8fff5046829/preferences.json",
"tags": [
"tabs"
],
"createdAt": "2024-11-09",
"updatedAt": "2025-01-26"
}
"id": "22c9ec3b-7c62-46ae-991f-c8fff5046829",
"name": "Tab Numbers",
"description": "Shows the Number corresponding to each Tab.",
"homepage": "https://github.com/philmard/tab-numbers",
"style": "https://raw.githubusercontent.com/zen-browser/theme-store/main/themes/22c9ec3b-7c62-46ae-991f-c8fff5046829/chrome.css",
"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",
"preferences": "https://raw.githubusercontent.com/zen-browser/theme-store/main/themes/22c9ec3b-7c62-46ae-991f-c8fff5046829/preferences.json",
"tags": ["tabs"],
"createdAt": "2024-11-09",
"updatedAt": "2025-01-26"
}