From 6a274b67203487d41464f0c37064effca1862196 Mon Sep 17 00:00:00 2001 From: Martin Dvorak Date: Wed, 30 Sep 2026 12:39:47 +0000 Subject: [PATCH] web theme: soften the background blob gradients --- README.md | 2 +- agents.md | 2 +- package-lock.json | 4 ++-- package.json | 2 +- src/app/components/WebLayout.tsx | 2 +- src/app/web.css | 24 ++++++++++++------------ 6 files changed, 18 insertions(+), 18 deletions(-) diff --git a/README.md b/README.md index ab2b82a..0e74703 100644 --- a/README.md +++ b/README.md @@ -72,7 +72,7 @@ more. - **Fonts:** the web theme uses the system sans stack; Monocraft (self-hosted in `public/`) is used by the desktop theme's SMP menu and the in-desktop terminal. - **Images:** `next/image` -- **Version:** `2.2.2` (see `package.json`) +- **Version:** `2.2.3` (see `package.json`) ## 🚀 Running Locally diff --git a/agents.md b/agents.md index 57f9664..57eb86b 100644 --- a/agents.md +++ b/agents.md @@ -43,7 +43,7 @@ frosted-glass **web** site, and an alternate KDE/Plasma **desktop simulation** utilities in the components (Tailwind is present via PostCSS but the look is hand-written CSS). - Path alias: `@/*` → `src/*`. -- Version: `2.2.2` (see `package.json`). +- Version: `2.2.3` (see `package.json`). ### Scripts ```bash diff --git a/package-lock.json b/package-lock.json index c6bf0ea..ab3db3f 100644 --- a/package-lock.json +++ b/package-lock.json @@ -1,12 +1,12 @@ { "name": "dvorakmortonxd", - "version": "2.2.2", + "version": "2.2.3", "lockfileVersion": 3, "requires": true, "packages": { "": { "name": "dvorakmortonxd", - "version": "2.2.2", + "version": "2.2.3", "dependencies": { "next": "^16.3.5", "react": "^19.3.0", diff --git a/package.json b/package.json index c26a7f1..aa52c69 100644 --- a/package.json +++ b/package.json @@ -1,6 +1,6 @@ { "name": "dvorakmortonxd", - "version": "2.2.2", + "version": "2.2.3", "private": true, "scripts": { "dev": "node scripts/dev-server.mjs", diff --git a/src/app/components/WebLayout.tsx b/src/app/components/WebLayout.tsx index 8b2ce0e..13f2d11 100644 --- a/src/app/components/WebLayout.tsx +++ b/src/app/components/WebLayout.tsx @@ -365,7 +365,7 @@ export default function WebLayout() { diff --git a/src/app/web.css b/src/app/web.css index 0760985..4ee5d9e 100644 --- a/src/app/web.css +++ b/src/app/web.css @@ -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); }