feat: frutiger aero glassmorphism header with arcane-blue tint
This commit is contained in:
parent
2f02489159
commit
4e011b2880
1 changed files with 14 additions and 6 deletions
|
|
@ -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 */
|
||||||
|
|
|
||||||
Loading…
Add table
Reference in a new issue