bump: zen

4 files changed, 248 insertions, 207 deletions

diff --git a/dot-zen/main/chrome/Zen-Nebula b/dot-zen/main/chrome/Zen-Nebula
-Subproject 5c7897357f8d252bb99418043665def8b0ab228
+Subproject 35d2ffa96126410dbe58e9d6ab05b4198c505eb
diff --git a/dot-zen/main/chrome/zen-themes.css b/dot-zen/main/chrome/zen-themes.css
index 53dc65d6..4b99af43 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: Saturday, October 11, 2025 at 3:43:52 PM Hong Kong Standard Time
+* FILE GENERATED AT: Saturday, November 22, 2025 at 12:15:53 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.
@@ -857,133 +857,6 @@
 /* Description: Hide Back and Forward button when you don't need them */
 /* Author: @KiKaraage */
 @-moz-document url-prefix("chrome:") {  :root:not([customizing]) #back-button[disabled] {    display: none !important;  }    :root:not([customizing]) #forward-button[disabled] {    display: none !important;  }  }
-/* Name: Floating History */
-/* Description: Improves the history tab by matching the browser theme, make it floating, more responsive, and allow placing it on either side. */
-/* Author: @ahmaadaziz */
-/* Disable dragable splitter */
-#sidebar-box[sidebarcommand="viewHistorySidebar"] + splitter {
-  display: none !important;
-}
-
-/* Make sure content is not affect by history tab sliding in and out */
-#tabbrowser-tabbox[flex="1"][tabcontainer="tabbrowser-tabs"] {
-    will-change: unset !important;
-}
-
-/* History Tab Styles */
-#sidebar-box[sidebarcommand="viewHistorySidebar"] {
-    order: none !important;
-    height: 80% !important;
-    width: 22em !important;
-    
-    body:has(#mod-floating_history[mod-floating_history-position="right"]) {
-        right: 15px;
-    }
- 
-    body:has(#mod-floating_history[mod-floating_history-position="left"]) {
-        left: 15px;
-    }
-    
-  
-    position: fixed !important;
-    transform: translateX(50%) !important;
-    z-index: 10;
-  
-    transform: translateY(12%) !important;
-  
-    border-radius: var(--zen-border-radius) !important;
-
-    box-shadow: var(--box-shadow-10) !important;
-    background: var(--zen-colors-tertiary) !important;
-    border: 1px solid var(--zen-colors-border) !important;
-    
-    transition: transform 0.35s !important;
-    visibility: visible !important;
-    opacity: 1 !important;
-  
-  
-    &[hidden="true"] {
-		display: flex !important;
-        
-        body:has(#mod-floating_history[mod-floating_history-position="right"]) {
-            transform: translateX(110%) translateY(12%) !important;
-        }
-
-        body:has(#mod-floating_history[mod-floating_history-position="left"]) {
-            transform: translateX(-110%) translateY(12%) !important;
-        }
-	}
-    
-    @starting-style {
-        display: flex !important;
-        
-        body:has(#mod-floating_history[mod-floating_history-position="right"]) {
-            transform: translateX(110%) translateY(12%) !important;
-        }
-
-        body:has(#mod-floating_history[mod-floating_history-position="left"]) {
-            transform: translateX(-110%) translateY(12%) !important;
-        }
-    }
-  
-    &[checked="true"] {
-        display: flex !important;
-        transform: translateX(0%) translateY(12%) !important;
-    }
-}
-
-
-/* Inner Styles of History Tab */
-
-#sidebar-box[sidebarcommand="viewHistorySidebar"] box#sidebar-header {
-    border-bottom: none !important;
-}
-
-window#history-panel {
-    box-shadow: var(--box-shadow-10) !important;
-    background: var(--zen-colors-tertiary) !important;
-}
-
-/* Search Bar Styles */
-window#history-panel search-textbox#search-box[data-l10n-id="places-history-search"] {
-    appearance: none !important;
-    background-color: var(--input-bgcolor, var(--zen-colors-tertiary)) !important;
-    color: var(--input-color, var(--toolbar-field-color)) !important;
-    border: 1px solid var(--zen-input-border-color, rgb(66,65,77));
-    border-radius: 4px;
-    outline: none;
-    box-sizing: border-box;
-    padding: 0.5rem !important;
-
-    
-    &[focused="true"] {
-        background-color: var(--input-bgcolor, var(--toolbar-field-background-color)) !important;
-        border: 1px solid var(--input-border-color, rgb(66,65,77));
-    }
-}
-
-
-/* View Button Styles */
-window#history-panel hbox#sidebar-search-container button#viewButton {
-    appearance: none !important;
-    margin-inline-end: 4px !important;
-    border-radius: 6px !important;
-    border: 1px solid transparent !important;
-    padding: 2px 4px !important;
-    background: transparent !important;
-}
-
-window#history-panel hbox#sidebar-search-container button#viewButton:hover {
-    background-color: color-mix(in srgb, currentColor 10%, transparent) !important;
-}
-
-window#history-panel hbox#sidebar-search-container button#viewButton:active {
-    background-color: color-mix(in srgb, currentColor 15%, transparent) !important;
-}
-
-window#history-panel hbox#sidebar-search-container {
-    margin-bottom: 1rem !important;
-}
 /* Name: No Search Shortcut Icons */
 /* Description: Hides search shortcuts in the Zen browser URL bar, showing them only when the bar is focused. */
 /* Author: @itsfaizankhan */
