-
Notifications
You must be signed in to change notification settings - Fork 0
/
Colors.ts
45 lines (42 loc) · 1.08 KB
/
Colors.ts
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
/**
* 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.
*/
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 ColorPalette = {
primary: '#20AB6E',
lime: '#D7FFD4',
pink: '#F655FF',
brown: '#29271D',
sky: '#E5EDFF',
teal: '#0E4D45',
yellow: '#FCBB80',
orange: '#EF580B',
blue: '#0000FA',
green: '#172E15',
light: '#FFFCFF',
grey: '#242026',
greyLight: '#B8B3BA',
input: '#EEE9F0',
selected: '#F7F2F9',
dark: '#2F2D32',
}