From a01f9418910886259d8f0a9112bc61ea73cd894e Mon Sep 17 00:00:00 2001
From: RKWojs <rkwojs@gmail.com>
Date: Wed, 14 Jan 2026 08:20:19 +0100
Subject: [PATCH] fix: update color scheme for unrealised value in
 TeamLeadsDashboard

---
 src/app/dashboard/page.js | 18 +++++++++---------
 1 file changed, 9 insertions(+), 9 deletions(-)

diff --git a/src/app/dashboard/page.js b/src/app/dashboard/page.js
index 1c28861..11933dc 100644
--- a/src/app/dashboard/page.js
+++ b/src/app/dashboard/page.js
@@ -187,7 +187,7 @@ export default function TeamLeadsDashboard() {
 												{
 													name: t('teamDashboard.unrealised'),
 													value: summaryData.total.unrealisedValue,
-													color: '#f59e0b'
+													color: '#8b5cf6'
 												}
 											]}
 											cx="50%"
@@ -197,7 +197,7 @@ export default function TeamLeadsDashboard() {
 											label={({ name, percent }) => `${name}: ${(percent * 100).toFixed(0)}%`}
 										>
 											<Cell fill="#10b981" />
-											<Cell fill="#f59e0b" />
+											<Cell fill="#8b5cf6" />
 										</Pie>
 										<Tooltip formatter={(value) => formatCurrency(value)} />
 										<Legend />
@@ -218,9 +218,9 @@ export default function TeamLeadsDashboard() {
 										{formatCurrency(summaryData.total.realisedValue)}
 									</div>
 								</div>
-								<div className="bg-amber-50 dark:bg-amber-900/20 p-3 rounded-lg">
-									<div className="text-sm text-amber-600 dark:text-amber-400 font-medium">{t('teamDashboard.unrealisedValue')}</div>
-									<div className="text-xl font-bold text-amber-700 dark:text-amber-300">
+								<div className="bg-purple-50 dark:bg-purple-900/20 p-3 rounded-lg">
+									<div className="text-sm text-purple-600 dark:text-purple-400 font-medium">{t('teamDashboard.unrealisedValue')}</div>
+									<div className="text-xl font-bold text-purple-700 dark:text-purple-300">
 										{formatCurrency(summaryData.total.unrealisedValue)}
 									</div>
 								</div>
@@ -248,7 +248,7 @@ export default function TeamLeadsDashboard() {
 											<Pie
 												data={[
 													{ name: t('teamDashboard.realised'), value: data.realisedValue, color: '#10b981' },
-													{ name: t('teamDashboard.unrealised'), value: data.unrealisedValue, color: '#f59e0b' }
+													{ name: t('teamDashboard.unrealised'), value: data.unrealisedValue, color: '#8b5cf6' }
 												]}
 													cx="50%"
 													cy="50%"
@@ -257,7 +257,7 @@ export default function TeamLeadsDashboard() {
 													label={({ percent }) => percent > 0.1 ? `${(percent * 100).toFixed(0)}%` : ''}
 												>
 													<Cell fill="#10b981" />
-													<Cell fill="#f59e0b" />
+													<Cell fill="#8b5cf6" />
 												</Pie>
 												<Tooltip formatter={(value) => formatCurrency(value)} />
 											</PieChart>
@@ -272,8 +272,8 @@ export default function TeamLeadsDashboard() {
 											</span>
 										</div>
 										<div className="flex justify-between items-center">
-											<span className="text-sm text-amber-600 dark:text-amber-400">{t('teamDashboard.unrealised')}</span>
-											<span className="text-sm font-semibold text-amber-700 dark:text-amber-300">
+											<span className="text-sm text-purple-600 dark:text-purple-400">{t('teamDashboard.unrealised')}</span>
+											<span className="text-sm font-semibold text-purple-700 dark:text-purple-300">
 												{formatCurrency(data.unrealisedValue)}
 											</span>
 										</div>