-
Notifications
You must be signed in to change notification settings - Fork 32
/
themes.ts
54 lines (51 loc) · 883 Bytes
/
themes.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
export type themeType =
| 'primary'
| 'secondary'
| 'danger'
| 'warning'
| 'success'
| 'info'
| 'light';
export interface ThemeValues {
bgColor: string;
hover: string;
color: string;
}
export type Theme = Record<themeType, ThemeValues>;
export const theme: Theme = {
primary: {
bgColor: '#1F51FF',
hover: '#1d47db',
color: '#ffffff'
},
secondary: {
bgColor: '#35212A',
hover: '#2b1b22',
color: '#ffffff'
},
danger: {
bgColor: '#FF0075',
hover: '#de0066',
color: '#ffffff'
},
warning: {
bgColor: '#f08e0a',
hover: '#e08509',
color: '#ffffff'
},
success: {
bgColor: '#00bf87',
hover: '#02a676',
color: '#ffffff'
},
info: {
bgColor: '#24c4e0',
hover: '#22b9d4',
color: '#ffffff'
},
light: {
bgColor: '#f2f2f2',
hover: '#ebebeb',
color: '#000000'
}
};