ad3laid3/Themepo
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

fix: inset box-shadow for all-sides glow, filter for top/bottom bloom

Browse source
This commit is contained in:
MiTHRAL 2026-05-01 03:24:21 -04:00
parent 5aa6533cd3
commit 0d895ffd57
1 changed files with 15 additions and 11 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

26
themepo-elegantfin.css
View file

@ -263,14 +263,16 @@ body:has(#itemDetailPage) html::after,
z-index: 1;
}
/* Hover: outline + filter (neither clipped by overflow:hidden) */
/* Hover: inset glow on all 4 sides (unclippable) + filter bloom on top/bottom */
.card-hoverable:hover .cardScalable {
outline: 2px solid rgba(167, 139, 250, 0.55) !important;
outline-offset: 3px !important;
box-shadow:
inset 0 0 0 2px rgba(167, 139, 250, 0.7),
inset 0 0 12px rgba(167, 139, 250, 0.15),
0 0 0 1px rgba(255, 255, 255, 0.06) !important;
filter:
brightness(1.12)
drop-shadow(0 0 8px rgba(167, 139, 250, 0.35))
drop-shadow(0 16px 32px rgba(0, 0, 0, 0.6)) !important;
brightness(1.1)
drop-shadow(0 0 10px rgba(167, 139, 250, 0.4))
drop-shadow(0 20px 36px rgba(0, 0, 0, 0.65)) !important;
}
/* Library cards (visualCardBox) */
@ -291,12 +293,14 @@ body:has(#itemDetailPage) html::after,
}
.card-hoverable:hover .visualCardBox {
outline: 2px solid rgba(167, 139, 250, 0.55) !important;
outline-offset: 3px !important;
box-shadow:
inset 0 0 0 2px rgba(167, 139, 250, 0.7),
inset 0 0 12px rgba(167, 139, 250, 0.15),
0 0 0 1px rgba(255, 255, 255, 0.06) !important;
filter:
brightness(1.12)
drop-shadow(0 0 8px rgba(167, 139, 250, 0.35))
drop-shadow(0 16px 32px rgba(0, 0, 0, 0.6)) !important;
brightness(1.1)
drop-shadow(0 0 10px rgba(167, 139, 250, 0.4))
drop-shadow(0 20px 36px rgba(0, 0, 0, 0.65)) !important;
}
/* Frutiger Aero glassmorphism drawer */