From 4f32eab859a5746186368f074412ad8448f4b0ec Mon Sep 17 00:00:00 2001
From: Kev <kevdevelops@gmail.com>
Date: Thu, 16 Jul 2026 22:02:27 -0400
Subject: [PATCH] =?UTF-8?q?Color=20contract:=20'N=20LIVE'=20count=20?=
 =?UTF-8?q?=E2=86=92=20green=20(Design's=20LIVE=20color),=20not=20red?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Design colors every LIVE indicator green (active = green; the live-dots and
LIVE·Q3 labels are all green). The slate header's 'N LIVE' count was red
(--live #ff3b3b) — contradicts the one-meaning-per-color contract (red = miss/
error, which live isn't). Aligned to --g-a.

Co-Authored-By: Claude Opus 4.8 (1M context) <noreply@anthropic.com>
---
 web/src/components/Slate.tsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/web/src/components/Slate.tsx b/web/src/components/Slate.tsx
index 94c5a83..880dac5 100644
--- a/web/src/components/Slate.tsx
+++ b/web/src/components/Slate.tsx
@@ -946,7 +946,7 @@ export default function Slate({ initialTab = 'all', tier = 'free', preferredBook
             <><span style={{ color: '#3A3A48' }}>·</span><span>{snapGrades.length} PROPS GRADED</span></>
           )}
           {games.some((g) => g.status === 'in') && (
-            <><span style={{ color: '#3A3A48' }}>·</span><span style={{ color: 'var(--live, #FF4757)', fontWeight: 700 }}>{games.filter((g) => g.status === 'in').length} LIVE</span></>
+            <><span style={{ color: '#3A3A48' }}>·</span><span style={{ color: 'var(--g-a)', fontWeight: 700 }}>{games.filter((g) => g.status === 'in').length} LIVE</span></>
           )}
           {lastRefreshed && (
             <><span style={{ color: '#3A3A48' }}>·</span><span title="The slate auto-refreshes every 60 seconds">UPDATED {freshLabel(lastRefreshed, nowTick)}</span></>