@semi-bot/semi-theme-fnos 1.0.3 → 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 +1 -1
  2. package/package.json +1 -1
  3. package/raw.json +346 -302
  4. package/scss/_palette.scss +200 -200
  5. package/scss/global.scss +87 -80
  6. package/scss/local.scss +31 -14
  7. package/semi.css +346 -332
  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,16 +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-6),1);
434
+ --semi-color-app-name: rgba(var(--semi-blue-5),1);
435
435
  --semi-color-bg-avatar: rgba(var(--semi-neutral-5),0.08);
436
436
  --semi-color-data-10: rgba(48, 167, 206, 1);
437
437
  --semi-color-data-11: rgba(249, 192, 100, 1);
@@ -484,8 +484,8 @@ body, body[theme-mode=dark] .semi-always-light {
484
484
  --semi-color-bg-transparent: rgba(255,255,255,0);
485
485
  --semi-color-card-HoverBg: rgba(var(--semi-neutral-5),0.08);
486
486
  --semi-color-divider-0: rgba(var(--semi-neutral-5),0.08);
487
- --semi-color-divider-1: rgba(var(--semi-neutral-2),0.16);
488
- --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);
489
489
  --semi-color-link-visited: rgba(var(--semi-brand-3),1);
490
490
  --semi-color-photo-toast: rgba(0,0,0,0.9);
491
491
  --semi-color-tab-DefaultBg: rgba(var(--semi-neutral-0),1);
