web theme: flatten the dark-mode gradients (lower blob alphas + tighter glass sheen)

This commit is contained in:
Martin Dvořák 2026-09-30 12:46:45 +00:00
commit b733f8f87f
6 changed files with 17 additions and 12 deletions

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