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 = (