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:
@@ -172,7 +172,7 @@ export default function Home() {
|
|||||||
<div className="text-center mb-8">
|
<div className="text-center mb-8">
|
||||||
<div className="flex items-center justify-center gap-2 mb-2">
|
<div className="flex items-center justify-center gap-2 mb-2">
|
||||||
<Leaf className="w-6 h-6 text-primary" aria-hidden="true" />
|
<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>
|
</div>
|
||||||
<p className="text-sm text-muted-foreground max-w-xl mx-auto">
|
<p className="text-sm text-muted-foreground max-w-xl mx-auto">
|
||||||
{t.home.stats.subtitle}
|
{t.home.stats.subtitle}
|
||||||
@@ -200,7 +200,7 @@ export default function Home() {
|
|||||||
<Card className="border-none shadow-md h-full rounded-2xl">
|
<Card className="border-none shadow-md h-full rounded-2xl">
|
||||||
<CardContent className="p-8 text-center">
|
<CardContent className="p-8 text-center">
|
||||||
<Icon className="w-9 h-9 text-primary mx-auto mb-4" aria-hidden="true" />
|
<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}
|
{value}
|
||||||
</div>
|
</div>
|
||||||
<div className="text-sm text-muted-foreground font-medium">{label}</div>
|
<div className="text-sm text-muted-foreground font-medium">{label}</div>
|
||||||
|
|||||||
Reference in New Issue
Block a user