color.ts
1.8 KB
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
46
47
48
import { DynamicValue } from 'react-native-dark-mode';
export const labelColor = {
primary: new DynamicValue('#000000', '#FFFFFF'),
secondary: new DynamicValue('#3C3C4399', '#EBEBF599'),
tertiary: new DynamicValue('#3C3C434D', '#EBEBF54D'),
quaternary: new DynamicValue('#3C3C432E', '#EBEBF52E'),
};
export const placeholderColor = new DynamicValue('#3C3C434D', '#EBEBF54D');
export const linkColor = new DynamicValue('#007AFF', '#0984FF');
export const separator = {
opaque: new DynamicValue('#C6C6C8', '#38383A'),
translucent: new DynamicValue('#3C3C434A', '#54545899'),
};
export const fillColor = {
primary: new DynamicValue('#78788033', '#7878805C'),
secondary: new DynamicValue('#78788029', '#78788052'),
tertiary: new DynamicValue('#7676801F', '#7676803D'),
quaternary: new DynamicValue('#74748014', '#7676802E'),
};
export const backgroundColor = {
primary: new DynamicValue('#FFFFFF', '#000000'),
secondary: new DynamicValue('#F2F2F7', '#1C1C1E'),
tertiary: new DynamicValue('#FFFFFF', '#2C2C2E'),
};
export const groupedBackgroundColor = {
primary: new DynamicValue('#F2F2F7', '#000000'),
secondary: new DynamicValue('#FFFFFF', '#1C1C1E'),
tertiary: new DynamicValue('#F2F2F7', '#2C2C2E'),
};
export const rainbow = {
blue: new DynamicValue('rgb(0,122,255)', 'rgb(10,132,255)'),
green: new DynamicValue('rgb(52,199,89)', 'rgb(48,209,88)'),
indigo: new DynamicValue('rgb(88,86,214)', 'rgb(94,92,230)'),
orange: new DynamicValue('rgb(255,149,0)', 'rgb(255,159,10)'),
pink: new DynamicValue('rgb(255,45,85)', 'rgb(255,55,95)'),
purple: new DynamicValue('rgb(175,82,222)', 'rgb(191,90,242)'),
red: new DynamicValue('rgb(255,59,48)', 'rgb(255,69,58)'),
teal: new DynamicValue('rgb(90,200,250)', 'rgb(100,210,255)'),
yellow: new DynamicValue('rgb(255,204,0)', 'rgb(255,214,10)'),
};