Mirror/vega
1
0
Fork 0
mirror of https://github.com/hoornet/vega.git synced 2026-05-06 12:19:11 -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-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;

18
src/lib/themes.ts
View File

@@ -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",