Quarter the hero glow, and drop it entirely in light mode

521c208d8ee8 · AtlantisPleb · 5d ago · parent fdd00d4c40a4

Quarter the hero glow, and drop it entirely in light mode

Halving it left the light behind the headline still brighter than the words in
front of it. A quarter reads as depth rather than as a lamp.

Light mode gets none of it. A glow is light spilling from behind something,
which a dark surface can show and a white one cannot -- there is nothing
brighter than the page for it to be, so at any strength it reads as a grey
smudge rather than as light. Removed rather than made transparent, so the theme
that never shows it does not paint or composite it either.

Deploy story

What this commit did to the running system — joined from the forge receipt chain, the part a commit page elsewhere cannot show.

Not deployed through the forge lane

No push, promotion, build, or deploy receipt references this commit (receipts are scanned over a bounded recent window). Changes shipped by full node replacement carry their proof in the release gate receipt instead.

Changed files

modified assets/css/openagents.css

Diff

1 file changed, +12 -6

    scale: 2;
  }

  /* Light mode carries far less of it: the same intensity that reads as a lit
     backdrop on a dark surface reads as a stain on a white one. */
  /* Light mode carries none of it. A glow is light spilling from behind
     something, which a dark surface can show and a white one cannot: there is
     nothing brighter than the page for it to be. Dimmed to a third it did not
     read as light, it read as a grey smudge behind the words.

     Removed rather than made transparent, so it is not painted or composited
     at all in the theme that never shows it. */
  :root[data-theme="light"] .glow,
  :root:not([data-theme="dark"]) .glow {
    --glow-base: 0.35;
    display: none;
  }

  @media (min-width: 640px) {

  .hero__glow {
    top: 38%;
    z-index: 0;
    /* Half strength. At full it lit the headline from behind hard enough to
       read as a light source in the page rather than depth behind it. */
    --glow-scale: 0.5;
    /* A quarter. At full it lit the headline from behind hard enough to read as
       a light source in the page rather than depth behind it; at half it was
       still brighter than the words in front of it. */
    --glow-scale: 0.25;
  }

  /* Two edges of one line. The copyright says who owns this and the note says

3393	3393		`scale: 2;`
3394	3394		`}`
3395	3395
3396		-	`/* Light mode carries far less of it: the same intensity that reads as a lit`
3397		-	`backdrop on a dark surface reads as a stain on a white one. */`
	3396	+	`/* Light mode carries none of it. A glow is light spilling from behind`
	3397	+	`something, which a dark surface can show and a white one cannot: there is`
	3398	+	`nothing brighter than the page for it to be. Dimmed to a third it did not`
	3399	+	`read as light, it read as a grey smudge behind the words.`
	3400	+
	3401	+	`Removed rather than made transparent, so it is not painted or composited`
	3402	+	`at all in the theme that never shows it. */`
3398	3403		`:root[data-theme="light"] .glow,`
3399	3404		`:root:not([data-theme="dark"]) .glow {`
3400		-	`--glow-base: 0.35;`
	3405	+	`display: none;`
3401	3406		`}`
3402	3407
3403	3408		`@media (min-width: 640px) {`

4895	4900		`.hero__glow {`
4896	4901		`top: 38%;`
4897	4902		`z-index: 0;`
4898		-	`/* Half strength. At full it lit the headline from behind hard enough to`
4899		-	`read as a light source in the page rather than depth behind it. */`
4900		-	`--glow-scale: 0.5;`
	4903	+	`/* A quarter. At full it lit the headline from behind hard enough to read as`
	4904	+	`a light source in the page rather than depth behind it; at half it was`
	4905	+	`still brighter than the words in front of it. */`
	4906	+	`--glow-scale: 0.25;`
4901	4907		`}`
4902	4908
4903	4909		`/* Two edges of one line. The copyright says who owns this and the note says`