@@ -1132,31 +1005,44 @@ tabpanels .browserStack browser {
 }
 
 /* no tab image */
-#browser:has([zen-empty-tab="true"][selected="true"]) .browserStack {
-  @media -moz-pref( "mod.sameerasw.zen_notab_img_enabled") {
-    background-image: var(
-      --mod-sameerasw-zen_notab_img,
-      url("https://raw.githubusercontent.com/zen-browser/branding/refs/heads/main/Official/Word%20Marks/SVG/zen_logo_icon_white.svg")
-    ) !important;
-
-    background-position: center !important;
-    background-repeat: no-repeat !important;
+:root:has(
+    [mod-sameerasw_zen_empty_tab_logo="1"],
+    [mod-sameerasw_zen_empty_tab_logo="2"],
+    [mod-sameerasw_zen_empty_tab_logo="3"]
+  ) {
+  #browser:has([zen-empty-tab="true"][selected="true"]) .browserStack {
+      background-image: var(
+        --mod-sameerasw-zen_notab_img,
+        url("https://raw.githubusercontent.com/zen-browser/branding/refs/heads/main/Official/Word%20Marks/SVG/zen_logo_icon_white.svg")
+      ) !important;
 
-    background-size: var(--mod-sameerasw-zen_notab_img_size, 150px) !important;
+      background-position: center !important;
+      background-repeat: no-repeat !important;
+      background-size: var(--mod-sameerasw-zen_notab_img_size, 150px) !important;
+      opacity: var(--mod-sameerasw-zen_notab_img_opacity, 1) !important;
+  }
+}
 
-    opacity: var(--mod-sameerasw-zen_notab_img_opacity, 1) !important;
+:root:has(
+    [mod-sameerasw_zen_empty_tab_logo="2"]
+  ) {
+  #browser:has([zen-empty-tab="true"][selected="true"]) .browserStack {
+        filter: saturate(0) !important;
+  }
+}
 
-    @media -moz-pref( "mod.sameerasw.zen_notab_img_saturate") {
-      filter: saturate(0) !important;
+:root:has(
+    [mod-sameerasw_zen_empty_tab_logo="3"]
+  ) {
+  #browser:has([zen-empty-tab="true"][selected="true"]) .browserStack {
+        filter: saturate(0) !important;
 
-      @media -moz-pref( "mod.sameerasw.zen_notab_img_invert") {
         @media (prefers-color-scheme: light) {
           filter: saturate(0) invert(1) !important;
         }
-      }
-    }
   }
 }
