@semi-bot/semi-theme-fnos 1.0.1 → 1.0.5

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.
Files changed (8) hide show
  1. package/README.md +2 -2
  2. package/package.json +1 -1
  3. package/raw.json +352 -304
  4. package/scss/_palette.scss +200 -200
  5. package/scss/global.scss +91 -83
  6. package/scss/local.scss +33 -13
  7. package/semi.css +352 -337
  8. package/semi.min.css +1 -1
package/semi.css CHANGED
@@ -23,16 +23,16 @@ body, body[theme-mode=dark] .semi-always-light {
23
23
  --semi-blue-7: 0,77,181;
24
24
  --semi-blue-8: 0,59,145;
25
25
  --semi-blue-9: 0,43,109;
26
- --semi-cyan-0: 229,247,248;
27
- --semi-cyan-1: 194,238,241;
28
- --semi-cyan-2: 138,220,227;
29
- --semi-cyan-3: 88,201,212;
30
- --semi-cyan-4: 44,181,198;
31
- --semi-cyan-5: 5,161,184;
32
- --semi-cyan-6: 3,131,153;
33
- --semi-cyan-7: 1,103,123;
34
- --semi-cyan-8: 0,76,92;
35
- --semi-cyan-9: 0,49,61;
26
+ --semi-cyan-0: 232,250,252;
27
+ --semi-cyan-1: 199,244,248;
28
+ --semi-cyan-2: 145,232,242;
29
+ --semi-cyan-3: 94,219,235;
30
+ --semi-cyan-4: 46,204,229;
31
+ --semi-cyan-5: 0,189,222;
32
+ --semi-cyan-6: 0,154,185;
33
+ --semi-cyan-7: 0,121,148;
34
+ --semi-cyan-8: 0,89,111;
35
+ --semi-cyan-9: 0,58,74;
36
36
  --semi-grey-0: 249,249,249;
37
37
  --semi-grey-1: 230,232,234;
38
38
  --semi-grey-2: 198,201,205;
@@ -73,16 +73,16 @@ body, body[theme-mode=dark] .semi-always-light {
73
73
  --semi-teal-7: 0,116,119;
74
74
  --semi-teal-8: 0,86,90;
75
75
  --semi-teal-9: 0,56,60;
76
- --semi-amber-0: 254,252,236;
77
- --semi-amber-1: 252,249,206;
78
- --semi-amber-2: 250,239,158;
79
- --semi-amber-3: 247,227,111;
80
- --semi-amber-4: 245,212,65;
81
- --semi-amber-5: 242,194,20;
82
- --semi-amber-6: 202,152,15;
83
- --semi-amber-7: 161,114,10;
84
- --semi-amber-8: 121,79,6;
85
- --semi-amber-9: 81,49,3;
76
+ --semi-amber-0: 254,251,242;
77
+ --semi-amber-1: 253,243,218;
78
+ --semi-amber-2: 251,228,182;
79
+ --semi-amber-3: 248,212,146;
80
+ --semi-amber-4: 246,193,111;
81
+ --semi-amber-5: 244,173,77;
82
+ --semi-amber-6: 203,136,62;
83
+ --semi-amber-7: 163,102,48;
84
+ --semi-amber-8: 122,72,35;
85
+ --semi-amber-9: 81,44,22;
86
86
  --semi-black-0: 227,227,230;
87
87
  --semi-black-1: 191,192,205;
88
88
  --semi-black-2: 134,135,154;
@@ -103,16 +103,16 @@ body, body[theme-mode=dark] .semi-always-light {
103
103
  --semi-brand-7: 0,67,184;
104
104
  --semi-brand-8: 0,51,128;
105
105
  --semi-brand-9: 0,31,77;
106
- --semi-green-0: 234,251,239;
107
- --semi-green-1: 192,244,209;
108
- --semi-green-2: 133,234,167;
109
- --semi-green-3: 82,224,129;
110
- --semi-green-4: 37,208,94;
106
+ --semi-green-0: 229,249,234;
107
+ --semi-green-1: 194,242,207;
108
+ --semi-green-2: 138,229,164;
109
+ --semi-green-3: 87,217,126;
110
+ --semi-green-4: 41,204,93;
111
111
  --semi-green-5: 0,191,64;
112
- --semi-green-6: 0,159,53;
113
- --semi-green-7: 0,127,42;
114
- --semi-green-8: 0,102,34;
115
- --semi-green-9: 0,61,20;
112
+ --semi-green-6: 0,159,56;
113
+ --semi-green-7: 0,127,47;
114
+ --semi-green-8: 0,96,37;
115
+ --semi-green-9: 0,64,26;
116
116
  --semi-white-0: 255,255,255;
117
117
  --semi-white-1: 255,255,255;
118
118
  --semi-white-2: 255,255,255;
@@ -133,56 +133,56 @@ body, body[theme-mode=dark] .semi-always-light {
133
133
  --semi-indigo-7: 41,49,142;
134
134
  --semi-indigo-8: 32,37,122;
135
135
  --semi-indigo-9: 23,27,101;
136
- --semi-orange-0: 255,244,229;
137
- --semi-orange-1: 255,233,204;
138
- --semi-orange-2: 255,211,153;
139
- --semi-orange-3: 255,189,102;
140
- --semi-orange-4: 255,167,51;
136
+ --semi-orange-0: 255,249,235;
137
+ --semi-orange-1: 255,240,204;
138
+ --semi-orange-2: 255,222,153;
139
+ --semi-orange-3: 255,200,102;
140
+ --semi-orange-4: 255,175,51;
141
141
  --semi-orange-5: 255,146,0;
142
- --semi-orange-6: 229,130,0;
143
- --semi-orange-7: 178,101,0;
144
- --semi-orange-8: 128,73,0;
145
- --semi-orange-9: 77,43,0;
146
- --semi-purple-0: 247,233,246;
147
- --semi-purple-1: 240,203,238;
148
- --semi-purple-2: 225,155,224;
149
- --semi-purple-3: 207,112,209;
150
- --semi-purple-4: 188,74,194;
151
- --semi-purple-5: 167,40,179;
152
- --semi-purple-6: 143,31,159;
153
- --semi-purple-7: 121,23,138;
154
- --semi-purple-8: 99,16,118;
155
- --semi-purple-9: 78,10,97;
156
- --semi-violet-0: 244,237,250;
157
- --semi-violet-1: 228,210,244;
158
- --semi-violet-2: 200,167,233;
159
- --semi-violet-3: 172,128,223;
160
- --semi-violet-4: 143,92,212;
161
- --semi-violet-5: 115,59,201;
162
- --semi-violet-6: 96,48,181;
163
- --semi-violet-7: 78,37,160;
164
- --semi-violet-8: 61,28,140;
165
- --semi-violet-9: 46,21,119;
166
- --semi-yellow-0: 255,254,234;
167
- --semi-yellow-1: 254,252,204;
168
- --semi-yellow-2: 254,245,152;
169
- --semi-yellow-3: 253,235,101;
170
- --semi-yellow-4: 253,222,51;
171
- --semi-yellow-5: 252,205,0;
172
- --semi-yellow-6: 210,174,0;
173
- --semi-yellow-7: 168,142,0;
174
- --semi-yellow-8: 126,109,0;
175
- --semi-yellow-9: 84,74,0;
176
- --semi-neutral-0: 242,243,244;
177
- --semi-neutral-1: 227,228,230;
178
- --semi-neutral-2: 201,203,207;
179
- --semi-neutral-3: 174,178,183;
180
- --semi-neutral-4: 146,151,158;
142
+ --semi-orange-6: 213,111,0;
143
+ --semi-orange-7: 170,80,0;
144
+ --semi-orange-8: 128,54,0;
145
+ --semi-orange-9: 85,32,0;
146
+ --semi-purple-0: 253,244,255;
147
+ --semi-purple-1: 249,222,255;
148
+ --semi-purple-2: 241,189,255;
149
+ --semi-purple-3: 230,155,255;
150
+ --semi-purple-4: 218,122,255;
151
+ --semi-purple-5: 203,89,255;
152
+ --semi-purple-6: 168,70,219;
153
+ --semi-purple-7: 134,53,184;
154
+ --semi-purple-8: 103,38,148;
155
+ --semi-purple-9: 74,26,112;
156
+ --semi-violet-0: 242,240,254;
157
+ --semi-violet-1: 221,215,252;
158
+ --semi-violet-2: 188,177,250;
159
+ --semi-violet-3: 157,139,247;
160
+ --semi-violet-4: 128,101,245;
161
+ --semi-violet-5: 101,65,242;
162
+ --semi-violet-6: 84,49,206;
163
+ --semi-violet-7: 68,36,171;
164
+ --semi-violet-8: 52,24,135;
165
+ --semi-violet-9: 38,15,99;
166
+ --semi-yellow-0: 255,255,240;
167
+ --semi-yellow-1: 255,254,214;
168
+ --semi-yellow-2: 255,250,173;
169
+ --semi-yellow-3: 255,243,133;
170
+ --semi-yellow-4: 255,233,92;
171
+ --semi-yellow-5: 255,221,51;
172
+ --semi-yellow-6: 213,187,40;
173
+ --semi-yellow-7: 170,151,31;
174
+ --semi-yellow-8: 128,115,22;
175
+ --semi-yellow-9: 85,78,14;
176
+ --semi-neutral-0: 243,243,243;
177
+ --semi-neutral-1: 226,228,231;
178
+ --semi-neutral-2: 198,202,207;
179
+ --semi-neutral-3: 171,176,183;
180
+ --semi-neutral-4: 145,151,159;
181
181
  --semi-neutral-5: 120,126,135;
182
- --semi-neutral-6: 108,113,122;
183
- --semi-neutral-7: 81,85,91;
184
- --semi-neutral-8: 48,50,54;
185
- --semi-neutral-9: 26,28,30;
182
+ --semi-neutral-6: 83,87,93;
183
+ --semi-neutral-7: 48,51,54;
184
+ --semi-neutral-8: 34,35,38;
185
+ --semi-neutral-9: 24,25,27;
186
186
  --semi-light-blue-0: 233,247,254;
187
187
  --semi-light-blue-1: 202,235,252;
188
188
  --semi-light-blue-2: 149,214,249;
@@ -193,51 +193,51 @@ body, body[theme-mode=dark] .semi-always-light {
193
193
  --semi-light-blue-7: 0,95,169;
194
194
  --semi-light-blue-8: 0,73,133;
195
195
  --semi-light-blue-9: 0,51,97;
196
- --semi-light-green-0: 243,248,236;
197
- --semi-light-green-1: 226,241,209;
198
- --semi-light-green-2: 199,227,166;
199
- --semi-light-green-3: 172,212,127;
200
- --semi-light-green-4: 146,198,92;
201
- --semi-light-green-5: 121,184,61;
202
- --semi-light-green-6: 98,153,49;
203
- --semi-light-green-7: 77,123,38;
204
- --semi-light-green-8: 56,92,28;
205
- --semi-light-green-9: 36,61,18;
196
+ --semi-light-green-0: 240,250,231;
197
+ --semi-light-green-1: 220,245,197;
198
+ --semi-light-green-2: 186,236,143;
199
+ --semi-light-green-3: 153,226,93;
200
+ --semi-light-green-4: 120,217,47;
201
+ --semi-light-green-5: 88,207,4;
202
+ --semi-light-green-6: 69,173,2;
203
+ --semi-light-green-7: 53,138,0;
204
+ --semi-light-green-8: 38,103,0;
205
+ --semi-light-green-9: 24,69,0;
206
206
  }
207
207
 
208
208
  body[theme-mode=dark], body .semi-always-dark {
209
209
  --semi-black: 0, 0, 0;
210
- --semi-red-0: 85,12,22;
211
- --semi-red-1: 128,22,33;
212
- --semi-red-2: 170,34,44;
213
- --semi-red-3: 213,49,55;
210
+ --semi-red-0: 71,6,14;
211
+ --semi-red-1: 128,14,25;
212
+ --semi-red-2: 170,24,34;
213
+ --semi-red-3: 218,37,43;
214
214
  --semi-red-4: 255,51,51;
215
- --semi-red-5: 255,110,105;
216
- --semi-red-6: 255,150,142;
217
- --semi-red-7: 255,187,180;
218
- --semi-red-8: 255,222,217;
219
- --semi-red-9: 255,243,241;
215
+ --semi-red-5: 255,97,92;
216
+ --semi-red-6: 255,141,133;
217
+ --semi-red-7: 255,184,173;
218
+ --semi-red-8: 255,211,204;
219
+ --semi-red-9: 255,233,229;
220
220
  --semi-white: 255, 255, 255;
221
- --semi-blue-0: 0,43,109;
222
- --semi-blue-1: 0,59,145;
223
- --semi-blue-2: 0,77,181;
224
- --semi-blue-3: 0,96,216;
225
- --semi-blue-4: 0,116,252;
226
- --semi-blue-5: 51,147,253;
227
- --semi-blue-6: 101,176,253;
228
- --semi-blue-7: 152,204,254;
229
- --semi-blue-8: 204,230,254;
230
- --semi-blue-9: 234,245,255;
231
- --semi-cyan-0: 0,49,61;
232
- --semi-cyan-1: 0,76,92;
233
- --semi-cyan-2: 1,103,123;
234
- --semi-cyan-3: 3,131,153;
235
- --semi-cyan-4: 5,161,184;
236
- --semi-cyan-5: 44,181,198;
237
- --semi-cyan-6: 88,201,212;
238
- --semi-cyan-7: 138,220,227;
239
- --semi-cyan-8: 194,238,241;
240
- --semi-cyan-9: 229,247,248;
221
+ --semi-blue-0: 0,31,77;
222
+ --semi-blue-1: 0,61,153;
223
+ --semi-blue-2: 0,67,184;
224
+ --semi-blue-3: 0,92,229;
225
+ --semi-blue-4: 0,102,255;
226
+ --semi-blue-5: 51,133,255;
227
+ --semi-blue-6: 102,163,255;
228
+ --semi-blue-7: 153,194,255;
229
+ --semi-blue-8: 204,224,255;
230
+ --semi-blue-9: 229,240,255;
231
+ --semi-cyan-0: 3,59,75;
232
+ --semi-cyan-1: 6,91,113;
233
+ --semi-cyan-2: 9,124,150;
234
+ --semi-cyan-3: 13,158,187;
235
+ --semi-cyan-4: 0,189,222;
236
+ --semi-cyan-5: 61,208,231;
237
+ --semi-cyan-6: 106,222,237;
238
+ --semi-cyan-7: 154,234,243;
239
+ --semi-cyan-8: 203,245,249;
240
+ --semi-cyan-9: 234,251,252;
241
241
  --semi-grey-0: 28,31,35;
242
242
  --semi-grey-1: 46,49,56;
243
243
  --semi-grey-2: 65,69,76;
@@ -278,16 +278,16 @@ body[theme-mode=dark], body .semi-always-dark {
278
278
  --semi-teal-7: 135,225,220;
279
279
  --semi-teal-8: 192,240,236;
280
280
  --semi-teal-9: 228,247,246;
281
- --semi-amber-0: 81,49,3;
282
- --semi-amber-1: 121,79,6;
283
- --semi-amber-2: 161,114,10;
284
- --semi-amber-3: 202,152,15;
285
- --semi-amber-4: 242,194,20;
286
- --semi-amber-5: 245,212,65;
287
- --semi-amber-6: 247,227,111;
288
- --semi-amber-7: 250,239,158;
289
- --semi-amber-8: 252,249,206;
290
- --semi-amber-9: 254,252,236;
281
+ --semi-amber-0: 82,48,27;
282
+ --semi-amber-1: 124,77,42;
283
+ --semi-amber-2: 165,109,57;
284
+ --semi-amber-3: 206,143,74;
285
+ --semi-amber-4: 244,173,77;
286
+ --semi-amber-5: 249,200,123;
287
+ --semi-amber-6: 250,216,155;
288
+ --semi-amber-7: 252,231,188;
289
+ --semi-amber-8: 253,244,221;
290
+ --semi-amber-9: 254,251,243;
291
291
  --semi-black-0: 0,0,0;
292
292
  --semi-black-1: 0,0,0;
293
293
  --semi-black-2: 0,0,0;
@@ -298,26 +298,26 @@ body[theme-mode=dark], body .semi-always-dark {
298
298
  --semi-black-7: 135,136,155;
299
299
  --semi-black-8: 192,192,205;
300
300
  --semi-black-9: 227,227,230;
301
- --semi-brand-0: 0,37,112;
302
- --semi-brand-1: 0,52,148;
301
+ --semi-brand-0: 0,31,77;
302
+ --semi-brand-1: 0,61,153;
303
303
  --semi-brand-2: 0,67,184;
304
- --semi-brand-3: 0,84,219;
304
+ --semi-brand-3: 0,92,229;
305
305
  --semi-brand-4: 0,102,255;
306
306
  --semi-brand-5: 51,136,255;
307
- --semi-brand-6: 102,168,255;
308
- --semi-brand-7: 153,199,255;
309
- --semi-brand-8: 204,228,255;
310
- --semi-brand-9: 235,244,255;
311
- --semi-green-0: 2,65,27;
312
- --semi-green-1: 5,97,40;
313
- --semi-green-2: 7,129,52;
314
- --semi-green-3: 11,162,64;
307
+ --semi-brand-6: 102,163,255;
308
+ --semi-brand-7: 153,194,255;
309
+ --semi-brand-8: 204,224,255;
310
+ --semi-brand-9: 229,240,255;
311
+ --semi-green-0: 0,61,20;
312
+ --semi-green-1: 0,102,34;
313
+ --semi-green-2: 0,127,42;
314
+ --semi-green-3: 0,159,53;
315
315
  --semi-green-4: 0,191,64;
316
- --semi-green-5: 54,206,102;
317
- --semi-green-6: 97,218,134;
318
- --semi-green-7: 145,231,170;
319
- --semi-green-8: 198,243,210;
320
- --semi-green-9: 231,249,236;
316
+ --semi-green-5: 37,208,94;
317
+ --semi-green-6: 82,224,129;
318
+ --semi-green-7: 133,234,167;
319
+ --semi-green-8: 213,246,224;
320
+ --semi-green-9: 234,251,239;
321
321
  --semi-indigo-0: 23,27,101;
322
322
  --semi-indigo-1: 32,37,122;
323
323
  --semi-indigo-2: 41,49,142;
@@ -328,56 +328,56 @@ body[theme-mode=dark], body .semi-always-dark {
328
328
  --semi-indigo-7: 167,177,226;
329
329
  --semi-indigo-8: 209,215,241;
330
330
  --semi-indigo-9: 237,239,248;
331
- --semi-orange-0: 85,34,3;
332
- --semi-orange-1: 128,58,6;
333
- --semi-orange-2: 170,86,10;
334
- --semi-orange-3: 213,118,15;
331
+ --semi-orange-0: 77,43,0;
332
+ --semi-orange-1: 128,73,0;
333
+ --semi-orange-2: 178,101,0;
334
+ --semi-orange-3: 229,130,0;
335
335
  --semi-orange-4: 255,146,0;
336
- --semi-orange-5: 255,181,67;
337
- --semi-orange-6: 255,204,114;
338
- --semi-orange-7: 255,224,161;
339
- --semi-orange-8: 255,241,208;
340
- --semi-orange-9: 255,250,237;
341
- --semi-purple-0: 78,10,97;
342
- --semi-purple-1: 99,16,118;
343
- --semi-purple-2: 121,23,138;
344
- --semi-purple-3: 143,31,159;
345
- --semi-purple-4: 167,40,179;
346
- --semi-purple-5: 188,74,194;
347
- --semi-purple-6: 207,112,209;
348
- --semi-purple-7: 225,155,224;
349
- --semi-purple-8: 240,203,238;
350
- --semi-purple-9: 247,233,246;
351
- --semi-violet-0: 46,21,119;
352
- --semi-violet-1: 61,28,140;
353
- --semi-violet-2: 78,37,160;
354
- --semi-violet-3: 96,48,181;
355
- --semi-violet-4: 115,59,201;
356
- --semi-violet-5: 143,92,212;
357
- --semi-violet-6: 172,128,223;
358
- --semi-violet-7: 200,167,233;
359
- --semi-violet-8: 228,210,244;
360
- --semi-violet-9: 244,237,250;
361
- --semi-yellow-0: 84,74,0;
362
- --semi-yellow-1: 126,109,0;
363
- --semi-yellow-2: 168,142,0;
364
- --semi-yellow-3: 210,174,0;
365
- --semi-yellow-4: 252,205,0;
366
- --semi-yellow-5: 253,222,51;
367
- --semi-yellow-6: 253,235,101;
368
- --semi-yellow-7: 254,245,152;
369
- --semi-yellow-8: 254,252,204;
370
- --semi-yellow-9: 255,254,234;
371
- --semi-neutral-0: 44,48,56;
372
- --semi-neutral-1: 62,67,77;
373
- --semi-neutral-2: 81,87,97;
374
- --semi-neutral-3: 101,108,118;
336
+ --semi-orange-5: 255,167,51;
337
+ --semi-orange-6: 255,189,102;
338
+ --semi-orange-7: 255,211,153;
339
+ --semi-orange-8: 255,233,204;
340
+ --semi-orange-9: 255,244,229;
341
+ --semi-purple-0: 76,31,112;
342
+ --semi-purple-1: 106,46,148;
343
+ --semi-purple-2: 138,62,184;
344
+ --semi-purple-3: 171,81,219;
345
+ --semi-purple-4: 203,89,255;
346
+ --semi-purple-5: 221,133,255;
347
+ --semi-purple-6: 232,163,255;
348
+ --semi-purple-7: 242,194,255;
349
+ --semi-purple-8: 249,224,255;
350
+ --semi-purple-9: 253,245,255;
351
+ --semi-violet-0: 43,21,102;
352
+ --semi-violet-1: 59,33,138;
353
+ --semi-violet-2: 76,46,174;
354
+ --semi-violet-3: 94,62,209;
355
+ --semi-violet-4: 101,65,242;
356
+ --semi-violet-5: 138,114,247;
357
+ --semi-violet-6: 165,148,249;
358
+ --semi-violet-7: 194,183,251;
359
+ --semi-violet-8: 223,219,253;
360
+ --semi-violet-9: 243,242,254;
361
+ --semi-yellow-0: 85,79,19;
362
+ --semi-yellow-1: 128,116,30;
363
+ --semi-yellow-2: 170,153,41;
364
+ --semi-yellow-3: 213,189,54;
365
+ --semi-yellow-4: 255,221,51;
366
+ --semi-yellow-5: 255,235,105;
367
+ --semi-yellow-6: 255,244,142;
368
+ --semi-yellow-7: 255,250,180;
369
+ --semi-yellow-8: 255,254,217;
370
+ --semi-yellow-9: 255,255,241;
371
+ --semi-neutral-0: 24,25,27;
372
+ --semi-neutral-1: 34,35,38;
373
+ --semi-neutral-2: 48,51,54;
374
+ --semi-neutral-3: 83,87,93;
375
375
  --semi-neutral-4: 120,126,135;
376
- --semi-neutral-5: 147,153,161;
377
- --semi-neutral-6: 173,178,185;
378
- --semi-neutral-7: 199,203,208;
379
- --semi-neutral-8: 227,229,232;
380
- --semi-neutral-9: 243,243,243;
376
+ --semi-neutral-5: 146,151,158;
377
+ --semi-neutral-6: 174,178,183;
378
+ --semi-neutral-7: 201,203,207;
379
+ --semi-neutral-8: 227,228,230;
380
+ --semi-neutral-9: 242,243,244;
381
381
  --semi-light-blue-0: 0,51,97;
382
382
  --semi-light-blue-1: 0,73,133;
383
383
  --semi-light-blue-2: 0,95,169;
@@ -388,28 +388,28 @@ body[theme-mode=dark], body .semi-always-dark {
388
388
  --semi-light-blue-7: 149,214,249;
389
389
  --semi-light-blue-8: 202,235,252;
390
390
  --semi-light-blue-9: 233,247,254;
391
- --semi-light-green-0: 36,61,18;
392
- --semi-light-green-1: 56,92,28;
393
- --semi-light-green-2: 77,123,38;
394
- --semi-light-green-3: 98,153,49;
395
- --semi-light-green-4: 121,184,61;
396
- --semi-light-green-5: 146,198,92;
397
- --semi-light-green-6: 172,212,127;
398
- --semi-light-green-7: 199,227,166;
399
- --semi-light-green-8: 226,241,209;
400
- --semi-light-green-9: 243,248,236;
391
+ --semi-light-green-0: 27,70,4;
392
+ --semi-light-green-1: 43,105,7;
393
+ --semi-light-green-2: 60,140,11;
394
+ --semi-light-green-3: 79,175,15;
395
+ --semi-light-green-4: 88,207,4;
396
+ --semi-light-green-5: 129,219,60;
397
+ --semi-light-green-6: 160,228,104;
398
+ --semi-light-green-7: 191,237,151;
399
+ --semi-light-green-8: 223,246,201;
400
+ --semi-light-green-9: 242,251,233;
401
401
  }
402
402
 
403
403
  body, body[theme-mode=dark] .semi-always-light {
404
404
  --semi-color-app: rgba(var(--semi-neutral-0),1);
405
- --semi-color-bg-0: rgba(255,255,255, 1);
405
+ --semi-color-bg-0: rgba(var(--semi-neutral-0),1);
406
406
  --semi-color-bg-1: rgba(255,255,255,1);
407
407
  --semi-color-bg-2: rgba(255,255,255,1);
408
408
  --semi-color-bg-3: rgba(255,255,255,1);
409
409
  --semi-color-bg-4: rgba(255,255,255,1);
410
- --semi-color-info: rgba(var(--semi-brand-5), 1);
410
+ --semi-color-info: rgba(var(--semi-brand-5),1);
411
411
  --semi-color-link: rgba(var(--semi-brand-5),1);
412
- --semi-color-bg-anti: rgba(28,28,28,1);
412
+ --semi-color-bg-anti: rgba(var(--semi-neutral-8),1);
413
413
  --semi-color-nav-bg: rgba(var(--semi-neutral-0),1);
414
414
  --semi-color-black: rgba(0,0,0,1);
415
415
  --semi-color-data-0: rgba(var(--semi-brand-5),1);
@@ -422,15 +422,16 @@ body, body[theme-mode=dark] .semi-always-light {
422
422
  --semi-color-data-7: rgba(139, 215, 210, 1);
423
423
  --semi-color-data-8: rgba(131, 176, 35, 1);
424
424
  --semi-color-data-9: rgba(233, 165, 229, 1);
425
- --semi-color-fill-0: rgba(var(--semi-neutral-5), 0.05);
426
- --semi-color-fill-1: rgba(var(--semi-neutral-5), 0.08);
427
- --semi-color-fill-2: rgba(var(--semi-neutral-5), 0.16);
425
+ --semi-color-fill-0: rgba(var(--semi-neutral-5),0.05);
426
+ --semi-color-fill-1: rgba(var(--semi-neutral-5),0.08);
427
+ --semi-color-fill-2: rgba(var(--semi-neutral-5),0.16);
428
428
  --semi-color-fill-3: rgba(var(--semi-neutral-5),0.32);
429
429
  --semi-color-text-0: rgba(var(--semi-neutral-9),1);
430
430
  --semi-color-text-1: rgba(var(--semi-neutral-9),0.8);
431
431
  --semi-color-text-2: rgba(var(--semi-neutral-9),0.6);
432
432
  --semi-color-text-3: rgba(var(--semi-neutral-9),0.4);
433
433
  --semi-color-white: rgba(255,255,255,1);
434
+ --semi-color-app-name: rgba(var(--semi-blue-5),1);
434
435
  --semi-color-bg-avatar: rgba(var(--semi-neutral-5),0.08);
435
436
  --semi-color-data-10: rgba(48, 167, 206, 1);
436
437
  --semi-color-data-11: rgba(249, 192, 100, 1);
@@ -443,7 +444,7 @@ body, body[theme-mode=dark] .semi-always-light {
443
444
  --semi-color-data-18: rgba(212, 88, 212, 1);
444
445
  --semi-color-data-19: rgba(188, 198, 255, 1);
445
446
  --semi-color-data-20: rgba(121,137,255, 1);
446
- --semi-color-border: rgba(var(--semi-neutral-3),1);
447
+ --semi-color-border: rgba(var(--semi-neutral-5),0.16);
447
448
  --semi-color-danger: rgba(var(--semi-red-5), 1);
448
449
  --semi-color-shadow: rgba(var(--semi-neutral-9),0.05);
449
450
  --semi-color-text-nav: rgba(var(--semi-neutral-9),0.8);
@@ -483,8 +484,8 @@ body, body[theme-mode=dark] .semi-always-light {
483
484
  --semi-color-bg-transparent: rgba(255,255,255,0);
484
485
  --semi-color-card-HoverBg: rgba(var(--semi-neutral-5),0.08);
485
486
  --semi-color-divider-0: rgba(var(--semi-neutral-5),0.08);
486
- --semi-color-divider-1: rgba(var(--semi-neutral-2),0.16);
487
- --semi-color-divider-2: rgba(var(--semi-neutral-2),0.2);
487
+ --semi-color-divider-1: rgba(var(--semi-neutral-5),0.16);
488
+ --semi-color-divider-2: rgba(var(--semi-neutral-5),0.22);
488
489
  --semi-color-link-visited: rgba(var(--semi-brand-3),1);
489
490
  --semi-color-photo-toast: rgba(0,0,0,0.9);
490
491
  --semi-color-tab-DefaultBg: rgba(var(--semi-neutral-0),1);
@@ -496,40 +497,44 @@ body, body[theme-mode=dark] .semi-always-light {
496
497
  --semi-color-tab-DisabledBg: rgba(var(--semi-neutral-2),1);
497
498
  --semi-color-tab-SelectedBg: rgba(var(--semi-neutral-9),1);
498
499
  --semi-color-Scrollbar: rgba(var(--semi-neutral-5),0.16);
499
- --semi-color-border-hover: rgba(var(--semi-neutral-4),1);
500
- --semi-color-border-modal: rgba(var(--semi-neutral-8),0.15);
500
+ --semi-color-border-hover: rgba(var(--semi-neutral-5),0.22);
501
+ --semi-color-border-modal: rgba(var(--semi-neutral-5),0.16);
501
502
  --semi-color-card-DefaultBg: rgba(var(--semi-neutral-5),0.05);
502
503
  --semi-color-danger-hover: rgba(var(--semi-red-6), 1);
503
504
  --semi-color-highlight: rgba(var(--semi-black),1);
505
+ --semi-color-input-HoverBg: rgba(255,255,255,1);
504
506
  --semi-color-secondary: rgba(var(--semi-light-blue-5), 1);
505
507
  --semi-color-table-FocusBg: rgba(var(--semi-brand-5),0.2);
506
508
  --semi-color-table-HoverBg: rgba(var(--semi-neutral-5),0.08);
507
- --semi-color-border-active: rgba(var(--semi-neutral-5),1);
509
+ --semi-color-border-active: rgba(var(--semi-neutral-5),0.32);
508
510
  --semi-color-border-select: rgba(var(--semi-neutral-0),0);
509
511
  --semi-color-danger-active: rgba(var(--semi-red-7), 1);
510
512
  --semi-color-disabled-bg: rgba(var(--semi-neutral-5),0.08);
513
+ --semi-color-input-ActiveBg: rgba(255,255,255,1);
511
514
  --semi-color-table-ActiveBg: rgba(var(--semi-brand-5),0.12);
512
- --semi-color-card-borderHover: rgba(var(--semi-neutral-5),0.2);
515
+ --semi-color-card-borderHover: rgba(var(--semi-neutral-6),0.2);
513
516
  --semi-color-default-hover: rgba(var(--semi-grey-1), 1);
517
+ --semi-color-input-DefaultBg: rgba(255,255,255,1);
514
518
  --semi-color-photo-toastText: rgba(255,255,255,1);
515
519
  --semi-color-primary-hover: rgba(var(--semi-brand-6), 1);
516
520
  --semi-color-success-hover: rgba(var(--semi-green-6), 1);
517
521
  --semi-color-warning-hover: rgba(var(--semi-orange-6), 1);
518
522
  --semi-color-Component-bg: rgba(255,255,255,0.5);
519
- --semi-color-card-borderActive: rgba(var(--semi-blue-5),1);
523
+ --semi-color-card-borderActive: rgba(var(--semi-brand-5),1);
520
524
  --semi-color-default-active: rgba(var(--semi-grey-2), 1);
521
525
  --semi-color-disabled-fill: rgba(var(--semi-neutral-5),0.08);
522
526
  --semi-color-disabled-text: rgba(var(--semi-neutral-5),0.4);
523
527
  --semi-color-highlight-bg: rgba(var(--semi-yellow-4),1);
528
+ --semi-color-input-DisabledBg: rgba(var(--semi-neutral-5),0.08);
524
529
  --semi-color-primary-active: rgba(var(--semi-brand-7), 1);
525
530
  --semi-color-success-active: rgba(var(--semi-green-7), 1);
526
531
  --semi-color-warning-active: rgba(var(--semi-orange-7),1);
527
- --semi-color-tertiary-hover: rgba(var(--semi-neutral-6), 1);
532
+ --semi-color-tertiary-hover: rgba(var(--semi-neutral-6),0.8);
528
533
  --semi-color-Component-card: rgba(255,255,255,0.9);
529
534
  --semi-color-disabled-border: rgba(var(--semi-neutral-5),0.2);
530
535
  --semi-color-primary-disabled: rgba(var(--semi-neutral-5),0.08);
531
536
  --semi-color-success-disabled: rgba(var(--semi-neutral-5),0.08);
532
- --semi-color-tertiary-active: rgba(var(--semi-neutral-7), 1);
537
+ --semi-color-tertiary-active: rgba(var(--semi-neutral-6),1);
533
538
  --semi-color-Scrollbar-hover: rgba(var(--semi-neutral-5),0.32);
534
539
  --semi-color-secondary-hover: rgba(var(--semi-light-blue-6), 1);
535
540
  --semi-color-overlay-CustomAnti: rgba(255,255,255,0.7);
@@ -586,17 +591,17 @@ body, body[theme-mode=dark] .semi-always-light {
586
591
 
587
592
  body[theme-mode=dark], body .semi-always-dark {
588
593
  --semi-color-app: rgba(var(--semi-neutral-0),1);
589
- --semi-color-bg-0: rgba(var(--semi-neutral-0), 1);
594
+ --semi-color-bg-0: rgba(var(--semi-neutral-0),1);
590
595
  --semi-color-bg-1: rgba(var(--semi-neutral-1), 1);
591
596
  --semi-color-bg-2: rgba(var(--semi-neutral-1),1);
592
- --semi-color-bg-3: rgba(var(--semi-neutral-3),1);
593
- --semi-color-bg-4: rgba(var(--semi-neutral-4),1);
594
- --semi-color-info: rgba(var(--semi-brand-4),1);
595
- --semi-color-link: rgba(var(--semi-brand-4),1);
596
- --semi-color-bg-anti: rgba(var(--semi-neutral-9), 1);
597
+ --semi-color-bg-3: rgba(var(--semi-neutral-2),1);
598
+ --semi-color-bg-4: rgba(var(--semi-neutral-2),1);
599
+ --semi-color-info: rgba(var(--semi-brand-5),1);
600
+ --semi-color-link: rgba(var(--semi-brand-5),1);
601
+ --semi-color-bg-anti: rgba(255,255,255,1);
597
602
  --semi-color-nav-bg: rgba(var(--semi-neutral-2),1);
598
603
  --semi-color-black: rgba(0,0,0,1);
599
- --semi-color-data-0: rgba(var(--semi-brand-4),1);
604
+ --semi-color-data-0: rgba(var(--semi-brand-5),1);
600
605
  --semi-color-data-1: rgba(102,204,255,1);
601
606
  --semi-color-data-2: rgba(245,135,0,1);
602
607
  --semi-color-data-3: rgba(220,183,252,1);
@@ -606,15 +611,16 @@ body[theme-mode=dark], body .semi-always-dark {
606
611
  --semi-color-data-7: rgba(139,215,210,1);
607
612
  --semi-color-data-8: rgba(140,176,35,1);
608
613
  --semi-color-data-9: rgba(233,165,229,1);
609
- --semi-color-fill-0: rgba(var(--semi-neutral-9),0.05);
610
- --semi-color-fill-1: rgba(var(--semi-neutral-9),0.09);
611
- --semi-color-fill-2: rgba(var(--semi-neutral-9),0.13);
612
- --semi-color-text-0: rgba(var(--semi-neutral-9), 1);
613
- --semi-color-text-1: rgba(var(--semi-neutral-8), 1);
614
- --semi-color-text-2: rgba(var(--semi-neutral-6), 1);
615
- --semi-color-text-3: rgba(var(--semi-neutral-5), 1);
614
+ --semi-color-fill-0: rgba(var(--semi-neutral-5), 0.05);
615
+ --semi-color-fill-1: rgba(var(--semi-neutral-5), 0.08);
616
+ --semi-color-fill-2: rgba(var(--semi-neutral-5), 0.16);
617
+ --semi-color-fill-3: rgba(var(--semi-neutral-5),0.32);
618
+ --semi-color-text-0: rgba(255,255,255,1);
619
+ --semi-color-text-1: rgba(var(--semi-neutral-9),0.8);
620
+ --semi-color-text-2: rgba(var(--semi-neutral-9),0.6);
621
+ --semi-color-text-3: rgba(var(--semi-neutral-9),0.4);
616
622
  --semi-color-white: rgba(255,255,255,1);
617
- --semi-color-bg-avatar: rgba(var(--semi-neutral-9), 0.08);
623
+ --semi-color-bg-avatar: rgba(var(--semi-neutral-5),0.08);
618
624
  --semi-color-data-10: rgba(48,167,206,1);
619
625
  --semi-color-data-11: rgba(249,192,100,1);
620
626
  --semi-color-data-12: rgba(177,113,249,1);
@@ -626,13 +632,12 @@ body[theme-mode=dark], body .semi-always-dark {
626
632
  --semi-color-data-18: rgba(212,88,212,1);
627
633
  --semi-color-data-19: rgba(188,198,255,1);
628
634
  --semi-color-data-20: rgba(var(--semi-brand-4), 1);
629
- --semi-color-bg-custom5: rgba(170,170,170,1);
630
- --semi-color-border: rgba(var(--semi-neutral-4),1);
631
- --semi-color-danger: rgba(var(--semi-red-4),1);
635
+ --semi-color-border: rgba(var(--semi-neutral-5),0.16);
636
+ --semi-color-danger: rgba(var(--semi-red-5),1);
632
637
  --semi-color-shadow: rgba(var(--semi-neutral-0),0.8);
633
- --semi-color-text-nav: rgba(var(--semi-neutral-8),1);
638
+ --semi-color-text-nav: rgba(var(--semi-neutral-9),0.8);
634
639
  --semi-color-app-header: rgba(var(--semi-neutral-0),0);
635
- --semi-color-bg-dropdown: rgba(var(--semi-neutral-3), 1);
640
+ --semi-color-bg-dropdown: rgba(var(--semi-neutral-2),1);
636
641
  --semi-color-black-10: rgba(0,0,0,0.1);
637
642
  --semi-color-black-20: rgba(0,0,0,0.2);
638
643
  --semi-color-black-30: rgba(0,0,0,0.3);
@@ -642,7 +647,7 @@ body[theme-mode=dark], body .semi-always-dark {
642
647
  --semi-color-black-70: rgba(0,0,0,0.7);
643
648
  --semi-color-black-80: rgba(0,0,0,0.8);
644
649
  --semi-color-black-90: rgba(0,0,0,0.9);
645
- --semi-color-text-anti: rgba(var(--semi-neutral-0), 1);
650
+ --semi-color-text-anti: rgba(var(--semi-neutral-0),1);
646
651
  --semi-color-white-10: rgba(255,255,255,0.1);
647
652
  --semi-color-white-20: rgba(255,255,255,0.2);
648
653
  --semi-color-white-30: rgba(255,255,255,0.3);
@@ -653,90 +658,93 @@ body[theme-mode=dark], body .semi-always-dark {
653
658
  --semi-color-white-80: rgba(255,255,255,0.8);
654
659
  --semi-color-white-90: rgba(255,255,255,0.9);
655
660
  --semi-color-default: rgba(var(--semi-neutral-0), 1);
656
- --semi-color-info-hover: rgba(var(--semi-brand-5),1);
657
- --semi-color-link-hover: rgba(var(--semi-brand-5),1);
658
- --semi-color-primary: rgba(var(--semi-brand-4),1);
659
- --semi-color-success: rgba(var(--semi-green-4),1);
661
+ --semi-color-info-hover: rgba(var(--semi-brand-4),1);
662
+ --semi-color-link-hover: rgba(var(--semi-brand-4),1);
663
+ --semi-color-primary: rgba(var(--semi-brand-5),1);
664
+ --semi-color-success: rgba(var(--semi-green-5),1);
660
665
  --semi-color-tab-HoverBg: rgba(var(--semi-neutral-2),1);
661
- --semi-color-warning: rgba(var(--semi-orange-4),1);
666
+ --semi-color-warning: rgba(var(--semi-orange-5),1);
662
667
  --semi-color-app-siderbar: rgba(var(--semi-neutral-0),0);
663
- --semi-color-card-border: rgba(var(--semi-neutral-3), 1);
668
+ --semi-color-card-border: rgba(var(--semi-neutral-5),0.16);
664
669
  --semi-color-info-active: rgba(var(--semi-brand-3),1);
665
670
  --semi-color-link-active: rgba(var(--semi-brand-3),1);
666
671
  --semi-color-app-container: rgba(var(--semi-neutral-1),1);
667
- --semi-color-bg-transparent: rgba(var(--semi-neutral-1),0);
668
- --semi-color-card-HoverBg: rgba(var(--semi-neutral-3), 1);
669
- --semi-color-divider-0: rgba(var(--semi-neutral-9),0.2);
670
- --semi-color-divider-1: rgba(var(--semi-neutral-8),0.1);
671
- --semi-color-divider-2: rgba(var(--semi-neutral-8),0.05);
672
+ --semi-color-bg-transparent: rgba(var(--semi-neutral-0),0);
673
+ --semi-color-card-HoverBg: rgba(var(--semi-neutral-5),0.08);
674
+ --semi-color-divider-0: rgba(var(--semi-neutral-5),0.08);
675
+ --semi-color-divider-1: rgba(var(--semi-neutral-5),0.16);
676
+ --semi-color-divider-2: rgba(var(--semi-neutral-5),0.22);
672
677
  --semi-color-link-visited: rgba(var(--semi-brand-2),1);
673
678
  --semi-color-photo-toast: rgba(0,0,0,0.9);
674
679
  --semi-color-tab-DefaultBg: rgba(var(--semi-neutral-1),1);
675
- --semi-color-tertiary: rgba(var(--semi-neutral-6),1);
676
- --semi-color-card-ActiveBg: rgba(var(--semi-brand-1),0.5);
677
- --semi-color-data-custom21: rgba(var(--semi-brand-3), 1);
680
+ --semi-color-tertiary: rgba(var(--semi-neutral-5),0.16);
681
+ --semi-color-card-ActiveBg: rgba(var(--semi-brand-5),0.12);
678
682
  --semi-color-focus-border: rgba(var(--semi-brand-5), 1);
679
- --semi-color-info-disabled: rgba(var(--semi-brand-2), 1);
680
- --semi-color-overlay-bg: rgba(0,0,0,0.7);
683
+ --semi-color-info-disabled: rgba(var(--semi-neutral-5),0.08);
684
+ --semi-color-overlay-bg: rgba(0,0,0,0.6);
681
685
  --semi-color-shadow-anti: rgba(0,0,0,0.7);
682
686
  --semi-color-tab-DisabledBg: rgba(var(--semi-neutral-2),1);
683
687
  --semi-color-tab-SelectedBg: rgba(var(--semi-neutral-9),1);
684
- --semi-color-Scrollbar: rgba(var(--semi-neutral-4),1);
685
- --semi-color-border-hover: rgba(var(--semi-neutral-5),1);
686
- --semi-color-border-modal: rgba(var(--semi-neutral-6),0.6);
687
- --semi-color-card-DefaultBg: rgba(var(--semi-neutral-2),1);
688
- --semi-color-danger-hover: rgba(var(--semi-red-5),1);
688
+ --semi-color-Scrollbar: rgba(var(--semi-neutral-5),0.08);
689
+ --semi-color-border-hover: rgba(var(--semi-neutral-5),0.22);
690
+ --semi-color-border-modal: rgba(var(--semi-neutral-5),0.22);
691
+ --semi-color-card-DefaultBg: rgba(var(--semi-neutral-5),0.05);
692
+ --semi-color-danger-hover: rgba(var(--semi-red-4),1);
689
693
  --semi-color-highlight: rgba(var(--semi-white),1);
694
+ --semi-color-input-HoverBg: rgba(var(--semi-neutral-5),0.08);
690
695
  --semi-color-secondary: rgba(var(--semi-light-blue-5), 1);
691
- --semi-color-table-FocusBg: rgba(var(--semi-brand-2),0.85);
692
- --semi-color-table-HoverBg: rgba(255,255,255,0.05);
693
- --semi-color-border-actvie: rgba(var(--semi-blue-4),1);
694
- --semi-color-border-select: rgba(var(--semi-neutral-4),1);
696
+ --semi-color-table-FocusBg: rgba(var(--semi-brand-5),0.12);
697
+ --semi-color-table-HoverBg: rgba(var(--semi-neutral-5),0.08);
698
+ --semi-color-border-actvie: rgba(var(--semi-neutral-5),0.32);
699
+ --semi-color-border-select: rgba(var(--semi-neutral-5),0.22);
695
700
  --semi-color-danger-active: rgba(var(--semi-red-3),1);
696
- --semi-color-disabled-bg: rgba(var(--semi-neutral-2),1);
697
- --semi-color-table-ActiveBg: rgba(var(--semi-brand-2),0.55);
698
- --semi-color-card-borderHover: rgba(var(--semi-neutral-4),1);
701
+ --semi-color-disabled-bg: rgba(var(--semi-neutral-5),0.08);
702
+ --semi-color-input-ActiveBg: rgba(var(--semi-neutral-5),0.05);
703
+ --semi-color-table-ActiveBg: rgba(var(--semi-brand-5),0.2);
704
+ --semi-color-card-borderHover: rgba(var(--semi-neutral-5),0.22);
699
705
  --semi-color-default-hover: rgba(var(--semi-neutral-1), 1);
706
+ --semi-color-input-DefaultBg: rgba(var(--semi-neutral-5),0.05);
700
707
  --semi-color-photo-toastText: rgba(255,255,255,1);
701
- --semi-color-primary-hover: rgba(var(--semi-brand-5),1);
702
- --semi-color-success-hover: rgba(var(--semi-green-5),1);
703
- --semi-color-warning-hover: rgba(var(--semi-orange-5),1);
708
+ --semi-color-primary-hover: rgba(var(--semi-brand-4),1);
709
+ --semi-color-success-hover: rgba(var(--semi-green-4),1);
710
+ --semi-color-warning-hover: rgba(var(--semi-orange-4),1);
704
711
  --semi-color-Component-bg: rgba(0,0,0,0.6);
705
- --semi-color-card-borderActive: rgba(var(--semi-brand-3),1);
712
+ --semi-color-card-borderActive: rgba(var(--semi-brand-5),1);
706
713
  --semi-color-default-active: rgba(var(--semi-neutral-2), 1);
707
- --semi-color-disabled-fill: rgba(var(--semi-neutral-8),0.04);
708
- --semi-color-disabled-text: rgba(var(--semi-neutral-5),1);
714
+ --semi-color-disabled-fill: rgba(var(--semi-neutral-5),0.08);
715
+ --semi-color-disabled-text: rgba(var(--semi-neutral-5),0.4);
709
716
  --semi-color-highlight-bg: rgba(var(--semi-yellow-4),1);
717
+ --semi-color-input-DisabledBg: rgba(var(--semi-neutral-5),0.08);
710
718
  --semi-color-primary-active: rgba(var(--semi-brand-3),1);
711
- --semi-color-success-active: rgba(var(--semi-green-6),1);
719
+ --semi-color-success-active: rgba(var(--semi-green-3),1);
712
720
  --semi-color-warning-active: rgba(var(--semi-orange-3),1);
713
- --semi-color-tertiary-hover: rgba(var(--semi-neutral-7),1);
721
+ --semi-color-tertiary-hover: rgba(var(--semi-neutral-5),0.32);
714
722
  --semi-color-Component-card: rgba(12,13,13,0.6);
715
- --semi-color-disabled-border: rgba(var(--semi-neutral-3),1);
716
- --semi-color-primary-disabled: rgba(var(--semi-brand-2),0.9);
717
- --semi-color-success-disabled: rgba(var(--semi-green-0),1);
718
- --semi-color-tertiary-active: rgba(var(--semi-neutral-7),1);
719
- --semi-color-Scrollbar-hover: rgba(var(--semi-neutral-5),1);
723
+ --semi-color-disabled-border: rgba(var(--semi-neutral-5),0.2);
724
+ --semi-color-primary-disabled: rgba(var(--semi-neutral-5),0.08);
725
+ --semi-color-success-disabled: rgba(var(--semi-neutral-5),0.08);
726
+ --semi-color-tertiary-active: rgba(var(--semi-neutral-5),0.34);
727
+ --semi-color-Scrollbar-hover: rgba(var(--semi-neutral-5),0.16);
720
728
  --semi-color-secondary-hover: rgba(var(--semi-light-blue-6), 1);
721
- --semi-color-overlay-CustomAnti: rgba(0,0,0,0.7);
729
+ --semi-color-overlay-CustomAnti: rgba(0,0,0,0.6);
722
730
  --semi-color-secondary-active: rgba(var(--semi-light-blue-7), 1);
723
731
  --semi-color-info-light-hover: rgba(var(--semi-brand-1),0.5);
724
732
  --semi-color-fndesktop-navbarBg: rgba(12,13,13,0.6);
725
733
  --semi-color-info-light-active: rgba(var(--semi-brand-2),1);
726
- --semi-color-secondary-disabled: rgba(var(--semi-light-blue-2), 1);
727
- --semi-color-info-light-default: rgba(var(--semi-brand-1),0.8);
734
+ --semi-color-secondary-disabled: rgba(var(--semi-neutral-5),0.08);
735
+ --semi-color-info-light-default: rgba(var(--semi-brand-0),0.8);
728
736
  --semi-color-overlay-CustomPreview: rgba(0,0,0,0.9);
729
737
  --semi-color-danger-light-hover: rgba(var(--semi-red-1),1);
730
738
  --semi-color-danger-light-active: rgba(var(--semi-red-2),1);
731
739
  --semi-color-fndesktop-navbarBorder: rgba(255,255,255,0.05);
732
740
  --semi-color-danger-light-default: rgba(var(--semi-red-0),1);
733
- --semi-color-primary-light-hover: rgba(var(--semi-brand-2),0.55);
741
+ --semi-color-primary-light-hover: rgba(var(--semi-brand-1),0.55);
734
742
  --semi-color-success-light-hover: rgba(var(--semi-green-1),1);
735
743
  --semi-color-warning-light-hover: rgba(var(--semi-orange-1),1);
736
744
  --semi-color-primary-light-active: rgba(var(--semi-brand-2),1);
737
745
  --semi-color-success-light-active: rgba(var(--semi-green-2),1);
738
746
  --semi-color-warning-light-active: rgba(var(--semi-orange-2),1);
739
- --semi-color-primary-light-default: rgba(var(--semi-brand-2),0.3);
747
+ --semi-color-primary-light-default: rgba(var(--semi-brand-0),0.3);
740
748
  --semi-color-success-light-default: rgba(var(--semi-green-0),1);
741
749
  --semi-color-tertiary-light-hover: rgba(var(--semi-neutral-5), 0.3);
742
750
  --semi-color-warning-light-default: rgba(var(--semi-orange-0),1);
@@ -2440,7 +2448,7 @@ body {
2440
2448
  border: 1px solid var(--semi-color-border);
2441
2449
  }
2442
2450
  .semi-button-tertiary.semi-button-light, .semi-button-tertiary.semi-button-outline, .semi-button-tertiary.semi-button-borderless {
2443
- color: var(--semi-color-text-1);
2451
+ color: var(--semi-color-text-0);
2444
2452
  }
2445
2453
  .semi-button-primary {
2446
2454
  background-color: var(--semi-color-primary);
@@ -2538,18 +2546,18 @@ body {
2538
2546
  background-color: var(--semi-color-fill-1);
2539
2547
  }
2540
2548
  .semi-button-light {
2541
- background-color: var(--semi-color-fill-0);
2549
+ background-color: var(--semi-color-fill-1);
2542
2550
  border: 1px transparent solid;
2543
2551
  transition: background-color var(--semi-transition_duration-none) var(--semi-transition_function-easeIn) var(--semi-transition_delay-none), border var(--semi-transition_duration-none) var(--semi-transition_function-easeIn) var(--semi-transition_delay-none);
2544
2552
  transform: scale(var(--semi-transform_scale-none));
2545
2553
  }
2546
2554
  .semi-button-light:not(.semi-button-disabled):hover {
2547
- background-color: var(--semi-color-fill-1);
2548
- border: 1px transparent solid;
2555
+ background-color: var(--semi-color-fill-2);
2556
+ border: 1px var(--semi-color-bg-transparent) solid;
2549
2557
  }
2550
2558
  .semi-button-light:not(.semi-button-disabled):active {
2551
- background-color: var(--semi-color-fill-2);
2552
- border: 1px transparent solid;
2559
+ background-color: var(--semi-color-fill-3);
2560
+ border: 1px var(--semi-color-bg-transparent) solid;
2553
2561
  }
2554
2562
  .semi-button-size-small {
2555
2563
  height: 28px;
@@ -2648,7 +2656,7 @@ body {
2648
2656
  background-color: var(--semi-color-disabled-bg);
2649
2657
  }
2650
2658
  .semi-button-group-line-light {
2651
- background-color: var(--semi-color-fill-0);
2659
+ background-color: var(--semi-color-fill-1);
2652
2660
  }
2653
2661
  .semi-button-group-line-borderless {
2654
2662
  background-color: transparent;
@@ -3362,7 +3370,7 @@ body {
3362
3370
  padding: 0;
3363
3371
  border-radius: var(--semi-border-radius-medium);
3364
3372
  overflow: hidden;
3365
- background-color: var(--semi-color-bg-0);
3373
+ background-color: var(--semi-color-card-DefaultBg);
3366
3374
  font-size: 14px;
3367
3375
  font-style: normal;
3368
3376
  font-weight: 400;
@@ -3381,13 +3389,13 @@ body {
3381
3389
  box-shadow: var(--semi-shadow-elevated);
3382
3390
  }
3383
3391
  .semi-card-bordered {
3384
- border: 1px solid var(--semi-color-border);
3392
+ border: 1px solid var(--semi-color-card-border);
3385
3393
  }
3386
3394
  .semi-card-header {
3387
3395
  padding: 20px;
3388
3396
  }
3389
3397
  .semi-card-header-bordered {
3390
- border-bottom: 1px solid var(--semi-color-border);
3398
+ border-bottom: 1px solid var(--semi-color-card-border);
3391
3399
  }
3392
3400
  .semi-card-header-wrapper {
3393
3401
  display: flex;
@@ -3426,13 +3434,13 @@ body {
3426
3434
  .semi-card-body-actions {
3427
3435
  margin-top: 20px;
3428
3436
  padding-top: 20px;
3429
- border-top: 1px solid var(--semi-color-border);
3437
+ border-top: 1px solid var(--semi-color-card-border);
3430
3438
  }
3431
3439
  .semi-card-footer {
3432
3440
  padding: 20px;
3433
3441
  }
3434
3442
  .semi-card-footer-bordered {
3435
- border-top: 1px solid var(--semi-color-border);
3443
+ border-top: 1px solid var(--semi-color-card-border);
3436
3444
  }
3437
3445
  .semi-card-meta {
3438
3446
  display: flex;
@@ -7178,6 +7186,7 @@ body {
7178
7186
  z-index: 1050;
7179
7187
  border-radius: 8px;
7180
7188
  background: var(--semi-color-bg-dropdown);
7189
+ backdrop-filter: none;
7181
7190
  opacity: 0;
7182
7191
  }
7183
7192
  .semi-dropdown-wrapper-show {
@@ -7273,7 +7282,7 @@ body {
7273
7282
  width: 100%;
7274
7283
  min-width: 100%;
7275
7284
  clear: both;
7276
- background: var(--semi-color-border);
7285
+ background: var(--semi-color-divider-1);
7277
7286
  margin: 4px 0px;
7278
7287
  }
7279
7288
 
@@ -7422,7 +7431,7 @@ body {
7422
7431
  color: var(--semi-color-danger);
7423
7432
  }
7424
7433
  .semi-form-field-label-optional-text {
7425
- color: var(--semi-color-tertiary);
7434
+ color: var(--semi-color-text-3);
7426
7435
  }
7427
7436
  .semi-form-field-label-left {
7428
7437
  text-align: left;
@@ -13275,7 +13284,7 @@ img[src=""], img:not([src]) {
13275
13284
  font-size: 14px;
13276
13285
  font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "Helvetica Neue", Helvetica, Arial, sans-serif;
13277
13286
  line-height: 20px;
13278
- background-color: var(--semi-color-bg-1);
13287
+ background-color: var(--semi-color-input-DefaultBg);
13279
13288
  border: 1px var(--semi-color-border) solid;
13280
13289
  border-radius: 6px;
13281
13290
  width: 100%;
@@ -13308,19 +13317,19 @@ img[src=""], img:not([src]) {
13308
13317
  line-height: 40px;
13309
13318
  }
13310
13319
  .semi-input-wrapper:hover {
13311
- background-color: var(--semi-color-bg-1);
13320
+ background-color: var(--semi-color-input-HoverBg);
13312
13321
  border-color: var(--semi-color-border-hover);
13313
13322
  }
13314
13323
  .semi-input-wrapper-focus {
13315
- background-color: var(--semi-color-bg-1);
13324
+ background-color: var(--semi-color-input-ActiveBg);
13316
13325
  border: var(--semi-color-focus-border) solid 1px;
13317
13326
  }
13318
13327
  .semi-input-wrapper-focus:hover {
13319
- background-color: var(--semi-color-bg-1);
13328
+ background-color: var(--semi-color-input-HoverBg);
13320
13329
  border-color: var(--semi-color-focus-border);
13321
13330
  }
13322
13331
  .semi-input-wrapper-focus:active {
13323
- background-color: var(--semi-color-bg-1);
13332
+ background-color: var(--semi-color-input-ActiveBg);
13324
13333
  border-color: var(--semi-color-focus-border);
13325
13334
  }
13326
13335
  .semi-input-wrapper.semi-input-readonly {
@@ -13438,18 +13447,18 @@ img[src=""], img:not([src]) {
13438
13447
  background-color: transparent;
13439
13448
  }
13440
13449
  .semi-input-wrapper.semi-input-wrapper__with-prepend .semi-input, .semi-input-wrapper.semi-input-wrapper__with-append .semi-input {
13441
- background-color: var(--semi-color-bg-1);
13450
+ background-color: var(--semi-color-input-DefaultBg);
13442
13451
  border: 1px transparent solid;
13443
13452
  }
13444
13453
  .semi-input-wrapper.semi-input-wrapper__with-prepend .semi-input:hover, .semi-input-wrapper.semi-input-wrapper__with-append .semi-input:hover {
13445
- background-color: var(--semi-color-bg-1);
13454
+ background-color: var(--semi-color-input-HoverBg);
13446
13455
  }
13447
13456
  .semi-input-wrapper.semi-input-wrapper__with-prepend .semi-input:hover + .semi-input-clearbtn, .semi-input-wrapper.semi-input-wrapper__with-prepend .semi-input:hover ~ .semi-input-modebtn, .semi-input-wrapper.semi-input-wrapper__with-append .semi-input:hover + .semi-input-clearbtn, .semi-input-wrapper.semi-input-wrapper__with-append .semi-input:hover ~ .semi-input-modebtn {
13448
- background-color: var(--semi-color-bg-1);
13457
+ background-color: var(--semi-color-input-HoverBg);
13449
13458
  }
13450
13459
  .semi-input-wrapper.semi-input-wrapper__with-prepend .semi-input:focus, .semi-input-wrapper.semi-input-wrapper__with-append .semi-input:focus {
13451
13460
  border: 1px var(--semi-color-focus-border) solid;
13452
- background-color: var(--semi-color-bg-1);
13461
+ background-color: var(--semi-color-input-ActiveBg);
13453
13462
  }
13454
13463
  .semi-input-wrapper.semi-input-wrapper__with-prepend .semi-input:focus.semi-input-sibling-clearbtn, .semi-input-wrapper.semi-input-wrapper__with-prepend .semi-input:focus.semi-input-sibling-modebtn, .semi-input-wrapper.semi-input-wrapper__with-append .semi-input:focus.semi-input-sibling-clearbtn, .semi-input-wrapper.semi-input-wrapper__with-append .semi-input:focus.semi-input-sibling-modebtn {
13455
13464
  border-right-style: none;
@@ -13459,7 +13468,7 @@ img[src=""], img:not([src]) {
13459
13468
  }
13460
13469
  .semi-input-wrapper.semi-input-wrapper__with-prepend .semi-input:focus + .semi-input-clearbtn, .semi-input-wrapper.semi-input-wrapper__with-prepend .semi-input:focus ~ .semi-input-modebtn, .semi-input-wrapper.semi-input-wrapper__with-append .semi-input:focus + .semi-input-clearbtn, .semi-input-wrapper.semi-input-wrapper__with-append .semi-input:focus ~ .semi-input-modebtn {
13461
13470
  box-sizing: border-box;
13462
- background-color: var(--semi-color-bg-1);
13471
+ background-color: var(--semi-color-input-ActiveBg);
13463
13472
  }
13464
13473
  .semi-input-wrapper.semi-input-wrapper__with-prepend .semi-input:focus + .semi-input-clearbtn, .semi-input-wrapper.semi-input-wrapper__with-append .semi-input:focus + .semi-input-clearbtn {
13465
13474
  border: 1px var(--semi-color-focus-border) solid;
@@ -13478,13 +13487,13 @@ img[src=""], img:not([src]) {
13478
13487
  border-radius: 0;
13479
13488
  }
13480
13489
  .semi-input-wrapper.semi-input-wrapper__with-prepend .semi-input:active, .semi-input-wrapper.semi-input-wrapper__with-append .semi-input:active {
13481
- background-color: var(--semi-color-bg-1);
13490
+ background-color: var(--semi-color-input-ActiveBg);
13482
13491
  }
13483
13492
  .semi-input-wrapper.semi-input-wrapper__with-prepend .semi-input:active + .semi-input-clearbtn, .semi-input-wrapper.semi-input-wrapper__with-prepend .semi-input:active ~ .semi-input-modebtn, .semi-input-wrapper.semi-input-wrapper__with-append .semi-input:active + .semi-input-clearbtn, .semi-input-wrapper.semi-input-wrapper__with-append .semi-input:active ~ .semi-input-modebtn {
13484
- background-color: var(--semi-color-bg-1);
13493
+ background-color: var(--semi-color-input-ActiveBg);
13485
13494
  }
13486
13495
  .semi-input-wrapper.semi-input-wrapper__with-prepend .semi-input-clearbtn, .semi-input-wrapper.semi-input-wrapper__with-prepend .semi-input-modebtn, .semi-input-wrapper.semi-input-wrapper__with-prepend .semi-input-clearbtn:hover, .semi-input-wrapper.semi-input-wrapper__with-prepend .semi-input-modebtn:hover, .semi-input-wrapper.semi-input-wrapper__with-append .semi-input-clearbtn, .semi-input-wrapper.semi-input-wrapper__with-append .semi-input-modebtn, .semi-input-wrapper.semi-input-wrapper__with-append .semi-input-clearbtn:hover, .semi-input-wrapper.semi-input-wrapper__with-append .semi-input-modebtn:hover {
13487
- background-color: var(--semi-color-bg-1);
13496
+ background-color: var(--semi-color-input-DefaultBg);
13488
13497
  }
13489
13498
  .semi-input-wrapper.semi-input-wrapper__with-prepend .semi-input-clearbtn:last-child, .semi-input-wrapper.semi-input-wrapper__with-prepend .semi-input-modebtn:last-child, .semi-input-wrapper.semi-input-wrapper__with-prepend .semi-input-clearbtn:hover:last-child, .semi-input-wrapper.semi-input-wrapper__with-prepend .semi-input-modebtn:hover:last-child, .semi-input-wrapper.semi-input-wrapper__with-append .semi-input-clearbtn:last-child, .semi-input-wrapper.semi-input-wrapper__with-append .semi-input-modebtn:last-child, .semi-input-wrapper.semi-input-wrapper__with-append .semi-input-clearbtn:hover:last-child, .semi-input-wrapper.semi-input-wrapper__with-append .semi-input-modebtn:hover:last-child {
13490
13499
  border-radius: 0 6px 6px 0;
@@ -13596,7 +13605,7 @@ img[src=""], img:not([src]) {
13596
13605
  display: none;
13597
13606
  }
13598
13607
  .semi-input::placeholder {
13599
- color: var(--semi-color-text-2);
13608
+ color: var(--semi-color-text-3);
13600
13609
  }
13601
13610
  .semi-input-large {
13602
13611
  height: 40px;
@@ -13670,7 +13679,7 @@ img[src=""], img:not([src]) {
13670
13679
  height: 100%;
13671
13680
  display: flex;
13672
13681
  align-items: center;
13673
- background-color: var(--semi-color-bg-1);
13682
+ background-color: var(--semi-color-input-DefaultBg);
13674
13683
  color: var(--semi-color-text-2);
13675
13684
  font-size: 14px;
13676
13685
  font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "Helvetica Neue", Helvetica, Arial, sans-serif;
@@ -14389,6 +14398,7 @@ img[src=""], img:not([src]) {
14389
14398
  left: 0;
14390
14399
  bottom: 0;
14391
14400
  background-color: var(--semi-color-overlay-bg);
14401
+ backdrop-filter: none;
14392
14402
  height: 100%;
14393
14403
  z-index: 1000;
14394
14404
  }
@@ -14430,6 +14440,7 @@ img[src=""], img:not([src]) {
14430
14440
  box-sizing: border-box;
14431
14441
  flex-direction: column;
14432
14442
  background-color: var(--semi-color-bg-2);
14443
+ backdrop-filter: none;
14433
14444
  border: 1px solid var(--semi-color-border-modal);
14434
14445
  border-radius: var(--semi-border-radius-large);
14435
14446
  padding: 0 24px;
@@ -14636,7 +14647,7 @@ img[src=""], img:not([src]) {
14636
14647
  user-select: none;
14637
14648
  transition: padding-left 100ms ease-out, width 200ms cubic-bezier(0.62, 0.05, 0.36, 0.95);
14638
14649
  border-right: 1px solid var(--semi-color-border);
14639
- background-color: var(--semi-color-nav-bg);
14650
+ background-color: var(--semi-color-bg-0);
14640
14651
  }
14641
14652
  .semi-navigation-inner {
14642
14653
  width: 100%;
@@ -15852,7 +15863,7 @@ img[src=""], img:not([src]) {
15852
15863
  .semi-page-item:active {
15853
15864
  border-color: var(--semi-color-border-hover);
15854
15865
  background-color: var(--semi-color-primary-hover);
15855
- color: var(--semi-color-text-0);
15866
+ color: rgb(255, 255, 255);
15856
15867
  }
15857
15868
  .semi-page-item-active {
15858
15869
  border-color: var(--semi-color-border-actvie);
@@ -16115,6 +16126,7 @@ img[src=""], img:not([src]) {
16115
16126
  .semi-popover-wrapper {
16116
16127
  position: relative;
16117
16128
  background-color: var(--semi-color-bg-3);
16129
+ backdrop-filter: none;
16118
16130
  box-shadow: 0px 12px 42px -4px rgba(0, 0, 0, 0.08), 0px 8px 16px -6px rgba(0, 0, 0, 0.08);
16119
16131
  z-index: 1030;
16120
16132
  border-radius: var(--semi-border-radius-medium);
@@ -16556,7 +16568,7 @@ img[src=""], img:not([src]) {
16556
16568
  box-sizing: border-box;
16557
16569
  width: 16px;
16558
16570
  height: 16px;
16559
- border: solid 1px var(--semi-color-text-3);
16571
+ border: solid 1px var(--semi-color-border);
16560
16572
  border-radius: 16px;
16561
16573
  background: var(--semi-color-bg-1);
16562
16574
  transition: background-color var(--semi-transition_duration-none) var(--semi-transition_function-easeIn) var(--semi-transition_delay-none), border var(--semi-transition_duration-none) var(--semi-transition_function-easeIn) var(--semi-transition_delay-none);
@@ -16788,7 +16800,7 @@ img[src=""], img:not([src]) {
16788
16800
  }
16789
16801
  .semi-rating-star-first, .semi-rating-star-second {
16790
16802
  transition: color var(--semi-transition_duration-none) var(--semi-transition_function-easeIn) var(--semi-transition_delay-none);
16791
- color: var(--semi-color-fill-0);
16803
+ color: var(--semi-color-fill-2);
16792
16804
  user-select: none;
16793
16805
  }
16794
16806
  .semi-rating-star-first {
@@ -17162,7 +17174,7 @@ img[src=""], img:not([src]) {
17162
17174
  font-weight: 600;
17163
17175
  }
17164
17176
  .semi-select-option:active {
17165
- background-color: var(--semi-color-fill-1);
17177
+ background-color: var(--semi-color-input-ActiveBg);
17166
17178
  }
17167
17179
  .semi-select-option-empty {
17168
17180
  cursor: not-allowed;
@@ -17180,7 +17192,7 @@ img[src=""], img:not([src]) {
17180
17192
  cursor: not-allowed;
17181
17193
  }
17182
17194
  .semi-select-option-disabled:hover {
17183
- background-color: var(--semi-color-fill-0);
17195
+ background-color: var(--semi-color-input-HoverBg);
17184
17196
  }
17185
17197
  .semi-select-option-selected {
17186
17198
  font-weight: 600;
@@ -17190,7 +17202,7 @@ img[src=""], img:not([src]) {
17190
17202
  color: var(--semi-color-text-2);
17191
17203
  }
17192
17204
  .semi-select-option-focused {
17193
- background-color: var(--semi-color-fill-0);
17205
+ background-color: var(--semi-color-input-HoverBg);
17194
17206
  }
17195
17207
 
17196
17208
  .semi-select {
@@ -17199,7 +17211,7 @@ img[src=""], img:not([src]) {
17199
17211
  border: 1px solid var(--semi-color-border);
17200
17212
  height: 36px;
17201
17213
  font-weight: 400;
17202
- background-color: var(--semi-color-bg-1);
17214
+ background-color: var(--semi-color-input-DefaultBg);
17203
17215
  display: inline-flex;
17204
17216
  vertical-align: middle;
17205
17217
  position: relative;
@@ -17211,16 +17223,16 @@ img[src=""], img:not([src]) {
17211
17223
  overflow-y: auto;
17212
17224
  }
17213
17225
  .semi-select:hover {
17214
- background-color: var(--semi-color-bg-1);
17226
+ background-color: var(--semi-color-fill-1);
17215
17227
  border: 1px solid var(--semi-color-border-hover);
17216
17228
  }
17217
17229
  .semi-select:focus {
17218
17230
  border: 1px solid var(--semi-color-border);
17219
- background-color: var(--semi-color-bg-1);
17231
+ background-color: var(--semi-color-input-ActiveBg);
17220
17232
  outline: 0;
17221
17233
  }
17222
17234
  .semi-select:active {
17223
- background-color: var(--semi-color-bg-1);
17235
+ background-color: var(--semi-color-input-ActiveBg);
17224
17236
  }
17225
17237
  .semi-select-small {
17226
17238
  height: 28px;
@@ -17240,11 +17252,11 @@ img[src=""], img:not([src]) {
17240
17252
  outline: 0;
17241
17253
  }
17242
17254
  .semi-select-open:hover, .semi-select-focus:hover {
17243
- background-color: var(--semi-color-bg-1);
17255
+ background-color: var(--semi-color-input-DefaultBg);
17244
17256
  border: 1px solid var(--semi-color-focus-border);
17245
17257
  }
17246
17258
  .semi-select-open:active, .semi-select-focus:active {
17247
- background-color: var(--semi-color-bg-1);
17259
+ background-color: var(--semi-color-input-ActiveBg);
17248
17260
  border: 1px solid var(--semi-color-info-active);
17249
17261
  }
17250
17262
  .semi-select-warning {
@@ -17753,6 +17765,7 @@ img[src=""], img:not([src]) {
17753
17765
  z-index: 1;
17754
17766
  overflow: auto;
17755
17767
  background-color: var(--semi-color-bg-2);
17768
+ backdrop-filter: none;
17756
17769
  border: 0;
17757
17770
  }
17758
17771
  .semi-sidesheet-header {
@@ -17799,6 +17812,7 @@ img[src=""], img:not([src]) {
17799
17812
  width: 100%;
17800
17813
  height: 100%;
17801
17814
  background-color: var(--semi-color-overlay-bg);
17815
+ backdrop-filter: none;
17802
17816
  opacity: 1;
17803
17817
  }
17804
17818
  .semi-sidesheet-mask-hidden {
@@ -18081,7 +18095,7 @@ img[src=""], img:not([src]) {
18081
18095
  height: 4px;
18082
18096
  cursor: pointer;
18083
18097
  touch-action: none;
18084
- background-color: var(--semi-color-fill-0);
18098
+ background-color: var(--semi-color-fill-1);
18085
18099
  width: 100%;
18086
18100
  border-radius: var(--semi-border-radius-small);
18087
18101
  top: 14px;
@@ -21037,7 +21051,7 @@ img[src=""], img:not([src]) {
21037
21051
 
21038
21052
  .semi-tagInput {
21039
21053
  background-color: var(--semi-color-bg-transparent);
21040
- border: 1px var(--semi-color-border-hover) solid;
21054
+ border: 1px var(--semi-color-border) solid;
21041
21055
  border-radius: 8px;
21042
21056
  display: inline-flex;
21043
21057
  font-weight: 400;
@@ -21086,7 +21100,7 @@ img[src=""], img:not([src]) {
21086
21100
  }
21087
21101
  .semi-tagInput-hover {
21088
21102
  background-color: var(--semi-color-bg-transparent);
21089
- border: 1px var(--semi-color-danger) solid;
21103
+ border: 1px var(--semi-color-border-hover) solid;
21090
21104
  }
21091
21105
  .semi-tagInput-focus {
21092
21106
  background-color: var(--semi-color-bg-transparent);
@@ -21780,6 +21794,7 @@ img[src=""], img:not([src]) {
21780
21794
  .semi-tooltip-wrapper {
21781
21795
  position: relative;
21782
21796
  background-color: rgba(var(--semi-grey-7), 1);
21797
+ backdrop-filter: none;
21783
21798
  color: var(--semi-color-bg-0);
21784
21799
  border-radius: var(--semi-border-radius-medium);
21785
21800
  padding-top: 8px;
@@ -23443,7 +23458,7 @@ p.semi-typography-extended,
23443
23458
  cursor: not-allowed;
23444
23459
  }
23445
23460
  .semi-upload-disabled .semi-upload-drag-area:hover {
23446
- background-color: var(--semi-color-tertiary-light-default);
23461
+ background-color: var(--semi-color-fill-0);
23447
23462
  }
23448
23463
  .semi-upload-disabled .semi-upload-drag-area-main-text, .semi-upload-disabled .semi-upload-drag-area-sub-text, .semi-upload-disabled .semi-upload-drag-area-icon {
23449
23464
  cursor: not-allowed;
@@ -23850,7 +23865,7 @@ p.semi-typography-extended,
23850
23865
  border: 2px dashed var(--semi-color-border);
23851
23866
  width: 100%;
23852
23867
  padding: 12px;
23853
- background-color: var(--semi-color-tertiary-light-default);
23868
+ background-color: var(--semi-color-fill-0);
23854
23869
  display: flex;
23855
23870
  justify-content: center;
23856
23871
  align-items: center;
@@ -24589,21 +24604,21 @@ p.semi-typography-extended,
24589
24604
  border: 1px var(--semi-color-border) solid;
24590
24605
  border-radius: 6px;
24591
24606
  vertical-align: bottom;
24592
- background-color: var(--semi-color-bg-1);
24607
+ background-color: var(--semi-color-input-DefaultBg);
24593
24608
  transition: background-color var(--semi-transition_duration-none) var(--semi-transition_function-easeIn) var(--semi-transition_delay-none), border var(--semi-transition_duration-none) var(--semi-transition_function-easeIn) var(--semi-transition_delay-none);
24594
24609
  }
24595
24610
  .semi-input-textarea-wrapper:hover {
24596
- background-color: var(--semi-color-bg-1);
24611
+ background-color: var(--semi-color-input-HoverBg);
24597
24612
  }
24598
24613
  .semi-input-textarea-wrapper-focus {
24599
- background-color: var(--semi-color-bg-1);
24614
+ background-color: var(--semi-color-input-ActiveBg);
24600
24615
  border: 1px var(--semi-color-focus-border) solid;
24601
24616
  }
24602
24617
  .semi-input-textarea-wrapper-focus:hover, .semi-input-textarea-wrapper-focus:active {
24603
- background-color: var(--semi-color-bg-1);
24618
+ background-color: var(--semi-color-input-ActiveBg);
24604
24619
  }
24605
24620
  .semi-input-textarea-wrapper:active {
24606
- background-color: var(--semi-color-bg-1);
24621
+ background-color: var(--semi-color-input-ActiveBg);
24607
24622
  }
24608
24623
  .semi-input-textarea-wrapper .semi-input-clearbtn {
24609
24624
  position: absolute;
@@ -24693,7 +24708,7 @@ p.semi-typography-extended,
24693
24708
  border-color: transparent;
24694
24709
  }
24695
24710
  .semi-input-textarea::placeholder {
24696
- color: var(--semi-color-text-2);
24711
+ color: var(--semi-color-text-3);
24697
24712
  }
24698
24713
  .semi-input-textarea-showClear {
24699
24714
  padding-right: 36px;
@@ -24725,7 +24740,7 @@ p.semi-typography-extended,
24725
24740
  padding: 3px 12px 5px 12px;
24726
24741
  min-height: 24px;
24727
24742
  text-align: right;
24728
- color: var(--semi-color-text-2);
24743
+ color: var(--semi-color-text-3);
24729
24744
  }
24730
24745
  .semi-input-textarea-counter-exceed {
24731
24746
  color: var(--semi-color-danger);