dimitar/fitaiProto
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

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

Browse Source
This commit is contained in:
Aleksandar 2025-12-11 13:56:18 +01:00
parent 0024510fdb
commit e4eadc858c
1 changed files with 7 additions and 7 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

14
apps/mobile/src/components/PerformanceMetrics.tsx
View File

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