-
-
Notifications
You must be signed in to change notification settings - Fork 116
/
theme.js
64 lines (63 loc) 路 1.16 KB
/
theme.js
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
export const theme = {
colors: {
white: '#fff',
black: '#000',
'gray-25': '#090909',
'gray-50': '#151515',
'gray-100': '#242424',
'gray-200': '#333',
'gray-300': '#959595',
'gray-400': '#b0b0b0',
'gray-500': '#eee',
'accent-100': '#ed553b',
'accent-200': '#0894a1',
'accent-300': '#8c76ff',
'accent-400': '#30a5b0',
'accent-500': '#f17964',
error: 'tomato'
},
sizes: {
100: '0.125em',
200: '0.25em',
300: '0.5em',
400: '1em',
500: '2em',
600: '3em',
700: '4em'
},
fontSizes: {
100: '0.75em',
200: '1em',
300: '1.25em',
400: '1.75em',
500: '2.5em',
600: '3.5em'
},
widthSmall: '766px',
maxWidth: '1024px'
};
export const props = [
'as',
'bg',
'border',
'size',
'centered',
'horizontal',
'reactive',
'flex',
'full',
'onTop',
'rounded',
'max',
'secondary',
'faded',
'accent',
'bold',
'color',
'mono',
'spaced',
'superSpaced',
'ph',
'pl',
'pr'
];