diff --git a/themes/6e335653-a7ea-4d41-a9e3-2c2b8a59c690/chrome.css b/themes/6e335653-a7ea-4d41-a9e3-2c2b8a59c690/chrome.css new file mode 100644 index 00000000..959cdc4f --- /dev/null +++ b/themes/6e335653-a7ea-4d41-a9e3-2c2b8a59c690/chrome.css @@ -0,0 +1,36 @@ + +#navigator-toolbox { + --zen-toolbox-max-width: 74px !important; + background: none !important; + border: none !important; + box-shadow: none !important; + height: 100vh !important; + padding: 0 !important; + min-width: calc(var(--zen-toolbox-max-width) + var(--zen-toolbox-padding) + var(--zen-element-separation)) !important; +} + +#titlebar { + border-radius: var(--zen-border-radius) !important; + border: 1px solid var(--zen-colors-border) !important; + background: var(--zen-colors-tertiary) !important; + margin: calc( var(--zen-element-separation) * 2 ); + padding: var(--zen-element-separation); +} + +/* Increase space around edge of browser window and tab bar */ +@media (-moz-bool-pref: "uc.floatingtabbar.increase.spacing") { + #main-window { + --zen-element-separation: 10px !important; + } + #titlebar { + padding: calc( var(--zen-element-separation) / 2 ); + } +} + +/* Enable compact tab bar, similar to Smaller Compact Mode by n7itro */ +@media (-moz-bool-pref: "uc.floatingtabbar.compact.enabled") { + #titlebar { + height: 75vh !important; + margin-top: 12.5vh !important; + } +} diff --git a/themes/6e335653-a7ea-4d41-a9e3-2c2b8a59c690/image.png b/themes/6e335653-a7ea-4d41-a9e3-2c2b8a59c690/image.png new file mode 100644 index 00000000..46a862e0 Binary files /dev/null and b/themes/6e335653-a7ea-4d41-a9e3-2c2b8a59c690/image.png differ diff --git a/themes/6e335653-a7ea-4d41-a9e3-2c2b8a59c690/preferences.json b/themes/6e335653-a7ea-4d41-a9e3-2c2b8a59c690/preferences.json new file mode 100644 index 00000000..b01e9944 --- /dev/null +++ b/themes/6e335653-a7ea-4d41-a9e3-2c2b8a59c690/preferences.json @@ -0,0 +1,14 @@ +[ + { + "property": "uc.floatingtabbar.increase.spacing", + "label": "Increase space around edge of browser window and tab bar", + "type": "checkbox", + "disabledOn": [] + }, + { + "property": "uc.floatingtabbar.compact.enabled", + "label": "Enable compact tab bar, similar to Smaller Compact Mode by n7itro", + "type": "checkbox", + "disabledOn": [] + } +] \ No newline at end of file diff --git a/themes/6e335653-a7ea-4d41-a9e3-2c2b8a59c690/readme.md b/themes/6e335653-a7ea-4d41-a9e3-2c2b8a59c690/readme.md new file mode 100644 index 00000000..2c37d0cb --- /dev/null +++ b/themes/6e335653-a7ea-4d41-a9e3-2c2b8a59c690/readme.md @@ -0,0 +1,11 @@ + +# zen-floating-tabbar +Detaches tab bar from edge of browser window so that it appears to float. + +## Options +- Increase space around edge of browser window and tab bar; and +- Enable compact tab bar, similar to Smaller Compact Mode by n7itro. + +## Requires +- Compact mode to be enabled; and +- Side tab bar to be hidden. diff --git a/themes/6e335653-a7ea-4d41-a9e3-2c2b8a59c690/theme.json b/themes/6e335653-a7ea-4d41-a9e3-2c2b8a59c690/theme.json new file mode 100644 index 00000000..d2584349 --- /dev/null +++ b/themes/6e335653-a7ea-4d41-a9e3-2c2b8a59c690/theme.json @@ -0,0 +1 @@ +{"id": "6e335653-a7ea-4d41-a9e3-2c2b8a59c690", "name": "Floating tab bar", "description": "Mod for Zen Browser that detaches tab bar from edge of browser window so that it appears to float.", "homepage": "https://github.com/anaarkei/zen-floating-tabbar", "style": "https://raw.githubusercontent.com/zen-browser/theme-store/main/themes/6e335653-a7ea-4d41-a9e3-2c2b8a59c690/chrome.css", "readme": "https://raw.githubusercontent.com/zen-browser/theme-store/main/themes/6e335653-a7ea-4d41-a9e3-2c2b8a59c690/readme.md", "image": "https://raw.githubusercontent.com/zen-browser/theme-store/main/themes/6e335653-a7ea-4d41-a9e3-2c2b8a59c690/image.png", "author": "anaarkei", "version": "1.0.0", "preferences": "https://raw.githubusercontent.com/zen-browser/theme-store/main/themes/6e335653-a7ea-4d41-a9e3-2c2b8a59c690/preferences.json"} \ No newline at end of file