Skip to content
Open
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
4 changes: 4 additions & 0 deletions themes/bbfb0dc1-0b26-4a0b-84a5-0722fd20c909/chrome.css
Original file line number Diff line number Diff line change
@@ -0,0 +1,4 @@

{
--tab-block-margin: calc(var(--mod-adjust_tab_height-tab_height)*1px) !important;
}
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
32 changes: 32 additions & 0 deletions themes/bbfb0dc1-0b26-4a0b-84a5-0722fd20c909/preferences.json
Original file line number Diff line number Diff line change
@@ -0,0 +1,32 @@
[
{
"property": "property",
"label": "mod.adjust_tab_height.tab_height",
"type": "checkbox",
"disabledOn": []
},
{
"property": "label",
"label": "Tab Height (Pixels)",
"type": "checkbox",
"disabledOn": []
},
{
"property": "type",
"label": "string",
"type": "checkbox",
"disabledOn": []
},
{
"property": "placeholder",
"label": "4",
"type": "checkbox",
"disabledOn": []
},
{
"property": "defaultValue",
"label": "4",
"type": "checkbox",
"disabledOn": []
}
]
12 changes: 12 additions & 0 deletions themes/bbfb0dc1-0b26-4a0b-84a5-0722fd20c909/readme.md
Original file line number Diff line number Diff line change
@@ -0,0 +1,12 @@

# Adjust Tab Height
Adjusts tab height by modifying the margin in between tabs.
* Has one property, where you specify the number of pixels for the margin to be.
* The browser default is 4 pixels.
* If you want the tabs to be closer together, you can specify negative numbers. Some things start to break past around -6, but this is not thoroughly tested so there could be other issues.
* Decimals seem to work fine, although I don't know if they're real or being rounded.
* Input only the desired number of pixels as a number, do not include a unit.
* This has not been thoroughly tested. It works on my computer, on Windows, with the mods I have and the other css modifications I have (which are minimal). Just making this for my girlfriend so it's easier for her to use and thought others could benefit from it too :)
Left: Original. Right: Reduced tab height by a few pixels.

![Shorter Tabs](images/shorter-tabs.png)
15 changes: 15 additions & 0 deletions themes/bbfb0dc1-0b26-4a0b-84a5-0722fd20c909/theme.json
Original file line number Diff line number Diff line change
@@ -0,0 +1,15 @@
{
"id": "bbfb0dc1-0b26-4a0b-84a5-0722fd20c909",
"name": "Adjust Tab Height",
"description": "A simple zen mod for adjusting the height of tabs in the sidebar. Made for Katrielle!",
"homepage": "https://github.com/adorablue/Zen-Mod-Adjust-Tab-Height",
"style": "https://raw.githubusercontent.com/zen-browser/theme-store/main/themes/bbfb0dc1-0b26-4a0b-84a5-0722fd20c909/chrome.css",
"readme": "https://raw.githubusercontent.com/zen-browser/theme-store/main/themes/bbfb0dc1-0b26-4a0b-84a5-0722fd20c909/readme.md",
"image": "https://raw.githubusercontent.com/zen-browser/theme-store/main/themes/bbfb0dc1-0b26-4a0b-84a5-0722fd20c909/image.png",
"author": "adorablue",
"version": "1.0.0",
"tags": [],
"createdAt": "2026-01-03",
"updatedAt": "2026-01-03",
"preferences": "https://raw.githubusercontent.com/zen-browser/theme-store/main/themes/bbfb0dc1-0b26-4a0b-84a5-0722fd20c909/preferences.json"
}