feat: frutiger aero glassmorphism header with arcane-blue tint

This commit is contained in:
MiTHRAL 2026-05-01 03:04:42 -04:00
parent 2f02489159
commit 4e011b2880

View file

@ -150,15 +150,23 @@ body:has(#itemDetailPage) html::after,
background: var(--arcane-blue) !important; background: var(--arcane-blue) !important;
} }
/* Header matches background color */ /* Frutiger Aero glassmorphism header */
.skinHeader-withBackground, .skinHeader-withBackground,
.skinHeader-blurred, .skinHeader-blurred,
.skinHeader { .skinHeader {
background: var(--obsidian) !important; background: linear-gradient(
backdrop-filter: none !important; 180deg,
-webkit-backdrop-filter: none !important; rgba(56, 189, 248, 0.08) 0%,
box-shadow: none !important; rgba(8, 9, 12, 0.45) 100%
border-color: var(--obsidian) !important; ) !important;
backdrop-filter: blur(20px) saturate(1.6) !important;
-webkit-backdrop-filter: blur(20px) saturate(1.6) !important;
border-width: 0 0 1px 0 !important;
border-style: solid !important;
border-color: rgba(56, 189, 248, 0.15) !important;
box-shadow:
0 1px 0 0 rgba(255, 255, 255, 0.04) inset,
0 4px 24px 0 rgba(0, 0, 0, 0.3) !important;
} }
/* Glassmorphism for drawer only */ /* Glassmorphism for drawer only */