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;
|
||||
}
|
||||
|
||||
/* Header matches background color */
|
||||
/* Frutiger Aero glassmorphism header */
|
||||
.skinHeader-withBackground,
|
||||
.skinHeader-blurred,
|
||||
.skinHeader {
|
||||
background: var(--obsidian) !important;
|
||||
backdrop-filter: none !important;
|
||||
-webkit-backdrop-filter: none !important;
|
||||
box-shadow: none !important;
|
||||
border-color: var(--obsidian) !important;
|
||||
background: linear-gradient(
|
||||
180deg,
|
||||
rgba(56, 189, 248, 0.08) 0%,
|
||||
rgba(8, 9, 12, 0.45) 100%
|
||||
) !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 */
|
||||
|
|
|
|||
Loading…
Add table
Reference in a new issue