feat: add theme constants
- Add COLORS for income, expense, background, etc. - Add FONTS for regular, small, large sizes
This commit is contained in:
parent
62cd085b25
commit
5de3a82e56
@ -1,53 +1,17 @@
|
|||||||
/**
|
export const COLORS = {
|
||||||
* Below are the colors that are used in the app. The colors are defined in the light and dark mode.
|
income: '#4CAF50',
|
||||||
* There are many other ways to style your app. For example, [Nativewind](https://www.nativewind.dev/), [Tamagui](https://tamagui.dev/), [unistyles](https://reactnativeunistyles.vercel.app), etc.
|
expense: '#F44336',
|
||||||
*/
|
background: '#F5F5F5',
|
||||||
|
card: '#FFFFFF',
|
||||||
|
text: '#333333',
|
||||||
|
textSecondary: '#666666',
|
||||||
|
border: '#E0E0E0',
|
||||||
|
primary: '#2196F3',
|
||||||
|
} as const;
|
||||||
|
|
||||||
import { Platform } from 'react-native';
|
export const FONTS = {
|
||||||
|
regular: 16,
|
||||||
const tintColorLight = '#0a7ea4';
|
small: 14,
|
||||||
const tintColorDark = '#fff';
|
large: 24,
|
||||||
|
xlarge: 32,
|
||||||
export const Colors = {
|
} as const;
|
||||||
light: {
|
|
||||||
text: '#11181C',
|
|
||||||
background: '#fff',
|
|
||||||
tint: tintColorLight,
|
|
||||||
icon: '#687076',
|
|
||||||
tabIconDefault: '#687076',
|
|
||||||
tabIconSelected: tintColorLight,
|
|
||||||
},
|
|
||||||
dark: {
|
|
||||||
text: '#ECEDEE',
|
|
||||||
background: '#151718',
|
|
||||||
tint: tintColorDark,
|
|
||||||
icon: '#9BA1A6',
|
|
||||||
tabIconDefault: '#9BA1A6',
|
|
||||||
tabIconSelected: tintColorDark,
|
|
||||||
},
|
|
||||||
};
|
|
||||||
|
|
||||||
export const Fonts = Platform.select({
|
|
||||||
ios: {
|
|
||||||
/** iOS `UIFontDescriptorSystemDesignDefault` */
|
|
||||||
sans: 'system-ui',
|
|
||||||
/** iOS `UIFontDescriptorSystemDesignSerif` */
|
|
||||||
serif: 'ui-serif',
|
|
||||||
/** iOS `UIFontDescriptorSystemDesignRounded` */
|
|
||||||
rounded: 'ui-rounded',
|
|
||||||
/** iOS `UIFontDescriptorSystemDesignMonospaced` */
|
|
||||||
mono: 'ui-monospace',
|
|
||||||
},
|
|
||||||
default: {
|
|
||||||
sans: 'normal',
|
|
||||||
serif: 'serif',
|
|
||||||
rounded: 'normal',
|
|
||||||
mono: 'monospace',
|
|
||||||
},
|
|
||||||
web: {
|
|
||||||
sans: "system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif",
|
|
||||||
serif: "Georgia, 'Times New Roman', serif",
|
|
||||||
rounded: "'SF Pro Rounded', 'Hiragino Maru Gothic ProN', Meiryo, 'MS PGothic', sans-serif",
|
|
||||||
mono: "SFMono-Regular, Menlo, Monaco, Consolas, 'Liberation Mono', 'Courier New', monospace",
|
|
||||||
},
|
|
||||||
});
|
|
||||||
Loading…
Reference in New Issue
Block a user