morethanadiagnosis-hub/mobile/constants/Theme.ts
2025-11-19 09:42:02 -08:00

48 lines
1,001 B
TypeScript

import { Colors } from './Colors';
export const Theme = {
colors: Colors.light, // Default to light theme for now
spacing: {
xs: 4,
s: 8,
m: 16,
l: 24,
xl: 32,
xxl: 48,
},
borderRadius: {
s: 8,
m: 12,
l: 16,
xl: 24,
round: 9999,
},
typography: {
fontFamily: {
heading: 'System', // Placeholder
body: 'System', // Placeholder
},
fontSize: {
xs: 12,
s: 14,
m: 16,
l: 20,
xl: 24,
xxl: 32,
},
fontWeight: {
regular: '400' as const,
medium: '500' as const,
bold: '700' as const,
},
},
shadows: {
card: {
shadowColor: '#000',
shadowOffset: { width: 0, height: 2 },
shadowOpacity: 0.05,
shadowRadius: 8,
elevation: 2,
},
},
};