diff --git a/themes/bbfb0dc1-0b26-4a0b-84a5-0722fd20c909/chrome.css b/themes/bbfb0dc1-0b26-4a0b-84a5-0722fd20c909/chrome.css new file mode 100644 index 000000000..48d6f7227 --- /dev/null +++ b/themes/bbfb0dc1-0b26-4a0b-84a5-0722fd20c909/chrome.css @@ -0,0 +1,4 @@ + +{ + --tab-block-margin: calc(var(--mod-adjust_tab_height-tab_height)*1px) !important; +} diff --git a/themes/bbfb0dc1-0b26-4a0b-84a5-0722fd20c909/image.png b/themes/bbfb0dc1-0b26-4a0b-84a5-0722fd20c909/image.png new file mode 100644 index 000000000..e2b215cf8 Binary files /dev/null and b/themes/bbfb0dc1-0b26-4a0b-84a5-0722fd20c909/image.png differ diff --git a/themes/bbfb0dc1-0b26-4a0b-84a5-0722fd20c909/preferences.json b/themes/bbfb0dc1-0b26-4a0b-84a5-0722fd20c909/preferences.json new file mode 100644 index 000000000..e7b26b838 --- /dev/null +++ b/themes/bbfb0dc1-0b26-4a0b-84a5-0722fd20c909/preferences.json @@ -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": [] + } +] \ No newline at end of file diff --git a/themes/bbfb0dc1-0b26-4a0b-84a5-0722fd20c909/readme.md b/themes/bbfb0dc1-0b26-4a0b-84a5-0722fd20c909/readme.md new file mode 100644 index 000000000..938cab274 --- /dev/null +++ b/themes/bbfb0dc1-0b26-4a0b-84a5-0722fd20c909/readme.md @@ -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) diff --git a/themes/bbfb0dc1-0b26-4a0b-84a5-0722fd20c909/theme.json b/themes/bbfb0dc1-0b26-4a0b-84a5-0722fd20c909/theme.json new file mode 100644 index 000000000..a18c9a398 --- /dev/null +++ b/themes/bbfb0dc1-0b26-4a0b-84a5-0722fd20c909/theme.json @@ -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" +} \ No newline at end of file