yangxiangyuan
43 lines
1.1 KiB
TypeScript
43 lines
1.1 KiB
TypeScript
import { TextStyle } from 'react-native';
|
|
|
|
export const theme = {
|
|
colors: {
|
|
background: '#080b12',
|
|
surface: '#121826',
|
|
surfaceSoft: '#1a2234',
|
|
surfaceStrong: '#202b42',
|
|
primary: '#f0b35f',
|
|
primarySoft: 'rgba(240, 179, 95, 0.16)',
|
|
text: '#f6f7fb',
|
|
textSecondary: '#9ba7bc',
|
|
textDisabled: '#5a6578',
|
|
border: '#2a3449',
|
|
success: '#4ade80',
|
|
warning: '#fbbf24',
|
|
error: '#ef4444',
|
|
},
|
|
spacing: {
|
|
xs: 4,
|
|
sm: 8,
|
|
md: 16,
|
|
lg: 24,
|
|
xl: 32,
|
|
},
|
|
borderRadius: {
|
|
sm: 8,
|
|
md: 12,
|
|
lg: 18,
|
|
xl: 24,
|
|
},
|
|
typography: {
|
|
hero: { fontSize: 54, fontWeight: '700' } as TextStyle,
|
|
h1: { fontSize: 28, fontWeight: '700' } as TextStyle,
|
|
h2: { fontSize: 24, fontWeight: '700' } as TextStyle,
|
|
h3: { fontSize: 20, fontWeight: '600' } as TextStyle,
|
|
body: { fontSize: 16, fontWeight: '400' } as TextStyle,
|
|
bodyLarge: { fontSize: 18, fontWeight: '500' } as TextStyle,
|
|
bodySmall: { fontSize: 14, fontWeight: '400' } as TextStyle,
|
|
caption: { fontSize: 12, fontWeight: '400' } as TextStyle,
|
|
},
|
|
};
|