From 53d88206d8d2a2c7f3f2f2fb6b7cf856bd56aba0 Mon Sep 17 00:00:00 2001 From: Benoit TRAVERS Date: Sun, 28 Jun 2026 17:18:38 +0200 Subject: [PATCH 1/2] Light mode: darken secondary/metadata text for AA contrast MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit The light --muted/--faint greys were washed out: --faint #978996 was only 3.1:1 on white (failed WCAG-AA), used for metadata, star counts, the hero pills and the footer. Darken: - --muted #6A5965 -> #5E5159 (~7.1:1) for more presence - --faint #978996 -> #766678 (~5.0:1, was 3.1 — now passes AA) Both live on @btravstack/theme, so the docs sites' light secondary text (--vp-c-text-2/-3) gets the same lift. Verified: pills 7.1:1, stars/footer 5.0:1; build green. Co-Authored-By: Claude Opus 4.8 (1M context) --- packages/theme/src/tokens.css | 4 ++-- 1 file changed, 2 insertions(+), 2 deletions(-) diff --git a/packages/theme/src/tokens.css b/packages/theme/src/tokens.css index 63006c6..520f87c 100644 --- a/packages/theme/src/tokens.css +++ b/packages/theme/src/tokens.css @@ -147,8 +147,8 @@ --border-2: rgba(26, 12, 20, 0.17); --text: #1F0E18; - --muted: #6A5965; - --faint: #978996; + --muted: #5E5159; /* ~7.1:1 on white */ + --faint: #766678; /* ~5.0:1 on white (was #978996, 3.1 — failed AA) */ --accent: #E0589A; /* fill unchanged (dark ink on top) */ --text-accent: #D6246F; /* small labels / links — vivid raspberry, ~4.6:1 AA on white */ From 7a8c4338f046201aaedf47f8790071f59d16363c Mon Sep 17 00:00:00 2001 From: Benoit TRAVERS Date: Sun, 28 Jun 2026 17:27:58 +0200 Subject: [PATCH 2/2] Address review: write contrast ratio as 3.1:1 for consistency [Copilot] Co-Authored-By: Claude Opus 4.8 (1M context) --- packages/theme/src/tokens.css | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/packages/theme/src/tokens.css b/packages/theme/src/tokens.css index 520f87c..edd7628 100644 --- a/packages/theme/src/tokens.css +++ b/packages/theme/src/tokens.css @@ -148,7 +148,7 @@ --text: #1F0E18; --muted: #5E5159; /* ~7.1:1 on white */ - --faint: #766678; /* ~5.0:1 on white (was #978996, 3.1 — failed AA) */ + --faint: #766678; /* ~5.0:1 on white (was #978996, 3.1:1 — failed AA) */ --accent: #E0589A; /* fill unchanged (dark ink on top) */ --text-accent: #D6246F; /* small labels / links — vivid raspberry, ~4.6:1 AA on white */