diff options
Diffstat (limited to 'dot-zen/main/chrome')
4 files changed, 264 insertions, 206 deletions
diff --git a/dot-zen/main/chrome/Zen-Nebula b/dot-zen/main/chrome/Zen-Nebula -Subproject dd13394e5dd629da3963c036b563b9675353317 +Subproject 5c7897357f8d252bb99418043665def8b0ab228 diff --git a/dot-zen/main/chrome/zen-themes.css b/dot-zen/main/chrome/zen-themes.css index 6cb679d5..53dc65d6 100644 --- a/dot-zen/main/chrome/zen-themes.css +++ b/dot-zen/main/chrome/zen-themes.css @@ -1,5 +1,5 @@ /* Zen Mods - Generated by ZenMods. -* FILE GENERATED AT: Tuesday, September 9, 2025 at 5:08:47 PM Hong Kong Standard Time +* FILE GENERATED AT: Saturday, October 11, 2025 at 3:43:52 PM Hong Kong Standard Time * DO NOT EDIT THIS FILE DIRECTLY! * Your changes will be overwritten. * Instead, go to the preferences and edit the mods there. @@ -1093,8 +1093,9 @@ hbox.browserSidebarContainer, } } -#urlbar[open][zen-floating-urlbar="true"] #urlbar-background { +#urlbar[open][zen-floating-urlbar="true"] .urlbar-background { @media -moz-pref( "mod.sameerasw.zen_urlbar_zoom_anim") { + background-color: color-mix(in srgb, var(--zen-urlbar-background-base) 60%, transparent) !important; border-radius: 1em !important; } } @@ -1174,6 +1175,10 @@ tabpanels .browserStack browser { --actual-zen-sidebar-width: var(--zen-sidebar-custom-width) !important; width: var(--zen-sidebar-custom-width) !important; } + + #zen-toolbar-background, #zen-toolbar-background::after, .zen-toolbar-background, .zen-toolbar-background::after{ + background-color: color-mix(in srgb, var(--arrowpanel-background) 30%, transparent) !important; +} } /* Shared: Soft mask background and shadow */ @@ -1186,15 +1191,6 @@ tabpanels .browserStack browser { background-color: light-dark(#fff8, #0005) !important; } -/* Shared: Content reveal trigger condition */ -#zen-main-app-wrapper[zen-compact-mode="true"]:has( - [zen-user-show=""], - #navigator-toolbox[zen-has-hover="true"], - [has-popup-menu=""] - ) { - /* Content styles when sidebar is revealed */ -} - /* Mask type - left sidebar */ #main-window:not([zen-right-side="true"]):has( [mod-sameerasw_zen_compact_sidebar_type="2"] @@ -1208,8 +1204,8 @@ tabpanels .browserStack browser { mask-image: linear-gradient( to right, transparent 0, - transparent calc(var(--zen-sidebar-custom-width) + 4px), - black calc(var(--zen-sidebar-custom-width) + 8px), + transparent calc(var(--zen-sidebar-custom-width) + 10px), + black calc(var(--zen-sidebar-custom-width) + 10px), black 100% ) !important; } @@ -1227,8 +1223,8 @@ tabpanels .browserStack browser { mask-image: linear-gradient( to left, transparent 0, - transparent calc(var(--zen-sidebar-custom-width) + 4px), - black calc(var(--zen-sidebar-custom-width) + 8px), + transparent calc(var(--zen-sidebar-custom-width) + 10px), + black calc(var(--zen-sidebar-custom-width) + 10px), black 100% ) !important; } @@ -1243,7 +1239,7 @@ tabpanels .browserStack browser { [has-popup-menu=""] ) #zen-appcontent-wrapper { - transform: translateX(var(--zen-sidebar-custom-width)) !important; + transform: translateX(calc(var(--zen-sidebar-custom-width) + 10px)) !important; } /* Push type - right sidebar */ @@ -1256,7 +1252,7 @@ tabpanels .browserStack browser { [has-popup-menu=""] ) #zen-appcontent-wrapper { - transform: translateX(calc(0px - var(--zen-sidebar-custom-width))) !important; + transform: translateX(calc(0px - var(--zen-sidebar-custom-width) - 10px)) !important; } /* Shared Push Transition (used in both left and right) */ @@ -1384,4 +1380,31 @@ tabpanels .browserStack browser { } } +/* Transparent glance */ +.zen-glance-background > vbox { + @media -moz-pref( "mod.sameerasw.zen_transparent_glance_enabled") { + mask-image: linear-gradient( + to right, + black 0%, + black 4%, + transparent 7%, + transparent 93.5%, + black 96%, + black 100% + ); + mask-repeat: no-repeat; + mask-size: 100% 100%; + } +} + +.zen-glance-overlay > vbox { + @media -moz-pref( "mod.sameerasw.zen_transparent_glance_enabled") { + background-color: light-dark(#fff7, #0007) !important; + margin-top: 0.5% !important; + margin-bottom: 0.5% !important; + height: 99% !important; + border-radius: 1.5em !important; + } +} + /* End of Zen Mods */ diff --git a/dot-zen/main/chrome/zen-themes/642854b5-88b4-4c40-b256-e035532109df/chrome.css b/dot-zen/main/chrome/zen-themes/642854b5-88b4-4c40-b256-e035532109df/chrome.css index 4c1f30fd..1c2c08fd 100644 --- a/dot-zen/main/chrome/zen-themes/642854b5-88b4-4c40-b256-e035532109df/chrome.css +++ b/dot-zen/main/chrome/zen-themes/642854b5-88b4-4c40-b256-e035532109df/chrome.css @@ -100,8 +100,9 @@ hbox.browserSidebarContainer, } } -#urlbar[open][zen-floating-urlbar="true"] #urlbar-background { +#urlbar[open][zen-floating-urlbar="true"] .urlbar-background { @media -moz-pref( "mod.sameerasw.zen_urlbar_zoom_anim") { + background-color: color-mix(in srgb, var(--zen-urlbar-background-base) 60%, transparent) !important; border-radius: 1em !important; } } @@ -181,6 +182,10 @@ tabpanels .browserStack browser { --actual-zen-sidebar-width: var(--zen-sidebar-custom-width) !important; width: var(--zen-sidebar-custom-width) !important; } + + #zen-toolbar-background, #zen-toolbar-background::after, .zen-toolbar-background, .zen-toolbar-background::after{ + background-color: color-mix(in srgb, var(--arrowpanel-background) 30%, transparent) !important; +} } /* Shared: Soft mask background and shadow */ @@ -193,15 +198,6 @@ tabpanels .browserStack browser { background-color: light-dark(#fff8, #0005) !important; } -/* Shared: Content reveal trigger condition */ -#zen-main-app-wrapper[zen-compact-mode="true"]:has( - [zen-user-show=""], - #navigator-toolbox[zen-has-hover="true"], - [has-popup-menu=""] - ) { - /* Content styles when sidebar is revealed */ -} - /* Mask type - left sidebar */ #main-window:not([zen-right-side="true"]):has( [mod-sameerasw_zen_compact_sidebar_type="2"] @@ -215,8 +211,8 @@ tabpanels .browserStack browser { mask-image: linear-gradient( to right, transparent 0, - transparent calc(var(--zen-sidebar-custom-width) + 4px), - black calc(var(--zen-sidebar-custom-width) + 8px), + transparent calc(var(--zen-sidebar-custom-width) + 10px), + black calc(var(--zen-sidebar-custom-width) + 10px), black 100% ) !important; } @@ -234,8 +230,8 @@ tabpanels .browserStack browser { mask-image: linear-gradient( to left, transparent 0, - transparent calc(var(--zen-sidebar-custom-width) + 4px), - black calc(var(--zen-sidebar-custom-width) + 8px), + transparent calc(var(--zen-sidebar-custom-width) + 10px), + black calc(var(--zen-sidebar-custom-width) + 10px), black 100% ) !important; } @@ -250,7 +246,7 @@ tabpanels .browserStack browser { [has-popup-menu=""] ) #zen-appcontent-wrapper { - transform: translateX(var(--zen-sidebar-custom-width)) !important; + transform: translateX(calc(var(--zen-sidebar-custom-width) + 10px)) !important; } /* Push type - right sidebar */ @@ -263,7 +259,7 @@ tabpanels .browserStack browser { [has-popup-menu=""] ) #zen-appcontent-wrapper { - transform: translateX(calc(0px - var(--zen-sidebar-custom-width))) !important; + transform: translateX(calc(0px - var(--zen-sidebar-custom-width) - 10px)) !important; } /* Shared Push Transition (used in both left and right) */ @@ -390,3 +386,30 @@ tabpanels .browserStack browser { box-shadow: none !important; } } + +/* Transparent glance */ +.zen-glance-background > vbox { + @media -moz-pref( "mod.sameerasw.zen_transparent_glance_enabled") { + mask-image: linear-gradient( + to right, + black 0%, + black 4%, + transparent 7%, + transparent 93.5%, + black 96%, + black 100% + ); + mask-repeat: no-repeat; + mask-size: 100% 100%; + } +} + +.zen-glance-overlay > vbox { + @media -moz-pref( "mod.sameerasw.zen_transparent_glance_enabled") { + background-color: light-dark(#fff7, #0007) !important; + margin-top: 0.5% !important; + margin-bottom: 0.5% !important; + height: 99% !important; + border-radius: 1.5em !important; + } +} diff --git a/dot-zen/main/chrome/zen-themes/642854b5-88b4-4c40-b256-e035532109df/preferences.json b/dot-zen/main/chrome/zen-themes/642854b5-88b4-4c40-b256-e035532109df/preferences.json index 92a04c0e..93f4b25c 100644 --- a/dot-zen/main/chrome/zen-themes/642854b5-88b4-4c40-b256-e035532109df/preferences.json +++ b/dot-zen/main/chrome/zen-themes/642854b5-88b4-4c40-b256-e035532109df/preferences.json @@ -1,174 +1,186 @@ [ - { - "property": "browser.tabs.allow_transparent_browser", - "label": "👀 Allow transparency (TURN OFF BEFORE UNINSTALL)", - "type": "checkbox", - "defaultValue": false - }, - { - "property": "zen.widget.linux.transparency", - "label": "👀 Allow transparency on linux (TURN OFF BEFORE UNINSTALL)", - "type": "checkbox", - "defaultValue": false, - "disabledOn": ["windows", "macos"] - }, - { - "property": "zen.view.grey-out-inactive-windows", - "label": "👀 Keep transparency when not in focus on linux", - "type": "checkbox", - "defaultValue": false, - "disabledOn": ["windows", "macos"] - }, - { - "property": "mod.sameerasw.zen_transparent_sidebar_enabled", - "label": "👀 Transparent sidebar (bookmarks, history and sync)", - "type": "checkbox", - "defaultValue": true - }, - { - "property": "mod.sameerasw.zen_bg_color_enabled", - "label": "🎨 Enable custom background color for Zen", - "type": "checkbox", - "defaultValue": false - }, - { - "property": "mod.sameerasw.zen_transparency_color", - "label": "🎨 Set custom background color (Overrides theme)", - "type": "string", - "defaultValue": "#00000000", - "placeholder": "light-dark(#fff, #222) or RGBA or hex" - }, - { - "property": "mod.sameerasw_zen_light_tint", - "label": "🌙 Light website tint", - "type": "dropdown", - "placeholder": "Select an option", - "defaultValue": "2", - "options": [ - { - "label": "Flip", - "value": "1" - }, - { - "label": "Remove", - "value": "2" - } - ] - }, - { - "property": "mod.sameerasw.zen_no_shadow", - "label": "🌑 Remove the shadow around the web page", - "type": "checkbox", - "defaultValue": false - }, - { - "property": "mod.sameerasw.zen_notab_img_enabled", - "label": "🖼️ Add no tab screen background image", - "type": "checkbox", - "defaultValue": false - }, - { - "property": "mod.sameerasw.zen_notab_img", - "label": "🖼️ Image URL, format: url('example.com/1.png')", - "type": "string", - "defaultValue": "url('https://github.com/sameerasw/my-internet/blob/main/wave-light.png?raw=true')", - "placeholder": "url('example.com/1.png')" - }, - { - "property": "mod.sameerasw.zen_notab_img_size", - "label": "🖼️ No tab screen image size with unit", - "type": "string", - "defaultValue": "150px", - "placeholder": "50px (px, em, % ...)" - }, - { - "property": "mod.sameerasw.zen_notab_img_opacity", - "label": "🖼️ No tab screen image opacity (0-1)", - "type": "string", - "defaultValue": "1", - "placeholder": "0.75" - }, - { - "property": "mod.sameerasw.zen_notab_img_saturate", - "label": "🖼️ Grayscale the no tab screen image", - "type": "checkbox", - "defaultValue": false - }, - { - "property": "mod.sameerasw.zen_notab_img_invert", - "label": "🖼️ Invert above image in light theme (white → black)", - "type": "checkbox", - "defaultValue": false - }, - { - "property": "mod.sameerasw_zen_compact_sidebar_type", - "label": "↔️ Compact transparent sidebar type", - "type": "dropdown", - "placeholder": "Select an option", - "defaultValue": "0", - "options": [ - { - "label": "Default", - "value": "0" - }, - { - "label": "Push", - "value": "1" - }, - { - "label": "Mask", - "value": "2" - } - ] - }, - { - "property": "mod.sameerasw.zen_compact_sidebar_width", - "label": "↔️ Custom compact sidebar width", - "type": "string", - "defaultValue": "165px", - "placeholder": "165px (use px)" - }, - { - "property": "mod.sameerasw.zen_tab_switch_anim", - "label": "✨ Tab switch animation", - "type": "checkbox", - "defaultValue": true - }, - { - "property": "mod.sameerasw.zen_urlbar_zoom_anim", - "label": "✨ URL bar zoom animation", - "type": "checkbox", - "defaultValue": false - }, - { - "property": "mod.sameerasw.zen_trackpad_anim", - "label": "✨ Trackpad swipe animations", - "type": "checkbox", - "defaultValue": false - }, - { - "property": "mod.sameerasw_zen_animations", - "label": "✨ Animation smoothness", - "type": "dropdown", - "placeholder": "Select an option", - "defaultValue": "1", - "options": [ - { - "label": "Quick Snap", - "value": "0" - }, - { - "label": "Smooth Flow", - "value": "1" - }, - { - "label": "Diabolical", - "value": "2" - }, - { - "label": "Springy", - "value": "3" - } - ] - } -] + { + "property": "browser.tabs.allow_transparent_browser", + "label": "\ud83d\udc40 Allow transparency (TURN OFF BEFORE UNINSTALL)", + "type": "checkbox", + "defaultValue": false + }, + { + "property": "zen.widget.linux.transparency", + "label": "\ud83d\udc40 Allow transparency on linux (TURN OFF BEFORE UNINSTALL)", + "type": "checkbox", + "defaultValue": false, + "disabledOn": [ + "windows", + "macos" + ] + }, + { + "property": "zen.view.grey-out-inactive-windows", + "label": "\ud83d\udc40 Disable transparency when not in focus on linux", + "type": "checkbox", + "defaultValue": false, + "disabledOn": [ + "windows", + "macos" + ] + }, + { + "property": "mod.sameerasw.zen_transparent_sidebar_enabled", + "label": "\ud83d\udc40 Transparent sidebar (bookmarks, history and sync)", + "type": "checkbox", + "defaultValue": true + }, + { + "property": "mod.sameerasw.zen_transparent_glance_enabled", + "label": "\ud83d\udc40 Transparent glance", + "type": "checkbox", + "defaultValue": true + }, + { + "property": "mod.sameerasw.zen_bg_color_enabled", + "label": "\ud83c\udfa8 Enable custom background color for Zen", + "type": "checkbox", + "defaultValue": false + }, + { + "property": "mod.sameerasw.zen_transparency_color", + "label": "\ud83c\udfa8 Set custom background color (Overrides theme)", + "type": "string", + "defaultValue": "#00000000", + "placeholder": "light-dark(#fff, #222) or RGBA or hex" + }, + { + "property": "mod.sameerasw_zen_light_tint", + "label": "\ud83c\udf19 Light website tint", + "type": "dropdown", + "placeholder": "Select an option", + "defaultValue": "2", + "options": [ + { + "label": "Flip", + "value": "1" + }, + { + "label": "Remove", + "value": "2" + } + ] + }, + { + "property": "mod.sameerasw.zen_no_shadow", + "label": "\ud83c\udf11 Remove the shadow around the web page", + "type": "checkbox", + "defaultValue": false + }, + { + "property": "mod.sameerasw.zen_notab_img_enabled", + "label": "\ud83d\uddbc\ufe0f Add no tab screen background image", + "type": "checkbox", + "defaultValue": false + }, + { + "property": "mod.sameerasw.zen_notab_img", + "label": "\ud83d\uddbc\ufe0f Image URL, format: url('example.com/1.png')", + "type": "string", + "defaultValue": "url('https://github.com/sameerasw/my-internet/blob/main/wave-light.png?raw=true')", + "placeholder": "url('example.com/1.png')" + }, + { + "property": "mod.sameerasw.zen_notab_img_size", + "label": "\ud83d\uddbc\ufe0f No tab screen image size with unit", + "type": "string", + "defaultValue": "150px", + "placeholder": "50px (px, em, % ...)" + }, + { + "property": "mod.sameerasw.zen_notab_img_opacity", + "label": "\ud83d\uddbc\ufe0f No tab screen image opacity (0-1)", + "type": "string", + "defaultValue": "1", + "placeholder": "0.75" + }, + { + "property": "mod.sameerasw.zen_notab_img_saturate", + "label": "\ud83d\uddbc\ufe0f Grayscale the no tab screen image", + "type": "checkbox", + "defaultValue": false + }, + { + "property": "mod.sameerasw.zen_notab_img_invert", + "label": "\ud83d\uddbc\ufe0f Invert above image in light theme (white \u2192 black)", + "type": "checkbox", + "defaultValue": false + }, + { + "property": "mod.sameerasw_zen_compact_sidebar_type", + "label": "\u2194\ufe0f Compact transparent sidebar type", + "type": "dropdown", + "placeholder": "Select an option", + "defaultValue": "0", + "options": [ + { + "label": "Default", + "value": "0" + }, + { + "label": "Push", + "value": "1" + }, + { + "label": "Mask", + "value": "2" + } + ] + }, + { + "property": "mod.sameerasw.zen_compact_sidebar_width", + "label": "\u2194\ufe0f Custom compact sidebar width", + "type": "string", + "defaultValue": "165px", + "placeholder": "165px (use px)" + }, + { + "property": "mod.sameerasw.zen_tab_switch_anim", + "label": "\u2728 Tab switch animation", + "type": "checkbox", + "defaultValue": true + }, + { + "property": "mod.sameerasw.zen_urlbar_zoom_anim", + "label": "\u2728 URL bar zoom animation", + "type": "checkbox", + "defaultValue": false + }, + { + "property": "mod.sameerasw.zen_trackpad_anim", + "label": "\u2728 Trackpad swipe animations", + "type": "checkbox", + "defaultValue": false + }, + { + "property": "mod.sameerasw_zen_animations", + "label": "\u2728 Animation smoothness", + "type": "dropdown", + "placeholder": "Select an option", + "defaultValue": "1", + "options": [ + { + "label": "Quick Snap", + "value": "0" + }, + { + "label": "Smooth Flow", + "value": "1" + }, + { + "label": "Diabolical", + "value": "2" + }, + { + "label": "Springy", + "value": "3" + } + ] + } +]
\ No newline at end of file |