diff options
Diffstat (limited to 'dot-zen/main/chrome/zen-themes.css')
| -rw-r--r-- | dot-zen/main/chrome/zen-themes.css | 57 |
1 files changed, 40 insertions, 17 deletions
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 */ |
