From c3d469e96473ff3b9ec843a0f8bf301d3d6e2f26 Mon Sep 17 00:00:00 2001 From: Kev Date: Thu, 16 Jul 2026 16:23:56 -0400 Subject: [PATCH] =?UTF-8?q?M3.1=20follow-up:=20ShareCard=20grade-B=20billb?= =?UTF-8?q?oard=20=E2=86=92=20Design=20white;=20drop=20stale=20comment=20h?= =?UTF-8?q?exes?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit The share/OG card (a billboard) still painted grade B blue (#4A9EFF) on canvas; Design's B is neutral-bright white. Canvas needs a literal, so #F0F0F0 direct. Co-Authored-By: Claude Opus 4.8 (1M context) --- web/src/app/globals.css | 4 ++-- web/src/components/ShareCard.tsx | 2 +- 2 files changed, 3 insertions(+), 3 deletions(-) diff --git a/web/src/app/globals.css b/web/src/app/globals.css index 58de818..f7fec99 100644 --- a/web/src/app/globals.css +++ b/web/src/app/globals.css @@ -37,7 +37,7 @@ — aligned to Design 2026-07-16. Amber stays its own token (--amber). */ --grade-aplus: #00FFB8; --grade-a: #00D4A0; - --grade-b: #F0F0F0; /* was #4A9EFF (blue) */ + --grade-b: #F0F0F0; /* neutral-bright white (was blue) */ --grade-c: #B8BCC8; /* was #FFB347 (amber) */ --grade-d: #FF4757; /* was #FF5252 */ @@ -78,7 +78,7 @@ /* Grade tokens (the product's core color language) */ --g-ap: #00ffb8; /* A+ rarest, max glow */ --g-a: #00d4a0; /* A workhorse green / primary CTA */ - --g-b: #F0F0F0; /* B neutral-bright white (Design; was blue) */ + --g-b: #F0F0F0; /* B neutral-bright white (Design) */ --g-c: #B8BCC8; /* C muted grey (Design; was amber) */ --g-d: #FF4757; /* D red (Design; was #ff5252) */ diff --git a/web/src/components/ShareCard.tsx b/web/src/components/ShareCard.tsx index 4b3b2d7..8d75579 100644 --- a/web/src/components/ShareCard.tsx +++ b/web/src/components/ShareCard.tsx @@ -23,7 +23,7 @@ const SPORT_COLOR: Record = { function gradeColor(grade: string): string { const g = (grade || '').trim().toUpperCase().charAt(0); if (g === 'A') return '#00C896'; - if (g === 'B') return '#4A9EFF'; + if (g === 'B') return '#F0F0F0'; if (g === 'C') return '#FFB347'; return '#FF6B6B'; }