bump: zen

1 files changed, 95 insertions, 158 deletions

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;
+    }
   }
 }