UNPKG

1.25 kBJavaScriptView Raw
1const theme = {
2 // colors
3 brandLightest: '#f6eef6',
4 brandLight: '#a329a3',
5 brandBase: '#8c238c',
6 brandDark: '#5c1d61',
7
8 whiteBase: '#ffffff',
9 whiteDarker: '#fafafa',
10
11 grayLightest: '#f7f8f9',
12 grayLighter: '#eef1f2',
13 grayLight: '#d3dbdf',
14 grayBase: '#99abb3',
15 grayDark: '#617983',
16 grayDarker: '#415158',
17 grayDarkest: '#20292b',
18
19 activeLightest: '#e0fcff',
20 activeLight: '#00c9e0',
21 activeBase: '#00B0C5',
22
23 successLightest: '#d3f0e1',
24 successLight: '#27CC76',
25 successBase: '#21b468',
26
27 warningLightest: '#ffefd6',
28 warningLight: '#FFB642',
29 warningBase: '#ff9d00',
30
31 dangerLightest: '#f8d3cc',
32 dangerLight: '#F24625',
33 dangerBase: '#da2300',
34
35 attentionBase: '#ff4b1a',
36
37 linkLight: '#0087e3',
38 linkBase: '#0075c3',
39
40 // padding
41 paddingSmall: '4px',
42 paddingMedium: '8px',
43 paddingLarge: '12px',
44
45 // fonts
46 fontFamily: 'caption',
47 fontWeight: 300,
48 fontWeightBold: 500,
49 fontLineHeight: 1.4,
50 fontLineHeightHeadline: 1.625,
51
52 fontSmall: '0.7857142857rem',
53 fontMedium: '14px',
54 fontLarge: '1.2857142857rem',
55 fontHuge: '1.8571428571rem',
56
57 fontSizeEditor: '1.1428571429rem',
58 fontSizeEditorHeadline: '1.8571428571rem',
59 fontSizeEditorSubHeadline: '1.5rem',
60};
61
62export default theme;