Wash home only: --gamecult-wash scales every ground radial; 1 on / and 0.5 elsewhere
body declares --gamecult-wash: 0.5 and body[data-slug="index"] sets it to 1. The three body radials and the three ritual-essay radials keep their literal alphas, multiplied by the token, so the home ground is unchanged and every other page is half. The brand note shows the calc form and names the token. Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>
This commit is contained in:
parent
b73bd5ac29
commit
340a182e8a
2 changed files with 19 additions and 9 deletions
|
|
@ -72,12 +72,16 @@ background, so it does not borrow a host page's ground.
|
|||
three coloured radials over a vertical gradient:
|
||||
|
||||
```scss
|
||||
radial-gradient(circle at 78% 14%, rgba(255,138,42,.18), transparent 18%) // orange
|
||||
radial-gradient(circle at 18% 10%, rgba(109,96,255,.16), transparent 24%) // violet
|
||||
radial-gradient(circle at 52% 0%, rgba( 89,183,255,.14), transparent 28%) // blue
|
||||
radial-gradient(circle at 78% 14%, rgb(255 138 42 / calc(.18 * var(--gamecult-wash))), transparent 18%) // orange
|
||||
radial-gradient(circle at 18% 10%, rgb(109 96 255 / calc(.16 * var(--gamecult-wash))), transparent 24%) // violet
|
||||
radial-gradient(circle at 52% 0%, rgb( 89 183 255 / calc(.14 * var(--gamecult-wash))), transparent 28%) // blue
|
||||
linear-gradient(180deg, #03070d 0%, #07111a 44%, #09141f 100%)
|
||||
```
|
||||
|
||||
The radials' intensity is `--gamecult-wash` on `body`: 1 on `/` and 0.5
|
||||
elsewhere. A page never sets its own radial alpha; the CSS wash is the fallback
|
||||
ground if a shader ever paints it.
|
||||
|
||||
Note the violet `#6d60ff` appears **only** here — it is not a config token, and
|
||||
it is the reason the top of the page reads warmer and more atmospheric than a
|
||||
flat navy would. Reproducing the brand with a flat `#07111a` background loses
|
||||
|
|
|
|||
Loading…
Reference in a new issue