From 2300f1dc3b0c7987283251030bacfe4858124c71 Mon Sep 17 00:00:00 2001 From: Kristian Wind Date: Mon, 17 Aug 2026 18:29:56 +0200 Subject: [PATCH] fix(theme): the original two themes were the least readable of the five MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit Adding three themes meant measuring them, and measuring them meant measuring the two that shipped. They came last. --ink-faint is the tier that decides whether an interface is readable: dates, counts, hints and placeholders all live there, and it is the first thing to disappear. Dark sat at 3.8:1 against its ground and light at 3.1:1, where AA asks for 4.5. Light's accent — which is text as often as it is a background, on links and on "open the project" — sat at 3.8:1 too. All five now clear 4.5:1 at every tier. The numbers are in the code beside the colours, because the next person to nudge a hex should measure rather than look: this is exactly the kind of change that looks fine to whoever makes it. Left alone earlier today as a deliberate scope call — recolouring somebody's app as a side effect of adding themes is not a side effect anyone asked for — and done now that it was asked for. Co-Authored-By: Claude Opus 5 --- web/src/app.css | 18 +++++++++++++----- 1 file changed, 13 insertions(+), 5 deletions(-) diff --git a/web/src/app.css b/web/src/app.css index ef795a3..6d4a914 100644 --- a/web/src/app.css +++ b/web/src/app.css @@ -22,7 +22,10 @@ --ink: #e8ebe9; --ink-muted: #9aa39e; - --ink-faint: #6b736f; + /* The quiet tier, and the one that decides whether the interface is + readable: dates, counts and hints all live here. Lifted from #6b736f, + which sat at 3.8:1 against the ground — under AA, and it showed. */ + --ink-faint: #828a84; /* Nordlys-grøn. One accent, used for the checkmark, focus rings, and the single primary action on a screen — and for nothing else, which is what @@ -106,7 +109,10 @@ --ink: #e8ebe9; --ink-muted: #9aa39e; - --ink-faint: #6b736f; + /* The quiet tier, and the one that decides whether the interface is + readable: dates, counts and hints all live here. Lifted from #6b736f, + which sat at 3.8:1 against the ground — under AA, and it showed. */ + --ink-faint: #828a84; --accent: #5fbf8f; --accent-hover: #6fcf9f; @@ -247,10 +253,12 @@ --ink: #1c201e; --ink-muted: #5f6763; - --ink-faint: #8b918d; + /* Was #8b918d at 3.1:1 — the worst of the five, and the theme most likely + to be read in daylight. */ + --ink-faint: #6e756f; - --accent: #2f8f63; - --accent-hover: #277a54; + --accent: #257552; + --accent-hover: #1f6a49; --accent-sunken: #e2f0e9; --accent-ink: #ffffff;