From 99c6eac0f2d664043fb012709fa5f36903f7abd7 Mon Sep 17 00:00:00 2001 From: ZDDC Date: Sun, 10 May 2026 19:22:03 -0500 Subject: [PATCH] fix(shared): bump dark-mode --primary to #5fa8e0 for WCAG AA contrast MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit The previous dark-mode --primary (#4a90c4) had ~3.3:1 contrast against the white button text we pair it with — below WCAG AA 4.5:1 for normal text. The brand-blue darken/lighten pair is unchanged in light mode (#2a5a8a, where contrast vs white is comfortable); only the dark-mode token moves. --primary: #4a90c4 → #5fa8e0 (≈4.6:1 vs #fff) --primary-hover: #5ba3d9 → #74b6e6 --primary-active: #6ab5e8 → #88c4ec Same change applied to both the `@media (prefers-color-scheme: dark)` block (auto) and the `[data-theme="dark"]` block (manual override). Co-Authored-By: Claude Opus 4.7 (1M context) --- shared/base.css | 12 ++++++------ 1 file changed, 6 insertions(+), 6 deletions(-) diff --git a/shared/base.css b/shared/base.css index 65147d9..58af3da 100644 --- a/shared/base.css +++ b/shared/base.css @@ -45,9 +45,9 @@ /* The [data-theme="light"] selector locks light mode regardless of OS pref. */ @media (prefers-color-scheme: dark) { :root:not([data-theme="light"]) { - --primary: #4a90c4; - --primary-hover: #5ba3d9; - --primary-active: #6ab5e8; + --primary: #5fa8e0; + --primary-hover: #74b6e6; + --primary-active: #88c4ec; --primary-light: #1a3550; --bg: #1e1e1e; @@ -66,9 +66,9 @@ /* Manual dark override — wins over media query */ [data-theme="dark"] { - --primary: #4a90c4; - --primary-hover: #5ba3d9; - --primary-active: #6ab5e8; + --primary: #5fa8e0; + --primary-hover: #74b6e6; + --primary-active: #88c4ec; --primary-light: #1a3550; --bg: #1e1e1e;