+
 /* ============= Transparent Sidebar: Mask or Push ============= */
 
 :root:has(
@@ -1174,6 +1060,10 @@ tabpanels .browserStack browser {
     --zen-sidebar-width: var(--zen-sidebar-custom-width) !important;
     --actual-zen-sidebar-width: var(--zen-sidebar-custom-width) !important;
     width: var(--zen-sidebar-custom-width) !important;
+
+    #titlebar{
+      width: var(--zen-sidebar-width) !important;
+    }
   }
 
   #zen-toolbar-background, #zen-toolbar-background::after, .zen-toolbar-background, .zen-toolbar-background::after{
@@ -1380,30 +1270,77 @@ tabpanels .browserStack browser {
   }
 }
 
+/* Custom background */
+@media -moz-pref("mod.sameerasw.zen_bg_img_enabled") {
+  @media -moz-pref("mod.sameerasw.zen_bg_img_not_fullscreen") {
+    #main-window::before {
+      content: "";
+      position: fixed;
+      inset: 0;
+      z-index: -1;
+      background: var(--mod-sameerasw-zen_bg_img) no-repeat center center fixed !important;
+      background-size: cover !important;
+      opacity: var(--mod-sameerasw-zen_bg_opacity, 1) !important;
+      filter: blur(var(--mod-sameerasw-zen_bg_blur, 0)) !important;
+    }
+  }
+  @media (display-mode: fullscreen) {
+      #main-window::before {
+        content: "";
+        position: fixed;
+        inset: 0;
+        z-index: -1;
+        background: var(--mod-sameerasw-zen_bg_img) no-repeat center center fixed !important;
+        background-size: cover !important;
+        opacity: var(--mod-sameerasw-zen_bg_opacity, 1) !important;
+        filter: blur(var(--mod-sameerasw-zen_bg_blur, 0)) !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%;
+    to right,
+    black 0%,
+    black 3.7%,
+    transparent 6.7%,
+    transparent 93.3%,
+    black 96.3%,
+    black 100%
+  );
+  mask-repeat: no-repeat;
+  mask-size: 100% 100%;
+
+  transition: all var(--zen-hidden-toolbar-transition), mask-image 0.3s ease-in-out 1s !important;
   }
 }
 
 .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;
