VARASYS/ZDDC
1
1
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

fix(shared): bump dark-mode --primary to #5fa8e0 for WCAG AA contrast

Browse source 
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) <noreply@anthropic.com>
This commit is contained in:
ZDDC 2026-05-10 19:22:03 -05:00
parent 89d96b784f
commit 99c6eac0f2
1 changed files with 6 additions and 6 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

12
shared/base.css
View file

@ -45,9 +45,9 @@
/* The [data-theme="light"] selector locks light mode regardless of OS pref. */ /* The [data-theme="light"] selector locks light mode regardless of OS pref. */
@media (prefers-color-scheme: dark) { @media (prefers-color-scheme: dark) {
:root:not([data-theme="light"]) { :root:not([data-theme="light"]) {
--primary: #4a90c4; --primary: #5fa8e0;
--primary-hover: #5ba3d9; --primary-hover: #74b6e6;
--primary-active: #6ab5e8; --primary-active: #88c4ec;
--primary-light: #1a3550; --primary-light: #1a3550;
--bg: #1e1e1e; --bg: #1e1e1e;
@ -66,9 +66,9 @@
/* Manual dark override — wins over media query */ /* Manual dark override — wins over media query */
[data-theme="dark"] { [data-theme="dark"] {
--primary: #4a90c4; --primary: #5fa8e0;
--primary-hover: #5ba3d9; --primary-hover: #74b6e6;
--primary-active: #6ab5e8; --primary-active: #88c4ec;
--primary-light: #1a3550; --primary-light: #1a3550;
--bg: #1e1e1e; --bg: #1e1e1e;