Phone Aero glass + a timed run you can see

The phone (touch) chat chrome carried a 55% flat white veil while every other
Aero surface uses the thin 32% Ask-pill tint, so the header, welcome card and
composer read as plain white on a bright sky. They now use the same flat glass
as the cards, the answer/user bubbles keep 42% for long reading, and the
composer's field is a lighter 42% tile. The shared Aero wash block moved above
the touch media query so its background-image can no longer resurrect the bake
on phones.

The timed run worked but was invisible: the only cue was a small chip among the
streak/XP counters. The chrome pill now draws the countdown along its lower
edge, the chip is bordered (a control, not a stat), turns rose with the bar in
the last ten seconds, and fires one soft haptic tick at ten seconds.

Contrast scan clean on the phone chat in all three themes; activities suite
pins the countdown bar (25 checks). Version 0.6.2, SW v84.
This commit is contained in:
Martin Dvořák 2026-10-15 08:11:52 +00:00
commit a8b3dfd0e3
6 changed files with 129 additions and 75 deletions

View file

@ -174,6 +174,9 @@ const DECK = {
await page.waitForTimeout(200);
const afterFive = Number.parseInt((await toggle.textContent()) ?? "", 10);
check("timed: the countdown ticks down", afterFive <= 26 && afterFive > 0, String(afterFive));
const bar = await page.locator("[data-timed-bar]").evaluate((element) => element.getBoundingClientRect().width);
const track = await page.locator("[data-timed-bar]").evaluate((element) => element.parentElement.getBoundingClientRect().width);
check("timed: the countdown is drawn along the chrome", bar > 10 && bar < track, `${Math.round(bar)}/${Math.round(track)}`);
await page.clock.runFor(26_000);
await page.waitForTimeout(300);