@@ -497,21 +497,24 @@ body, body[theme-mode=dark] .semi-always-light {
497
497
  --semi-color-tab-DisabledBg: rgba(var(--semi-neutral-2),1);
498
498
  --semi-color-tab-SelectedBg: rgba(var(--semi-neutral-9),1);
499
499
  --semi-color-Scrollbar: rgba(var(--semi-neutral-5),0.16);
500
- --semi-color-border-hover: rgba(var(--semi-neutral-4),0.2);
500
+ --semi-color-border-hover: rgba(var(--semi-neutral-5),0.22);
501
501
  --semi-color-border-modal: rgba(var(--semi-neutral-5),0.16);
502
502
  --semi-color-card-DefaultBg: rgba(var(--semi-neutral-5),0.05);
503
503
  --semi-color-danger-hover: rgba(var(--semi-red-6), 1);
504
504
  --semi-color-highlight: rgba(var(--semi-black),1);
505
+ --semi-color-input-HoverBg: rgba(255,255,255,1);
505
506
  --semi-color-secondary: rgba(var(--semi-light-blue-5), 1);
506
507
  --semi-color-table-FocusBg: rgba(var(--semi-brand-5),0.2);
507
508
  --semi-color-table-HoverBg: rgba(var(--semi-neutral-5),0.08);
508
- --semi-color-border-active: rgba(var(--semi-neutral-5),0.2);
509
+ --semi-color-border-active: rgba(var(--semi-neutral-5),0.32);
509
510
  --semi-color-border-select: rgba(var(--semi-neutral-0),0);
510
511
  --semi-color-danger-active: rgba(var(--semi-red-7), 1);
511
512
  --semi-color-disabled-bg: rgba(var(--semi-neutral-5),0.08);
513
+ --semi-color-input-ActiveBg: rgba(255,255,255,1);
512
514
  --semi-color-table-ActiveBg: rgba(var(--semi-brand-5),0.12);
513
515
  --semi-color-card-borderHover: rgba(var(--semi-neutral-6),0.2);
514
516
  --semi-color-default-hover: rgba(var(--semi-grey-1), 1);
517
+ --semi-color-input-DefaultBg: rgba(255,255,255,1);
515
518
  --semi-color-photo-toastText: rgba(255,255,255,1);
516
519
  --semi-color-primary-hover: rgba(var(--semi-brand-6), 1);
517
520
  --semi-color-success-hover: rgba(var(--semi-green-6), 1);
@@ -522,15 +525,16 @@ body, body[theme-mode=dark] .semi-always-light {
522
525
  --semi-color-disabled-fill: rgba(var(--semi-neutral-5),0.08);
523
526
  --semi-color-disabled-text: rgba(var(--semi-neutral-5),0.4);
524
527
  --semi-color-highlight-bg: rgba(var(--semi-yellow-4),1);
528
+ --semi-color-input-DisabledBg: rgba(var(--semi-neutral-5),0.08);
525
529
  --semi-color-primary-active: rgba(var(--semi-brand-7), 1);
526
530
  --semi-color-success-active: rgba(var(--semi-green-7), 1);
527
531
  --semi-color-warning-active: rgba(var(--semi-orange-7),1);
528
- --semi-color-tertiary-hover: rgba(var(--semi-neutral-6), 1);
532
+ --semi-color-tertiary-hover: rgba(var(--semi-neutral-6),0.8);
529
533
  --semi-color-Component-card: rgba(255,255,255,0.9);
530
534
  --semi-color-disabled-border: rgba(var(--semi-neutral-5),0.2);
531
535
  --semi-color-primary-disabled: rgba(var(--semi-neutral-5),0.08);
532
536
  --semi-color-success-disabled: rgba(var(--semi-neutral-5),0.08);
533
- --semi-color-tertiary-active: rgba(var(--semi-neutral-7), 1);
537
+ --semi-color-tertiary-active: rgba(var(--semi-neutral-6),1);
534
538
  --semi-color-Scrollbar-hover: rgba(var(--semi-neutral-5),0.32);
535
539
  --semi-color-secondary-hover: rgba(var(--semi-light-blue-6), 1);
536
540
  --semi-color-overlay-CustomAnti: rgba(255,255,255,0.7);
@@ -587,17 +591,17 @@ body, body[theme-mode=dark] .semi-always-light {
587
591
 
588
592
  body[theme-mode=dark], body .semi-always-dark {
589
593
  --semi-color-app: rgba(var(--semi-neutral-0),1);
590
- --semi-color-bg-0: rgba(var(--semi-neutral-0), 1);
594
+ --semi-color-bg-0: rgba(var(--semi-neutral-0),1);
591
595
  --semi-color-bg-1: rgba(var(--semi-neutral-1), 1);
592
596
  --semi-color-bg-2: rgba(var(--semi-neutral-1),1);
593
- --semi-color-bg-3: rgba(var(--semi-neutral-3),1);
594
- --semi-color-bg-4: rgba(var(--semi-neutral-4),1);
595
- --semi-color-info: rgba(var(--semi-brand-4),1);
596
- --semi-color-link: rgba(var(--semi-brand-4),1);
597
- --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);
598
602
  --semi-color-nav-bg: rgba(var(--semi-neutral-2),1);
599
603
  --semi-color-black: rgba(0,0,0,1);
600
- --semi-color-data-0: rgba(var(--semi-brand-4),1);
604
+ --semi-color-data-0: rgba(var(--semi-brand-5),1);
601
605
  --semi-color-data-1: rgba(102,204,255,1);
602
606
  --semi-color-data-2: rgba(245,135,0,1);
603
607
  --semi-color-data-3: rgba(220,183,252,1);
@@ -607,15 +611,16 @@ body[theme-mode=dark], body .semi-always-dark {
607
611
  --semi-color-data-7: rgba(139,215,210,1);
608
612
  --semi-color-data-8: rgba(140,176,35,1);
609
613
  --semi-color-data-9: rgba(233,165,229,1);
610
- --semi-color-fill-0: rgba(var(--semi-neutral-9),0.05);
611
- --semi-color-fill-1: rgba(var(--semi-neutral-9),0.09);
612
- --semi-color-fill-2: rgba(var(--semi-neutral-9),0.13);
613
- --semi-color-text-0: rgba(var(--semi-neutral-9), 1);
614
- --semi-color-text-1: rgba(var(--semi-neutral-8), 1);
615
- --semi-color-text-2: rgba(var(--semi-neutral-6), 1);
616
- --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);
617
622
  --semi-color-white: rgba(255,255,255,1);
618
- --semi-color-bg-avatar: rgba(var(--semi-neutral-9), 0.08);
623
+ --semi-color-bg-avatar: rgba(var(--semi-neutral-5),0.08);
619
624
  --semi-color-data-10: rgba(48,167,206,1);
620
625
  --semi-color-data-11: rgba(249,192,100,1);
621
626
  --semi-color-data-12: rgba(177,113,249,1);
@@ -627,13 +632,12 @@ body[theme-mode=dark], body .semi-always-dark {
627
632
  --semi-color-data-18: rgba(212,88,212,1);
628
633
  --semi-color-data-19: rgba(188,198,255,1);
629
634
  --semi-color-data-20: rgba(var(--semi-brand-4), 1);
630
- --semi-color-bg-custom5: rgba(170,170,170,1);
631
- --semi-color-border: rgba(var(--semi-neutral-4),1);
632
- --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);
633
637
  --semi-color-shadow: rgba(var(--semi-neutral-0),0.8);
634
- --semi-color-text-nav: rgba(var(--semi-neutral-8),1);
638
+ --semi-color-text-nav: rgba(var(--semi-neutral-9),0.8);
635
639
  --semi-color-app-header: rgba(var(--semi-neutral-0),0);
636
- --semi-color-bg-dropdown: rgba(var(--semi-neutral-3), 1);
640
+ --semi-color-bg-dropdown: rgba(var(--semi-neutral-2),1);
637
641
  --semi-color-black-10: rgba(0,0,0,0.1);
638
642
  --semi-color-black-20: rgba(0,0,0,0.2);
639
643
  --semi-color-black-30: rgba(0,0,0,0.3);
@@ -643,7 +647,7 @@ body[theme-mode=dark], body .semi-always-dark {
643
647
  --semi-color-black-70: rgba(0,0,0,0.7);
644
648
  --semi-color-black-80: rgba(0,0,0,0.8);
645
649
  --semi-color-black-90: rgba(0,0,0,0.9);
646
- --semi-color-text-anti: rgba(var(--semi-neutral-0), 1);
650
+ --semi-color-text-anti: rgba(var(--semi-neutral-0),1);
647
651
  --semi-color-white-10: rgba(255,255,255,0.1);
648
652
  --semi-color-white-20: rgba(255,255,255,0.2);
649
653
  --semi-color-white-30: rgba(255,255,255,0.3);
@@ -654,90 +658,93 @@ body[theme-mode=dark], body .semi-always-dark {
654
658
  --semi-color-white-80: rgba(255,255,255,0.8);
655
659
  --semi-color-white-90: rgba(255,255,255,0.9);
656
660
  --semi-color-default: rgba(var(--semi-neutral-0), 1);
657
- --semi-color-info-hover: rgba(var(--semi-brand-5),1);
658
- --semi-color-link-hover: rgba(var(--semi-brand-5),1);
659
- --semi-color-primary: rgba(var(--semi-brand-4),1);
660
- --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);
661
665
  --semi-color-tab-HoverBg: rgba(var(--semi-neutral-2),1);
662
- --semi-color-warning: rgba(var(--semi-orange-4),1);
666
+ --semi-color-warning: rgba(var(--semi-orange-5),1);
663
667
  --semi-color-app-siderbar: rgba(var(--semi-neutral-0),0);
664
- --semi-color-card-border: rgba(var(--semi-neutral-3), 1);
668
+ --semi-color-card-border: rgba(var(--semi-neutral-5),0.16);
665
669
  --semi-color-info-active: rgba(var(--semi-brand-3),1);
666
670
  --semi-color-link-active: rgba(var(--semi-brand-3),1);
667
671
  --semi-color-app-container: rgba(var(--semi-neutral-1),1);
668
- --semi-color-bg-transparent: rgba(var(--semi-neutral-1),0);
669
- --semi-color-card-HoverBg: rgba(var(--semi-neutral-3), 1);
670
- --semi-color-divider-0: rgba(var(--semi-neutral-9),0.2);
671
- --semi-color-divider-1: rgba(var(--semi-neutral-8),0.1);
672
- --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);
673
677
  --semi-color-link-visited: rgba(var(--semi-brand-2),1);
674
678
  --semi-color-photo-toast: rgba(0,0,0,0.9);
675
679
  --semi-color-tab-DefaultBg: rgba(var(--semi-neutral-1),1);
676
- --semi-color-tertiary: rgba(var(--semi-neutral-6),1);
677
- --semi-color-card-ActiveBg: rgba(var(--semi-brand-1),0.5);
678
- --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);
679
682
  --semi-color-focus-border: rgba(var(--semi-brand-5), 1);
680
- --semi-color-info-disabled: rgba(var(--semi-brand-2), 1);
681
- --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);
682
685
  --semi-color-shadow-anti: rgba(0,0,0,0.7);
683
686
  --semi-color-tab-DisabledBg: rgba(var(--semi-neutral-2),1);
684
687
  --semi-color-tab-SelectedBg: rgba(var(--semi-neutral-9),1);
685
- --semi-color-Scrollbar: rgba(var(--semi-neutral-4),1);
686
- --semi-color-border-hover: rgba(var(--semi-neutral-5),1);
687
- --semi-color-border-modal: rgba(var(--semi-neutral-6),0.6);
688
- --semi-color-card-DefaultBg: rgba(var(--semi-neutral-2),1);
689
- --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);
690
693
  --semi-color-highlight: rgba(var(--semi-white),1);
