this repo has no description
rubengrimm.dev
1/**
2 * Below are the colors that are used in the app. The colors are defined in the light and dark mode.
3 * 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.
4 */
5
6import { Platform } from 'react-native';
7
8const tintColorLight = '#0a7ea4';
9const tintColorDark = '#fff';
10
11export const Colors = {
12 light: {
13 text: '#11181C',
14 background: '#fff',
15 tint: tintColorLight,
16 icon: '#687076',
17 tabIconDefault: '#687076',
18 tabIconSelected: tintColorLight,
19 },
20 dark: {
21 text: '#ECEDEE',
22 background: '#151718',
23 tint: tintColorDark,
24 icon: '#9BA1A6',
25 tabIconDefault: '#9BA1A6',
26 tabIconSelected: tintColorDark,
27 },
28};
29
30export const Fonts = Platform.select({
31 ios: {
32 /** iOS `UIFontDescriptorSystemDesignDefault` */
33 sans: 'system-ui',
34 /** iOS `UIFontDescriptorSystemDesignSerif` */
35 serif: 'ui-serif',
36 /** iOS `UIFontDescriptorSystemDesignRounded` */
37 rounded: 'ui-rounded',
38 /** iOS `UIFontDescriptorSystemDesignMonospaced` */
39 mono: 'ui-monospace',
40 },
41 default: {
42 sans: 'normal',
43 serif: 'serif',
44 rounded: 'normal',
45 mono: 'monospace',
46 },
47 web: {
48 sans: "system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif",
49 serif: "Georgia, 'Times New Roman', serif",
50 rounded: "'SF Pro Rounded', 'Hiragino Maru Gothic ProN', Meiryo, 'MS PGothic', sans-serif",
51 mono: "SFMono-Regular, Menlo, Monaco, Consolas, 'Liberation Mono', 'Courier New', monospace",
52 },
53});