forked from binary-com/deriv-components
-
Notifications
You must be signed in to change notification settings - Fork 0
/
colors.ts
78 lines (71 loc) · 4.6 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
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
import TOKEN from './src/styles/design-token.json';
export const colors = {
// Coral
coral100: TOKEN.General.colors.brand.coral.shade.coral100.value,
coral200: TOKEN.General.colors.brand.coral.shade.coral200.value,
coral300: TOKEN.General.colors.brand.coral.shade.coral300.value,
coral400: TOKEN.General.colors.brand.coral.shade.coral400.value,
coral500: TOKEN.General.colors.brand.coral.shade.coral500.value,
coral600: TOKEN.General.colors.brand.coral.shade.coral600.value,
coral700: TOKEN.General.colors.brand.coral.shade.coral700.value,
coral500_8: TOKEN.General.colors.brand.coral.alpha['coral500-8'].value,
coral500_16: TOKEN.General.colors.brand.coral.alpha['coral500-16'].value,
coral500_24: TOKEN.General.colors.brand.coral.alpha['coral500-24'].value,
// Orange
orange100: TOKEN.General.colors.brand.orange.shade.orange100.value,
orange200: TOKEN.General.colors.brand.orange.shade.orange200.value,
orange300: TOKEN.General.colors.brand.orange.shade.orange300.value,
orange400: TOKEN.General.colors.brand.orange.shade.orange400.value,
orange500: TOKEN.General.colors.brand.orange.shade.orange500.value,
orange600: TOKEN.General.colors.brand.orange.shade.orange600.value,
orange700: TOKEN.General.colors.brand.orange.shade.orange700.value,
orange500_8: TOKEN.General.colors.brand.orange.alpha['orange500-8'].value,
orange500_16: TOKEN.General.colors.brand.orange.alpha['orange500-16'].value,
// TODO: update value once typo has been fixed from JSON file
orange500_24: TOKEN.General.colors.brand.orange.alpha['oragne500-24'].value,
// Blue
blue100: TOKEN.General.colors.brand.blue.shade.blue100.value,
blue200: TOKEN.General.colors.brand.blue.shade.blue200.value,
blue300: TOKEN.General.colors.brand.blue.shade.blue300.value,
blue400: TOKEN.General.colors.brand.blue.shade.blue400.value,
blue500: TOKEN.General.colors.brand.blue.shade.blue500.value,
blue600: TOKEN.General.colors.brand.blue.shade.blue600.value,
blue700: TOKEN.General.colors.brand.blue.shade.blue700.value,
blue500_8: TOKEN.General.colors.brand.blue.alpha['blue500-8'].value,
blue500_16: TOKEN.General.colors.brand.blue.alpha['blue500-16'].value,
blue500_24: TOKEN.General.colors.brand.blue.alpha['blue500-24'].value,
// Night
night500: TOKEN.General.colors.brand.night.shade.night500.value,
night500_8: TOKEN.General.colors.brand.night.alpha['night500-8'].value,
night500_16: TOKEN.General.colors.brand.night.alpha['night500-16'].value,
night500_24: TOKEN.General.colors.brand.night.alpha['night500-24'].value,
// GreyLight
greyLight100: TOKEN.General.colors.theme.greylight.shade.greylight100.value,
greyLight200: TOKEN.General.colors.theme.greylight.shade.greylight200.value,
greyLight300: TOKEN.General.colors.theme.greylight.shade.greylight300.value,
greyLight400: TOKEN.General.colors.theme.greylight.shade.greylight400.value,
greyLight500: TOKEN.General.colors.theme.greylight.shade.greylight500.value,
greyLight600: TOKEN.General.colors.theme.greylight.shade.greylight600.value,
greyLight700: TOKEN.General.colors.theme.greylight.shade.greylight700.value,
greyLight700_8: TOKEN.General.colors.theme.greylight.alpha['greylight700-8'].value,
// GreyDark
greyDark100: TOKEN.General.colors.theme.greydark.shade.greydark100.value,
greyDark200: TOKEN.General.colors.theme.greydark.shade.greydark200.value,
greyDark300: TOKEN.General.colors.theme.greydark.shade.greydark300.value,
greyDark400: TOKEN.General.colors.theme.greydark.shade.greydark400.value,
greyDark500: TOKEN.General.colors.theme.greydark.shade.greydark500.value,
greyDark600: TOKEN.General.colors.theme.greydark.shade.greydark600.value,
greyDark700: TOKEN.General.colors.theme.greydark.shade.greydark700.value,
greyDark800: TOKEN.General.colors.theme.greydark.shade.greydark800.value,
greyDark800_8: TOKEN.General.colors.theme.greydark.alpha['greydark800-8'].value,
greyDark800_16: TOKEN.General.colors.theme.greydark.alpha['greydark800-16'].value,
// Status Colors
blueLight: TOKEN.General.colors.status.blue['blue-light'].value,
blueDark: TOKEN.General.colors.status.blue['blue-dark'].value,
greenLight: TOKEN.General.colors.status.green['green-light'].value,
greenDark: TOKEN.General.colors.status.green['green-dark'].value,
redLight: TOKEN.General.colors.status.red['red-light'].value,
redDark: TOKEN.General.colors.status.red['red-dark'].value,
yellowLight: TOKEN.General.colors.status.yellow['yellow-light'].value,
yellowDark: TOKEN.General.colors.status.yellow['yellow-dark'].value,
};