694
+ --semi-color-input-HoverBg: rgba(var(--semi-neutral-5),0.08);
691
695
  --semi-color-secondary: rgba(var(--semi-light-blue-5), 1);
692
- --semi-color-table-FocusBg: rgba(var(--semi-brand-2),0.85);
693
- --semi-color-table-HoverBg: rgba(255,255,255,0.05);
694
- --semi-color-border-actvie: rgba(var(--semi-blue-4),1);
695
- --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);
696
700
  --semi-color-danger-active: rgba(var(--semi-red-3),1);
697
- --semi-color-disabled-bg: rgba(var(--semi-neutral-2),1);
698
- --semi-color-table-ActiveBg: rgba(var(--semi-brand-2),0.55);
699
- --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);
700
705
  --semi-color-default-hover: rgba(var(--semi-neutral-1), 1);
706
+ --semi-color-input-DefaultBg: rgba(var(--semi-neutral-5),0.05);
701
707
  --semi-color-photo-toastText: rgba(255,255,255,1);
702
- --semi-color-primary-hover: rgba(var(--semi-brand-5),1);
703
- --semi-color-success-hover: rgba(var(--semi-green-5),1);
704
- --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);
705
711
  --semi-color-Component-bg: rgba(0,0,0,0.6);
706
- --semi-color-card-borderActive: rgba(var(--semi-brand-3),1);
712
+ --semi-color-card-borderActive: rgba(var(--semi-brand-5),1);
707
713
  --semi-color-default-active: rgba(var(--semi-neutral-2), 1);
708
- --semi-color-disabled-fill: rgba(var(--semi-neutral-8),0.04);
709
- --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);
710
716
  --semi-color-highlight-bg: rgba(var(--semi-yellow-4),1);
717
+ --semi-color-input-DisabledBg: rgba(var(--semi-neutral-5),0.08);
711
718
  --semi-color-primary-active: rgba(var(--semi-brand-3),1);
