yangxiangyuan
43 lines
961 B
TypeScript
43 lines
961 B
TypeScript
import { TextStyle } from 'react-native';
|
|
|
|
interface Typography {
|
|
[key: string]: TextStyle;
|
|
}
|
|
|
|
export const theme = {
|
|
colors: {
|
|
background: '#0a0a14',
|
|
surface: '#161624',
|
|
surfaceVariant: '#1e1e30',
|
|
primary: '#e8b86d',
|
|
primaryVariant: '#d4a45c',
|
|
text: '#ffffff',
|
|
textSecondary: '#9999aa',
|
|
border: '#2a2a40',
|
|
success: '#4ade80',
|
|
warning: '#fbbf24',
|
|
error: '#ef4444',
|
|
},
|
|
spacing: {
|
|
xs: 4,
|
|
sm: 8,
|
|
md: 16,
|
|
lg: 24,
|
|
xl: 32,
|
|
},
|
|
borderRadius: {
|
|
sm: 8,
|
|
md: 12,
|
|
lg: 16,
|
|
xl: 24,
|
|
},
|
|
typography: {
|
|
h1: { fontSize: 28, fontWeight: 'bold' } as TextStyle,
|
|
h2: { fontSize: 24, fontWeight: 'bold' } as TextStyle,
|
|
h3: { fontSize: 20, fontWeight: '600' } as TextStyle,
|
|
body: { fontSize: 16, fontWeight: 'normal' } as TextStyle,
|
|
bodySmall: { fontSize: 14, fontWeight: 'normal' } as TextStyle,
|
|
caption: { fontSize: 12, fontWeight: 'normal' } as TextStyle,
|
|
},
|
|
};
|