Mirror/vega
1
0
Fork 0
mirror of https://github.com/hoornet/vega.git synced 2026-05-11 06:39:10 -07:00
Code Issues Packages Projects Releases Wiki Activity

Fix text-dim and text-muted contrast to meet WCAG AA 4.5:1

Browse Source 
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.
This commit is contained in:
Jure
2026-04-02 17:48:25 +02:00
parent 1006b1a1f0
commit fd26a743d7
2 changed files with 11 additions and 11 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
src/index.css
View File

@@ -7,8 +7,8 @@
--color-border: #222222; --color-border: #222222;
--color-border-subtle: #1a1a1a; --color-border-subtle: #1a1a1a;
--color-text: #e0e0e0; --color-text: #e0e0e0;
--color-text-muted: #777777; --color-text-muted: #7c7c7c;
--color-text-dim: #555555; --color-text-dim: #797979;
--color-accent: #8b5cf6; --color-accent: #8b5cf6;
--color-accent-hover: #7c3aed; --color-accent-hover: #7c3aed;
--color-accent-text: #ffffff; --color-accent-text: #ffffff;

18
src/lib/themes.ts
View File

@@ -34,8 +34,8 @@ export const themes: Theme[] = [
border: "#222222", border: "#222222",
"border-subtle": "#1a1a1a", "border-subtle": "#1a1a1a",
text: "#e0e0e0", text: "#e0e0e0",
"text-muted": "#777777", "text-muted": "#7c7c7c",
"text-dim": "#555555", "text-dim": "#797979",
accent: "#8b5cf6", accent: "#8b5cf6",
"accent-hover": "#7c3aed", "accent-hover": "#7c3aed",
"accent-text": "#ffffff", "accent-text": "#ffffff",
@@ -56,8 +56,8 @@ export const themes: Theme[] = [
border: "#d4d4d4", border: "#d4d4d4",
"border-subtle": "#e5e5e5", "border-subtle": "#e5e5e5",
text: "#1a1a1a", text: "#1a1a1a",
"text-muted": "#6b7280", "text-muted": "#697180",
"text-dim": "#9ca3af", "text-dim": "#6c717a",
accent: "#7c3aed", accent: "#7c3aed",
"accent-hover": "#6d28d9", "accent-hover": "#6d28d9",
"accent-text": "#ffffff", "accent-text": "#ffffff",
@@ -79,7 +79,7 @@ export const themes: Theme[] = [
"border-subtle": "#313244", "border-subtle": "#313244",
text: "#cdd6f4", text: "#cdd6f4",
"text-muted": "#a6adc8", "text-muted": "#a6adc8",
"text-dim": "#6c7086", "text-dim": "#8286a1",
accent: "#cba6f7", accent: "#cba6f7",
"accent-hover": "#b4befe", "accent-hover": "#b4befe",
"accent-text": "#1e1e2e", "accent-text": "#1e1e2e",
@@ -101,7 +101,7 @@ export const themes: Theme[] = [
"border-subtle": "#382a1f", "border-subtle": "#382a1f",
text: "#e8d5c4", text: "#e8d5c4",
"text-muted": "#b89c84", "text-muted": "#b89c84",
"text-dim": "#7a6452", "text-dim": "#a1846c",
accent: "#e09850", accent: "#e09850",
"accent-hover": "#c47f3a", "accent-hover": "#c47f3a",
"accent-text": "#2b2018", "accent-text": "#2b2018",
@@ -123,7 +123,7 @@ export const themes: Theme[] = [
"border-subtle": "#3c3836", "border-subtle": "#3c3836",
text: "#ebdbb2", text: "#ebdbb2",
"text-muted": "#a89984", "text-muted": "#a89984",
"text-dim": "#665c54", "text-dim": "#9b8c80",
accent: "#fe8019", accent: "#fe8019",
"accent-hover": "#d65d0e", "accent-hover": "#d65d0e",
"accent-text": "#282828", "accent-text": "#282828",
@@ -145,7 +145,7 @@ export const themes: Theme[] = [
"border-subtle": "#3b4252", "border-subtle": "#3b4252",
text: "#eceff4", text: "#eceff4",
"text-muted": "#d8dee9", "text-muted": "#d8dee9",
"text-dim": "#7b88a1", "text-dim": "#8f9ebb",
accent: "#88c0d0", accent: "#88c0d0",
"accent-hover": "#81a1c1", "accent-hover": "#81a1c1",
"accent-text": "#2e3440", "accent-text": "#2e3440",
@@ -167,7 +167,7 @@ export const themes: Theme[] = [
"border-subtle": "#131a24", "border-subtle": "#131a24",
text: "#00ff41", text: "#00ff41",
"text-muted": "#00bb2d", "text-muted": "#00bb2d",
"text-dim": "#006b1a", "text-dim": "#008d22",
accent: "#00ff41", accent: "#00ff41",
"accent-hover": "#33ff66", "accent-hover": "#33ff66",
"accent-text": "#0a0a0a", "accent-text": "#0a0a0a",