Add theme: Tab title fixes

This commit is contained in:
psu 2025-03-28 14:53:39 +00:00 committed by GitHub
parent 2a9820d3e9
commit 5df7189441
5 changed files with 73 additions and 0 deletions

View file

@ -0,0 +1,34 @@
/**
* Zen Mod: Tab title fixes
* Increase size of tab titles and add make pending tabs standing out more.
* Pontus Sundén <hi@pontus.cc>
*/
:root {
/**
--psu-tab_title_fixes-font_size: 13px;
--psu-tab_title_fixes-pending_opacity: 0.55;
/**/
}
#tabbrowser-tabs {
.tabbrowser-tab {
#tab-label-input,
.tab-label {
font-size: var(--psu-tab_title_fixes-font_size) !important;
}
.tab-icon-image,
.tab-label-container {
&:not([selected], [multiselected]) {
opacity: calc(var(--psu-tab_title_fixes-pending_opacity) + 0.3) !important;
}
}
@media (-moz-bool-pref: 'zen.tabs.dim-pending') {
&[pending='true'] {
.tab-icon-image,
.tab-label-container:not([selected], [multiselected]) {
opacity: var(--psu-tab_title_fixes-pending_opacity) !important;
}
}
}
}
}

Binary file not shown.

After

Width:  |  Height:  |  Size: 290 KiB

View file

@ -0,0 +1,16 @@
[
{
"label": "Tab Name Font Size",
"defaultValue": "13px",
"placeholder": "11px",
"property": "psu.tab_title_fixes.font_size",
"type": "string"
},
{
"label": "Icon and Name Opacity for Tabs not Loaded",
"defaultValue": "0.55",
"placeholder": "1",
"property": "psu.tab_title_fixes.pending_opacity",
"type": "string"
}
]

View file

@ -0,0 +1,8 @@
# Zen Mod: Tab title fixes
Increase size of tab titles and add make pending tabs standing out more.
![screenshot](./tab-title-fix.png)
[Source code at GitHub](https://github.com/psu/zen-mods)

View file

@ -0,0 +1,15 @@
{
"id": "7190e4e9-bead-4b40-8f57-95d852ddc941",
"name": "Tab title fixes",
"description": "Increase size of tab titles and add make pending tabs standing out more.",
"homepage": "https://github.com/psu/zen-mods",
"style": "https://raw.githubusercontent.com/zen-browser/theme-store/main/themes/7190e4e9-bead-4b40-8f57-95d852ddc941/chrome.css",
"readme": "https://raw.githubusercontent.com/zen-browser/theme-store/main/themes/7190e4e9-bead-4b40-8f57-95d852ddc941/readme.md",
"image": "https://raw.githubusercontent.com/zen-browser/theme-store/main/themes/7190e4e9-bead-4b40-8f57-95d852ddc941/image.png",
"author": "psu",
"version": "1.0.0",
"tags": [],
"createdAt": "2025-03-28",
"updatedAt": "2025-03-28",
"preferences": "https://raw.githubusercontent.com/zen-browser/theme-store/main/themes/7190e4e9-bead-4b40-8f57-95d852ddc941/preferences.json"
}