mirror of
https://github.com/zen-browser/theme-store.git
synced 2025-07-07 17:05:31 +02:00
Add theme: Outlined Tab Groups
This commit is contained in:
parent
aa1fa4d102
commit
6ee00dc375
4 changed files with 47 additions and 0 deletions
30
themes/47333d76-d9dd-4634-9877-619c730bc824/chrome.css
Normal file
30
themes/47333d76-d9dd-4634-9877-619c730bc824/chrome.css
Normal 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;
|
||||||
|
}
|
||||||
|
}
|
BIN
themes/47333d76-d9dd-4634-9877-619c730bc824/image.png
Normal file
BIN
themes/47333d76-d9dd-4634-9877-619c730bc824/image.png
Normal file
Binary file not shown.
After Width: | Height: | Size: 31 KiB |
3
themes/47333d76-d9dd-4634-9877-619c730bc824/readme.md
Normal file
3
themes/47333d76-d9dd-4634-9877-619c730bc824/readme.md
Normal 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
|
14
themes/47333d76-d9dd-4634-9877-619c730bc824/theme.json
Normal file
14
themes/47333d76-d9dd-4634-9877-619c730bc824/theme.json
Normal 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"
|
||||||
|
}
|
Loading…
Add table
Add a link
Reference in a new issue