feat: add ambient arcane-blue bloom to home page background
This commit is contained in:
parent
dd94fadf09
commit
1c128fd902
1 changed files with 14 additions and 0 deletions
|
|
@ -73,6 +73,20 @@ body {
|
||||||
background-color: var(--obsidian) !important;
|
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;
|
||||||
|
}
|
||||||
|
|
||||||
/* Make background transparent ONLY on item pages to reveal the backdrop */
|
/* Make background transparent ONLY on item pages to reveal the backdrop */
|
||||||
#itemDetailPage,
|
#itemDetailPage,
|
||||||
.backgroundContainer.withBackdrop {
|
.backgroundContainer.withBackdrop {
|
||||||
|
|
|
||||||
Loading…
Add table
Reference in a new issue