60 lines
1.8 KiB
TypeScript
60 lines
1.8 KiB
TypeScript
/**
|
|
* Below are the colors that are used in the app. The colors are defined in the light and dark mode.
|
|
* 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.
|
|
*/
|
|
|
|
import { Platform } from 'react-native';
|
|
|
|
const tintColorLight = '#635bff';
|
|
const tintColorDark = '#fff';
|
|
|
|
export const Colors = {
|
|
light: {
|
|
text: '#0a2540',
|
|
textSecondary: '#425466',
|
|
background: '#f6f9fc',
|
|
tint: tintColorLight,
|
|
icon: '#8898aa',
|
|
tabIconDefault: '#8898aa',
|
|
tabIconSelected: tintColorLight,
|
|
card: '#ffffff',
|
|
border: '#e6ebf1',
|
|
},
|
|
dark: {
|
|
text: '#ECEDEE',
|
|
textSecondary: '#9BA1A6',
|
|
background: '#151718',
|
|
tint: tintColorDark,
|
|
icon: '#9BA1A6',
|
|
tabIconDefault: '#9BA1A6',
|
|
tabIconSelected: tintColorDark,
|
|
card: '#232526', // Fallback for dark mode
|
|
border: '#333333',
|
|
},
|
|
};
|
|
|
|
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",
|
|
},
|
|
});
|