Warm the awake timer text off pure white
Pure white belonged to no colour in the app; the timers it painted read as uncoloured rather than as the sunshine end of the pair. #fdf4da is white with a sixth of the gold mixed in — warm enough to be recognisably the same family as the pill it sits on, pale enough that it is nothing like --wake-ink, which is where "yellow text on a yellow pill" came from. 11.83:1 on the pill and 12.36 on the card, so the legibility that white bought is intact. The light theme is untouched: anything this pale on a cream pill would be gone. The changelog entry from the previous commit is amended rather than followed by one of its own — it has not shipped, and "white" was only ever a description of this same line of the stylesheet.
This commit is contained in:
+1
-1
@@ -1,5 +1,5 @@
|
|||||||
[
|
[
|
||||||
{ "date": "2026-09-01", "text": "On the dark theme the awake timers are white now — both “Awake for” at the top and the pill in the day bar — instead of yellow text on a yellow-tinted pill. The light theme keeps its dark gold, where white would disappear into a near-white pill" },
|
{ "date": "2026-09-01", "text": "On the dark theme the awake timers are a warm near-white now — both “Awake for” at the top and the pill in the day bar — instead of yellow text on a yellow-tinted pill. The light theme keeps its dark gold, where white would disappear into a near-white pill" },
|
||||||
{ "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-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 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": "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" },
|
||||||
|
|||||||
+8
-7
@@ -19,11 +19,12 @@
|
|||||||
--sleep-ink: #4258cc;
|
--sleep-ink: #4258cc;
|
||||||
--wake: #f2b705;
|
--wake: #f2b705;
|
||||||
--wake-ink: #6f4d00;
|
--wake-ink: #6f4d00;
|
||||||
/* The two timers want plain white on the dark theme, where the pill is a
|
/* The two timers, on the dark theme, take a near-white with a sixth of the
|
||||||
deep olive and a gold font just reads as more yellow. In the light theme
|
gold mixed into it (#fdf4da): warm enough to belong to the sunshine, far
|
||||||
the same pill is near-white cream, so white would vanish and it keeps the
|
enough from --wake-ink not to be yellow text on a yellow pill again. In
|
||||||
ink. Separate from --wake-ink so the list's AWAKE labels stay gold and go
|
the light theme the same pill is near-white cream, so anything pale would
|
||||||
on matching their stripe. */
|
vanish and it keeps the dark ink. Separate from --wake-ink so the list's
|
||||||
|
AWAKE labels stay gold and go on matching their stripe. */
|
||||||
--wake-timer-ink: #6f4d00;
|
--wake-timer-ink: #6f4d00;
|
||||||
--note: #6f7a90;
|
--note: #6f7a90;
|
||||||
--danger: #d64545;
|
--danger: #d64545;
|
||||||
@@ -47,7 +48,7 @@
|
|||||||
--accent-soft: #2a2640;
|
--accent-soft: #2a2640;
|
||||||
--sleep-ink: #8ba4ff;
|
--sleep-ink: #8ba4ff;
|
||||||
--wake-ink: #f5c451;
|
--wake-ink: #f5c451;
|
||||||
--wake-timer-ink: #ffffff;
|
--wake-timer-ink: #fdf4da;
|
||||||
--border: #2c2a3a;
|
--border: #2c2a3a;
|
||||||
--shadow: 0 1px 2px rgba(0, 0, 0, 0.3), 0 4px 16px rgba(0, 0, 0, 0.3);
|
--shadow: 0 1px 2px rgba(0, 0, 0, 0.3), 0 4px 16px rgba(0, 0, 0, 0.3);
|
||||||
}
|
}
|
||||||
@@ -61,7 +62,7 @@
|
|||||||
--accent-soft: #2a2640;
|
--accent-soft: #2a2640;
|
||||||
--sleep-ink: #8ba4ff;
|
--sleep-ink: #8ba4ff;
|
||||||
--wake-ink: #f5c451;
|
--wake-ink: #f5c451;
|
||||||
--wake-timer-ink: #ffffff;
|
--wake-timer-ink: #fdf4da;
|
||||||
--border: #2c2a3a;
|
--border: #2c2a3a;
|
||||||
--shadow: 0 1px 2px rgba(0, 0, 0, 0.3), 0 4px 16px rgba(0, 0, 0, 0.3);
|
--shadow: 0 1px 2px rgba(0, 0, 0, 0.3), 0 4px 16px rgba(0, 0, 0, 0.3);
|
||||||
}
|
}
|
||||||
|
|||||||
Reference in New Issue
Block a user