feat: improved glass header with white highlight, deeper blur, stronger depth
This commit is contained in:
parent
4e011b2880
commit
76fd2f1571
1 changed files with 9 additions and 12 deletions
|
|
@ -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 */
|
||||||
|
|
|
||||||
Loading…
Add table
Reference in a new issue