diff --git a/frontend-mobile/constants/theme.ts b/frontend-mobile/constants/theme.ts new file mode 100644 index 0000000..1abd72b --- /dev/null +++ b/frontend-mobile/constants/theme.ts @@ -0,0 +1,58 @@ +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, + }, +};