diff --git a/themes/47333d76-d9dd-4634-9877-619c730bc824/chrome.css b/themes/47333d76-d9dd-4634-9877-619c730bc824/chrome.css new file mode 100644 index 00000000..5f3715a9 --- /dev/null +++ b/themes/47333d76-d9dd-4634-9877-619c730bc824/chrome.css @@ -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; +} +} diff --git a/themes/47333d76-d9dd-4634-9877-619c730bc824/image.png b/themes/47333d76-d9dd-4634-9877-619c730bc824/image.png new file mode 100644 index 00000000..49cfc6c4 Binary files /dev/null and b/themes/47333d76-d9dd-4634-9877-619c730bc824/image.png differ diff --git a/themes/47333d76-d9dd-4634-9877-619c730bc824/readme.md b/themes/47333d76-d9dd-4634-9877-619c730bc824/readme.md new file mode 100644 index 00000000..3ee4ed37 --- /dev/null +++ b/themes/47333d76-d9dd-4634-9877-619c730bc824/readme.md @@ -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 diff --git a/themes/47333d76-d9dd-4634-9877-619c730bc824/theme.json b/themes/47333d76-d9dd-4634-9877-619c730bc824/theme.json new file mode 100644 index 00000000..5059bc08 --- /dev/null +++ b/themes/47333d76-d9dd-4634-9877-619c730bc824/theme.json @@ -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" +} \ No newline at end of file