+  border-radius: 1.5em !important;
+  border: 1px solid light-dark(#ffff, #fff3);
+  box-shadow:   4px 2px 60px light-dark(#0005, #0001), inset 0 2px 4px light-dark(#ffff, #fff3);
+  }
+}
+
+.zen-glance-sidebar-container{
+  @media -moz-pref( "mod.sameerasw.zen_transparent_glance_enabled") {
+    background-color: light-dark(#fff7, #0007) !important;
+    border-radius: 10em !important;
+    margin: 0.5em;
+    padding: 0 !important;
+    border: 1px solid light-dark(#ffff, #fff5);
+    box-shadow:   4px 2px 60px light-dark(#0005, #0001), inset 0 2px 4px light-dark(#ffff, #fff3);
+    gap: 6px !important;
+    height: fit-content !important;
+    backdrop-filter: blur(10px) !important;
+
+    toolbarbutton{
+      margin: 0.5em !important;
+    }
   }
 }
 
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 1c2c08fd..c23c66c3 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
@@ -139,31 +139,44 @@ tabpanels .browserStack browser {
 }
 
 /* no tab image */
-#browser:has([zen-empty-tab="true"][selected="true"]) .browserStack {
-  @media -moz-pref( "mod.sameerasw.zen_notab_img_enabled") {
-    background-image: var(
-      --mod-sameerasw-zen_notab_img,
-      url("https://raw.githubusercontent.com/zen-browser/branding/refs/heads/main/Official/Word%20Marks/SVG/zen_logo_icon_white.svg")
-    ) !important;
-
-    background-position: center !important;
-    background-repeat: no-repeat !important;
+:root:has(
+    [mod-sameerasw_zen_empty_tab_logo="1"],
+    [mod-sameerasw_zen_empty_tab_logo="2"],
+    [mod-sameerasw_zen_empty_tab_logo="3"]
+  ) {
+  #browser:has([zen-empty-tab="true"][selected="true"]) .browserStack {
+      background-image: var(
+        --mod-sameerasw-zen_notab_img,
+        url("https://raw.githubusercontent.com/zen-browser/branding/refs/heads/main/Official/Word%20Marks/SVG/zen_logo_icon_white.svg")
+      ) !important;
 
-    background-size: var(--mod-sameerasw-zen_notab_img_size, 150px) !important;
+      background-position: center !important;
+      background-repeat: no-repeat !important;
+      background-size: var(--mod-sameerasw-zen_notab_img_size, 150px) !important;
+      opacity: var(--mod-sameerasw-zen_notab_img_opacity, 1) !important;
+  }
+}
 
-    opacity: var(--mod-sameerasw-zen_notab_img_opacity, 1) !important;
+:root:has(
+    [mod-sameerasw_zen_empty_tab_logo="2"]
+  ) {
+  #browser:has([zen-empty-tab="true"][selected="true"]) .browserStack {
+        filter: saturate(0) !important;
+  }
+}
 
-    @media -moz-pref( "mod.sameerasw.zen_notab_img_saturate") {
-      filter: saturate(0) !important;
+:root:has(
+    [mod-sameerasw_zen_empty_tab_logo="3"]
+  ) {
+  #browser:has([zen-empty-tab="true"][selected="true"]) .browserStack {
+        filter: saturate(0) !important;
 
-      @media -moz-pref( "mod.sameerasw.zen_notab_img_invert") {
         @media (prefers-color-scheme: light) {
           filter: saturate(0) invert(1) !important;
         }
-      }
-    }
   }
 }
+
 /* ============= Transparent Sidebar: Mask or Push ============= */
 
 :root:has(
@@ -181,6 +194,10 @@ tabpanels .browserStack browser {
     --zen-sidebar-width: var(--zen-sidebar-custom-width) !important;
     --actual-zen-sidebar-width: var(--zen-sidebar-custom-width) !important;
     width: var(--zen-sidebar-custom-width) !important;
+
+    #titlebar{
+      width: var(--zen-sidebar-width) !important;
+    }
   }
 
   #zen-toolbar-background, #zen-toolbar-background::after, .zen-toolbar-background, .zen-toolbar-background::after{
@@ -387,29 +404,76 @@ tabpanels .browserStack browser {
   }
 }
 
+/* Custom background */
+@media -moz-pref("mod.sameerasw.zen_bg_img_enabled") {
+  @media -moz-pref("mod.sameerasw.zen_bg_img_not_fullscreen") {
+    #main-window::before {
+      content: "";
+      position: fixed;
+      inset: 0;
+      z-index: -1;
+      background: var(--mod-sameerasw-zen_bg_img) no-repeat center center fixed !important;
+      background-size: cover !important;
+      opacity: var(--mod-sameerasw-zen_bg_opacity, 1) !important;
+      filter: blur(var(--mod-sameerasw-zen_bg_blur, 0)) !important;
+    }
+  }
+  @media (display-mode: fullscreen) {
+      #main-window::before {
+        content: "";
+        position: fixed;
+        inset: 0;
+        z-index: -1;
+        background: var(--mod-sameerasw-zen_bg_img) no-repeat center center fixed !important;
+        background-size: cover !important;
+        opacity: var(--mod-sameerasw-zen_bg_opacity, 1) !important;
+        filter: blur(var(--mod-sameerasw-zen_bg_blur, 0)) !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%;
+    to right,
+    black 0%,
+    black 3.7%,
+    transparent 6.7%,
+    transparent 93.3%,
+    black 96.3%,
+    black 100%
+  );
+  mask-repeat: no-repeat;
+  mask-size: 100% 100%;
+
+  transition: all var(--zen-hidden-toolbar-transition), mask-image 0.3s ease-in-out 1s !important;
   }
 }
 
 .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;
