diff --git a/src/changelog.json b/src/changelog.json index 61cb4cd..5408c65 100644 --- a/src/changelog.json +++ b/src/changelog.json @@ -1,4 +1,5 @@ [ + { "date": "2026-09-01", "text": "Toned the awake timer down: the pill in the day bar is a fainter yellow and its text a good deal darker, so “Awake for” is comfortable to read rather than technically legible. The Awake labels elsewhere darkened with it" }, { "date": "2026-08-31", "text": "The asleep timer text is a deeper blue, so “Asleep for” in the day-bar pill and on the big card is properly readable against its own pale blue background instead of the near-invisible blue-on-blue it was — the same treatment the awake gold just got, and it applies to the Asleep labels in the Sleep & wake list too" }, { "date": "2026-08-31", "text": "The awake timer is sunshine too now — both the big “Awake for” card and the pill in the day bar — so the whole app tells asleep and awake apart by night-blue against day-gold rather than by blue against purple" }, { "date": "2026-08-31", "text": "Awake stretches in the Sleep & wake list are sunshine yellow now instead of the app's purple — the same idea as the ☀️ on the timer pill — so asleep and awake read as night and day down the list rather than as two shades of the same accent" }, diff --git a/src/style.css b/src/style.css index 62a6632..12523e2 100644 --- a/src/style.css +++ b/src/style.css @@ -18,7 +18,7 @@ jobs and failing the second — 2.6:1 on the timer pill it painted. */ --sleep-ink: #4258cc; --wake: #f2b705; - --wake-ink: #8f6400; + --wake-ink: #6f4d00; --note: #6f7a90; --danger: #d64545; --gain: #2e9e5b; @@ -228,8 +228,10 @@ body::before { .bar-clock.standby { visibility: hidden; } .bar-clock.asleep { background: color-mix(in srgb, var(--sleep) 18%, var(--surface)); color: var(--sleep-ink); } /* Dark text on the yellow, the way the pee button already does it: a gold - light enough to read as sunshine is never legible as text on a pale ground. */ -.bar-clock.awake { background: color-mix(in srgb, var(--wake) 18%, var(--surface)); color: var(--wake-ink); } + light enough to read as sunshine is never legible as text on a pale ground. + 12% where asleep takes 18% — equal percentages of these two hues are not + equally strong, and yellow at 18% shouted while the blue did not. */ +.bar-clock.awake { background: color-mix(in srgb, var(--wake) 12%, var(--surface)); color: var(--wake-ink); } .big-clock { text-align: center;