diff --git a/README.md b/README.md index 0e74703..4167b53 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.3` (see `package.json`) +- **Version:** `2.2.4` (see `package.json`) ## 🚀 Running Locally diff --git a/agents.md b/agents.md index 57eb86b..76b4804 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.3` (see `package.json`). +- Version: `2.2.4` (see `package.json`). ### Scripts ```bash @@ -151,6 +151,11 @@ Themes: `web` = default frosted-glass website (sidebar + content, light/dark), `backdrop-filter: blur(28px) saturate(180%)`. The page blobs behind the panels are `.web-bg` (a fixed radial-gradient layer at `z-index: 0`; `.web-root` sits at `z-index: 1`). +- The **dark scheme is deliberately flatter** than light: much lower `--blob-*` + alphas (~0.09 vs ~0.30) and a tighter `--glass-hi`/`--glass-lo` pair. White on + near-black reads far stronger than white on a pale page, so copying the light + alphas makes dark look far more gradient-heavy. Tune the two schemes + separately, not by eye against each other. - Interactive surfaces (`.web-ctl`, pills, `.service-button`, `.social-button`, `.project-card`, `.gym-item`, `.contribution-entry`, `.heatmap-container`) read the `--btn-bg` / `--btn-bg-hi` / `--btn-border` / `--btn-shadow` tokens with diff --git a/package-lock.json b/package-lock.json index ab3db3f..1979b91 100644 --- a/package-lock.json +++ b/package-lock.json @@ -1,12 +1,12 @@ { "name": "dvorakmortonxd", - "version": "2.2.3", + "version": "2.2.4", "lockfileVersion": 3, "requires": true, "packages": { "": { "name": "dvorakmortonxd", - "version": "2.2.3", + "version": "2.2.4", "dependencies": { "next": "^16.3.5", "react": "^19.3.0", diff --git a/package.json b/package.json index aa52c69..41c0fae 100644 --- a/package.json +++ b/package.json @@ -1,6 +1,6 @@ { "name": "dvorakmortonxd", - "version": "2.2.3", + "version": "2.2.4", "private": true, "scripts": { "dev": "node scripts/dev-server.mjs", diff --git a/src/app/components/WebLayout.tsx b/src/app/components/WebLayout.tsx index 13f2d11..edc9ca2 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 4ee5d9e..66c8f3f 100644 --- a/src/app/web.css +++ b/src/app/web.css @@ -55,8 +55,8 @@ html[data-theme="web"][data-scheme="dark"] { --web-ink: #e9edf9; --web-muted: #97a3bd; - --glass-hi: rgba(255, 255, 255, 0.085); - --glass-lo: rgba(255, 255, 255, 0.03); + --glass-hi: rgba(255, 255, 255, 0.07); + --glass-lo: rgba(255, 255, 255, 0.045); --glass-border: rgba(255, 255, 255, 0.12); --glass-inset: rgba(255, 255, 255, 0.1); --glass-shadow: 0 26px 60px -28px rgba(0, 0, 0, 0.85); @@ -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.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); + --blob-a: rgba(109, 94, 252, 0.09); + --blob-b: rgba(47, 139, 255, 0.07); + --blob-c: rgba(236, 72, 153, 0.05); + --blob-d: rgba(45, 212, 191, 0.04); --btn-bg: rgba(255, 255, 255, 0.06); --btn-bg-hi: rgba(255, 255, 255, 0.12);