From 5cc6d13b3bce6e89a1ba70c5c65d04bcf79f028f Mon Sep 17 00:00:00 2001 From: Jack Levy Date: Sat, 28 Feb 2026 22:57:10 -0500 Subject: [PATCH] fix(ui): use solid party badge colors readable in light and dark mode MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit Replaces light/dark variant classes (which produced unreadable pale pink in dark mode) with solid saturated colors: red-600 for Republicans, blue-600 for Democrats, slate-500 for Independents — all with white text. Authored-By: Jack Levy --- frontend/lib/utils.ts | 6 +++--- 1 file changed, 3 insertions(+), 3 deletions(-) diff --git a/frontend/lib/utils.ts b/frontend/lib/utils.ts index 85eedb1..30ad3bb 100644 --- a/frontend/lib/utils.ts +++ b/frontend/lib/utils.ts @@ -39,9 +39,9 @@ export function partyColor(party?: string): string { export function partyBadgeColor(party?: string): string { if (!party) return "bg-muted text-muted-foreground"; const p = party.toLowerCase(); - if (p.includes("democrat") || p === "d") return "bg-blue-100 text-blue-800 dark:bg-blue-900 dark:text-blue-200"; - if (p.includes("republican") || p === "r") return "bg-red-100 text-red-800 dark:bg-red-900 dark:text-red-200"; - return "bg-yellow-100 text-yellow-800 dark:bg-yellow-900 dark:text-yellow-200"; + if (p.includes("democrat") || p === "d") return "bg-blue-600 text-white"; + if (p.includes("republican") || p === "r") return "bg-red-600 text-white"; + return "bg-slate-500 text-white"; } export function trendColor(score?: number): string {