fix(a11y): fix remaining contrast failures in table and badges

caiopizzol · caiopizzol · commit 2748e8f52f4f · 2026-04-02T18:14:15.000-03:00
Darken doc hash, type/topic badge text, confidence colors, and
language bar overflow text to pass WCAG AA 4.5:1 on their
respective backgrounds.
diff --git a/apps/web/index.html b/apps/web/index.html
@@ -498,7 +498,7 @@
     .dtable .fhash {
       font-family: 'JetBrains Mono', monospace;
       font-size: 0.68rem;
-      color: #ccc;
+      color: #6B7280;
     }
 
     .doc-link {
@@ -525,12 +525,12 @@
 
     .label-type {
       background: #fef0ee;
-      color: #C9493D;
+      color: #A3362B;
     }
 
     .label-topic {
       background: #f0f4ff;
-      color: #6b8cce;
+      color: #4A6BA8;
     }
 
     .mono {
@@ -540,11 +540,11 @@
     }
 
     .conf-g {
-      color: #059669;
+      color: #047857;
     }
 
     .conf-y {
-      color: #d97706;
+      color: #b45309;
     }
 
     .conf-r {
@@ -1331,7 +1331,7 @@ <h1>The largest open corpus of classified Word documents</h1>
           langHtml += `<div class="lang-bar${active ? ' lang-active' : ''}" style="flex:${l.percentage};background:${color}" data-lang="${l.code}" title="${l.name} ${l.percentage}%">${l.code.toUpperCase()}</div>`;
         });
         if (otherPct > 0) {
-          langHtml += `<div class="lang-bar" style="flex:${otherPct};background:#d0d0d0;color:#888;font-size:0.6rem">+${languages.length - 10}</div>`;
+          langHtml += `<div class="lang-bar" style="flex:${otherPct};background:#d0d0d0;color:#4B5563;font-size:0.6rem">+${languages.length - 10}</div>`;
         }
 
         // Legend: ALL languages, clickable

Original file line number	Diff line number	Diff line change
`@@ -498,7 +498,7 @@`
`498`	`498`	`.dtable .fhash {`
`499`	`499`	`font-family: 'JetBrains Mono', monospace;`
`500`	`500`	`font-size: 0.68rem;`
`501`		`- color: #ccc;`
	`501`	`+ color: #6B7280;`
`502`	`502`	`}`
`503`	`503`
`504`	`504`	`.doc-link {`
`@@ -525,12 +525,12 @@`
`525`	`525`
`526`	`526`	`.label-type {`
`527`	`527`	`background: #fef0ee;`
`528`		`- color: #C9493D;`
	`528`	`+ color: #A3362B;`
`529`	`529`	`}`
`530`	`530`
`531`	`531`	`.label-topic {`
`532`	`532`	`background: #f0f4ff;`
`533`		`- color: #6b8cce;`
	`533`	`+ color: #4A6BA8;`
`534`	`534`	`}`
`535`	`535`
`536`	`536`	`.mono {`
`@@ -540,11 +540,11 @@`
`540`	`540`	`}`
`541`	`541`
`542`	`542`	`.conf-g {`
`543`		`- color: #059669;`
	`543`	`+ color: #047857;`
`544`	`544`	`}`
`545`	`545`
`546`	`546`	`.conf-y {`
`547`		`- color: #d97706;`
	`547`	`+ color: #b45309;`
`548`	`548`	`}`
`549`	`549`
`550`	`550`	`.conf-r {`
`@@ -1331,7 +1331,7 @@ <h1>The largest open corpus of classified Word documents</h1>`
`1331`	`1331`	langHtml += `<div class="lang-bar${active ? ' lang-active' : ''}" style="flex:${l.percentage};background:${color}" data-lang="${l.code}" title="${l.name} ${l.percentage}%">${l.code.toUpperCase()}</div>`;
`1332`	`1332`	`});`
`1333`	`1333`	`if (otherPct > 0) {`
`1334`		- langHtml += `<div class="lang-bar" style="flex:${otherPct};background:#d0d0d0;color:#888;font-size:0.6rem">+${languages.length - 10}</div>`;
	`1334`	+ langHtml += `<div class="lang-bar" style="flex:${otherPct};background:#d0d0d0;color:#4B5563;font-size:0.6rem">+${languages.length - 10}</div>`;
`1335`	`1335`	`}`
`1336`	`1336`
`1337`	`1337`	`// Legend: ALL languages, clickable`