diff --git a/src/app/globals.css b/src/app/globals.css index 7ee458730..68abd833c 100644 --- a/src/app/globals.css +++ b/src/app/globals.css @@ -283,9 +283,11 @@ --ring-strain-from: #e06aa8; --ring-strain-to: #ea74b1; --tile-strain: #ff79c6; - /* Band fallback (anatomy detail view, no per-metric hue). */ - --ring-green-from: #3fb868; - --ring-green-to: #48c473; + /* Band fallback (anatomy detail view, no per-metric hue). Lands on the + app-wide --success green (#50fa7b) so a "green" ring matches the green + of every positive signal / trend delta beside it. */ + --ring-green-from: #35d76a; + --ring-green-to: #50fa7b; --ring-yellow-from: #e0a050; --ring-yellow-to: #e8ab5c; --ring-red-from: #e0594a; @@ -409,8 +411,10 @@ --ring-strain-from: #b62478; --ring-strain-to: #bd2a7e; --tile-strain: #b0277d; - --ring-green-from: #138043; - --ring-green-to: #168a48; + /* Light: lands on the light-theme --success (#14720a) so ring green + matches every positive signal beside it. */ + --ring-green-from: #12760f; + --ring-green-to: #14720a; --ring-yellow-from: #b27018; --ring-yellow-to: #bd7a1e; --ring-red-from: #b22e20; diff --git a/src/components/dashboard/hero/dashboard-hero.tsx b/src/components/dashboard/hero/dashboard-hero.tsx index 48ec8c1e1..4d615f84f 100644 --- a/src/components/dashboard/hero/dashboard-hero.tsx +++ b/src/components/dashboard/hero/dashboard-hero.tsx @@ -254,11 +254,13 @@ export function DashboardHero({ "min-h-[8.75rem] p-4 md:min-h-[9.5rem] md:p-6", )} > - {/* Vertical rhythm: the section gap (greeting/ring row → briefing) - reads one step larger than the intra-block spacing so the two - zones separate cleanly; the card's own padding stays symmetric. */} -