dvorakmortonxd/dvorakmortonxd.dev
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

web theme: soften the background blob gradients

Browse source
This commit is contained in:
Martin Dvořák 2026-09-30 12:39:47 +00:00
commit 6a274b6720
6 changed files with 18 additions and 18 deletions
Download patch file Download diff file Expand all files Collapse all files

24
src/app/web.css
View file

@ -21,10 +21,10 @@
--accent-soft: rgba(109, 94, 252, 0.35);
--accent-line: rgba(109, 94, 252, 0.5);
--blob-a: rgba(109, 94, 252, 0.45);
--blob-b: rgba(47, 139, 255, 0.38);
--blob-c: rgba(236, 72, 153, 0.28);
--blob-d: rgba(45, 212, 191, 0.26);
--blob-a: rgba(109, 94, 252, 0.3);
--blob-b: rgba(47, 139, 255, 0.24);
--blob-c: rgba(236, 72, 153, 0.18);
--blob-d: rgba(45, 212, 191, 0.16);
/* Tokens shared with ServiceButton / ContributionHeatmap */
--fg: var(--web-ink);
@ -64,10 +64,10 @@ html[data-theme="web"][data-scheme="dark"] {
--accent-soft: rgba(139, 124, 255, 0.4);
--accent-line: rgba(139, 124, 255, 0.55);
--blob-a: rgba(109, 94, 252, 0.34);
--blob-b: rgba(47, 139, 255, 0.26);
--blob-c: rgba(236, 72, 153, 0.18);
--blob-d: rgba(45, 212, 191, 0.16);
--blob-a: rgba(109, 94, 252, 0.24);
--blob-b: rgba(47, 139, 255, 0.18);
--blob-c: rgba(236, 72, 153, 0.13);
--blob-d: rgba(45, 212, 191, 0.11);
--btn-bg: rgba(255, 255, 255, 0.06);
--btn-bg-hi: rgba(255, 255, 255, 0.12);
@ -115,10 +115,10 @@ html[data-theme="web"] body {
z-index: 0;
pointer-events: none;
background:
radial-gradient(54rem 40rem at 6% -6%, var(--blob-a), transparent 60%),
radial-gradient(52rem 38rem at 100% 4%, var(--blob-b), transparent 58%),
radial-gradient(46rem 42rem at 82% 88%, var(--blob-c), transparent 60%),
radial-gradient(44rem 40rem at 14% 94%, var(--blob-d), transparent 62%),
radial-gradient(58rem 44rem at 6% -6%, var(--blob-a), transparent 68%),
radial-gradient(56rem 42rem at 100% 4%, var(--blob-b), transparent 66%),
radial-gradient(50rem 46rem at 82% 88%, var(--blob-c), transparent 68%),
radial-gradient(48rem 44rem at 14% 94%, var(--blob-d), transparent 70%),
var(--web-page);
}