ben/Squiggleverse
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Refactor background gradients for improved visual depth and consistency

Browse Source
This commit is contained in:
ben
2026-07-09 16:13:57 -07:00
parent 9b80cb6a6d
commit 141faa35a4
1 changed files with 4 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/app.css
+4 -3
View File
@@ -73,8 +73,9 @@ a {
radial-gradient(circle at 50% -8%, rgba(209, 183, 255, 0.1), transparent 23rem),
radial-gradient(ellipse at 18% 48%, rgba(112, 14, 181, 0.13), transparent 35rem),
radial-gradient(ellipse at 84% 50%, rgba(88, 8, 156, 0.12), transparent 34rem),
radial-gradient(ellipse at 50% 88%, rgba(111, 0, 185, 0.18), transparent 42rem),
linear-gradient(180deg, #020007 0%, #03000a 30%, #060011 58%, #0d001d 82%, #020007 100%);
radial-gradient(ellipse at 50% 78%, rgba(120, 0, 198, 0.26), transparent 36rem),
radial-gradient(ellipse at 50% 96%, rgba(92, 0, 154, 0.2), transparent 42rem),
linear-gradient(180deg, #020007 0%, #03000a 30%, #060011 56%, #120023 78%, #05000c 100%);
}
.space-backdrop::before {
@@ -84,7 +85,7 @@ a {
background:
radial-gradient(ellipse at 12% 32%, rgba(111, 42, 173, 0.08), transparent 28rem),
radial-gradient(ellipse at 88% 28%, rgba(102, 54, 176, 0.07), transparent 24rem),
radial-gradient(ellipse at 50% 83%, rgba(113, 0, 178, 0.12), transparent 35rem);
radial-gradient(ellipse at 50% 82%, rgba(113, 0, 178, 0.2), transparent 35rem);
filter: blur(18px);
transform: translate3d(0, calc(var(--parallax-y, 0px) * -0.14), 0);
will-change: transform;