Add theme: Outlined Tab Groups

This commit is contained in:
Lu9-ST 2025-04-14 20:17:53 +00:00 committed by GitHub
parent aa1fa4d102
commit 6ee00dc375
4 changed files with 47 additions and 0 deletions

View file

@ -0,0 +1,30 @@
/* Outlined Tab Groups */
/* Fixes text centering on tab groups (experimental Firefox 137+ feature, can be activated now in Zen with about:config) and gives them an outline-only look, changes to solid fill color when opened */
.tab-group-label-container {
padding-left: 5px;
}
.tab-group-label {
outline: unset;
background-color: var(--tab-group-color) !important;
color: white !important;
padding-right: 4px !important;
padding-top: 2px !important;
}
.tab-group-label {
tab-group[collapsed] > .tab-group-label-container > & {
outline-width: 1px !important;
outline-color: var(--tab-group-color) !important;
color: var(--tab-group-color) !important;
background-color: unset !important;
}
}
.tab-group-label {
tab-group[collapsed] > .tab-group-label-container > &:hover {
outline-color: color-mix(in hsl, var(--tab-group-color),white 20%) !important;
color: color-mix(in hsl, var(--tab-group-color),white 20%) !important;
}
}

Binary file not shown.

After

Width:  |  Height:  |  Size: 31 KiB

View file

@ -0,0 +1,3 @@
# Outlined Tab Groups
Fixes text centering on tab groups (experimental Firefox 137+ feature, can be activated now in Zen with about:config) and gives them an outline-only look, changes to solid fill color when opened

View file

@ -0,0 +1,14 @@
{
"id": "47333d76-d9dd-4634-9877-619c730bc824",
"name": "Outlined Tab Groups",
"description": "Fixes text centering on tab groups (experimental feature) and gives them an outline-only look",
"homepage": "https://github.com/Lu9-ST/zen-stuff",
"style": "https://raw.githubusercontent.com/zen-browser/theme-store/main/themes/47333d76-d9dd-4634-9877-619c730bc824/chrome.css",
"readme": "https://raw.githubusercontent.com/zen-browser/theme-store/main/themes/47333d76-d9dd-4634-9877-619c730bc824/readme.md",
"image": "https://raw.githubusercontent.com/zen-browser/theme-store/main/themes/47333d76-d9dd-4634-9877-619c730bc824/image.png",
"author": "Lu9-ST",
"version": "1.0.0",
"tags": [],
"createdAt": "2025-04-14",
"updatedAt": "2025-04-14"
}