@semi-bot/semi-theme-slh 1.0.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -0,0 +1,56 @@
1
+ @mixin font-size-header-1 {
2
+ font-size: 16px;
3
+ font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI','PingFang SC', 'Hiragino Sans GB', 'Microsoft YaHei', 'Helvetica Neue',Helvetica, Arial, sans-serif;
4
+ line-height: 44px;
5
+
6
+
7
+ }
8
+ @mixin font-size-header-2 {
9
+ font-size: 28px;
10
+ font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI','PingFang SC', 'Hiragino Sans GB', 'Microsoft YaHei', 'Helvetica Neue',Helvetica, Arial, sans-serif;
11
+ line-height: 40px;
12
+
13
+
14
+ }
15
+ @mixin font-size-header-3 {
16
+ font-size: 24px;
17
+ font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI','PingFang SC', 'Hiragino Sans GB', 'Microsoft YaHei', 'Helvetica Neue',Helvetica, Arial, sans-serif;
18
+ line-height: 32px;
19
+
20
+
21
+ }
22
+ @mixin font-size-header-4 {
23
+ font-size: 20px;
24
+ font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI','PingFang SC', 'Hiragino Sans GB', 'Microsoft YaHei', 'Helvetica Neue',Helvetica, Arial, sans-serif;
25
+ line-height: 28px;
26
+
27
+
28
+ }
29
+ @mixin font-size-header-5 {
30
+ font-size: 18px;
31
+ font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI','PingFang SC', 'Hiragino Sans GB', 'Microsoft YaHei', 'Helvetica Neue',Helvetica, Arial, sans-serif;
32
+ line-height: 24px;
33
+
34
+
35
+ }
36
+ @mixin font-size-header-6 {
37
+ font-size: 16px;
38
+ font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI','PingFang SC', 'Hiragino Sans GB', 'Microsoft YaHei', 'Helvetica Neue',Helvetica, Arial, sans-serif;
39
+ line-height: 22px;
40
+
41
+
42
+ }
43
+ @mixin font-size-small {
44
+ font-size: 12px;
45
+ font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI','PingFang SC', 'Hiragino Sans GB', 'Microsoft YaHei', 'Helvetica Neue',Helvetica, Arial, sans-serif;
46
+ line-height: 16px;
47
+
48
+
49
+ }
50
+ @mixin font-size-regular {
51
+ font-size: 14px;
52
+ font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI','PingFang SC', 'Hiragino Sans GB', 'Microsoft YaHei', 'Helvetica Neue',Helvetica, Arial, sans-serif;
53
+ line-height: 20px;
54
+
55
+
56
+ }
@@ -0,0 +1,372 @@
1
+ body, body[theme-mode="dark"] .semi-always-light, :host, :host .semi-always-light {
2
+ --semi-black: 0,0,0;
3
+ --semi-red-0: 255,241,238;
4
+ --semi-red-1: 255,219,210;
5
+ --semi-red-2: 254,179,165;
6
+ --semi-red-3: 254,137,121;
7
+ --semi-red-4: 253,93,76;
8
+ --semi-red-5: 253,45,32;
9
+ --semi-red-6: 217,26,21;
10
+ --semi-red-7: 182,12,13;
11
+ --semi-red-8: 146,5,11;
12
+ --semi-red-9: 110,1,9;
13
+ --semi-white: 255,255,255;
14
+ --semi-blue-0: 235,246,255;
15
+ --semi-blue-1: 204,233,255;
16
+ --semi-blue-2: 153,208,255;
17
+ --semi-blue-3: 102,183,254;
18
+ --semi-blue-4: 51,155,254;
19
+ --semi-blue-5: 0,126,254;
20
+ --semi-blue-6: 0,105,218;
21
+ --semi-blue-7: 0,84,183;
22
+ --semi-blue-8: 0,66,147;
23
+ --semi-blue-9: 0,48,111;
24
+ --semi-cyan-0: 229,248,248;
25
+ --semi-cyan-1: 194,240,241;
26
+ --semi-cyan-2: 139,225,227;
27
+ --semi-cyan-3: 89,207,213;
28
+ --semi-cyan-4: 44,190,199;
29
+ --semi-cyan-5: 5,171,185;
30
+ --semi-cyan-6: 3,140,154;
31
+ --semi-cyan-7: 1,110,123;
32
+ --semi-cyan-8: 0,81,93;
33
+ --semi-cyan-9: 0,53,62;
34
+ --semi-grey-0: 249,249,249;
35
+ --semi-grey-1: 230,234,233;
36
+ --semi-grey-2: 198,205,202;
37
+ --semi-grey-3: 167,176,173;
38
+ --semi-grey-4: 136,146,143;
39
+ --semi-grey-5: 107,117,114;
40
+ --semi-grey-6: 88,98,95;
41
+ --semi-grey-7: 70,78,76;
42
+ --semi-grey-8: 52,59,57;
43
+ --semi-grey-9: 34,39,38;
44
+ --semi-lime-0: 244,251,231;
45
+ --semi-lime-1: 230,246,197;
46
+ --semi-lime-2: 209,238,143;
47
+ --semi-lime-3: 193,229,92;
48
+ --semi-lime-4: 180,221,44;
49
+ --semi-lime-5: 170,212,0;
50
+ --semi-lime-6: 139,177,0;
51
+ --semi-lime-7: 109,141,0;
52
+ --semi-lime-8: 80,106,0;
53
+ --semi-lime-9: 52,71,0;
54
+ --semi-name-0: 240,247,227;
55
+ --semi-name-1: 221,239,191;
56
+ --semi-name-2: 188,223,134;
57
+ --semi-name-3: 156,208,83;
58
+ --semi-name-4: 125,192,38;
59
+ --semi-name-5: 97,176,0;
60
+ --semi-name-6: 78,147,0;
61
+ --semi-name-7: 61,117,0;
62
+ --semi-name-8: 44,88,0;
63
+ --semi-name-9: 28,59,0;
64
+ --semi-pink-0: 253,236,241;
65
+ --semi-pink-1: 251,207,221;
66
+ --semi-pink-2: 248,161,191;
67
+ --semi-pink-3: 244,116,165;
68
+ --semi-pink-4: 241,72,142;
69
+ --semi-pink-5: 237,30,122;
70
+ --semi-pink-6: 201,19,106;
71
+ --semi-pink-7: 166,11,90;
72
+ --semi-pink-8: 130,5,73;
73
+ --semi-pink-9: 94,1,55;
74
+ --semi-teal-0: 228,247,242;
75
+ --semi-teal-1: 192,240,227;
76
+ --semi-teal-2: 135,225,202;
77
+ --semi-teal-3: 84,209,180;
78
+ --semi-teal-4: 39,194,160;
79
+ --semi-teal-5: 0,179,143;
80
+ --semi-teal-6: 0,149,122;
81
+ --semi-teal-7: 0,119,99;
82
+ --semi-teal-8: 0,90,76;
83
+ --semi-teal-9: 0,60,52;
84
+ --semi-amber-0: 254,250,236;
85
+ --semi-amber-1: 253,242,206;
86
+ --semi-amber-2: 251,226,159;
87
+ --semi-amber-3: 248,207,112;
88
+ --semi-amber-4: 246,186,65;
89
+ --semi-amber-5: 244,162,20;
90
+ --semi-amber-6: 203,125,15;
91
+ --semi-amber-7: 163,92,10;
92
+ --semi-amber-8: 122,62,6;
93
+ --semi-amber-9: 81,37,3;
94
+ --semi-brand-0: 227,247,239;
95
+ --semi-brand-1: 191,238,221;
96
+ --semi-brand-2: 133,221,190;
97
+ --semi-brand-3: 82,205,163;
98
+ --semi-brand-4: 38,188,140;
99
+ --semi-brand-5: 0,171,119;
100
+ --semi-brand-6: 0,143,102;
101
+ --semi-brand-7: 0,114,83;
102
+ --semi-brand-8: 0,86,64;
103
+ --semi-brand-9: 0,57,43;
104
+ --semi-green-0: 236,247,236;
105
+ --semi-green-1: 209,240,208;
106
+ --semi-green-2: 166,225,164;
107
+ --semi-green-3: 127,209,125;
108
+ --semi-green-4: 90,194,90;
109
+ --semi-green-5: 59,179,61;
110
+ --semi-green-6: 48,149,51;
111
+ --semi-green-7: 37,119,41;
112
+ --semi-green-8: 27,90,31;
113
+ --semi-green-9: 17,60,21;
114
+ --semi-name0-0: 231,240,251;
115
+ --semi-name0-1: 197,221,246;
116
+ --semi-name0-2: 143,186,238;
117
+ --semi-name0-3: 92,153,229;
118
+ --semi-name0-4: 44,119,221;
119
+ --semi-name0-5: 0,87,212;
120
+ --semi-name0-6: 0,69,176;
121
+ --semi-name0-7: 0,53,141;
122
+ --semi-name0-8: 0,38,105;
123
+ --semi-name0-9: 0,24,69;
124
+ --semi-indigo-0: 237,240,248;
125
+ --semi-indigo-1: 209,218,241;
126
+ --semi-indigo-2: 167,182,227;
127
+ --semi-indigo-3: 129,148,212;
128
+ --semi-indigo-4: 95,116,198;
129
+ --semi-indigo-5: 64,87,184;
130
+ --semi-indigo-6: 52,72,164;
131
+ --semi-indigo-7: 41,57,143;
132
+ --semi-indigo-8: 32,45,123;
133
+ --semi-indigo-9: 23,33,102;
134
+ --semi-orange-0: 255,248,235;
135
+ --semi-orange-1: 255,236,204;
136
+ --semi-orange-2: 255,213,153;
137
+ --semi-orange-3: 255,187,102;
138
+ --semi-orange-4: 255,157,51;
139
+ --semi-orange-5: 255,124,0;
140
+ --semi-orange-6: 219,96,0;
141
+ --semi-orange-7: 184,71,0;
142
+ --semi-orange-8: 148,50,0;
143
+ --semi-orange-9: 112,32,0;
144
+ --semi-purple-0: 246,233,247;
145
+ --semi-purple-1: 237,203,240;
146
+ --semi-purple-2: 217,155,225;
147
+ --semi-purple-3: 195,112,209;
148
+ --semi-purple-4: 172,74,194;
149
+ --semi-purple-5: 149,40,179;
150
+ --semi-purple-6: 127,31,159;
151
+ --semi-purple-7: 106,23,138;
152
+ --semi-purple-8: 86,16,118;
153
+ --semi-purple-9: 67,10,97;
154
+ --semi-violet-0: 240,237,250;
155
+ --semi-violet-1: 217,210,244;
156
+ --semi-violet-2: 183,168,234;
157
+ --semi-violet-3: 152,128,223;
158
+ --semi-violet-4: 124,92,213;
159
+ --semi-violet-5: 99,59,202;
160
+ --semi-violet-6: 87,48,182;
161
+ --semi-violet-7: 76,37,161;
162
+ --semi-violet-8: 65,28,141;
163
+ --semi-violet-9: 55,21,120;
164
+ --semi-yellow-0: 255,254,235;
165
+ --semi-yellow-1: 255,251,204;
166
+ --semi-yellow-2: 255,243,153;
167
+ --semi-yellow-3: 254,232,102;
168
+ --semi-yellow-4: 254,218,51;
169
+ --semi-yellow-5: 254,200,0;
170
+ --semi-yellow-6: 212,156,0;
171
+ --semi-yellow-7: 169,116,0;
172
+ --semi-yellow-8: 127,81,0;
173
+ --semi-yellow-9: 85,50,0;
174
+ --semi-light-blue-0: 233,248,254;
175
+ --semi-light-blue-1: 202,239,252;
176
+ --semi-light-blue-2: 150,221,250;
177
+ --semi-light-blue-3: 99,202,247;
178
+ --semi-light-blue-4: 49,182,245;
179
+ --semi-light-blue-5: 0,160,242;
180
+ --semi-light-blue-6: 0,133,206;
181
+ --semi-light-blue-7: 0,107,171;
182
+ --semi-light-blue-8: 0,82,135;
183
+ --semi-light-blue-9: 0,59,99;
184
+ --semi-light-green-0: 244,248,236;
185
+ --semi-light-green-1: 228,241,209;
186
+ --semi-light-green-2: 202,227,166;
187
+ --semi-light-green-3: 176,213,127;
188
+ --semi-light-green-4: 152,199,92;
189
+ --semi-light-green-5: 128,185,61;
190
+ --semi-light-green-6: 104,154,49;
191
+ --semi-light-green-7: 81,123,38;
192
+ --semi-light-green-8: 59,93,28;
193
+ --semi-light-green-9: 39,62,18;
194
+
195
+
196
+ }
197
+ body[theme-mode="dark"], body .semi-always-dark, :host([theme-mode="dark"]), :host .semi-always-dark {
198
+ --semi-black: 0,0,0;
199
+ --semi-red-0: 110,1,9;
200
+ --semi-red-1: 146,5,11;
201
+ --semi-red-2: 182,12,13;
202
+ --semi-red-3: 217,26,21;
203
+ --semi-red-4: 253,45,32;
204
+ --semi-red-5: 253,93,76;
205
+ --semi-red-6: 254,137,121;
206
+ --semi-red-7: 254,179,165;
207
+ --semi-red-8: 255,219,210;
208
+ --semi-red-9: 255,241,238;
209
+ --semi-white: 255,255,255;
210
+ --semi-blue-0: 0,48,111;
211
+ --semi-blue-1: 0,66,147;
212
+ --semi-blue-2: 0,84,183;
213
+ --semi-blue-3: 0,105,218;
214
+ --semi-blue-4: 0,126,254;
215
+ --semi-blue-5: 51,155,254;
216
+ --semi-blue-6: 102,183,254;
217
+ --semi-blue-7: 153,208,255;
218
+ --semi-blue-8: 204,233,255;
219
+ --semi-blue-9: 235,246,255;
220
+ --semi-cyan-0: 0,53,62;
221
+ --semi-cyan-1: 0,81,93;
222
+ --semi-cyan-2: 1,110,123;
223
+ --semi-cyan-3: 3,140,154;
224
+ --semi-cyan-4: 5,171,185;
225
+ --semi-cyan-5: 44,190,199;
226
+ --semi-cyan-6: 89,207,213;
227
+ --semi-cyan-7: 139,225,227;
228
+ --semi-cyan-8: 194,240,241;
229
+ --semi-cyan-9: 229,248,248;
230
+ --semi-grey-0: 34,39,38;
231
+ --semi-grey-1: 52,59,57;
232
+ --semi-grey-2: 70,78,76;
233
+ --semi-grey-3: 88,98,95;
234
+ --semi-grey-4: 107,117,114;
235
+ --semi-grey-5: 136,146,143;
236
+ --semi-grey-6: 167,176,173;
237
+ --semi-grey-7: 198,205,202;
238
+ --semi-grey-8: 230,234,233;
239
+ --semi-grey-9: 249,249,249;
240
+ --semi-lime-0: 52,71,0;
241
+ --semi-lime-1: 80,106,0;
242
+ --semi-lime-2: 109,141,0;
243
+ --semi-lime-3: 139,177,0;
244
+ --semi-lime-4: 170,212,0;
245
+ --semi-lime-5: 180,221,44;
246
+ --semi-lime-6: 193,229,92;
247
+ --semi-lime-7: 209,238,143;
248
+ --semi-lime-8: 230,246,197;
249
+ --semi-lime-9: 244,251,231;
250
+ --semi-pink-0: 94,1,55;
251
+ --semi-pink-1: 130,5,73;
252
+ --semi-pink-2: 166,11,90;
253
+ --semi-pink-3: 201,19,106;
254
+ --semi-pink-4: 237,30,122;
255
+ --semi-pink-5: 241,72,142;
256
+ --semi-pink-6: 244,116,165;
257
+ --semi-pink-7: 248,161,191;
258
+ --semi-pink-8: 251,207,221;
259
+ --semi-pink-9: 253,236,241;
260
+ --semi-teal-0: 0,60,52;
261
+ --semi-teal-1: 0,90,76;
262
+ --semi-teal-2: 0,119,99;
263
+ --semi-teal-3: 0,149,122;
264
+ --semi-teal-4: 0,179,143;
265
+ --semi-teal-5: 39,194,160;
266
+ --semi-teal-6: 84,209,180;
267
+ --semi-teal-7: 135,225,202;
268
+ --semi-teal-8: 192,240,227;
269
+ --semi-teal-9: 228,247,242;
270
+ --semi-amber-0: 81,37,3;
271
+ --semi-amber-1: 122,62,6;
272
+ --semi-amber-2: 163,92,10;
273
+ --semi-amber-3: 203,125,15;
274
+ --semi-amber-4: 244,162,20;
275
+ --semi-amber-5: 246,186,65;
276
+ --semi-amber-6: 248,207,112;
277
+ --semi-amber-7: 251,226,159;
278
+ --semi-amber-8: 253,242,206;
279
+ --semi-amber-9: 254,250,236;
280
+ --semi-brand-0: 0,57,43;
281
+ --semi-brand-1: 0,86,64;
282
+ --semi-brand-2: 0,114,83;
283
+ --semi-brand-3: 0,143,102;
284
+ --semi-brand-4: 0,171,119;
285
+ --semi-brand-5: 38,188,140;
286
+ --semi-brand-6: 82,205,163;
287
+ --semi-brand-7: 133,221,190;
288
+ --semi-brand-8: 191,238,221;
289
+ --semi-brand-9: 227,247,239;
290
+ --semi-green-0: 17,60,21;
291
+ --semi-green-1: 27,90,31;
292
+ --semi-green-2: 37,119,41;
293
+ --semi-green-3: 48,149,51;
294
+ --semi-green-4: 59,179,61;
295
+ --semi-green-5: 90,194,90;
296
+ --semi-green-6: 127,209,125;
297
+ --semi-green-7: 166,225,164;
298
+ --semi-green-8: 209,240,208;
299
+ --semi-green-9: 236,247,236;
300
+ --semi-indigo-0: 23,33,102;
301
+ --semi-indigo-1: 32,45,123;
302
+ --semi-indigo-2: 41,57,143;
303
+ --semi-indigo-3: 52,72,164;
304
+ --semi-indigo-4: 64,87,184;
305
+ --semi-indigo-5: 95,116,198;
306
+ --semi-indigo-6: 129,148,212;
307
+ --semi-indigo-7: 167,182,227;
308
+ --semi-indigo-8: 209,218,241;
309
+ --semi-indigo-9: 237,240,248;
310
+ --semi-orange-0: 112,32,0;
311
+ --semi-orange-1: 148,50,0;
312
+ --semi-orange-2: 184,71,0;
313
+ --semi-orange-3: 219,96,0;
314
+ --semi-orange-4: 255,124,0;
315
+ --semi-orange-5: 255,157,51;
316
+ --semi-orange-6: 255,187,102;
317
+ --semi-orange-7: 255,213,153;
318
+ --semi-orange-8: 255,236,204;
319
+ --semi-orange-9: 255,248,235;
320
+ --semi-purple-0: 67,10,97;
321
+ --semi-purple-1: 86,16,118;
322
+ --semi-purple-2: 106,23,138;
323
+ --semi-purple-3: 127,31,159;
324
+ --semi-purple-4: 149,40,179;
325
+ --semi-purple-5: 172,74,194;
326
+ --semi-purple-6: 195,112,209;
327
+ --semi-purple-7: 217,155,225;
328
+ --semi-purple-8: 237,203,240;
329
+ --semi-purple-9: 246,233,247;
330
+ --semi-violet-0: 55,21,120;
331
+ --semi-violet-1: 65,28,141;
332
+ --semi-violet-2: 76,37,161;
333
+ --semi-violet-3: 87,48,182;
334
+ --semi-violet-4: 99,59,202;
335
+ --semi-violet-5: 124,92,213;
336
+ --semi-violet-6: 152,128,223;
337
+ --semi-violet-7: 183,168,234;
338
+ --semi-violet-8: 217,210,244;
339
+ --semi-violet-9: 240,237,250;
340
+ --semi-yellow-0: 85,50,0;
341
+ --semi-yellow-1: 127,81,0;
342
+ --semi-yellow-2: 169,116,0;
343
+ --semi-yellow-3: 212,156,0;
344
+ --semi-yellow-4: 254,200,0;
345
+ --semi-yellow-5: 254,218,51;
346
+ --semi-yellow-6: 254,232,102;
347
+ --semi-yellow-7: 255,243,153;
348
+ --semi-yellow-8: 255,251,204;
349
+ --semi-yellow-9: 255,254,235;
350
+ --semi-light-blue-0: 0,59,99;
351
+ --semi-light-blue-1: 0,82,135;
352
+ --semi-light-blue-2: 0,107,171;
353
+ --semi-light-blue-3: 0,133,206;
354
+ --semi-light-blue-4: 0,160,242;
355
+ --semi-light-blue-5: 49,182,245;
356
+ --semi-light-blue-6: 99,202,247;
357
+ --semi-light-blue-7: 150,221,250;
358
+ --semi-light-blue-8: 202,239,252;
359
+ --semi-light-blue-9: 233,248,254;
360
+ --semi-light-green-0: 39,62,18;
361
+ --semi-light-green-1: 59,93,28;
362
+ --semi-light-green-2: 81,123,38;
363
+ --semi-light-green-3: 104,154,49;
364
+ --semi-light-green-4: 128,185,61;
365
+ --semi-light-green-5: 152,199,92;
366
+ --semi-light-green-6: 176,213,127;
367
+ --semi-light-green-7: 202,227,166;
368
+ --semi-light-green-8: 228,241,209;
369
+ --semi-light-green-9: 244,248,236;
370
+
371
+
372
+ }
@@ -0,0 +1,39 @@
1
+
2
+ body, :host {
3
+ --semi-transform_scale-none:scale(1,1);
4
+ --semi-transform_scale-small:scale(1,1);
5
+ --semi-transform_scale-medium:scale(1,1);
6
+ --semi-transform_scale-large:scale(1,1);
7
+
8
+ --semi-transform-rotate-none:rotate(0deg);
9
+ --semi-transform_rotate-clockwise90deg:rotate(90deg);
10
+ --semi-transform_rotate-clockwise180deg:rotate(180deg);
11
+ --semi-transform_rotate-clockwise270deg:rotate(270deg);
12
+ --semi-transform_rotate-clockwise360deg:rotate(360deg);
13
+ --semi-transform_rotate-anticlockwise90deg:rotate(-90deg);
14
+ --semi-transform_rotate-anticlockwise180deg:rotate(-180deg);
15
+ --semi-transform_rotate-anticlockwise270deg:rotate(-270deg);
16
+ --semi-transform_rotate-anticlockwise360deg:rotate(-360deg);
17
+ --semi-transition_delay-fast:180ms;
18
+ --semi-transition_delay-none:0ms;
19
+ --semi-transition_delay-slow:1000ms;
20
+ --semi-transition_delay-faster:120ms;
21
+ --semi-transition_delay-normal:600ms;
22
+ --semi-transition_delay-slower:1200ms;
23
+ --semi-transition_delay-fastest:90ms;
24
+ --semi-transition_delay-slowest:1800ms;
25
+ --semi-transition_duration-fast:180ms;
26
+ --semi-transition_duration-none:0ms;
27
+ --semi-transition_duration-slow:1000ms;
28
+ --semi-transition_duration-faster:120ms;
29
+ --semi-transition_duration-normal:600ms;
30
+ --semi-transition_duration-slower:1200ms;
31
+ --semi-transition_duration-fastest:90ms;
32
+ --semi-transition_duration-slowest:1800ms;
33
+ --semi-transition_function-easeIn:cubic-bezier(0.4, 0, 1, 1);
34
+ --semi-transition_function-linear:linear;
35
+ --semi-transition_function-easeOut:cubic-bezier(0, 0, 0.2, 1);
36
+ --semi-transition_function-easeInOut:cubic-bezier(0.4, 0, 0.2, 1);
37
+
38
+ }
39
+
File without changes
@@ -0,0 +1,232 @@
1
+ @import './_palette.scss';
2
+
3
+ body, body[theme-mode="dark"] .semi-always-light, :host, :host .semi-always-light {
4
+ --semi-color-bg-0: rgba(var(--semi-white), 1);
5
+ --semi-color-bg-1: rgba(var(--semi-white), 1);
6
+ --semi-color-bg-2: rgba(var(--semi-white), 1);
7
+ --semi-color-bg-3: rgba(var(--semi-white), 1);
8
+ --semi-color-bg-4: rgba(var(--semi-white), 1);
9
+ --semi-color-info: rgba(var(--semi-blue-5), 1);
10
+ --semi-color-link: rgba(var(--semi-blue-5), 1);
11
+ --semi-color-nav-bg: rgba(var(--semi-white), 1);
12
+ --semi-color-black: rgba(var(--semi-black), 1);
13
+ --semi-color-data-0: rgba(87, 105, 255, 1);
14
+ --semi-color-data-1: rgba(142, 212, 231, 1);
15
+ --semi-color-data-2: rgba(245, 135, 0, 1);
16
+ --semi-color-data-3: rgba(220, 183, 252, 1);
17
+ --semi-color-data-4: rgba(74, 156, 247, 1);
18
+ --semi-color-data-5: rgba(243, 204, 53, 1);
19
+ --semi-color-data-6: rgba(254, 128, 144, 1);
20
+ --semi-color-data-7: rgba(139, 215, 210, 1);
21
+ --semi-color-data-8: rgba(131, 176, 35, 1);
22
+ --semi-color-data-9: rgba(233, 165, 229, 1);
23
+ --semi-color-fill-0: rgba(var(--semi-grey-8), 0.05);
24
+ --semi-color-fill-1: rgba(var(--semi-grey-8), 0.09);
25
+ --semi-color-fill-2: rgba(var(--semi-grey-8), 0.13);
26
+ --semi-color-text-0: rgba(var(--semi-grey-9), 1);
27
+ --semi-color-text-1: rgba(var(--semi-grey-9), 0.8);
28
+ --semi-color-text-2: rgba(var(--semi-grey-9), 0.6);
29
+ --semi-color-text-3: rgba(var(--semi-grey-9), 0.35);
30
+ --semi-color-white: rgba(var(--semi-white), 1);
31
+ --semi-color-data-10: rgba(48, 167, 206, 1);
32
+ --semi-color-data-11: rgba(249, 192, 100, 1);
33
+ --semi-color-data-12: rgba(177, 113, 249, 1);
34
+ --semi-color-data-13: rgba(119, 182, 249, 1);
35
+ --semi-color-data-14: rgba(200, 143, 2, 1);
36
+ --semi-color-data-15: rgba(255, 170, 178, 1);
37
+ --semi-color-data-16: rgba(51, 176, 171, 1);
38
+ --semi-color-data-17: rgba(182, 215, 129, 1);
39
+ --semi-color-data-18: rgba(212, 88, 212, 1);
40
+ --semi-color-data-19: rgba(188, 198, 255, 1);
41
+ --semi-color-border: rgba(var(--semi-grey-9), 0.08);
42
+ --semi-color-danger: rgba(var(--semi-red-5), 1);
43
+ --semi-color-shadow: rgba(var(--semi-black), 0.04);
44
+ --semi-color-default: rgba(var(--semi-grey-0), 1);
45
+ --semi-color-info-hover: rgba(var(--semi-blue-6), 1);
46
+ --semi-color-link-hover: rgba(var(--semi-blue-6), 1);
47
+ --semi-color-primary: rgba(var(--semi-brand-5),1);
48
+ --semi-color-success: rgba(var(--semi-green-5), 1);
49
+ --semi-color-warning: rgba(var(--semi-orange-5), 1);
50
+ --semi-color-info-active: rgba(var(--semi-blue-7), 1);
51
+ --semi-color-link-active: rgba(var(--semi-blue-7), 1);
52
+ --semi-color-link-visited: rgba(var(--semi-blue-5), 1);
53
+ --semi-color-tertiary: rgba(var(--semi-grey-5), 1);
54
+ --semi-color-focus-border: rgba(var(--semi-brand-5), 1);
55
+ --semi-color-info-disabled: rgba(var(--semi-blue-2), 1);
56
+ --semi-color-overlay-bg: rgba(22, 22, 26, 0.6);
57
+ --semi-color-danger-hover: rgba(var(--semi-red-6), 1);
58
+ --semi-color-highlight: rgba(var(--semi-black), 1);
59
+ --semi-color-secondary: rgba(var(--semi-light-blue-5), 1);
60
+ --semi-color-danger-active: rgba(var(--semi-red-7), 1);
61
+ --semi-color-disabled-bg: rgba(var(--semi-grey-1), 1);
62
+ --semi-color-default-hover: rgba(var(--semi-grey-1), 1);
63
+ --semi-color-primary-hover: rgba(var(--semi-brand-6), 1);
64
+ --semi-color-success-hover: rgba(var(--semi-green-6), 1);
65
+ --semi-color-warning-hover: rgba(var(--semi-orange-6), 1);
66
+ --semi-color-default-active: rgba(var(--semi-grey-2), 1);
67
+ --semi-color-disabled-fill: rgba(var(--semi-grey-8), 0.04);
68
+ --semi-color-disabled-text: rgba(var(--semi-grey-9), 0.35);
69
+ --semi-color-highlight-bg: rgba(var(--semi-yellow-4), 1);
70
+ --semi-color-primary-active: rgba(var(--semi-brand-7), 1);
71
+ --semi-color-success-active: rgba(var(--semi-green-7), 1);
72
+ --semi-color-warning-active: rgba(var(--semi-orange-7), 1);
73
+ --semi-color-tertiary-hover: rgba(var(--semi-grey-6), 1);
74
+ --semi-color-disabled-border: rgba(var(--semi-grey-1), 1);
75
+ --semi-color-primary-disabled: rgba(var(--semi-brand-2), 1);
76
+ --semi-color-success-disabled: rgba(var(--semi-green-2), 1);
77
+ --semi-color-tertiary-active: rgba(var(--semi-grey-7), 1);
78
+ --semi-color-secondary-hover: rgba(var(--semi-light-blue-6), 1);
79
+ --semi-color-secondary-active: rgba(var(--semi-light-blue-7), 1);
80
+ --semi-color-info-light-hover: rgba(var(--semi-blue-1), 1);
81
+ --semi-color-info-light-active: rgba(var(--semi-blue-2), 1);
82
+ --semi-color-secondary-disabled: rgba(var(--semi-light-blue-2), 1);
83
+ --semi-color-info-light-default: rgba(var(--semi-blue-0), 1);
84
+ --semi-color-danger-light-hover: rgba(var(--semi-red-1), 1);
85
+ --semi-color-danger-light-active: rgba(var(--semi-red-2), 1);
86
+ --semi-color-danger-light-default: rgba(var(--semi-red-0), 1);
87
+ --semi-color-primary-light-hover: rgba(var(--semi-brand-1), 1);
88
+ --semi-color-success-light-hover: rgba(var(--semi-green-1), 1);
89
+ --semi-color-warning-light-hover: rgba(var(--semi-orange-1), 1);
90
+ --semi-color-primary-light-active: rgba(var(--semi-brand-2), 1);
91
+ --semi-color-success-light-active: rgba(var(--semi-green-2), 1);
92
+ --semi-color-warning-light-active: rgba(var(--semi-orange-2), 1);
93
+ --semi-color-primary-light-default: rgba(var(--semi-brand-0), 1);
94
+ --semi-color-success-light-default: rgba(var(--semi-green-0), 1);
95
+ --semi-color-tertiary-light-hover: rgba(var(--semi-grey-1), 1);
96
+ --semi-color-warning-light-default: rgba(var(--semi-orange-0), 1);
97
+ --semi-color-tertiary-light-active: rgba(var(--semi-grey-2), 1);
98
+ --semi-color-secondary-light-hover: rgba(var(--semi-blue-1), 1);
99
+ --semi-color-tertiary-light-default: rgba(var(--semi-grey-0), 1);
100
+ --semi-color-secondary-light-active: rgba(var(--semi-blue-2), 1);
101
+ --semi-color-secondary-light-default: rgba(var(--semi-light-blue-0), 1);
102
+ font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI','PingFang SC', 'Hiragino Sans GB', 'Microsoft YaHei', 'Helvetica Neue',Helvetica, Arial, sans-serif;
103
+ -webkit-font-smoothing: antialiased;;
104
+ --semi-shadow-elevated: 0px 0px 1px 0px rgba(0,0,0,0.30), 0px 4px 14px 0px rgba(0,0,0,0.10);
105
+ --semi-shadow-0: none;
106
+ --semi-shadow-1: none;
107
+ --semi-shadow-2: 0px 2px 4px 0px rgba(0,0,0,0.14), 0px 0px 1px 0px rgba(0,0,0,0.16);
108
+ --semi-shadow-knob: 0px 4px 6px 0px rgba(0,0,0,0.10), 0px 0px 1px 0px rgba(0,0,0,0.30);
109
+ --semi-border-radius-full: 9999px;
110
+ --semi-border-radius-large: 12px;
111
+ --semi-border-radius-small: 4px;
112
+ --semi-border-radius-circle: 50%;
113
+ --semi-border-radius-medium: 6px;
114
+ --semi-border-radius-extra-small: 3px;
115
+
116
+
117
+ }
118
+ body[theme-mode="dark"], body .semi-always-dark, :host([theme-mode="dark"]), :host .semi-always-dark {
119
+ --semi-color-bg-0: rgba(22, 22, 26, 1);
120
+ --semi-color-bg-1: rgba(35, 36, 41, 1);
121
+ --semi-color-bg-2: rgba(53, 54, 60, 1);
122
+ --semi-color-bg-3: rgba(67, 68, 74, 1);
123
+ --semi-color-bg-4: rgba(79, 81, 89, 1);
124
+ --semi-color-info: rgba(var(--semi-blue-5), 1);
125
+ --semi-color-link: rgba(var(--semi-blue-5), 1);
126
+ --semi-color-nav-bg: rgba(35, 36, 41, 1);
127
+ --semi-color-black: rgba(var(--semi-black), 1);
128
+ --semi-color-data-0: rgba(94, 109, 194, 1);
129
+ --semi-color-data-1: rgba(8, 104, 120, 1);
130
+ --semi-color-data-2: rgba(250, 173, 63, 1);
131
+ --semi-color-data-3: rgba(76, 43, 156, 1);
132
+ --semi-color-data-4: rgba(16, 125, 248, 1);
133
+ --semi-color-data-5: rgba(248, 202, 16, 1);
134
+ --semi-color-data-6: rgba(195, 30, 87, 1);
135
+ --semi-color-data-7: rgba(5, 119, 115, 1);
136
+ --semi-color-data-8: rgba(154, 207, 13, 1);
137
+ --semi-color-data-9: rgba(117, 29, 138, 1);
138
+ --semi-color-fill-0: rgba(var(--semi-white), 0.05);
139
+ --semi-color-fill-1: rgba(var(--semi-white), 0.09);
140
+ --semi-color-fill-2: rgba(var(--semi-white), 0.13);
141
+ --semi-color-text-0: rgba(var(--semi-grey-9), 1);
142
+ --semi-color-text-1: rgba(var(--semi-grey-9), 0.8);
143
+ --semi-color-text-2: rgba(var(--semi-grey-9), 0.6);
144
+ --semi-color-text-3: rgba(var(--semi-grey-9), 0.35);
145
+ --semi-color-white: rgba(228, 231, 245, 1);
146
+ --semi-color-data-10: rgba(16, 162, 180, 1);
147
+ --semi-color-data-11: rgba(208, 110, 11, 1);
148
+ --semi-color-data-12: rgba(113, 66, 197, 1);
149
+ --semi-color-data-13: rgba(7, 100, 212, 1);
150
+ --semi-color-data-14: rgba(251, 232, 110, 1);
151
+ --semi-color-data-15: rgba(160, 19, 73, 1);
152
+ --semi-color-data-16: rgba(11, 179, 167, 1);
153
+ --semi-color-data-17: rgba(98, 138, 6, 1);
154
+ --semi-color-data-18: rgba(162, 48, 179, 1);
155
+ --semi-color-data-19: rgba(40, 51, 138, 1);
156
+ --semi-color-border: rgba(var(--semi-white), 0.08);
157
+ --semi-color-danger: rgba(var(--semi-red-5), 1);
158
+ --semi-color-shadow: rgba(var(--semi-black), 0.04);
159
+ --semi-color-default: rgba(var(--semi-grey-0), 1);
160
+ --semi-color-info-hover: rgba(var(--semi-blue-6), 1);
161
+ --semi-color-link-hover: rgba(var(--semi-blue-6), 1);
162
+ --semi-color-primary: rgba(var(--semi-brand-5), 1);
163
+ --semi-color-success: rgba(var(--semi-green-5), 1);
164
+ --semi-color-warning: rgba(var(--semi-orange-5), 1);
165
+ --semi-color-info-active: rgba(var(--semi-blue-7), 1);
166
+ --semi-color-link-active: rgba(var(--semi-blue-7), 1);
167
+ --semi-color-link-visited: rgba(var(--semi-blue-5), 1);
168
+ --semi-color-tertiary: rgba(var(--semi-grey-5), 1);
169
+ --semi-color-focus-border: rgba(var(--semi-brand-5), 1);
170
+ --semi-color-info-disabled: rgba(var(--semi-blue-2), 1);
171
+ --semi-color-overlay-bg: rgba(22, 22, 26, 0.6);
172
+ --semi-color-danger-hover: rgba(var(--semi-red-6), 1);
173
+ --semi-color-highlight: rgba(var(--semi-white), 1);
174
+ --semi-color-secondary: rgba(var(--semi-light-blue-5), 1);
175
+ --semi-color-danger-active: rgba(var(--semi-red-7), 1);
176
+ --semi-color-disabled-bg: rgba(var(--semi-grey-1), 1);
177
+ --semi-color-default-hover: rgba(var(--semi-grey-1), 1);
178
+ --semi-color-primary-hover: rgba(var(--semi-brand-6), 1);
179
+ --semi-color-success-hover: rgba(var(--semi-green-6), 1);
180
+ --semi-color-warning-hover: rgba(var(--semi-orange-6), 1);
181
+ --semi-color-default-active: rgba(var(--semi-grey-2), 1);
182
+ --semi-color-disabled-fill: rgba(var(--semi-grey-8), 0.04);
183
+ --semi-color-disabled-text: rgba(var(--semi-grey-9), 0.35);
184
+ --semi-color-highlight-bg: rgba(var(--semi-yellow-2), 1);
185
+ --semi-color-primary-active: rgba(var(--semi-brand-7), 1);
186
+ --semi-color-success-active: rgba(var(--semi-green-7), 1);
187
+ --semi-color-warning-active: rgba(var(--semi-orange-7), 1);
188
+ --semi-color-tertiary-hover: rgba(var(--semi-grey-6), 1);
189
+ --semi-color-disabled-border: rgba(var(--semi-grey-1), 1);
190
+ --semi-color-primary-disabled: rgba(var(--semi-brand-2), 1);
191
+ --semi-color-success-disabled: rgba(var(--semi-green-2), 1);
192
+ --semi-color-tertiary-active: rgba(var(--semi-grey-7), 1);
193
+ --semi-color-secondary-hover: rgba(var(--semi-light-blue-6), 1);
194
+ --semi-color-secondary-active: rgba(var(--semi-light-blue-7), 1);
195
+ --semi-color-info-light-hover: rgba(var(--semi-blue-5), 0.3);
196
+ --semi-color-info-light-active: rgba(var(--semi-blue-5), 0.4);
197
+ --semi-color-secondary-disabled: rgba(var(--semi-light-blue-2), 1);
198
+ --semi-color-info-light-default: rgba(var(--semi-blue-5), 0.2);
199
+ --semi-color-danger-light-hover: rgba(var(--semi-red-5), 0.3);
200
+ --semi-color-danger-light-active: rgba(var(--semi-red-5), 0.4);
201
+ --semi-color-danger-light-default: rgba(var(--semi-red-5), 0.2);
202
+ --semi-color-primary-light-hover: rgba(var(--semi-brand-5), 0.3);
203
+ --semi-color-success-light-hover: rgba(var(--semi-green-5), 0.3);
204
+ --semi-color-warning-light-hover: rgba(var(--semi-orange-5), 0.3);
205
+ --semi-color-primary-light-active: rgba(var(--semi-brand-5), 0.4);
206
+ --semi-color-success-light-active: rgba(var(--semi-green-5), 0.4);
207
+ --semi-color-warning-light-active: rgba(var(--semi-orange-5), 0.4);
208
+ --semi-color-primary-light-default: rgba(var(--semi-brand-5), 0.2);
209
+ --semi-color-success-light-default: rgba(var(--semi-green-5), 0.2);
210
+ --semi-color-tertiary-light-hover: rgba(var(--semi-grey-5), 0.3);
211
+ --semi-color-warning-light-default: rgba(var(--semi-orange-5), 0.2);
212
+ --semi-color-tertiary-light-active: rgba(var(--semi-grey-5), 0.4);
213
+ --semi-color-secondary-light-hover: rgba(var(--semi-light-blue-5), 0.3);
214
+ --semi-color-tertiary-light-default: rgba(var(--semi-grey-5), 0.2);
215
+ --semi-color-secondary-light-active: rgba(var(--semi-light-blue-5), 0.4);
216
+ --semi-color-secondary-light-default: rgba(var(--semi-light-blue-5), 0.2);
217
+ font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI','PingFang SC', 'Hiragino Sans GB', 'Microsoft YaHei', 'Helvetica Neue',Helvetica, Arial, sans-serif;
218
+ -webkit-font-smoothing: antialiased;;
219
+ --semi-shadow-elevated: 0px 0px 1px 0px rgba(0,0,0,0.30), 0px 4px 14px 0px rgba(0,0,0,0.10);
220
+ --semi-shadow-0: none;
221
+ --semi-shadow-1: none;
222
+ --semi-shadow-2: 0px 2px 4px 0px rgba(0,0,0,0.14), 0px 0px 1px 0px rgba(0,0,0,0.16);
223
+ --semi-shadow-knob: 0px 4px 6px 0px rgba(0,0,0,0.10), 0px 0px 1px 0px rgba(0,0,0,0.30);
224
+ --semi-border-radius-full: 9999px;
225
+ --semi-border-radius-large: 12px;
226
+ --semi-border-radius-small: 4px;
227
+ --semi-border-radius-circle: 50%;
228
+ --semi-border-radius-medium: 6px;
229
+ --semi-border-radius-extra-small: 3px;
230
+
231
+
232
+ }