From c1196c7f7cc600f1c6c1ec0bbd85251b3ad8f4d4 Mon Sep 17 00:00:00 2001 From: MiTHRAL Date: Fri, 1 May 2026 03:07:11 -0400 Subject: [PATCH] feat: apply frutiger aero glass to sidebar drawer --- themepo-elegantfin.css | 17 ++++++++++++----- 1 file changed, 12 insertions(+), 5 deletions(-) diff --git a/themepo-elegantfin.css b/themepo-elegantfin.css index 1e5a100..d75c98e 100644 --- a/themepo-elegantfin.css +++ b/themepo-elegantfin.css @@ -45,7 +45,7 @@ --borderColor: var(--mithral-dark); --darkerBorderColor: var(--obsidian); --headerColor: transparent; - --drawerColor: rgba(8, 9, 12, 0.9); + --drawerColor: transparent; /* Buttons & UI Elements */ --btnSubmitColor: var(--arcane-blue); @@ -169,10 +169,17 @@ body:has(#itemDetailPage) html::after, 0 12px 40px rgba(0, 0, 0, 0.5) !important; } -/* Glassmorphism for drawer only */ -.drawer-open, .mainDrawer { - backdrop-filter: blur(10px); - -webkit-backdrop-filter: blur(10px); +/* Frutiger Aero glassmorphism drawer */ +.mainDrawer { + background: + linear-gradient(180deg, rgba(255, 255, 255, 0.06) 0%, transparent 30%), + linear-gradient(180deg, rgba(56, 189, 248, 0.12) 0%, rgba(8, 9, 12, 0.72) 100%) !important; + backdrop-filter: blur(32px) saturate(2) brightness(1.08) !important; + -webkit-backdrop-filter: blur(32px) saturate(2) brightness(1.08) !important; + border-right: 1px solid rgba(56, 189, 248, 0.22) !important; + box-shadow: + -1px 0 0 rgba(255, 255, 255, 0.08) inset, + 12px 0 40px rgba(0, 0, 0, 0.5) !important; } /* --- Custom Branding --- */