feat: improved glass header with white highlight, deeper blur, stronger depth

This commit is contained in:
MiTHRAL 2026-05-01 03:05:41 -04:00
parent 4e011b2880
commit 76fd2f1571

View file

@ -154,19 +154,16 @@ body:has(#itemDetailPage) html::after,
.skinHeader-withBackground, .skinHeader-withBackground,
.skinHeader-blurred, .skinHeader-blurred,
.skinHeader { .skinHeader {
background: linear-gradient( background:
180deg, linear-gradient(180deg, rgba(255, 255, 255, 0.06) 0%, transparent 50%),
rgba(56, 189, 248, 0.08) 0%, linear-gradient(180deg, rgba(56, 189, 248, 0.12) 0%, rgba(8, 9, 12, 0.72) 100%) !important;
rgba(8, 9, 12, 0.45) 100% backdrop-filter: blur(32px) saturate(2) brightness(1.08) !important;
) !important; -webkit-backdrop-filter: blur(32px) saturate(2) brightness(1.08) !important;
backdrop-filter: blur(20px) saturate(1.6) !important; border: none !important;
-webkit-backdrop-filter: blur(20px) saturate(1.6) !important; border-bottom: 1px solid rgba(56, 189, 248, 0.22) !important;
border-width: 0 0 1px 0 !important;
border-style: solid !important;
border-color: rgba(56, 189, 248, 0.15) !important;
box-shadow: box-shadow:
0 1px 0 0 rgba(255, 255, 255, 0.04) inset, 0 1px 0 rgba(255, 255, 255, 0.08) inset,
0 4px 24px 0 rgba(0, 0, 0, 0.3) !important; 0 12px 40px rgba(0, 0, 0, 0.5) !important;
} }
/* Glassmorphism for drawer only */ /* Glassmorphism for drawer only */