From e4eadc858c454fd4912ae4c255d66f709e27c23f Mon Sep 17 00:00:00 2001
From: Aleksandar <b.aleksandar@outlook.com>
Date: Thu, 11 Dec 2025 13:56:18 +0100
Subject: [PATCH] style: strengthen performance metrics colors with darker
 gradients and brighter white text

---
 apps/mobile/src/components/PerformanceMetrics.tsx | 14 +++++++-------
 1 file changed, 7 insertions(+), 7 deletions(-)

diff --git a/apps/mobile/src/components/PerformanceMetrics.tsx b/apps/mobile/src/components/PerformanceMetrics.tsx
index 2b4e261..3e681c3 100644
--- a/apps/mobile/src/components/PerformanceMetrics.tsx
+++ b/apps/mobile/src/components/PerformanceMetrics.tsx
@@ -60,7 +60,7 @@ export const PerformanceMetrics: React.FC = () => {
       change: '+12%',
       trend: 'up',
       icon: 'people',
-      colors: ['#3b82f6', '#06b6d4'],
+      colors: ['#1e40af', '#0369a1'],
     },
     {
       title: 'Active Clients',
@@ -68,7 +68,7 @@ export const PerformanceMetrics: React.FC = () => {
       change: '+5%',
       trend: 'up',
       icon: 'person-add',
-      colors: ['#10b981', '#14b8a6'],
+      colors: ['#065f46', '#0d9488'],
     },
     {
       title: 'Revenue',
@@ -76,7 +76,7 @@ export const PerformanceMetrics: React.FC = () => {
       change: '0%',
       trend: 'down',
       icon: 'wallet',
-      colors: ['#a855f7', '#3b82f6'],
+      colors: ['#6b21a8', '#1e40af'],
     },
     {
       title: 'Growth',
@@ -84,7 +84,7 @@ export const PerformanceMetrics: React.FC = () => {
       change: '-2%',
       trend: 'down',
       icon: 'trending-up',
-      colors: ['#f97316', '#ef4444'],
+      colors: ['#9a3412', '#dc2626'],
     },
   ];
 
@@ -146,7 +146,7 @@ const styles = StyleSheet.create({
     width: 40,
     height: 40,
     borderRadius: 12,
-    backgroundColor: 'rgba(255, 255, 255, 0.2)',
+    backgroundColor: 'rgba(255, 255, 255, 0.3)',
     justifyContent: 'center',
     alignItems: 'center',
     marginBottom: 12,
@@ -157,7 +157,7 @@ const styles = StyleSheet.create({
   label: {
     fontSize: 12,
     fontWeight: '600',
-    color: 'rgba(255, 255, 255, 0.8)',
+    color: '#fff',
     letterSpacing: 0.5,
     marginBottom: 6,
     textTransform: 'uppercase',
@@ -185,7 +185,7 @@ const styles = StyleSheet.create({
   },
   compareText: {
     fontSize: 10,
-    color: 'rgba(255, 255, 255, 0.7)',
+    color: '#fff',
     fontWeight: '500',
   },
 });