From fd26a743d70c944bedb0ac0458408564aaa530af Mon Sep 17 00:00:00 2001 From: Jure <44338+hoornet@users.noreply.github.com> Date: Thu, 2 Apr 2026 17:48:25 +0200 Subject: [PATCH] Fix text-dim and text-muted contrast to meet WCAG AA 4.5:1 MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit All text-dim values now meet 4.5:1 minimum contrast ratio against their theme background. Midnight/Light text-muted also bumped from borderline 4.42:1 to compliant. Colors stay on-hue — just brighter (dark themes) or darker (light theme) to cross the threshold. --- src/index.css | 4 ++-- src/lib/themes.ts | 18 +++++++++--------- 2 files changed, 11 insertions(+), 11 deletions(-) diff --git a/src/index.css b/src/index.css index 6b80b51..88fe2f8 100644 --- a/src/index.css +++ b/src/index.css @@ -7,8 +7,8 @@ --color-border: #222222; --color-border-subtle: #1a1a1a; --color-text: #e0e0e0; - --color-text-muted: #777777; - --color-text-dim: #555555; + --color-text-muted: #7c7c7c; + --color-text-dim: #797979; --color-accent: #8b5cf6; --color-accent-hover: #7c3aed; --color-accent-text: #ffffff; diff --git a/src/lib/themes.ts b/src/lib/themes.ts index 0c6052b..b1f9326 100644 --- a/src/lib/themes.ts +++ b/src/lib/themes.ts @@ -34,8 +34,8 @@ export const themes: Theme[] = [ border: "#222222", "border-subtle": "#1a1a1a", text: "#e0e0e0", - "text-muted": "#777777", - "text-dim": "#555555", + "text-muted": "#7c7c7c", + "text-dim": "#797979", accent: "#8b5cf6", "accent-hover": "#7c3aed", "accent-text": "#ffffff", @@ -56,8 +56,8 @@ export const themes: Theme[] = [ border: "#d4d4d4", "border-subtle": "#e5e5e5", text: "#1a1a1a", - "text-muted": "#6b7280", - "text-dim": "#9ca3af", + "text-muted": "#697180", + "text-dim": "#6c717a", accent: "#7c3aed", "accent-hover": "#6d28d9", "accent-text": "#ffffff", @@ -79,7 +79,7 @@ export const themes: Theme[] = [ "border-subtle": "#313244", text: "#cdd6f4", "text-muted": "#a6adc8", - "text-dim": "#6c7086", + "text-dim": "#8286a1", accent: "#cba6f7", "accent-hover": "#b4befe", "accent-text": "#1e1e2e", @@ -101,7 +101,7 @@ export const themes: Theme[] = [ "border-subtle": "#382a1f", text: "#e8d5c4", "text-muted": "#b89c84", - "text-dim": "#7a6452", + "text-dim": "#a1846c", accent: "#e09850", "accent-hover": "#c47f3a", "accent-text": "#2b2018", @@ -123,7 +123,7 @@ export const themes: Theme[] = [ "border-subtle": "#3c3836", text: "#ebdbb2", "text-muted": "#a89984", - "text-dim": "#665c54", + "text-dim": "#9b8c80", accent: "#fe8019", "accent-hover": "#d65d0e", "accent-text": "#282828", @@ -145,7 +145,7 @@ export const themes: Theme[] = [ "border-subtle": "#3b4252", text: "#eceff4", "text-muted": "#d8dee9", - "text-dim": "#7b88a1", + "text-dim": "#8f9ebb", accent: "#88c0d0", "accent-hover": "#81a1c1", "accent-text": "#2e3440", @@ -167,7 +167,7 @@ export const themes: Theme[] = [ "border-subtle": "#131a24", text: "#00ff41", "text-muted": "#00bb2d", - "text-dim": "#006b1a", + "text-dim": "#008d22", accent: "#00ff41", "accent-hover": "#33ff66", "accent-text": "#0a0a0a",