yangxiangyuan
47 lines
1.1 KiB
TypeScript
47 lines
1.1 KiB
TypeScript
import { TextStyle, ViewStyle } from 'react-native';
|
|
|
|
interface Typography {
|
|
[key: string]: TextStyle;
|
|
}
|
|
|
|
export const theme = {
|
|
colors: {
|
|
background: '#060612',
|
|
backgroundMid: '#0a0a1e',
|
|
surface: 'rgba(255,255,255,0.06)',
|
|
surface2: 'rgba(255,255,255,0.10)',
|
|
border: 'rgba(255,255,255,0.08)',
|
|
primary: '#e8b86d',
|
|
primaryDim: '#a07840',
|
|
primaryGlow: 'rgba(232,184,109,0.15)',
|
|
primarySoft: 'rgba(232,184,109,0.08)',
|
|
text: '#e8e6f0',
|
|
textSecondary: '#7a7890',
|
|
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: 20,
|
|
xxl: 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,
|
|
},
|
|
};
|