style: strengthen performance metrics colors with darker gradients and brighter white text

This commit is contained in:
Aleksandar 2025-12-11 13:56:18 +01:00
parent 0024510fdb
commit e4eadc858c

View File

@ -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',
},
});