A white page, and cards that still read on it

The canvas was #F1F0EC — a warm grey that made every screen look slightly dull. It is white. ── You cannot have both ── That canvas was not an accident: it was deepened from #F7F6F4 on 2026-09-23 precisely so a white card would sit *on* something and its 1px edge could go quiet. A white card on a white page has nothing to sit on. Measured rather than judged by eye: after the canvas change, a pixel scan across a card boundary on the Orders golden read #FFFFFF from end to end. The shadow contributed nothing findable. The cards had not become subtle, they had disappeared. So the edge comes back. `DmCard` drew its border only for tones that are not white — the warm canvas was doing that job for the white ones — and now draws it for every tone, with the lift still underneath. Border plus a soft shadow is the iOS and Revolut shape rather than the borderless Airbnb one, and that is the price of a white page. Paid deliberately. ── What moved with it ── `surfaceAlt` lifts to #F4F2EF. With a white page it is the only token that makes a surface read as recessed — filled inputs, tiles, skeletons, the sunken card — so it can no longer sit within a point of the canvas. `DmCardTone.sunken` filled itself with the canvas colour, which on a white page is not sunken but invisible. It takes `surfaceAlt`.
2026-09-30 11:35:30 +05:30
parent c7a74c57b8
commit e2fe1b1771
32 changed files with 47 additions and 19 deletions
--- a/test/snapshots/01-sign-in.png
+++ b/test/snapshots/01-sign-in.png
--- a/test/snapshots/01b-create-account.png
+++ b/test/snapshots/01b-create-account.png
--- a/test/snapshots/02-pin.png
+++ b/test/snapshots/02-pin.png
--- a/test/snapshots/03-home.png
+++ b/test/snapshots/03-home.png
--- a/test/snapshots/03b-pickup-search.png
+++ b/test/snapshots/03b-pickup-search.png
--- a/test/snapshots/04-orders.png
+++ b/test/snapshots/04-orders.png
--- a/test/snapshots/04b-orders-completed.png
+++ b/test/snapshots/04b-orders-completed.png
--- a/test/snapshots/05-account.png
+++ b/test/snapshots/05-account.png
--- a/test/snapshots/06-tracking.png
+++ b/test/snapshots/06-tracking.png
--- a/test/snapshots/06b-cancel-sheet.png
+++ b/test/snapshots/06b-cancel-sheet.png
--- a/test/snapshots/07-pickup-where.png
+++ b/test/snapshots/07-pickup-where.png
--- a/test/snapshots/07b-pickup-when.png
+++ b/test/snapshots/07b-pickup-when.png
--- a/test/snapshots/08-send.png
+++ b/test/snapshots/08-send.png
--- a/test/snapshots/11-booked.png
+++ b/test/snapshots/11-booked.png
--- a/test/snapshots/12-receipt.png
+++ b/test/snapshots/12-receipt.png