ad3laid3/Themepo
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

feat: apply frutiger aero glass to sidebar drawer

Browse source
This commit is contained in:
MiTHRAL 2026-05-01 03:07:11 -04:00
parent a2d05b6b78
commit c1196c7f7c
1 changed files with 12 additions and 5 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

17
themepo-elegantfin.css
View file

@ -45,7 +45,7 @@
--borderColor: var(--mithral-dark); --borderColor: var(--mithral-dark);
--darkerBorderColor: var(--obsidian); --darkerBorderColor: var(--obsidian);
--headerColor: transparent; --headerColor: transparent;
--drawerColor: rgba(8, 9, 12, 0.9); --drawerColor: transparent;
/* Buttons & UI Elements */ /* Buttons & UI Elements */
--btnSubmitColor: var(--arcane-blue); --btnSubmitColor: var(--arcane-blue);
@ -169,10 +169,17 @@ body:has(#itemDetailPage) html::after,
0 12px 40px rgba(0, 0, 0, 0.5) !important; 0 12px 40px rgba(0, 0, 0, 0.5) !important;
} }
/* Glassmorphism for drawer only */ /* Frutiger Aero glassmorphism drawer */
.drawer-open, .mainDrawer { .mainDrawer {
backdrop-filter: blur(10px); background:
-webkit-backdrop-filter: blur(10px); 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 --- */ /* --- Custom Branding --- */