style: strengthen performance metrics colors with darker gradients and brighter white text
This commit is contained in:
parent
0024510fdb
commit
e4eadc858c
@ -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',
|
||||
},
|
||||
});
|
||||
|
||||
Loading…
Reference in New Issue
Block a user