diff --git a/themes/1c711877-0402-4a88-ba9c-b64f6ddacec8/chrome.css b/themes/1c711877-0402-4a88-ba9c-b64f6ddacec8/chrome.css new file mode 100644 index 00000000..70464849 --- /dev/null +++ b/themes/1c711877-0402-4a88-ba9c-b64f6ddacec8/chrome.css @@ -0,0 +1,92 @@ + +#zen-main-app-window { + --theme-biggerspace-selector_size: var(--theme-biggerspace-selector_size, 18px); + --theme-biggerspace-indicator_size: var(--theme-biggerspace-indicator_size, 24px); + --theme-biggerspace-picker_size: var(--theme-biggerspace-picker_size, 24px); +} + +/* Workspace selector buttons */ +.zen-workspace-icon { + font-size: var(--theme-biggerspace-selector_size); +} + +#zen-workspaces-button:not([as-button="true"]) toolbarbutton.subviewbutton:not([active]) { + opacity: 0.8 !important; +} + +/* Workspace icon picker */ +#PanelUI-zen-workspaces #PanelUI-zen-workspaces-icon-picker .workspace-icon-button { + font-size: var(--theme-biggerspace-picker_size) !important; +} + +/* Current workspace indicator */ +#zen-current-workspace-indicator-icon { + font-size: var(--theme-biggerspace-indicator_size) !important; + line-height: 1; +} + +#zen-current-workspace-indicator-name { + position: static !important; + padding-left: 8px !important; +} + +#zen-current-workspace-indicator-name { + opacity: 0.7 !important; +} + +#zen-current-workspace-indicator:hover #zen-current-workspace-indicator-name { + opacity: 1 !important; +} + +/* Make current workspace indicator look a bit more like tabs. */ +#zen-current-workspace-indicator { + min-height: 44px; /* Same value as essentials */ + margin: 2px !important; /* Same value as normal tabs */ + padding: 6px 10px !important; /* Just eyeballed this */ +} + +#zen-current-workspace-indicator { + /* Background */ + &::before { + content: ''; + position: absolute; + inset: var(--tab-block-margin); + +border-radius: var(--zen-border-radius); + @media (-moz-bool-pref: "theme.biggerspace.indicator_bg") { + background-color: var(--zen-toolbar-element-bg); + } + +z-index: -1; + } + +/* Background hover */ + &:hover::before { + background-color: var(--tab-selected-bgcolor); + } + +/* Background active */ + &[open=true]::before { + box-shadow: 0 0 1px 1px light-dark(rgba(0, 0, 0, 0.07), rgba(0, 0, 0, 0.1)); + background-color: var(--tab-selected-bgcolor); + } +} + +/* Collapsed sidebar overrides */ +#navigator-toolbox:not([zen-sidebar-expanded="true"]) #zen-current-workspace-indicator { + opacity: 1 !important; + min-height: 42px; + +&::before { + background-color: transparent; + inset: 3px; + } + +&:hover::before { + background-color: var(--zen-toolbar-element-bg); + } + +&[open=true]::before { + background-color: var(--tab-selected-bgcolor); + } +} diff --git a/themes/1c711877-0402-4a88-ba9c-b64f6ddacec8/image.png b/themes/1c711877-0402-4a88-ba9c-b64f6ddacec8/image.png new file mode 100644 index 00000000..c05f0f9a Binary files /dev/null and b/themes/1c711877-0402-4a88-ba9c-b64f6ddacec8/image.png differ diff --git a/themes/1c711877-0402-4a88-ba9c-b64f6ddacec8/preferences.json b/themes/1c711877-0402-4a88-ba9c-b64f6ddacec8/preferences.json new file mode 100644 index 00000000..ffab33ba --- /dev/null +++ b/themes/1c711877-0402-4a88-ba9c-b64f6ddacec8/preferences.json @@ -0,0 +1,26 @@ +[ + { + "property": "theme.biggerspace.selector_size", + "label": "Workspace Selector Size", + "type": "string", + "defaultValue": "18px" + }, + { + "property": "theme.biggerspace.indicator_size", + "label": "Current Indicator Size", + "type": "string", + "defaultValue": "24px" + }, + { + "property": "theme.biggerspace.indicator_bg", + "label": "Add Indicator Background", + "type": "checkbox", + "defaultValue": true + }, + { + "property": "theme.biggerspace.picker_size", + "label": "Icon Picker Size", + "type": "string", + "defaultValue": "24px" + } +] \ No newline at end of file diff --git a/themes/1c711877-0402-4a88-ba9c-b64f6ddacec8/readme.md b/themes/1c711877-0402-4a88-ba9c-b64f6ddacec8/readme.md new file mode 100644 index 00000000..f60c9c2e --- /dev/null +++ b/themes/1c711877-0402-4a88-ba9c-b64f6ddacec8/readme.md @@ -0,0 +1,3 @@ + +# BiggerSpace +Make workspace icons bigger and more legible everywhere. diff --git a/themes/1c711877-0402-4a88-ba9c-b64f6ddacec8/theme.json b/themes/1c711877-0402-4a88-ba9c-b64f6ddacec8/theme.json new file mode 100644 index 00000000..d7eb857b --- /dev/null +++ b/themes/1c711877-0402-4a88-ba9c-b64f6ddacec8/theme.json @@ -0,0 +1,15 @@ +{ + "id": "1c711877-0402-4a88-ba9c-b64f6ddacec8", + "name": "BiggerSpace", + "description": "Make workspace icons bigger and more legible everywhere.", + "homepage": "https://github.com/different55/BiggerSpace", + "style": "https://raw.githubusercontent.com/zen-browser/theme-store/main/themes/1c711877-0402-4a88-ba9c-b64f6ddacec8/chrome.css", + "readme": "https://raw.githubusercontent.com/zen-browser/theme-store/main/themes/1c711877-0402-4a88-ba9c-b64f6ddacec8/readme.md", + "image": "https://raw.githubusercontent.com/zen-browser/theme-store/main/themes/1c711877-0402-4a88-ba9c-b64f6ddacec8/image.png", + "author": "different55", + "version": "1.0.0", + "tags": [], + "createdAt": "2025-02-02", + "updatedAt": "2025-02-02", + "preferences": "https://raw.githubusercontent.com/zen-browser/theme-store/main/themes/1c711877-0402-4a88-ba9c-b64f6ddacec8/preferences.json" +} \ No newline at end of file