From cbd5e68d13f357b75c57d9db6c59441d222f041c Mon Sep 17 00:00:00 2001 From: rays Date: Thu, 10 Sep 2026 02:08:59 +0000 Subject: [PATCH] Derive the colour scheme from the iPodderX icon Palette sampled from the icon rather than chosen to resemble it: the silver device ramp, the screen blues, and the amber EQ bars. Dark theme builds down from the screen navy; light theme uses the device body with the deeper blue as accent. Contrast was measured, not assumed: --faint, which carries dates and sizes, failed AA in both themes and was moved along the icon's own grey ramp until it passed. Lowest pair anywhere is now 4.54. Co-Authored-By: Claude Opus 5 Claude-Session: https://claude.ai/code/session_01RPyeapneuXrCdojsaiXGbe --- PROGRESS.md | 24 ++++++++++++++++++++++ web/index.html | 55 ++++++++++++++++++++++++++++++++++++-------------- 2 files changed, 64 insertions(+), 15 deletions(-) diff --git a/PROGRESS.md b/PROGRESS.md index 5f30132..c95b00c 100644 --- a/PROGRESS.md +++ b/PROGRESS.md @@ -56,6 +56,30 @@ and until now nothing set them. --- +## 2026-09-10 — Colour scheme derived from the icon + +Palette sampled from `web/ipodderx-icon.jpg` with ImageMagick rather than eyeballed. The icon gives +three families: the silver device ramp (`#1A1A1A` `#606060` `#929292` `#ADADAD` `#D6D6D6` `#F5F5F5`), +the screen blues (`#2D5391` `#5574A9` `#7595CA` `#92B2E6` `#B4CAED`), one amber from the EQ bars +(`#F49E2C`), and a blue-grey `#95A0B1`. + +Dark theme: `--bg` is the screen navy taken right down, `--fg` the device highlight, `--dim` the +blue-grey verbatim, `--accent` the screen blue, `--accent2` the amber. Light theme flips to the +device body — white panels, `#D6D6D6` edges, `#1A1A1A` text — with the deeper `#2D5391` as accent, +since the pale screen blue vanishes on white. Text sitting on an accent fill moved from a hardcoded +`#0b0e14` to a `--ink` token. + +Two calls: the amber doubles as the pending state, being the only warm note in the icon and exactly +where the eye should go. And since the icon has no green or red, the downloaded/error colours are +tuned to the palette's saturation and temperature rather than invented from scratch. + +**Contrast was checked, not assumed, and it failed first time.** `--faint` — which carries dates, +durations and file sizes at small size — came out at 3.92 dark and 3.11 light, both under AA. Moved +along the icon's own grey ramp to `#7a8799` and `#767676`. Every pair in both themes now clears +WCAG AA; the lowest anywhere is 4.54. + +--- + ## 2026-09-10 — The real iPodderX icon The sidebar mark was an invented `ix` placeholder. The original icon is not in this repo or the diff --git a/web/index.html b/web/index.html index 0eef8f2..c07b0b9 100644 --- a/web/index.html +++ b/web/index.html @@ -7,17 +7,42 @@ ipx