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
|
import { defineThemes } from '../theme/theme.models';
import { appThemes } from '../theme/themes';
const sizes = {
small: {
height: '28px',
fontSize: '12px',
},
medium: {
height: '34px',
fontSize: '14px',
},
large: {
height: '40px',
fontSize: '16px',
},
};
export const { useTheme } = defineThemes({
dark: {
sizes,
backgroundColor: '#333333',
borderColor: '#333333',
dropdownShadow: 'rgba(0, 0, 0, 0.2) 0px 8px 24px',
option: {
hover: {
backgroundColor: '#444444',
},
active: {
textColor: appThemes.dark.primary.color,
},
},
focus: {
backgroundColor: '#1ea54c1a',
},
},
light: {
sizes,
backgroundColor: '#ffffff',
borderColor: '#e0e0e69e',
dropdownShadow: 'rgba(149, 157, 165, 0.2) 0px 8px 24px',
option: {
hover: {
backgroundColor: '#eee',
},
active: {
textColor: appThemes.light.primary.color,
},
},
focus: {
backgroundColor: '#ffffff',
},
},
});
|
