1 files changed, 94 insertions, 30 deletions
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;
+    }
   }
 }