theme.js
2.2 KB
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
79
80
81
export const staticPrimaryColor = '#FFDD00' // Kuning cerah
export const staticPrimaryDarkenColor = '#F2C949' // Kuning gelap
export const themes = {
light: {
dark: false,
colors: {
'primary': staticPrimaryColor,
'on-primary': '#000',
'primary-darken-1': staticPrimaryDarkenColor,
'secondary': '#B0B0B0',
'secondary-darken-1': '#8E8E8E',
'on-secondary': '#000',
'success': '#A6A600',
'success-darken-1': '#8C8C00',
'on-success': '#000',
'info': '#E6E6E6',
'info-darken-1': '#CCCCCC',
'on-info': '#000',
'warning': '#FFD700',
'warning-darken-1': '#E6C200',
'on-warning': '#000',
'error': '#FFAA00',
'error-darken-1': '#E69900',
'on-error': '#000',
'background': '#FAFAFA',
'on-background': '#1C1C1C',
'surface': '#FFFFFF',
'on-surface': '#1C1C1C',
'grey-50': '#F7F7F7',
'grey-100': '#EAEAEA',
'grey-200': '#D1D1D1',
'grey-300': '#B8B8B8',
'grey-400': '#9F9F9F',
'grey-500': '#868686',
'grey-600': '#6E6E6E',
'grey-700': '#575757',
'grey-800': '#404040',
'grey-900': '#292929',
},
},
dark: {
dark: true,
colors: {
'primary': staticPrimaryColor,
'on-primary': '#000',
'primary-darken-1': staticPrimaryDarkenColor,
'secondary': '#5A5A5A',
'secondary-darken-1': '#3F3F3F',
'on-secondary': '#FFF',
'success': '#A6A600',
'success-darken-1': '#8C8C00',
'on-success': '#FFF',
'info': '#D1D1D1',
'info-darken-1': '#B8B8B8',
'on-info': '#FFF',
'warning': '#FFD700',
'warning-darken-1': '#E6C200',
'on-warning': '#FFF',
'error': '#FFAA00',
'error-darken-1': '#E69900',
'on-error': '#FFF',
'background': '#1C1C1C',
'on-background': '#EAEAEA',
'surface': '#292929',
'on-surface': '#EAEAEA',
'grey-50': '#262626',
'grey-100': '#303030',
'grey-200': '#3D3D3D',
'grey-300': '#525252',
'grey-400': '#666666',
'grey-500': '#7A7A7A',
'grey-600': '#8F8F8F',
'grey-700': '#A3A3A3',
'grey-800': '#B8B8B8',
'grey-900': '#D1D1D1',
},
},
}
export default themes;