From ebaab007d46951aed4e9c9462d37e6b8b3423802 Mon Sep 17 00:00:00 2001
From: Kev <kevdevelops@gmail.com>
Date: Thu, 16 Jul 2026 18:09:50 -0400
Subject: [PATCH] M3 palette consistency: orphaned B-blue monogram + old text-0
 in OG billboards
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Token alignment (M3.1) orphaned a few bare literals: PlayerAvatar's team-less
monogram accent still fell back to the retired B-blue #4A9EFF → Design neutral
#B8BCC8; the player/u OG + portrait billboards painted old text-0 #E8E8F0 →
Design #F0F0F0 (satori canvas needs literals).

Co-Authored-By: Claude Opus 4.8 (1M context) <noreply@anthropic.com>
---
 web/src/app/player/[name]/opengraph-image.tsx | 2 +-
 web/src/app/u/[handle]/opengraph-image.tsx    | 2 +-
 web/src/app/u/[handle]/portrait/route.tsx     | 2 +-
 web/src/components/vyndr/PlayerAvatar.tsx     | 2 +-
 4 files changed, 4 insertions(+), 4 deletions(-)

diff --git a/web/src/app/player/[name]/opengraph-image.tsx b/web/src/app/player/[name]/opengraph-image.tsx
index 1fe890f..6037ce9 100644
--- a/web/src/app/player/[name]/opengraph-image.tsx
+++ b/web/src/app/player/[name]/opengraph-image.tsx
@@ -20,7 +20,7 @@ export default async function Image({ params }: { params: Promise<{ name: string
           width: '100%',
           height: '100%',
           background: '#06060B',
-          color: '#E8E8F0',
+          color: '#F0F0F0',
           padding: 72,
           fontFamily: 'monospace',
         }}
diff --git a/web/src/app/u/[handle]/opengraph-image.tsx b/web/src/app/u/[handle]/opengraph-image.tsx
index b067632..051e7fa 100644
--- a/web/src/app/u/[handle]/opengraph-image.tsx
+++ b/web/src/app/u/[handle]/opengraph-image.tsx
@@ -41,7 +41,7 @@ export default async function Image({ params }: { params: Promise<{ handle: stri
           width: '100%',
           height: '100%',
           background: '#06060B',
-          color: '#E8E8F0',
+          color: '#F0F0F0',
           padding: 72,
           fontFamily: 'monospace',
         }}
diff --git a/web/src/app/u/[handle]/portrait/route.tsx b/web/src/app/u/[handle]/portrait/route.tsx
index ded4d1b..6af5a43 100644
--- a/web/src/app/u/[handle]/portrait/route.tsx
+++ b/web/src/app/u/[handle]/portrait/route.tsx
@@ -67,7 +67,7 @@ export async function GET(
           width: '100%',
           height: '100%',
           background: '#06060B',
-          color: '#E8E8F0',
+          color: '#F0F0F0',
           padding: 90,
           fontFamily: 'monospace',
         }}
diff --git a/web/src/components/vyndr/PlayerAvatar.tsx b/web/src/components/vyndr/PlayerAvatar.tsx
index f02507c..1e5418b 100644
--- a/web/src/components/vyndr/PlayerAvatar.tsx
+++ b/web/src/components/vyndr/PlayerAvatar.tsx
@@ -45,7 +45,7 @@ export default function PlayerAvatar({
   const url = (headshotUrl || playerId != null || espnId != null)
     ? getHeadshotUrl({ sport, playerId, espnId, headshotUrl })
     : null;
-  const accent = (team && accentColor(team, String(sport))) || '#4A9EFF';
+  const accent = (team && accentColor(team, String(sport))) || '#B8BCC8'; // Design neutral (was orphaned B-blue)
   const showImg = url && url !== '/images/player-silhouette.svg' && !broken;
 
   const Monogram = (