+  border-radius: 1.5em !important;
+  border: 1px solid light-dark(#ffff, #fff3);
+  box-shadow:   4px 2px 60px light-dark(#0005, #0001), inset 0 2px 4px light-dark(#ffff, #fff3);
+  }
+}
+
+.zen-glance-sidebar-container{
+  @media -moz-pref( "mod.sameerasw.zen_transparent_glance_enabled") {
+    background-color: light-dark(#fff7, #0007) !important;
+    border-radius: 10em !important;
+    margin: 0.5em;
+    padding: 0 !important;
+    border: 1px solid light-dark(#ffff, #fff5);
+    box-shadow:   4px 2px 60px light-dark(#0005, #0001), inset 0 2px 4px light-dark(#ffff, #fff3);
+    gap: 6px !important;
+    height: fit-content !important;
+    backdrop-filter: blur(10px) !important;
+
+    toolbarbutton{
+      margin: 0.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 93f4b25c..6df8cbc3 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
@@ -74,45 +74,85 @@
         "defaultValue": false
     },
     {
-        "property": "mod.sameerasw.zen_notab_img_enabled",
-        "label": "\ud83d\uddbc\ufe0f Add no tab screen background image",
+        "property": "mod.sameerasw.zen_bg_img_enabled",
+        "label": "\ud83c\udf20 Enable custom background image in full screen",
         "type": "checkbox",
         "defaultValue": false
     },
     {
+        "property": "mod.sameerasw.zen_bg_img_not_fullscreen",
+        "label": "\ud83c\udf20 Always show custom background image",
+        "type": "checkbox",
+        "defaultValue": false
+    },
+    {
+        "property": "mod.sameerasw.zen_bg_img",
+        "label": "\ud83c\udf20 Custom bg image",
+        "type": "string",
+        "defaultValue": "url('https://github.com/sameerasw/my-internet/blob/main/wallpapers/zen-coral-01.jpeg?raw=true')",
+        "placeholder": "url('https://example.com/1.png')"
+    },
+    {
+        "property": "mod.sameerasw.zen_bg_opacity",
+        "label": "\ud83c\udf20 Custom bg image opacity (0\u20131)",
+        "type": "string",
+        "defaultValue": "0.8",
+        "placeholder": "0.75"
+    },
+    {
+        "property": "mod.sameerasw.zen_bg_blur",
+        "label": "\ud83c\udf20 Custom bg image blur (px)",
+        "type": "string",
+        "defaultValue": "3px",
+        "placeholder": "3px"
+    },
+    {
+        "property": "mod.sameerasw_zen_empty_tab_logo",
+        "label": "\ud83d\uddbc\ufe0f Enable empty tab logo",
+        "type": "dropdown",
+        "placeholder": "Select an option",
+        "defaultValue": "0",
+        "options": [
+            {
+                "label": "Disabled",
+                "value": "0"
+            },
+            {
+                "label": "Enabled",
+                "value": "1"
+            },
+            {
+                "label": "Enabled - grayscale",
+                "value": "2"
+            },
+            {
+                "label": "Enabled - grayscale, inverted",
+                "value": "3"
+            }
+        ]
+    },
+    {
         "property": "mod.sameerasw.zen_notab_img",
-        "label": "\ud83d\uddbc\ufe0f Image URL, format:   url('example.com/1.png')",
+        "label": "\ud83d\uddbc\ufe0f Empty tab logo URL",
         "type": "string",
         "defaultValue": "url('https://github.com/sameerasw/my-internet/blob/main/wave-light.png?raw=true')",
-        "placeholder": "url('example.com/1.png')"
+        "placeholder": "url('https://example.com/1.png')"
     },
     {
         "property": "mod.sameerasw.zen_notab_img_size",
-        "label": "\ud83d\uddbc\ufe0f No tab screen image size with unit",
+        "label": "\ud83d\uddbc\ufe0f Empty tab logo size",
         "type": "string",
         "defaultValue": "150px",
-        "placeholder": "50px (px, em, % ...)"
+        "placeholder": "50px"
     },
     {
         "property": "mod.sameerasw.zen_notab_img_opacity",
-        "label": "\ud83d\uddbc\ufe0f No tab screen image opacity (0-1)",
+        "label": "\ud83d\uddbc\ufe0f Empty tab logo 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",