web theme: flatten the dark-mode gradients (lower blob alphas + tighter glass sheen)
This commit is contained in:
parent
6a274b6720
commit
b733f8f87f
6 changed files with 17 additions and 12 deletions
|
|
@ -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
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue