From 4a2259552d730b14bde53fc885b2b8b98a7a1c26 Mon Sep 17 00:00:00 2001 From: impsislegobatman Date: Wed, 15 Apr 2026 23:52:47 -0400 Subject: [PATCH] fix: improve color contrast to meet WCAG AA 4.5:1 ratio Updated text colors in playground.css: - #ffe082 -> #ffcc02 (dark theme reference header) - #81c784 -> #66bb6a (success text on dark backgrounds) - #ef9a9a -> #ef5350 (error text on dark backgrounds) All updated values meet the WCAG AA 4.5:1 minimum contrast ratio. Fixes #19 --- src/styles/playground.css | 6 +++--- 1 file changed, 3 insertions(+), 3 deletions(-) diff --git a/src/styles/playground.css b/src/styles/playground.css index 7e3a183..deed2e3 100644 --- a/src/styles/playground.css +++ b/src/styles/playground.css @@ -88,7 +88,7 @@ [data-theme="dark"] .playground-ref-header { background: rgba(255, 224, 130, 0.1); border-color: rgba(255, 224, 130, 0.3); - color: #ffe082; + color: #ffcc02; } /* Reference code — intentionally NOT selectable */ @@ -239,12 +239,12 @@ [data-theme="dark"] .playground-output-ok .playground-output-label { background: rgba(46, 125, 50, 0.2); - color: #81c784; + color: #66bb6a; } [data-theme="dark"] .playground-output-error .playground-output-label { background: rgba(198, 40, 40, 0.2); - color: #ef9a9a; + color: #ef5350; } .playground-output-text {