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

fix: use background-image for bloom to avoid z-index invisibility behind body background

Browse source
This commit is contained in:
MiTHRAL 2026-05-01 02:30:00 -04:00
parent 8d5e495be2
commit c07b5d8f48
1 changed files with 1 additions and 14 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

15
themepo-elegantfin.css
View file

@ -71,20 +71,7 @@
body { body {
font-family: var(--font-body); font-family: var(--font-body);
background-color: var(--obsidian) !important; background-color: var(--obsidian) !important;
} background-image: radial-gradient(ellipse at 50% 120%, rgba(56, 189, 248, 0.06) 0%, transparent 50%) !important;
/* Ambient arcane-blue bloom anchored to bottom center */
body::after {
content: "";
position: fixed;
bottom: -20%;
left: 50%;
transform: translateX(-50%);
width: 80vw;
height: 50vh;
background: radial-gradient(ellipse, rgba(56, 189, 248, 0.06) 0%, transparent 70%);
pointer-events: none;
z-index: -1;
} }
/* Make background transparent ONLY on item pages to reveal the backdrop */ /* Make background transparent ONLY on item pages to reveal the backdrop */