60 lines
1.1 KiB
TypeScript
60 lines
1.1 KiB
TypeScript
import { useColorScheme } from 'react-native';
|
|
|
|
export const lightColors = {
|
|
background: '#FFFFFF',
|
|
text: '#1C1C1C',
|
|
textSecondary: '#666666',
|
|
primary: '#05824C',
|
|
border: '#E8E8E8',
|
|
placeholder: '#9E9E9E',
|
|
white: '#FFFFFF',
|
|
black: '#000000',
|
|
error: '#D32F2F',
|
|
transparent: 'transparent',
|
|
inputBg: '#FAFAFA',
|
|
cardBg: '#FFFFFF',
|
|
};
|
|
|
|
export const darkColors = {
|
|
background: '#121212',
|
|
text: '#FFFFFF',
|
|
textSecondary: '#A0A0A0',
|
|
primary: '#05824C',
|
|
border: '#2C2C2C',
|
|
placeholder: '#707070',
|
|
white: '#FFFFFF',
|
|
black: '#000000',
|
|
error: '#CF6679',
|
|
transparent: 'transparent',
|
|
inputBg: '#1E1E1E',
|
|
cardBg: '#1E1E1E',
|
|
};
|
|
|
|
export const colors = lightColors;
|
|
|
|
export function useAppTheme() {
|
|
const isDarkMode = useColorScheme() === 'dark';
|
|
const themeColors = isDarkMode ? darkColors : lightColors;
|
|
return {
|
|
colors: themeColors,
|
|
isDarkMode,
|
|
};
|
|
}
|
|
|
|
export const typography = {
|
|
fontSize: {
|
|
xs: 12,
|
|
sm: 14,
|
|
md: 16,
|
|
lg: 18,
|
|
xl: 20,
|
|
xxl: 28,
|
|
},
|
|
fontWeight: {
|
|
regular: '400' as const,
|
|
medium: '500' as const,
|
|
semibold: '600' as const,
|
|
bold: '700' as const,
|
|
},
|
|
};
|