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

2
README.md
View file

@ -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

2
agents.md
View file

@ -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

4
package-lock.json generated
View file

@ -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",

2
package.json
View file

@ -1,6 +1,6 @@
{
"name": "dvorakmortonxd",
"version": "2.2.2",
"version": "2.2.3",
"private": true,
"scripts": {
"dev": "node scripts/dev-server.mjs",

2
src/app/components/WebLayout.tsx
View file

@ -365,7 +365,7 @@ export default function WebLayout() {
</Section>
<footer className="web-footer glass">
<span className="web-footer-label">v2.2.2</span>
<span className="web-footer-label">v2.2.3</span>
© 2025-2026 Martin Dvořák. All rights reserved (not really I dont care, just
follow the GPL3.0 License)
</footer>

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);
}