You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
53 lines
1.6 KiB
53 lines
1.6 KiB
/** |
|
* 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 = '#0a7ea4'; |
|
const tintColorDark = '#fff'; |
|
|
|
export const Colors = { |
|
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", |
|
}, |
|
});
|
|
|