712
- --semi-color-success-active: rgba(var(--semi-green-6),1);
719
+ --semi-color-success-active: rgba(var(--semi-green-3),1);
713
720
  --semi-color-warning-active: rgba(var(--semi-orange-3),1);
714
- --semi-color-tertiary-hover: rgba(var(--semi-neutral-7),1);
721
+ --semi-color-tertiary-hover: rgba(var(--semi-neutral-5),0.32);
715
722
  --semi-color-Component-card: rgba(12,13,13,0.6);
716
- --semi-color-disabled-border: rgba(var(--semi-neutral-3),1);
717
- --semi-color-primary-disabled: rgba(var(--semi-brand-2),0.9);
718
- --semi-color-success-disabled: rgba(var(--semi-green-0),1);
719
- --semi-color-tertiary-active: rgba(var(--semi-neutral-7),1);
720
- --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);
721
728
  --semi-color-secondary-hover: rgba(var(--semi-light-blue-6), 1);
722
- --semi-color-overlay-CustomAnti: rgba(0,0,0,0.7);
729
+ --semi-color-overlay-CustomAnti: rgba(0,0,0,0.6);
723
730
  --semi-color-secondary-active: rgba(var(--semi-light-blue-7), 1);
724
731
  --semi-color-info-light-hover: rgba(var(--semi-brand-1),0.5);
725
732
  --semi-color-fndesktop-navbarBg: rgba(12,13,13,0.6);
726
733
  --semi-color-info-light-active: rgba(var(--semi-brand-2),1);
727
- --semi-color-secondary-disabled: rgba(var(--semi-light-blue-2), 1);
728
- --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);
729
736
  --semi-color-overlay-CustomPreview: rgba(0,0,0,0.9);
730
737
  --semi-color-danger-light-hover: rgba(var(--semi-red-1),1);
731
738
  --semi-color-danger-light-active: rgba(var(--semi-red-2),1);
732
739
  --semi-color-fndesktop-navbarBorder: rgba(255,255,255,0.05);
733
740
  --semi-color-danger-light-default: rgba(var(--semi-red-0),1);
734
- --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);
735
742
  --semi-color-success-light-hover: rgba(var(--semi-green-1),1);
736
743
  --semi-color-warning-light-hover: rgba(var(--semi-orange-1),1);
737
744
  --semi-color-primary-light-active: rgba(var(--semi-brand-2),1);
738
745
  --semi-color-success-light-active: rgba(var(--semi-green-2),1);
739
746
  --semi-color-warning-light-active: rgba(var(--semi-orange-2),1);
740
- --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);
741
748
  --semi-color-success-light-default: rgba(var(--semi-green-0),1);
742
749
  --semi-color-tertiary-light-hover: rgba(var(--semi-neutral-5), 0.3);
743
750
  --semi-color-warning-light-default: rgba(var(--semi-orange-0),1);
@@ -2441,7 +2448,7 @@ body {
2441
2448
  border: 1px solid var(--semi-color-border);
2442
2449
  }
2443
2450
  .semi-button-tertiary.semi-button-light, .semi-button-tertiary.semi-button-outline, .semi-button-tertiary.semi-button-borderless {
2444
- color: var(--semi-color-text-1);
2451
+ color: var(--semi-color-text-0);
2445
2452
  }
2446
2453
  .semi-button-primary {
2447
2454
  background-color: var(--semi-color-primary);
@@ -2539,17 +2546,17 @@ body {
2539
2546
  background-color: var(--semi-color-fill-1);
2540
2547
  }
2541
2548
  .semi-button-light {
2542
- background-color: var(--semi-color-fill-0);
2549
+ background-color: var(--semi-color-fill-1);
2543
2550
  border: 1px transparent solid;
2544
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);
2545
2552
  transform: scale(var(--semi-transform_scale-none));
2546
2553
  }
2547
2554
  .semi-button-light:not(.semi-button-disabled):hover {
2548
- background-color: var(--semi-color-fill-1);
2555
+ background-color: var(--semi-color-fill-2);
2549
2556
  border: 1px var(--semi-color-bg-transparent) solid;
2550
2557
  }
2551
2558
  .semi-button-light:not(.semi-button-disabled):active {
2552
- background-color: var(--semi-color-fill-2);
2559
+ background-color: var(--semi-color-fill-3);
2553
2560
  border: 1px var(--semi-color-bg-transparent) solid;
2554
2561
  }
