theme.js
4.17 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
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
export const staticPrimaryColor = '#8C57FF'
export const staticPrimaryDarkenColor = '#7E4EE6'
export const themes = {
light: {
dark: false,
colors: {
'primary': staticPrimaryColor,
'on-primary': '#fff',
'primary-darken-1': '#7E4EE6',
'secondary': '#8A8D93',
'secondary-darken-1': '#7C7F84',
'on-secondary': '#fff',
'success': '#56CA00',
'success-darken-1': '#4DB600',
'on-success': '#fff',
'info': '#16B1FF',
'info-darken-1': '#149FE6',
'on-info': '#fff',
'warning': '#FFB400',
'warning-darken-1': '#E6A200',
'on-warning': '#fff',
'error': '#FF4C51',
'error-darken-1': '#E64449',
'on-error': '#fff',
'background': '#f4f5fa',
'on-background': '#2E263D',
'surface': '#fff',
'on-surface': '#2E263D',
'grey-50': '#FAFAFA',
'grey-100': '#F5F5F5',
'grey-200': '#EEEEEE',
'grey-300': '#E0E0E0',
'grey-400': '#BDBDBD',
'grey-500': '#9E9E9E',
'grey-600': '#757575',
'grey-700': '#616161',
'grey-800': '#424242',
'grey-900': '#212121',
'perfect-scrollbar-thumb': '#dbdade',
'skin-bordered-background': '#fff',
'skin-bordered-surface': '#fff',
'expansion-panel-text-custom-bg': '#fafafa',
'track-bg': '#F0F2F8',
'chat-bg': '#F7F6FA',
},
variables: {
'code-color': '#d400ff',
'overlay-scrim-background': '#2E263D',
'tooltip-background': '#1A0E33',
'overlay-scrim-opacity': 0.5,
'hover-opacity': 0.04,
'focus-opacity': 0.1,
'selected-opacity': 0.08,
'activated-opacity': 0.16,
'pressed-opacity': 0.14,
'dragged-opacity': 0.1,
'disabled-opacity': 0.4,
'border-color': '#2E263D',
'border-opacity': 0.12,
'table-header-color': '#F6F7FB',
'high-emphasis-opacity': 0.9,
'medium-emphasis-opacity': 0.7,
// 👉 shadows
'shadow-key-umbra-color': '#2E263D',
'shadow-xs-opacity': '0.16',
'shadow-sm-opacity': '0.18',
'shadow-md-opacity': '0.20',
'shadow-lg-opacity': '0.22',
'shadow-xl-opacity': '0.24',
},
},
dark: {
dark: true,
colors: {
'primary': staticPrimaryColor,
'on-primary': '#fff',
'primary-darken-1': '#7E4EE6',
'secondary': '#8A8D93',
'secondary-darken-1': '#7C7F84',
'on-secondary': '#fff',
'success': '#56CA00',
'success-darken-1': '#4DB600',
'on-success': '#fff',
'info': '#16B1FF',
'info-darken-1': '#149FE6',
'on-info': '#fff',
'warning': '#FFB400',
'warning-darken-1': '#E6A200',
'on-warning': '#fff',
'error': '#FF4C51',
'error-darken-1': '#E64449',
'on-error': '#fff',
'background': '#28243D',
'on-background': '#E7E3FC',
'surface': '#312d4b',
'on-surface': '#E7E3FC',
'grey-50': '#2A2E42',
'grey-100': '#2F3349',
'grey-200': '#4A5072',
'grey-300': '#5E6692',
'grey-400': '#7983BB',
'grey-500': '#8692D0',
'grey-600': '#AAB3DE',
'grey-700': '#B6BEE3',
'grey-800': '#CFD3EC',
'grey-900': '#E7E9F6',
'perfect-scrollbar-thumb': '#4a5072',
'skin-bordered-background': '#312d4b',
'skin-bordered-surface': '#312d4b',
'expansion-panel-text-custom-bg': '#373350',
'track-bg': '#474360',
'chat-bg': '#373452',
},
variables: {
'code-color': '#d400ff',
'overlay-scrim-background': '#312D4B',
'tooltip-background': '#F7F4FF',
'overlay-scrim-opacity': 0.5,
'hover-opacity': 0.04,
'focus-opacity': 0.1,
'selected-opacity': 0.08,
'activated-opacity': 0.16,
'pressed-opacity': 0.14,
'disabled-opacity': 0.4,
'dragged-opacity': 0.1,
'border-color': '#E7E3FC',
'border-opacity': 0.12,
'table-header-color': '#3D3759',
'high-emphasis-opacity': 0.9,
'medium-emphasis-opacity': 0.7,
// 👉 Shadows
'shadow-key-umbra-color': '#131120',
'shadow-xs-opacity': '0.20',
'shadow-sm-opacity': '0.22',
'shadow-md-opacity': '0.24',
'shadow-lg-opacity': '0.26',
'shadow-xl-opacity': '0.28',
},
},
}
export default themes