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 <noreply@anthropic.com> Claude-Session: https://claude.ai/code/session_01RPyeapneuXrCdojsaiXGbe
This commit is contained in:
24
PROGRESS.md
24
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
|
## 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
|
The sidebar mark was an invented `ix` placeholder. The original icon is not in this repo or the
|
||||||
|
|||||||
File diff suppressed because one or more lines are too long
Reference in New Issue
Block a user