diff --git a/themes/5b3cdbdb-4445-4ed4-9255-fb53a35080cc/chrome.css b/themes/5b3cdbdb-4445-4ed4-9255-fb53a35080cc/chrome.css new file mode 100644 index 000000000..a5d5bc103 --- /dev/null +++ b/themes/5b3cdbdb-4445-4ed4-9255-fb53a35080cc/chrome.css @@ -0,0 +1,31 @@ + +/* Glance Button Colors + * Customize Zen's floating Glance button colors. + */ + +.zen-glance-sidebar-container toolbarbutton { + background: var(--theme-glance_button_colors-button_background, #181818) !important; + color: var(--theme-glance_button_colors-icon_color, #ffffff) !important; + fill: var(--theme-glance_button_colors-icon_color, #ffffff) !important; + stroke: var(--theme-glance_button_colors-icon_color, #ffffff) !important; + +opacity: var(--theme-glance_button_colors-button_opacity, 1) !important; + +border: var(--theme-glance_button_colors-button_border, none) !important; + box-shadow: var(--theme-glance_button_colors-button_shadow, none) !important; + +-moz-context-properties: fill, fill-opacity, stroke, stroke-opacity !important; +} + +.zen-glance-sidebar-container toolbarbutton:hover { + background: var(--theme-glance_button_colors-button_hover_background, #2c2c2c) !important; +} + +.zen-glance-sidebar-container toolbarbutton .toolbarbutton-icon { + color: var(--theme-glance_button_colors-icon_color, #ffffff) !important; + fill: var(--theme-glance_button_colors-icon_color, #ffffff) !important; + stroke: var(--theme-glance_button_colors-icon_color, #ffffff) !important; + filter: none !important; + +-moz-context-properties: fill, fill-opacity, stroke, stroke-opacity !important; +} diff --git a/themes/5b3cdbdb-4445-4ed4-9255-fb53a35080cc/image.png b/themes/5b3cdbdb-4445-4ed4-9255-fb53a35080cc/image.png new file mode 100644 index 000000000..06c0dc696 Binary files /dev/null and b/themes/5b3cdbdb-4445-4ed4-9255-fb53a35080cc/image.png differ diff --git a/themes/5b3cdbdb-4445-4ed4-9255-fb53a35080cc/preferences.json b/themes/5b3cdbdb-4445-4ed4-9255-fb53a35080cc/preferences.json new file mode 100644 index 000000000..6fcddff47 --- /dev/null +++ b/themes/5b3cdbdb-4445-4ed4-9255-fb53a35080cc/preferences.json @@ -0,0 +1,44 @@ +[ + { + "property": "theme-glance_button_colors-icon_color", + "label": "Icon color", + "type": "string", + "defaultValue": "#ffffff", + "placeholder": "#ffffff" + }, + { + "property": "theme-glance_button_colors-button_background", + "label": "Button background", + "type": "string", + "defaultValue": "#181818", + "placeholder": "#181818" + }, + { + "property": "theme-glance_button_colors-button_hover_background", + "label": "Hover background", + "type": "string", + "defaultValue": "#2c2c2c", + "placeholder": "#2c2c2c" + }, + { + "property": "theme-glance_button_colors-button_opacity", + "label": "Button opacity", + "type": "string", + "defaultValue": "1", + "placeholder": "0.85, 0.9, or 1" + }, + { + "property": "theme-glance_button_colors-button_border", + "label": "Button border", + "type": "string", + "defaultValue": "none", + "placeholder": "none or 1px solid rgba(255,255,255,.2)" + }, + { + "property": "theme-glance_button_colors-button_shadow", + "label": "Button shadow", + "type": "string", + "defaultValue": "none", + "placeholder": "none or 0 4px 12px rgba(0,0,0,.35)" + } +] \ No newline at end of file diff --git a/themes/5b3cdbdb-4445-4ed4-9255-fb53a35080cc/readme.md b/themes/5b3cdbdb-4445-4ed4-9255-fb53a35080cc/readme.md new file mode 100644 index 000000000..5abd47158 --- /dev/null +++ b/themes/5b3cdbdb-4445-4ed4-9255-fb53a35080cc/readme.md @@ -0,0 +1,32 @@ + +# Glance Button Colors + +Glance Button Colors lets you customize Zen Browser's floating Glance controls. + +Zen's workspace theme colors can sometimes make the Glance buttons difficult to read. This mod lets you set your own icon color, button background, hover background, opacity, border, and shadow. + +## Options + +- Icon color +- Button background +- Hover background +- Button opacity +- Button border +- Button shadow + +## Defaults + +- White icons +- Dark button background +- Slightly lighter hover background +- No border +- No shadow +- Full opacity + +## Notes + +This mod targets Zen's floating Glance controls using: + +.zen-glance-sidebar-container + +If Zen changes its internal Glance markup in a future update, this mod may need an update. diff --git a/themes/5b3cdbdb-4445-4ed4-9255-fb53a35080cc/theme.json b/themes/5b3cdbdb-4445-4ed4-9255-fb53a35080cc/theme.json new file mode 100644 index 000000000..8f5038445 --- /dev/null +++ b/themes/5b3cdbdb-4445-4ed4-9255-fb53a35080cc/theme.json @@ -0,0 +1,15 @@ +{ + "id": "5b3cdbdb-4445-4ed4-9255-fb53a35080cc", + "name": "Glance Button Colors", + "description": "Customize Zen Browser\u2019s floating Glance button colors.", + "homepage": "https://github.com/ronniemason/glance-button-colors", + "style": "https://raw.githubusercontent.com/zen-browser/theme-store/main/themes/5b3cdbdb-4445-4ed4-9255-fb53a35080cc/chrome.css", + "readme": "https://raw.githubusercontent.com/zen-browser/theme-store/main/themes/5b3cdbdb-4445-4ed4-9255-fb53a35080cc/readme.md", + "image": "https://raw.githubusercontent.com/zen-browser/theme-store/main/themes/5b3cdbdb-4445-4ed4-9255-fb53a35080cc/image.png", + "author": "ronniemason", + "version": "1.0.0", + "tags": [], + "createdAt": "2026-07-08", + "updatedAt": "2026-07-08", + "preferences": "https://raw.githubusercontent.com/zen-browser/theme-store/main/themes/5b3cdbdb-4445-4ed4-9255-fb53a35080cc/preferences.json" +} \ No newline at end of file