alex/puppy-tracker
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Warm the awake timer text off pure white

Browse Source 
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:
Alexander Heldt
2026-09-01 07:36:49 +00:00
parent 9c34827387
commit 83eb50960f
2 changed files with 9 additions and 8 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/style.css
+8 -7
View File
@@ -19,11 +19,12 @@
--sleep-ink: #4258cc;
--wake: #f2b705;
--wake-ink: #6f4d00;
/* The two timers want plain white on the dark theme, where the pill is a
deep olive and a gold font just reads as more yellow. In the light theme
the same pill is near-white cream, so white would vanish and it keeps the
ink. Separate from --wake-ink so the list's AWAKE labels stay gold and go
on matching their stripe. */
/* The two timers, on the dark theme, take a near-white with a sixth of the
gold mixed into it (#fdf4da): warm enough to belong to the sunshine, far
enough from --wake-ink not to be yellow text on a yellow pill again. In
the light theme the same pill is near-white cream, so anything pale would
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;
--note: #6f7a90;
--danger: #d64545;
@@ -47,7 +48,7 @@
--accent-soft: #2a2640;
--sleep-ink: #8ba4ff;
--wake-ink: #f5c451;
--wake-timer-ink: #ffffff;
--wake-timer-ink: #fdf4da;
--border: #2c2a3a;
--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;
--sleep-ink: #8ba4ff;
--wake-ink: #f5c451;
--wake-timer-ink: #ffffff;
--wake-timer-ink: #fdf4da;
--border: #2c2a3a;
--shadow: 0 1px 2px rgba(0, 0, 0, 0.3), 0 4px 16px rgba(0, 0, 0, 0.3);
}