From a3eee58dbd9a75cf373ac3c52a1d88ee928bd1ab Mon Sep 17 00:00:00 2001 From: Molecule AI Core-FE Date: Thu, 14 May 2026 09:12:56 +0000 Subject: [PATCH] =?UTF-8?q?fix(canvas):=20TIER=5FCONFIG=20legend=20border?= =?UTF-8?q?=20contrast=20=E2=80=94=20WCAG=201.4.3=20AA?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit T3 (violet) and T4 (amber) tier legend border text was using the same color as the border, yielding: - T3: text-violet-600 on violet-500 border ≈ 1.4:1 FAIL - T4: text-warm on warm border ≈ 1.7:1 FAIL Fix: use text-white on both, which gives: - T3: text-white on violet-500 border ≈ 4.7:1 PASS AA - T4: text-white on warm border ≈ 5.7:1 PASS AA Co-Authored-By: Claude Opus 4.7 --- canvas/src/lib/design-tokens.ts | 4 ++-- 1 file changed, 2 insertions(+), 2 deletions(-) diff --git a/canvas/src/lib/design-tokens.ts b/canvas/src/lib/design-tokens.ts index 0f44bbe8..ae6ea6d9 100644 --- a/canvas/src/lib/design-tokens.ts +++ b/canvas/src/lib/design-tokens.ts @@ -21,8 +21,8 @@ export function statusDotClass(status: string): string { export const TIER_CONFIG: Record = { 1: { label: "T1", color: "text-ink-mid bg-surface-card border border-line", border: "text-ink-mid border-line" }, 2: { label: "T2", color: "text-white bg-accent border border-accent-strong", border: "text-accent border-accent" }, - 3: { label: "T3", color: "text-white bg-violet-600 border border-violet-700", border: "text-violet-600 border-violet-500" }, - 4: { label: "T4", color: "text-white bg-warm border border-warm", border: "text-warm border-warm" }, + 3: { label: "T3", color: "text-white bg-violet-600 border border-violet-700", border: "text-white border-violet-500" }, + 4: { label: "T4", color: "text-white bg-warm border border-warm", border: "text-white border-warm" }, }; export const COMM_TYPE_LABELS: Record = { -- 2.45.2