Files
FarmaFinder/apps/frontend-mobile/constants/theme.ts
T
Antoni Nuñez Romeu 190b3d163d
Run Tests on Branches / Backend Tests (push) Successful in 3m38s
Run Tests on Branches / Frontend Tests (push) Successful in 3m28s
Restructure with Turborepo
2026-07-06 15:51:53 +02:00

59 lines
872 B
TypeScript

export const colors = {
// Primary
primary: '#007AFF',
primaryLight: '#4DA3FF',
primaryDark: '#0056CC',
// Semantic
success: '#34C759',
danger: '#FF3B30',
warning: '#FF9500',
// Neutral
background: '#F2F2F7',
card: '#FFFFFF',
border: '#E5E5EA',
separator: '#C6C6C8',
// Text
text: '#1C1C1E',
textSecondary: '#8E8E93',
textInverse: '#FFFFFF',
textLink: '#007AFF',
};
export const spacing = {
xs: 4,
sm: 8,
md: 16,
lg: 24,
xl: 32,
xxl: 48,
};
export const borderRadius = {
sm: 8,
md: 12,
lg: 16,
xl: 24,
};
export const typography = {
title: {
fontSize: 28,
fontWeight: 'bold' as const,
},
heading: {
fontSize: 20,
fontWeight: '600' as const,
},
body: {
fontSize: 16,
fontWeight: 'normal' as const,
},
caption: {
fontSize: 12,
fontWeight: 'normal' as const,
},
};