Apply reference colors to home stats section (Task #24)

The "إحسانكم لعام 2026" statistics section rendered its heading and big
numbers in the bright brand green (text-primary). The reference uses a
deeper forest green for those text elements, keeping the brighter green only
for the icons/leaf.

Change (artifacts/ehsan-poc/src/pages/home.tsx):
- Heading <h2> and each stat number <div>: text-primary -> text-[#14573A]
  (deep forest green sampled from the reference image).
- Leaf accent and the three card icons: kept text-primary (#1B8354).
- Subtitle and labels: unchanged (text-muted-foreground gray).

No layout/order changes; works in AR (RTL) and EN. tsc --noEmit clean;
verified visually in the preview.
This commit is contained in:
Replit Agent
2026-06-05 21:00:01 +00:00
parent 8950d394c8
commit 774a6f97a0
+2 -2
View File
@@ -172,7 +172,7 @@ export default function Home() {
<div className="text-center mb-8">
<div className="flex items-center justify-center gap-2 mb-2">
<Leaf className="w-6 h-6 text-primary" aria-hidden="true" />
<h2 className="text-2xl font-bold text-primary">{t.home.stats.title}</h2>
<h2 className="text-2xl font-bold text-[#14573A]">{t.home.stats.title}</h2>
</div>
<p className="text-sm text-muted-foreground max-w-xl mx-auto">
{t.home.stats.subtitle}
@@ -200,7 +200,7 @@ export default function Home() {
<Card className="border-none shadow-md h-full rounded-2xl">
<CardContent className="p-8 text-center">
<Icon className="w-9 h-9 text-primary mx-auto mb-4" aria-hidden="true" />
<div className="text-3xl font-bold text-primary mb-3" data-testid={`stat-value-${i}`}>
<div className="text-3xl font-bold text-[#14573A] mb-3" data-testid={`stat-value-${i}`}>
{value}
</div>
<div className="text-sm text-muted-foreground font-medium">{label}</div>