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

This commit is contained in:
MiTHRAL 2026-05-01 02:30:00 -04:00
parent 8d5e495be2
commit c07b5d8f48

View file

@ -71,20 +71,7 @@
body {
font-family: var(--font-body);
background-color: var(--obsidian) !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;
background-image: radial-gradient(ellipse at 50% 120%, rgba(56, 189, 248, 0.06) 0%, transparent 50%) !important;
}
/* Make background transparent ONLY on item pages to reveal the backdrop */