UNPKG

1.64 kBJavaScriptView Raw
1import { StyleSheet } from 'react-native';
2const colors = {
3 primary: '#2089dc',
4 secondary: '#ca71eb',
5 white: '#ffffff',
6 black: '#242424',
7 grey0: '#393e42',
8 grey1: '#43484d',
9 grey2: '#5e6977',
10 grey3: '#86939e',
11 grey4: '#bdc6cf',
12 grey5: '#e1e8ee',
13 greyOutline: '#bbb',
14 searchBg: '#303337',
15 success: '#52c41a',
16 error: '#ff190c',
17 warning: '#faad14',
18 disabled: 'hsl(208, 8%, 90%)',
19 // Darker color if hairlineWidth is not thin enough
20 divider: StyleSheet.hairlineWidth < 1 ? '#bcbbc1' : 'rgba(0, 0, 0, 0.12)',
21 platform: {
22 ios: {
23 primary: '#007aff',
24 secondary: '#5856d6',
25 grey: '#7d7d7d',
26 searchBg: '#dcdce1',
27 success: '#4cd964',
28 error: '#ff3b30',
29 warning: '#ffcc00',
30 },
31 android: {
32 primary: '#2196f3',
33 secondary: '#9C27B0',
34 grey: 'rgba(0, 0, 0, 0.54)',
35 searchBg: '#dcdce1',
36 success: '#4caf50',
37 error: '#f44336',
38 warning: '#ffeb3b',
39 },
40 web: {
41 primary: '#2089dc',
42 secondary: '#ca71eb',
43 grey: '#393e42',
44 searchBg: '#303337',
45 success: '#52c41a',
46 error: '#ff190c',
47 warning: '#faad14',
48 },
49 default: {
50 primary: '#007aff',
51 secondary: '#5856d6',
52 grey: '#7d7d7d',
53 searchBg: '#dcdce1',
54 success: '#4cd964',
55 error: '#ff3b30',
56 warning: '#ffcc00',
57 },
58 },
59};
60export default colors;