2555
2562
  .semi-button-size-small {
@@ -2649,7 +2656,7 @@ body {
2649
2656
  background-color: var(--semi-color-disabled-bg);
2650
2657
  }
2651
2658
  .semi-button-group-line-light {
2652
- background-color: var(--semi-color-fill-0);
2659
+ background-color: var(--semi-color-fill-1);
2653
2660
  }
2654
2661
  .semi-button-group-line-borderless {
2655
2662
  background-color: transparent;
@@ -3363,7 +3370,7 @@ body {
3363
3370
  padding: 0;
3364
3371
  border-radius: var(--semi-border-radius-medium);
3365
3372
  overflow: hidden;
3366
- background-color: var(--semi-color-bg-0);
3373
+ background-color: var(--semi-color-card-DefaultBg);
3367
3374
  font-size: 14px;
3368
3375
  font-style: normal;
3369
3376
  font-weight: 400;
@@ -3382,13 +3389,13 @@ body {
3382
3389
  box-shadow: var(--semi-shadow-elevated);
3383
3390
  }
3384
3391
  .semi-card-bordered {
3385
- border: 1px solid var(--semi-color-border);
3392
+ border: 1px solid var(--semi-color-card-border);
3386
3393
  }
3387
3394
  .semi-card-header {
3388
3395
  padding: 20px;
3389
3396
  }
3390
3397
  .semi-card-header-bordered {
3391
- border-bottom: 1px solid var(--semi-color-border);
3398
+ border-bottom: 1px solid var(--semi-color-card-border);
3392
3399
  }
3393
3400
  .semi-card-header-wrapper {
3394
3401
  display: flex;
@@ -3427,13 +3434,13 @@ body {
3427
3434
  .semi-card-body-actions {
3428
3435
  margin-top: 20px;
3429
3436
  padding-top: 20px;
3430
- border-top: 1px solid var(--semi-color-border);
3437
+ border-top: 1px solid var(--semi-color-card-border);
3431
3438
  }
3432
3439
  .semi-card-footer {
3433
3440
  padding: 20px;
3434
3441
  }
3435
3442
  .semi-card-footer-bordered {
3436
- border-top: 1px solid var(--semi-color-border);
3443
+ border-top: 1px solid var(--semi-color-card-border);
3437
3444
  }
3438
3445
  .semi-card-meta {
3439
3446
  display: flex;
@@ -7179,6 +7186,7 @@ body {
7179
7186
  z-index: 1050;
7180
7187
  border-radius: 8px;
7181
7188
  background: var(--semi-color-bg-dropdown);
7189
+ backdrop-filter: none;
7182
7190
  opacity: 0;
7183
7191
  }
7184
7192
  .semi-dropdown-wrapper-show {
@@ -7274,7 +7282,7 @@ body {
7274
7282
  width: 100%;
7275
7283
  min-width: 100%;
7276
7284
  clear: both;
7277
- background: var(--semi-color-border);
7285
+ background: var(--semi-color-divider-1);
7278
7286
  margin: 4px 0px;
7279
7287
  }
7280
7288
 
@@ -7423,7 +7431,7 @@ body {
7423
7431
  color: var(--semi-color-danger);
7424
7432
  }
7425
7433
  .semi-form-field-label-optional-text {
7426
- color: var(--semi-color-tertiary);
7434
+ color: var(--semi-color-text-3);
7427
7435
  }
7428
7436
  .semi-form-field-label-left {
7429
7437
  text-align: left;
@@ -13276,7 +13284,7 @@ img[src=""], img:not([src]) {
13276
13284
  font-size: 14px;
13277
13285
  font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "Helvetica Neue", Helvetica, Arial, sans-serif;
13278
13286
  line-height: 20px;
13279
- background-color: var(--semi-color-bg-1);
13287
+ background-color: var(--semi-color-input-DefaultBg);
13280
13288
  border: 1px var(--semi-color-border) solid;
13281
13289
  border-radius: 6px;
13282
13290
  width: 100%;
@@ -13309,19 +13317,19 @@ img[src=""], img:not([src]) {
13309
13317
  line-height: 40px;
13310
13318
  }
13311
13319
  .semi-input-wrapper:hover {
13312
- background-color: var(--semi-color-bg-1);
13320
+ background-color: var(--semi-color-input-HoverBg);
13313
13321
  border-color: var(--semi-color-border-hover);
13314
13322
  }
13315
13323
  .semi-input-wrapper-focus {
13316
- background-color: var(--semi-color-bg-1);
13324
+ background-color: var(--semi-color-input-ActiveBg);
13317
13325
  border: var(--semi-color-focus-border) solid 1px;
13318
13326
  }
13319
13327
  .semi-input-wrapper-focus:hover {
13320
- background-color: var(--semi-color-bg-1);
13328
+ background-color: var(--semi-color-input-HoverBg);
13321
13329
  border-color: var(--semi-color-focus-border);
13322
13330
  }
13323
13331
  .semi-input-wrapper-focus:active {
13324
- background-color: var(--semi-color-bg-1);
13332
+ background-color: var(--semi-color-input-ActiveBg);
13325
13333
  border-color: var(--semi-color-focus-border);
13326
13334
  }
13327
13335
  .semi-input-wrapper.semi-input-readonly {
@@ -13439,18 +13447,18 @@ img[src=""], img:not([src]) {
13439
13447
  background-color: transparent;
13440
13448
  }
13441
13449
  .semi-input-wrapper.semi-input-wrapper__with-prepend .semi-input, .semi-input-wrapper.semi-input-wrapper__with-append .semi-input {
13442
- background-color: var(--semi-color-bg-1);
13450
+ background-color: var(--semi-color-input-DefaultBg);
13443
13451
  border: 1px transparent solid;
13444
13452
  }
13445
13453
  .semi-input-wrapper.semi-input-wrapper__with-prepend .semi-input:hover, .semi-input-wrapper.semi-input-wrapper__with-append .semi-input:hover {
13446
- background-color: var(--semi-color-bg-1);
13454
+ background-color: var(--semi-color-input-HoverBg);
13447
13455
  }
13448
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 {
13449
- background-color: var(--semi-color-bg-1);
13457
+ background-color: var(--semi-color-input-HoverBg);
13450
13458
  }
13451
13459
  .semi-input-wrapper.semi-input-wrapper__with-prepend .semi-input:focus, .semi-input-wrapper.semi-input-wrapper__with-append .semi-input:focus {
13452
13460
  border: 1px var(--semi-color-focus-border) solid;
13453
- background-color: var(--semi-color-bg-1);
13461
+ background-color: var(--semi-color-input-ActiveBg);
13454
13462
  }
13455
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 {
13456
13464
  border-right-style: none;
@@ -13460,7 +13468,7 @@ img[src=""], img:not([src]) {
13460
13468
  }
13461
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 {
13462
13470
  box-sizing: border-box;
13463
- background-color: var(--semi-color-bg-1);
13471
+ background-color: var(--semi-color-input-ActiveBg);
13464
13472
  }
13465
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 {
13466
13474
  border: 1px var(--semi-color-focus-border) solid;
@@ -13479,13 +13487,13 @@ img[src=""], img:not([src]) {
13479
13487
  border-radius: 0;
13480
13488
  }
13481
13489
  .semi-input-wrapper.semi-input-wrapper__with-prepend .semi-input:active, .semi-input-wrapper.semi-input-wrapper__with-append .semi-input:active {
13482
- background-color: var(--semi-color-bg-1);
13490
+ background-color: var(--semi-color-input-ActiveBg);
13483
13491
  }
13484
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 {
13485
- background-color: var(--semi-color-bg-1);
13493
+ background-color: var(--semi-color-input-ActiveBg);
13486
13494
  }
13487
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 {
13488
- background-color: var(--semi-color-bg-1);
13496
+ background-color: var(--semi-color-input-DefaultBg);
13489
13497
  }
13490
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 {
13491
13499
  border-radius: 0 6px 6px 0;
@@ -13597,7 +13605,7 @@ img[src=""], img:not([src]) {
13597
13605
  display: none;
13598
13606
  }
13599
13607
  .semi-input::placeholder {
13600
- color: var(--semi-color-text-2);
13608
+ color: var(--semi-color-text-3);
13601
13609
  }
13602
13610
  .semi-input-large {
13603
13611
  height: 40px;
@@ -13671,7 +13679,7 @@ img[src=""], img:not([src]) {
13671
13679
  height: 100%;
13672
13680
  display: flex;
13673
13681
  align-items: center;
13674
- background-color: var(--semi-color-bg-1);
13682
+ background-color: var(--semi-color-input-DefaultBg);
13675
13683
  color: var(--semi-color-text-2);
13676
13684
  font-size: 14px;
13677
13685
  font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "Helvetica Neue", Helvetica, Arial, sans-serif;
@@ -14390,6 +14398,7 @@ img[src=""], img:not([src]) {
14390
14398
  left: 0;
14391
14399
  bottom: 0;
14392
14400
  background-color: var(--semi-color-overlay-bg);
14401
+ backdrop-filter: none;
14393
14402
  height: 100%;
14394
14403
  z-index: 1000;
14395
14404
  }
@@ -14431,6 +14440,7 @@ img[src=""], img:not([src]) {
14431
14440
  box-sizing: border-box;
14432
14441
  flex-direction: column;
14433
14442
  background-color: var(--semi-color-bg-2);
14443
+ backdrop-filter: none;
14434
14444
  border: 1px solid var(--semi-color-border-modal);
14435
14445
  border-radius: var(--semi-border-radius-large);
14436
14446
  padding: 0 24px;
@@ -14637,7 +14647,7 @@ img[src=""], img:not([src]) {
14637
14647
  user-select: none;
14638
14648
  transition: padding-left 100ms ease-out, width 200ms cubic-bezier(0.62, 0.05, 0.36, 0.95);
14639
14649
  border-right: 1px solid var(--semi-color-border);
14640
- background-color: var(--semi-color-nav-bg);
14650
+ background-color: var(--semi-color-bg-0);
14641
14651
  }
14642
14652
  .semi-navigation-inner {
14643
14653
  width: 100%;
@@ -15853,7 +15863,7 @@ img[src=""], img:not([src]) {
15853
15863
  .semi-page-item:active {
15854
15864
  border-color: var(--semi-color-border-hover);
15855
15865
  background-color: var(--semi-color-primary-hover);
15856
- color: var(--semi-color-text-0);
15866
+ color: rgb(255, 255, 255);
15857
15867
  }
15858
15868
  .semi-page-item-active {
15859
15869
  border-color: var(--semi-color-border-actvie);
@@ -16116,6 +16126,7 @@ img[src=""], img:not([src]) {
16116
16126
  .semi-popover-wrapper {
16117
16127
  position: relative;
16118
16128
  background-color: var(--semi-color-bg-3);
16129
+ backdrop-filter: none;
16119
16130
  box-shadow: 0px 12px 42px -4px rgba(0, 0, 0, 0.08), 0px 8px 16px -6px rgba(0, 0, 0, 0.08);
16120
16131
  z-index: 1030;
16121
16132
  border-radius: var(--semi-border-radius-medium);
@@ -16557,7 +16568,7 @@ img[src=""], img:not([src]) {
16557
16568
  box-sizing: border-box;
16558
16569
  width: 16px;
16559
16570
  height: 16px;
16560
- border: solid 1px var(--semi-color-text-3);
16571
+ border: solid 1px var(--semi-color-border);
16561
16572
  border-radius: 16px;
16562
16573
  background: var(--semi-color-bg-1);
16563
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);
@@ -16789,7 +16800,7 @@ img[src=""], img:not([src]) {
16789
16800
  }
16790
16801
  .semi-rating-star-first, .semi-rating-star-second {
16791
16802
  transition: color var(--semi-transition_duration-none) var(--semi-transition_function-easeIn) var(--semi-transition_delay-none);
16792
- color: var(--semi-color-fill-0);
16803
+ color: var(--semi-color-fill-2);
16793
16804
  user-select: none;
16794
16805
  }
16795
16806
  .semi-rating-star-first {
@@ -17163,7 +17174,7 @@ img[src=""], img:not([src]) {
17163
17174
  font-weight: 600;
17164
17175
  }
17165
17176
  .semi-select-option:active {
17166
- background-color: var(--semi-color-fill-1);
17177
+ background-color: var(--semi-color-input-ActiveBg);
17167
17178
  }
17168
17179
  .semi-select-option-empty {
17169
17180
  cursor: not-allowed;
@@ -17181,7 +17192,7 @@ img[src=""], img:not([src]) {
17181
17192
  cursor: not-allowed;
17182
17193
  }
17183
17194
  .semi-select-option-disabled:hover {
17184
- background-color: var(--semi-color-fill-0);
17195
+ background-color: var(--semi-color-input-HoverBg);
17185
17196
  }
17186
17197
  .semi-select-option-selected {
17187
17198
  font-weight: 600;
@@ -17191,7 +17202,7 @@ img[src=""], img:not([src]) {
17191
17202
  color: var(--semi-color-text-2);
17192
17203
  }
17193
17204
  .semi-select-option-focused {
17194
- background-color: var(--semi-color-fill-0);
17205
+ background-color: var(--semi-color-input-HoverBg);
17195
17206
  }
17196
17207
 
17197
17208
  .semi-select {
@@ -17200,7 +17211,7 @@ img[src=""], img:not([src]) {
17200
17211
  border: 1px solid var(--semi-color-border);
17201
17212
  height: 36px;
17202
17213
  font-weight: 400;
17203
- background-color: var(--semi-color-bg-1);
17214
+ background-color: var(--semi-color-input-DefaultBg);
17204
17215
  display: inline-flex;
17205
17216
  vertical-align: middle;
17206
17217
  position: relative;
@@ -17212,16 +17223,16 @@ img[src=""], img:not([src]) {
17212
17223
  overflow-y: auto;
17213
17224
  }
17214
17225
  .semi-select:hover {
17215
- background-color: var(--semi-color-bg-1);
17226
+ background-color: var(--semi-color-fill-1);
17216
17227
  border: 1px solid var(--semi-color-border-hover);
17217
17228
  }
17218
17229
  .semi-select:focus {
17219
17230
  border: 1px solid var(--semi-color-border);
17220
- background-color: var(--semi-color-bg-1);
17231
+ background-color: var(--semi-color-input-ActiveBg);
17221
17232
  outline: 0;
17222
17233
  }
17223
17234
  .semi-select:active {
17224
- background-color: var(--semi-color-bg-1);
17235
+ background-color: var(--semi-color-input-ActiveBg);
17225
17236
  }
17226
17237
  .semi-select-small {
17227
17238
  height: 28px;
@@ -17241,11 +17252,11 @@ img[src=""], img:not([src]) {
17241
17252
  outline: 0;
17242
17253
  }
17243
17254
  .semi-select-open:hover, .semi-select-focus:hover {
17244
- background-color: var(--semi-color-bg-1);
17255
+ background-color: var(--semi-color-input-DefaultBg);
17245
17256
  border: 1px solid var(--semi-color-focus-border);
17246
17257
  }
17247
17258
  .semi-select-open:active, .semi-select-focus:active {
17248
- background-color: var(--semi-color-bg-1);
17259
+ background-color: var(--semi-color-input-ActiveBg);
17249
17260
  border: 1px solid var(--semi-color-info-active);
17250
17261
  }
17251
17262
  .semi-select-warning {
@@ -17754,6 +17765,7 @@ img[src=""], img:not([src]) {
17754
17765
  z-index: 1;
17755
17766
  overflow: auto;
17756
17767
  background-color: var(--semi-color-bg-2);
17768
+ backdrop-filter: none;
17757
17769
  border: 0;
17758
17770
  }
17759
17771
  .semi-sidesheet-header {
@@ -17800,6 +17812,7 @@ img[src=""], img:not([src]) {
17800
17812
  width: 100%;
17801
17813
  height: 100%;
17802
17814
  background-color: var(--semi-color-overlay-bg);
17815
+ backdrop-filter: none;
17803
17816
  opacity: 1;
17804
17817
  }
17805
17818
  .semi-sidesheet-mask-hidden {
@@ -18082,7 +18095,7 @@ img[src=""], img:not([src]) {
18082
18095
  height: 4px;
18083
18096
  cursor: pointer;
18084
18097
  touch-action: none;
18085
- background-color: var(--semi-color-fill-0);
18098
+ background-color: var(--semi-color-fill-1);
18086
18099
  width: 100%;
18087
18100
  border-radius: var(--semi-border-radius-small);
18088
18101
  top: 14px;
@@ -21038,7 +21051,7 @@ img[src=""], img:not([src]) {
21038
21051
 
21039
21052
  .semi-tagInput {
21040
21053
  background-color: var(--semi-color-bg-transparent);
21041
- border: 1px var(--semi-color-border-hover) solid;
21054
+ border: 1px var(--semi-color-border) solid;
21042
21055
  border-radius: 8px;
21043
21056
  display: inline-flex;
21044
21057
  font-weight: 400;
@@ -21087,7 +21100,7 @@ img[src=""], img:not([src]) {
21087
21100
  }
21088
21101
  .semi-tagInput-hover {
21089
21102
  background-color: var(--semi-color-bg-transparent);
21090
- border: 1px var(--semi-color-danger) solid;
21103
+ border: 1px var(--semi-color-border-hover) solid;
21091
21104
  }
21092
21105
  .semi-tagInput-focus {
21093
21106
  background-color: var(--semi-color-bg-transparent);
@@ -21781,6 +21794,7 @@ img[src=""], img:not([src]) {
21781
21794
  .semi-tooltip-wrapper {
21782
21795
  position: relative;
21783
21796
  background-color: rgba(var(--semi-grey-7), 1);
21797
+ backdrop-filter: none;
21784
21798
  color: var(--semi-color-bg-0);
21785
21799
  border-radius: var(--semi-border-radius-medium);
21786
21800
  padding-top: 8px;
@@ -23444,7 +23458,7 @@ p.semi-typography-extended,
23444
23458
  cursor: not-allowed;
23445
23459
  }
23446
23460
  .semi-upload-disabled .semi-upload-drag-area:hover {
23447
- background-color: var(--semi-color-tertiary-light-default);
23461
+ background-color: var(--semi-color-fill-0);
23448
23462
  }
23449
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 {
23450
23464
  cursor: not-allowed;
@@ -23851,7 +23865,7 @@ p.semi-typography-extended,
23851
23865
  border: 2px dashed var(--semi-color-border);
23852
23866
  width: 100%;
23853
23867
  padding: 12px;
23854
- background-color: var(--semi-color-tertiary-light-default);
23868
+ background-color: var(--semi-color-fill-0);
23855
23869
  display: flex;
23856
23870
  justify-content: center;
23857
23871
  align-items: center;
@@ -24590,21 +24604,21 @@ p.semi-typography-extended,
24590
24604
  border: 1px var(--semi-color-border) solid;
24591
24605
  border-radius: 6px;
24592
24606
  vertical-align: bottom;
24593
- background-color: var(--semi-color-bg-1);
24607
+ background-color: var(--semi-color-input-DefaultBg);
24594
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);
24595
24609
  }
24596
24610
  .semi-input-textarea-wrapper:hover {
24597
- background-color: var(--semi-color-bg-1);
24611
+ background-color: var(--semi-color-input-HoverBg);
24598
24612
  }
24599
24613
  .semi-input-textarea-wrapper-focus {
24600
- background-color: var(--semi-color-bg-1);
24614
+ background-color: var(--semi-color-input-ActiveBg);
24601
24615
  border: 1px var(--semi-color-focus-border) solid;
24602
24616
  }
24603
24617
  .semi-input-textarea-wrapper-focus:hover, .semi-input-textarea-wrapper-focus:active {
24604
- background-color: var(--semi-color-bg-1);
24618
+ background-color: var(--semi-color-input-ActiveBg);
24605
24619
  }
24606
24620
  .semi-input-textarea-wrapper:active {
24607
- background-color: var(--semi-color-bg-1);
24621
+ background-color: var(--semi-color-input-ActiveBg);
24608
24622
  }
24609
24623
  .semi-input-textarea-wrapper .semi-input-clearbtn {
24610
24624
  position: absolute;
@@ -24694,7 +24708,7 @@ p.semi-typography-extended,
24694
24708
  border-color: transparent;
24695
24709
  }
24696
24710
  .semi-input-textarea::placeholder {
24697
- color: var(--semi-color-text-2);
24711
+ color: var(--semi-color-text-3);
24698
24712
  }
24699
24713
  .semi-input-textarea-showClear {
24700
24714
  padding-right: 36px;
@@ -24726,7 +24740,7 @@ p.semi-typography-extended,
24726
24740
  padding: 3px 12px 5px 12px;
24727
24741
  min-height: 24px;
24728
24742
  text-align: right;
24729
- color: var(--semi-color-text-2);
24743
+ color: var(--semi-color-text-3);
24730
24744
  }
24731
24745
  .semi-input-textarea-counter-exceed {
24732
24746
  color: var(--semi-color-danger);