@semi-bot/semi-theme-fnos 1.0.61 → 1.1.1

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 (10) hide show
  1. package/README.md +2 -2
  2. package/package.json +1 -1
  3. package/raw.json +174 -170
  4. package/scss/_palette.scss +57 -57
  5. package/scss/animation.scss +1 -1
  6. package/scss/global.scss +114 -107
  7. package/scss/local.scss +10 -10
  8. package/scss/mixin.scss +1 -1
  9. package/semi.css +255 -218
  10. package/semi.min.css +1 -1
package/scss/_palette.scss CHANGED
@@ -1,4 +1,4 @@
1
- body, body[theme-mode="dark"] .semi-always-light {
1
+ body, body[theme-mode="dark"] .semi-always-light, :host, :host .semi-always-light {
2
2
  --semi-black: 0,0,0;
3
3
  --semi-red-0: 255,235,235;
4
4
  --semi-red-1: 255,224,224;
@@ -9,7 +9,7 @@ body, body[theme-mode="dark"] .semi-always-light {
9
9
  --semi-red-6: 204,0,0;
10
10
  --semi-red-7: 182,0,0;
11
11
  --semi-red-8: 155,0,0;
12
- --semi-red-9: 102,0,0;
12
+ --semi-red-9: 51,0,0;
13
13
  --semi-white: 255,255,255;
14
14
  --semi-blue-0: 230,244,255;
15
15
  --semi-blue-1: 215,237,255;
@@ -71,16 +71,16 @@ body, body[theme-mode="dark"] .semi-always-light {
71
71
  --semi-teal-7: 0,116,119;
72
72
  --semi-teal-8: 0,86,90;
73
73
  --semi-teal-9: 0,56,60;
74
- --semi-amber-0: 255,246,235;
75
- --semi-amber-1: 255,240,219;
76
- --semi-amber-2: 255,228,193;
77
- --semi-amber-3: 255,197,143;
78
- --semi-amber-4: 253,161,97;
79
- --semi-amber-5: 189,91,0;
80
- --semi-amber-6: 170,73,0;
81
- --semi-amber-7: 148,58,0;
82
- --semi-amber-8: 124,45,0;
83
- --semi-amber-9: 102,36,0;
74
+ --semi-amber-0: 252,244,232;
75
+ --semi-amber-1: 249,230,199;
76
+ --semi-amber-2: 243,202,146;
77
+ --semi-amber-3: 236,172,95;
78
+ --semi-amber-4: 230,141,46;
79
+ --semi-amber-5: 224,108,0;
80
+ --semi-amber-6: 188,81,0;
81
+ --semi-amber-7: 153,58,0;
82
+ --semi-amber-8: 117,39,0;
83
+ --semi-amber-9: 81,23,0;
84
84
  --semi-black-0: 227,227,230;
85
85
  --semi-black-1: 191,192,205;
86
86
  --semi-black-2: 134,135,154;
@@ -107,10 +107,10 @@ body, body[theme-mode="dark"] .semi-always-light {
107
107
  --semi-green-3: 73,183,137;
108
108
  --semi-green-4: 32,159,108;
109
109
  --semi-green-5: 0,135,83;
110
- --semi-green-6: 0,113,71;
111
- --semi-green-7: 0,90,58;
112
- --semi-green-8: 0,68,45;
113
- --semi-green-9: 0,45,31;
110
+ --semi-green-6: 0,95,62;
111
+ --semi-green-7: 0,66,44;
112
+ --semi-green-8: 0,48,32;
113
+ --semi-green-9: 0,38,26;
114
114
  --semi-white-0: 255,255,255;
115
115
  --semi-white-1: 255,255,255;
116
116
  --semi-white-2: 255,255,255;
@@ -178,7 +178,7 @@ body, body[theme-mode="dark"] .semi-always-light {
178
178
  --semi-neutral-4: 146,151,158;
179
179
  --semi-neutral-5: 120,126,135;
180
180
  --semi-neutral-6: 84,88,95;
181
- --semi-neutral-7: 62,66,70;
181
+ --semi-neutral-7: 48,50,54;
182
182
  --semi-neutral-8: 34,35,38;
183
183
  --semi-neutral-9: 24,25,27;
184
184
  --semi-light-blue-0: 233,247,254;
@@ -204,23 +204,23 @@ body, body[theme-mode="dark"] .semi-always-light {
204
204
 
205
205
 
206
206
  }
207
- body[theme-mode="dark"], body .semi-always-dark {
207
+ body[theme-mode="dark"], body .semi-always-dark, :host([theme-mode="dark"]), :host .semi-always-dark {
208
208
  --semi-black: 0, 0, 0;
209
- --semi-red-0: 90,0,26;
210
- --semi-red-1: 126,0,31;
211
- --semi-red-2: 162,3,38;
212
- --semi-red-3: 197,10,44;
209
+ --semi-red-0: 51,0,0;
210
+ --semi-red-1: 155,0,0;
211
+ --semi-red-2: 182,0,0;
212
+ --semi-red-3: 204,0,0;
213
213
  --semi-red-4: 230,0,35;
214
- --semi-red-5: 237,63,83;
215
- --semi-red-6: 242,109,120;
216
- --semi-red-7: 246,156,160;
217
- --semi-red-8: 251,205,205;
218
- --semi-red-9: 253,235,235;
214
+ --semi-red-5: 235,66,66;
215
+ --semi-red-6: 244,113,113;
216
+ --semi-red-7: 252,187,187;
217
+ --semi-red-8: 255,224,224;
218
+ --semi-red-9: 255,235,235;
219
219
  --semi-white: 255, 255, 255;
220
220
  --semi-blue-0: 0,37,112;
221
221
  --semi-blue-1: 0,52,148;
222
222
  --semi-blue-2: 3,69,184;
223
- --semi-blue-3: 11,91,219;
223
+ --semi-blue-3: 0,94,235;
224
224
  --semi-blue-4: 0,102,255;
225
225
  --semi-blue-5: 67,145,255;
226
226
  --semi-blue-6: 114,175,255;
@@ -277,16 +277,16 @@ body[theme-mode="dark"], body .semi-always-dark {
277
277
  --semi-teal-7: 135,225,220;
278
278
  --semi-teal-8: 192,240,236;
279
279
  --semi-teal-9: 228,247,246;
280
- --semi-amber-0: 110,31,0;
281
- --semi-amber-1: 131,43,0;
282
- --semi-amber-2: 151,59,3;
283
- --semi-amber-3: 172,79,8;
284
- --semi-amber-4: 189,91,0;
285
- --semi-amber-5: 205,131,54;
286
- --semi-amber-6: 217,163,97;
287
- --semi-amber-7: 230,194,145;
288
- --semi-amber-8: 242,225,198;
289
- --semi-amber-9: 249,242,231;
280
+ --semi-amber-0: 84,24,0;
281
+ --semi-amber-1: 120,40,0;
282
+ --semi-amber-2: 156,61,3;
283
+ --semi-amber-3: 191,88,9;
284
+ --semi-amber-4: 224,108,0;
285
+ --semi-amber-5: 233,150,61;
286
+ --semi-amber-6: 238,179,107;
287
+ --semi-amber-7: 244,206,154;
288
+ --semi-amber-8: 249,232,203;
289
+ --semi-amber-9: 252,246,234;
290
290
  --semi-black-0: 0,0,0;
291
291
  --semi-black-1: 0,0,0;
292
292
  --semi-black-2: 0,0,0;
@@ -300,23 +300,23 @@ body[theme-mode="dark"], body .semi-always-dark {
300
300
  --semi-brand-0: 0,31,77;
301
301
  --semi-brand-1: 0,61,153;
302
302
  --semi-brand-2: 0,67,184;
303
- --semi-brand-3: 0,92,229;
303
+ --semi-brand-3: 0,94,235;
304
304
  --semi-brand-4: 0,102,255;
305
305
  --semi-brand-5: 51,136,255;
306
306
  --semi-brand-6: 102,163,255;
307
307
  --semi-brand-7: 153,194,255;
308
308
  --semi-brand-8: 204,224,255;
309
309
  --semi-brand-9: 229,240,255;
310
- --semi-green-0: 2,46,32;
311
- --semi-green-1: 3,69,47;
312
- --semi-green-2: 5,92,62;
313
- --semi-green-3: 8,115,76;
310
+ --semi-green-0: 0,38,26;
311
+ --semi-green-1: 0,48,32;
312
+ --semi-green-2: 0,66,44;
313
+ --semi-green-3: 0,95,62;
314
314
  --semi-green-4: 0,135,83;
315
- --semi-green-5: 43,161,114;
316
- --semi-green-6: 83,185,142;
317
- --semi-green-7: 132,208,175;
318
- --semi-green-8: 189,232,212;
319
- --semi-green-9: 226,243,235;
315
+ --semi-green-5: 32,159,108;
316
+ --semi-green-6: 73,183,137;
317
+ --semi-green-7: 124,207,171;
318
+ --semi-green-8: 185,231,210;
319
+ --semi-green-9: 224,243,234;
320
320
  --semi-indigo-0: 23,27,101;
321
321
  --semi-indigo-1: 32,37,122;
322
322
  --semi-indigo-2: 41,49,142;
@@ -367,16 +367,16 @@ body[theme-mode="dark"], body .semi-always-dark {
367
367
  --semi-yellow-7: 255,250,180;
368
368
  --semi-yellow-8: 255,254,217;
369
369
  --semi-yellow-9: 255,255,241;
370
- --semi-neutral-0: 44,48,56;
371
- --semi-neutral-1: 62,67,77;
372
- --semi-neutral-2: 81,87,97;
373
- --semi-neutral-3: 101,108,118;
370
+ --semi-neutral-0: 24,25,27;
371
+ --semi-neutral-1: 34,35,38;
372
+ --semi-neutral-2: 48,50,54;
373
+ --semi-neutral-3: 84,88,95;
374
374
  --semi-neutral-4: 120,126,135;
375
- --semi-neutral-5: 147,153,161;
376
- --semi-neutral-6: 173,178,185;
377
- --semi-neutral-7: 199,203,208;
378
- --semi-neutral-8: 227,229,232;
379
- --semi-neutral-9: 243,243,243;
375
+ --semi-neutral-5: 146,151,158;
376
+ --semi-neutral-6: 174,178,183;
377
+ --semi-neutral-7: 201,203,207;
378
+ --semi-neutral-8: 227,228,230;
379
+ --semi-neutral-9: 242,243,244;
380
380
  --semi-light-blue-0: 0,51,97;
381
381
  --semi-light-blue-1: 0,73,133;
382
382
  --semi-light-blue-2: 0,95,169;
package/scss/animation.scss CHANGED
@@ -1,5 +1,5 @@
1
1
 
2
- body{
2
+ body, :host {
3
3
  --semi-transform_scale-none:scale(1,1);
4
4
  --semi-transform_scale-small:scale(1,1);
5
5
  --semi-transform_scale-medium:scale(1,1);
package/scss/global.scss CHANGED
@@ -1,39 +1,38 @@
1
1
  @import './_palette.scss';
2
2
 
3
- body, body[theme-mode="dark"] .semi-always-light {
3
+ body, body[theme-mode="dark"] .semi-always-light, :host, :host .semi-always-light {
4
4
  --semi-color-app: rgba(var(--semi-neutral-0),1);
5
- --semi-color-bg-0: rgba(var(--semi-grey-0),1);
5
+ --semi-color-bg-0: rgba(var(--semi-neutral-0),1);
6
6
  --semi-color-bg-1: rgba(255,255,255,1);
7
7
  --semi-color-bg-2: rgba(255,255,255,1);
8
8
  --semi-color-bg-3: rgba(255,255,255,1);
9
9
  --semi-color-bg-4: rgba(255,255,255,1);
10
10
  --semi-color-info: rgba(var(--semi-brand-5),1);
11
11
  --semi-color-link: rgba(var(--semi-brand-5),1);
12
- --semi-color-bg-anti: rgba(var(--semi-grey-9),1);
12
+ --semi-color-bg-anti: rgba(var(--semi-neutral-9), 1);
13
13
  --semi-color-nav-bg: rgba(var(--semi-grey-0), 1);
14
14
  --semi-color-black: rgba(0,0,0,1);
15
- --semi-color-data-0: rgba(var(--semi-brand-5),1);
16
- --semi-color-data-1: rgba(142, 212, 231, 1);
17
- --semi-color-data-2: rgba(245, 135, 0, 1);
18
- --semi-color-data-3: rgba(220, 183, 252, 1);
19
- --semi-color-data-4: rgba(74, 156, 247, 1);
20
- --semi-color-data-5: rgba(243, 204, 53, 1);
21
- --semi-color-data-6: rgba(254, 128, 144, 1);
22
- --semi-color-data-7: rgba(139, 215, 210, 1);
23
- --semi-color-data-8: rgba(131, 176, 35, 1);
24
- --semi-color-data-9: rgba(233, 165, 229, 1);
25
- --semi-color-fill-0: rgba(var(--semi-grey-5),0.05);
26
- --semi-color-fill-1: rgba(var(--semi-grey-5),0.08);
15
+ --semi-color-data-0: rgba(0,102,255,1);
16
+ --semi-color-data-1: rgba(142,212,231,1);
17
+ --semi-color-data-2: rgba(245,135,0,1);
18
+ --semi-color-data-3: rgba(220,183,252,1);
19
+ --semi-color-data-4: rgba(74,156,251,1);
20
+ --semi-color-data-5: rgba(243,204,53,1);
21
+ --semi-color-data-6: rgba(254,128,144,1);
22
+ --semi-color-data-7: rgba(0,179,178,1);
23
+ --semi-color-data-8: rgba(0,135,83,1);
24
+ --semi-color-data-9: rgba(230,155,255,1);
25
+ --semi-color-fill-0: rgba(var(--semi-grey-5),0.08);
26
+ --semi-color-fill-1: rgba(var(--semi-grey-5),0.12);
27
27
  --semi-color-fill-2: rgba(var(--semi-grey-5),0.16);
28
28
  --semi-color-fill-3: rgba(var(--semi-grey-5),0.32);
29
- --semi-color-text-0: rgba(var(--semi-grey-9),1);
30
- --semi-color-text-1: rgba(var(--semi-grey-9),0.75);
31
- --semi-color-text-2: rgba(var(--semi-grey-9),0.5);
32
- --semi-color-text-3: rgba(var(--semi-grey-9),0.25);
29
+ --semi-color-text-0: rgba(var(--semi-neutral-9),1);
30
+ --semi-color-text-1: rgba(var(--semi-neutral-9),0.75);
31
+ --semi-color-text-2: rgba(var(--semi-neutral-9),0.5);
32
+ --semi-color-text-3: rgba(var(--semi-neutral-9),0.25);
33
33
  --semi-color-white: rgba(255,255,255,1);
34
- --semi-color-app-name: rgba(var(--semi-blue-5),1);
35
34
  --semi-color-bg-avatar: rgba(var(--semi-grey-5),0.16);
36
- --semi-color-data-10: rgba(48, 167, 206, 1);
35
+ --semi-color-data-10: rgba(48,167,206,1);
37
36
  --semi-color-data-11: rgba(249, 192, 100, 1);
38
37
  --semi-color-data-12: rgba(177, 113, 249, 1);
39
38
  --semi-color-data-13: rgba(119, 182, 249, 1);
@@ -44,10 +43,10 @@ body, body[theme-mode="dark"] .semi-always-light {
44
43
  --semi-color-data-18: rgba(212,88,212,1);
45
44
  --semi-color-data-19: rgba(188, 198, 255, 1);
46
45
  --semi-color-data-20: rgba(121,137,255, 1);
47
- --semi-color-border: rgba(var(--semi-grey-8),0.16);
46
+ --semi-color-border: rgba(var(--semi-grey-6),0.16);
48
47
  --semi-color-danger: rgba(var(--semi-red-5),1);
49
48
  --semi-color-shadow: rgba(var(--semi-grey-9), 0.05);
50
- --semi-color-text-nav: rgba(var(--semi-grey-9),0.75);
49
+ --semi-color-text-nav: rgba(var(--semi-neutral-9), 0.75);
51
50
  --semi-color-app-header: rgba(var(--semi-neutral-0),0);
52
51
  --semi-color-bg-dropdown: rgba(255,255,255,1);
53
52
  --semi-color-black-10: rgba(0,0,0,0.1);
@@ -73,43 +72,43 @@ body, body[theme-mode="dark"] .semi-always-light {
73
72
  --semi-color-info-hover: rgba(var(--semi-brand-6), 1);
74
73
  --semi-color-link-hover: rgba(var(--semi-brand-6), 1);
75
74
  --semi-color-primary: rgba(var(--semi-brand-5),1);
76
- --semi-color-success: rgba(var(--semi-green-5),1);
75
+ --semi-color-success: rgba(var(--semi-green-4),1);
77
76
  --semi-color-tab-HoverBg: rgba(var(--semi-grey-5),0.16);
78
77
  --semi-color-warning: rgba(var(--semi-amber-5), 1);
79
78
  --semi-color-app-siderbar: rgba(var(--semi-neutral-0),0);
80
- --semi-color-card-border: rgba(var(--semi-grey-8),0.16);
79
+ --semi-color-card-border: rgba(var(--semi-grey-6),0.16);
81
80
  --semi-color-info-active: rgba(var(--semi-brand-7), 1);
82
81
  --semi-color-link-active: rgba(var(--semi-brand-7),1);
83
82
  --semi-color-app-container: rgba(255,255,255,1);
84
83
  --semi-color-bg-transparent: rgba(255,255,255,0);
85
- --semi-color-card-HoverBg: rgba(var(--semi-grey-5),0.08);
84
+ --semi-color-card-HoverBg: rgba(var(--semi-grey-5),0.12);
86
85
  --semi-color-divider-0: rgba(var(--semi-grey-8),0.22);
87
86
  --semi-color-divider-1: rgba(var(--semi-grey-8),0.16);
88
87
  --semi-color-divider-2: rgba(var(--semi-grey-8),0.08);
89
- --semi-color-link-visited: rgba(var(--semi-brand-3),1);
88
+ --semi-color-link-visited: rgba(var(--semi-brand-7),1);
90
89
  --semi-color-photo-toast: rgba(0,0,0,0.9);
91
90
  --semi-color-tab-DefaultBg: rgba(var(--semi-grey-5),0.05);
92
- --semi-color-tertiary: rgba(var(--semi-grey-5),1);
93
- --semi-color-card-ActiveBg: rgba(var(--semi-grey-5),0.12);
91
+ --semi-color-tertiary: rgba(var(--semi-neutral-6), 1);
92
+ --semi-color-card-ActiveBg: rgba(var(--semi-brand-5),0.12);
94
93
  --semi-color-focus-border: rgba(var(--semi-brand-5),1);
95
94
  --semi-color-info-disabled: rgba(var(--semi-grey-5),0.16);
96
95
  --semi-color-overlay-bg: rgba(0,0,0,0.7);
97
96
  --semi-color-tab-DisabledBg: rgba(var(--semi-grey-5),0.16);
98
97
  --semi-color-tab-SelectedBg: rgba(var(--semi-grey-9),1);
99
98
  --semi-color-Scrollbar: rgba(var(--semi-grey-5),0.16);
100
- --semi-color-border-hover: rgba(var(--semi-grey-8),0.22);
101
- --semi-color-border-modal: rgba(var(--semi-grey-8),0.08);
102
- --semi-color-card-DefaultBg: rgba(var(--semi-grey-5),0.05);
99
+ --semi-color-border-hover: rgba(var(--semi-grey-6),0.22);
100
+ --semi-color-border-modal: rgba(var(--semi-grey-6),0.08);
101
+ --semi-color-card-DefaultBg: rgba(var(--semi-grey-5),0.08);
103
102
  --semi-color-danger-hover: rgba(var(--semi-red-6), 1);
104
103
  --semi-color-highlight: rgba(var(--semi-grey-9), 1);
105
104
  --semi-color-input-HoverBg: rgba(255,255,255,1);
106
105
  --semi-color-secondary: rgba(var(--semi-light-blue-5), 1);
107
106
  --semi-color-table-FocusBg: rgba(var(--semi-brand-5),0.2);
108
- --semi-color-table-HoverBg: rgba(var(--semi-neutral-5),0.08);
109
- --semi-color-border-active: rgba(var(--semi-brand-5),1);
110
- --semi-color-border-select: rgba(var(--semi-grey-8),0);
107
+ --semi-color-table-HoverBg: rgba(var(--semi-grey-5),0.08);
108
+ --semi-color-border-active: rgba(var(--semi-grey-6),0.32);
109
+ --semi-color-border-select: rgba(var(--semi-grey-6),0);
111
110
  --semi-color-danger-active: rgba(var(--semi-red-7), 1);
112
- --semi-color-disabled-bg: rgba(var(--semi-grey-5), 0.08);
111
+ --semi-color-disabled-bg: rgba(var(--semi-grey-5),0.16);
113
112
  --semi-color-input-ActiveBg: rgba(255,255,255,1);
114
113
  --semi-color-table-ActiveBg: rgba(var(--semi-brand-5),0.12);
115
114
  --semi-color-card-borderHover: rgba(var(--semi-grey-8),0.22);
@@ -117,32 +116,33 @@ body, body[theme-mode="dark"] .semi-always-light {
117
116
  --semi-color-input-DefaultBg: rgba(255,255,255,1);
118
117
  --semi-color-photo-toastText: rgba(255,255,255,1);
119
118
  --semi-color-primary-hover: rgba(var(--semi-brand-6), 1);
120
- --semi-color-success-hover: rgba(var(--semi-green-6), 1);
119
+ --semi-color-success-hover: rgba(var(--semi-green-5),1);
121
120
  --semi-color-warning-hover: rgba(var(--semi-amber-6), 1);
122
121
  --semi-color-Component-bg: rgba(255,255,255,0.5);
123
122
  --semi-color-card-borderActive: rgba(var(--semi-brand-5),1);
124
123
  --semi-color-default-active: rgba(var(--semi-grey-2), 1);
125
- --semi-color-disabled-fill: rgba(var(--semi-grey-5), 0.08);
126
- --semi-color-disabled-text: rgba(var(--semi-grey-5), 0.4);
124
+ --semi-color-disabled-fill: rgba(var(--semi-grey-5), 0.16);
125
+ --semi-color-disabled-text: rgba(var(--semi-grey-9), 0.25);
127
126
  --semi-color-highlight-bg: rgba(var(--semi-yellow-5),1);
128
127
  --semi-color-input-DisabledBg: rgba(var(--semi-grey-5),0.16);
129
128
  --semi-color-primary-active: rgba(var(--semi-brand-7), 1);
130
- --semi-color-success-active: rgba(var(--semi-green-7), 1);
129
+ --semi-color-success-active: rgba(var(--semi-green-6),1);
131
130
  --semi-color-warning-active: rgba(var(--semi-amber-7), 1);
132
- --semi-color-tertiary-hover: rgba(var(--semi-grey-6),0.8);
131
+ --semi-color-tertiary-hover: rgba(var(--semi-neutral-7), 1);
133
132
  --semi-color-Component-card: rgba(255,255,255,0.9);
134
- --semi-color-disabled-border: rgba(var(--semi-grey-5), 0.2);
135
- --semi-color-primary-disabled: rgba(var(--semi-neutral-5),0.08);
133
+ --semi-color-disabled-border: rgba(var(--semi-grey-8), 0.16);
134
+ --semi-color-primary-disabled: rgba(var(--semi-grey-5),0.16);
136
135
  --semi-color-success-disabled: rgba(var(--semi-grey-5),0.16);
137
- --semi-color-tertiary-active: rgba(var(--semi-grey-7),1);
136
+ --semi-color-tertiary-active: rgba(var(--semi-neutral-8), 1);
138
137
  --semi-color-Scrollbar-hover: rgba(var(--semi-grey-5),0.32);
139
138
  --semi-color-secondary-hover: rgba(var(--semi-light-blue-6), 1);
140
139
  --semi-color-overlay-CustomAnti: rgba(255,255,255,0.7);
141
140
  --semi-color-secondary-active: rgba(var(--semi-light-blue-7), 1);
142
141
  --semi-color-info-light-hover: rgba(var(--semi-brand-1),1);
142
+ --semi-color-progress-defaultBg: rgba(var(--semi-grey-5),0.16);
143
143
  --semi-color-fndesktop-navbarBg: rgba(134,164,179,0.05);
144
144
  --semi-color-info-light-active: rgba(var(--semi-brand-2),1);
145
- --semi-color-secondary-disabled: rgba(var(--semi-light-blue-2),1);
145
+ --semi-color-secondary-disabled: rgba(var(--semi-grey-5),0.16);
146
146
  --semi-color-info-light-default: rgba(var(--semi-brand-0),1);
147
147
  --semi-color-overlay-CustomPreview: rgba(0,0,0,0.9);
148
148
  --semi-color-danger-light-hover: rgba(var(--semi-red-1), 1);
@@ -157,12 +157,12 @@ body, body[theme-mode="dark"] .semi-always-light {
157
157
  --semi-color-warning-light-active: rgba(var(--semi-amber-2), 1);
158
158
  --semi-color-primary-light-default: rgba(var(--semi-brand-0),1);
159
159
  --semi-color-success-light-default: rgba(var(--semi-green-0), 1);
160
- --semi-color-tertiary-light-hover: rgba(var(--semi-grey-3),1);
160
+ --semi-color-tertiary-light-hover: rgba(var(--semi-grey-5),0.16);
161
161
  --semi-color-warning-light-default: rgba(var(--semi-amber-0), 1);
162
- --semi-color-tertiary-light-active: rgba(var(--semi-grey-4),1);
162
+ --semi-color-tertiary-light-active: rgba(var(--semi-grey-5),0.32);
163
163
  --semi-color-CheckboxPhoto-DefaultBg: rgba(255,255,255,0.2);
164
164
  --semi-color-secondary-light-hover: rgba(var(--semi-light-blue-1), 1);
165
- --semi-color-tertiary-light-default: rgba(var(--semi-grey-2),1);
165
+ --semi-color-tertiary-light-default: rgba(var(--semi-grey-5),0.12);
166
166
  --semi-color-secondary-light-active: rgba(var(--semi-light-blue-2), 1);
167
167
  --semi-color-secondary-light-default: rgba(var(--semi-light-blue-0), 1);
168
168
  --semi-color-CheckboxPhoto-DefaultBorder: rgba(255,255,255,1);
@@ -170,7 +170,7 @@ body, body[theme-mode="dark"] .semi-always-light {
170
170
  --semi-color-CheckboxPhoto-DefaultBorderHover: rgba(255,255,255,0);
171
171
  font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI','PingFang SC', 'Hiragino Sans GB', 'Microsoft YaHei', 'Helvetica Neue',Helvetica, Arial, sans-serif;
172
172
  -webkit-font-smoothing: antialiased;;
173
- --semi-shadow-elevated: 0px 12px 42px -4px rgba(0,0,0,0.08),0px 8px 16px -6px rgba(0,0,0,0.08);
173
+ --semi-shadow-elevated: 0px 10px 20px 0px rgba(0,0,0,0.08),0px 10px 40px 0px rgba(0,0,0,0.12);
174
174
  --semi-shadow-0: none;
175
175
  --semi-shadow-1: none;
176
176
  --semi-shadow-2: 0px 2px 4px 0px rgba(0,0,0,0.14), 0px 0px 1px 0px rgba(0,0,0,0.16);
@@ -179,49 +179,52 @@ font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI','PingFang SC
179
179
  --semi-shadow-text: 0px 0px 4px 0px rgba(0,0,0,0.5),0px 1px 6px 0px rgba(0,0,0,0.2);
180
180
  --semi-shadow-dropdown: 0px 12px 42px -4px rgba(20,23,26,0.12),0px 8px 18px -6px rgba(20,23,26,0.2);
181
181
  --semi-border-radius-full: 9999px;
182
+ --semi-border-radius-name: 8px;
182
183
  --semi-border-radius-large: 12px;
183
184
  --semi-border-radius-small: 3px;
184
185
  --semi-border-radius-circle: 50%;
185
186
  --semi-border-radius-medium: 6px;
187
+ --semi-border-radius-custom-app: 16px;
186
188
  --semi-border-radius-extra-small: 3px;
189
+ --semi-border-radius-custom-content: 12px;
187
190
  --semi-border-radius-custom-button-large: 12px;
188
191
  --semi-border-radius-custom-button-small: 6px;
189
192
  --semi-border-radius-custom-button-default: 8px;
190
193
 
191
194
 
192
195
  }
193
- body[theme-mode="dark"], body .semi-always-dark {
196
+ body[theme-mode="dark"], body .semi-always-dark, :host([theme-mode="dark"]), :host .semi-always-dark {
194
197
  --semi-color-app: rgba(var(--semi-grey-0),1);
195
- --semi-color-bg-0: rgba(var(--semi-grey-0), 1);
196
- --semi-color-bg-1: rgba(var(--semi-grey-1), 1);
197
- --semi-color-bg-2: rgba(var(--semi-grey-1), 1);
198
- --semi-color-bg-3: rgba(var(--semi-grey-2), 1);
199
- --semi-color-bg-4: rgba(var(--semi-grey-2), 1);
198
+ --semi-color-bg-0: rgba(var(--semi-neutral-0),1);
199
+ --semi-color-bg-1: rgba(var(--semi-neutral-1), 1);
200
+ --semi-color-bg-2: rgba(var(--semi-neutral-1), 1);
201
+ --semi-color-bg-3: rgba(var(--semi-neutral-2), 1);
202
+ --semi-color-bg-4: rgba(var(--semi-neutral-2), 1);
200
203
  --semi-color-info: rgba(var(--semi-brand-4),1);
201
204
  --semi-color-link: rgba(var(--semi-brand-4),1);
202
205
  --semi-color-bg-anti: rgba(255,255,255,1);
203
206
  --semi-color-nav-bg: rgba(var(--semi-grey-2), 1);
204
207
  --semi-color-black: rgba(0,0,0,1);
205
- --semi-color-data-0: rgba(var(--semi-brand-4),1);
206
- --semi-color-data-1: rgba(102,204,255,1);
208
+ --semi-color-data-0: rgba(0,102,255,1);
209
+ --semi-color-data-1: rgba(142,212,231,1);
207
210
  --semi-color-data-2: rgba(245,135,0,1);
208
211
  --semi-color-data-3: rgba(220,183,252,1);
209
- --semi-color-data-4: rgba(74,156,247,1);
212
+ --semi-color-data-4: rgba(74,156,251,1);
210
213
  --semi-color-data-5: rgba(243,204,53,1);
211
214
  --semi-color-data-6: rgba(254,128,144,1);
212
- --semi-color-data-7: rgba(139,215,210,1);
213
- --semi-color-data-8: rgba(140,176,35,1);
215
+ --semi-color-data-7: rgba(0,179,178,1);
216
+ --semi-color-data-8: rgba(0,135,83,1);
214
217
  --semi-color-data-9: rgba(233,165,229,1);
215
- --semi-color-fill-0: rgba(var(--semi-grey-5), 0.05);
218
+ --semi-color-fill-0: rgba(var(--semi-grey-5),0.05);
216
219
  --semi-color-fill-1: rgba(var(--semi-grey-5),0.08);
217
220
  --semi-color-fill-2: rgba(var(--semi-grey-5),0.16);
218
221
  --semi-color-fill-3: rgba(var(--semi-grey-5),0.32);
219
222
  --semi-color-text-0: rgba(255,255,255,1);
220
- --semi-color-text-1: rgba(255,255,255,0.75);
221
- --semi-color-text-2: rgba(255,255,255,0.5);
222
- --semi-color-text-3: rgba(255,255,255,0.25);
223
+ --semi-color-text-1: rgba(var(--semi-neutral-9),0.75);
224
+ --semi-color-text-2: rgba(var(--semi-neutral-9),0.5);
225
+ --semi-color-text-3: rgba(var(--semi-neutral-9),0.25);
223
226
  --semi-color-white: rgba(255,255,255,1);
224
- --semi-color-bg-avatar: rgba(var(--semi-grey-5),0.16);
227
+ --semi-color-bg-avatar: rgba(var(--semi-neutral-5),0.16);
225
228
  --semi-color-data-10: rgba(48,167,206,1);
226
229
  --semi-color-data-11: rgba(249,192,100,1);
227
230
  --semi-color-data-12: rgba(177,113,249,1);
@@ -232,13 +235,13 @@ body[theme-mode="dark"], body .semi-always-dark {
232
235
  --semi-color-data-17: rgba(182,215,129,1);
233
236
  --semi-color-data-18: rgba(212,88,212,1);
234
237
  --semi-color-data-19: rgba(188,198,255,1);
235
- --semi-color-data-20: rgba(var(--semi-brand-4), 1);
236
- --semi-color-border: rgba(var(--semi-grey-5), 0.16);
238
+ --semi-color-data-20: rgba(121,137,255,1);
239
+ --semi-color-border: rgba(var(--semi-grey-5),0.16);
237
240
  --semi-color-danger: rgba(var(--semi-red-4),1);
238
241
  --semi-color-shadow: rgba(var(--semi-grey-0), 0.8);
239
- --semi-color-text-nav: rgba(255,255,255,0.75);
242
+ --semi-color-text-nav: rgba(var(--semi-neutral-9),0.75);
240
243
  --semi-color-app-header: rgba(var(--semi-grey-0),0);
241
- --semi-color-bg-dropdown: rgba(var(--semi-grey-2),1);
244
+ --semi-color-bg-dropdown: rgba(var(--semi-neutral-2), 1);
242
245
  --semi-color-black-10: rgba(0,0,0,0.1);
243
246
  --semi-color-black-20: rgba(0,0,0,0.2);
244
247
  --semi-color-black-30: rgba(0,0,0,0.3);
@@ -248,7 +251,7 @@ body[theme-mode="dark"], body .semi-always-dark {
248
251
  --semi-color-black-70: rgba(0,0,0,0.7);
249
252
  --semi-color-black-80: rgba(0,0,0,0.8);
250
253
  --semi-color-black-90: rgba(0,0,0,0.9);
251
- --semi-color-text-anti: rgba(var(--semi-grey-0),1);
254
+ --semi-color-text-anti: rgba(var(--semi-neutral-0),1);
252
255
  --semi-color-white-10: rgba(255,255,255,0.1);
253
256
  --semi-color-white-20: rgba(255,255,255,0.2);
254
257
  --semi-color-white-30: rgba(255,255,255,0.3);
@@ -262,23 +265,23 @@ body[theme-mode="dark"], body .semi-always-dark {
262
265
  --semi-color-info-hover: rgba(var(--semi-brand-3),1);
263
266
  --semi-color-link-hover: rgba(var(--semi-brand-3),1);
264
267
  --semi-color-primary: rgba(var(--semi-brand-4),1);
265
- --semi-color-success: rgba(var(--semi-green-4),1);
268
+ --semi-color-success: rgba(var(--semi-green-5),1);
266
269
  --semi-color-tab-HoverBg: rgba(var(--semi-grey-2), 1);
267
270
  --semi-color-warning: rgba(var(--semi-amber-4),1);
268
271
  --semi-color-app-siderbar: rgba(var(--semi-grey-0), 0);
269
272
  --semi-color-card-border: rgba(var(--semi-grey-5),0.16);
270
273
  --semi-color-info-active: rgba(var(--semi-brand-2),1);
271
274
  --semi-color-link-active: rgba(var(--semi-brand-2),1);
272
- --semi-color-app-container: rgba(var(--semi-grey-1),1);
273
- --semi-color-bg-transparent: rgba(var(--semi-grey-0),0);
275
+ --semi-color-app-container: rgba(var(--semi-grey-1), 1);
276
+ --semi-color-bg-transparent: rgba(var(--semi-neutral-0), 0);
274
277
  --semi-color-card-HoverBg: rgba(var(--semi-grey-5),0.08);
275
278
  --semi-color-divider-0: rgba(var(--semi-grey-5),0.22);
276
279
  --semi-color-divider-1: rgba(var(--semi-grey-5),0.16);
277
280
  --semi-color-divider-2: rgba(var(--semi-grey-5),0.08);
278
281
  --semi-color-link-visited: rgba(var(--semi-brand-2),1);
279
282
  --semi-color-photo-toast: rgba(0,0,0,0.9);
280
- --semi-color-tab-DefaultBg: rgba(var(--semi-grey-1), 1);
281
- --semi-color-tertiary: rgba(var(--semi-grey-5), 0.16);
283
+ --semi-color-tab-DefaultBg: rgba(var(--semi-grey-1),1);
284
+ --semi-color-tertiary: rgba(var(--semi-grey-5),0.08);
282
285
  --semi-color-card-ActiveBg: rgba(var(--semi-brand-4),0.12);
283
286
  --semi-color-focus-border: rgba(var(--semi-brand-4),1);
284
287
  --semi-color-info-disabled: rgba(var(--semi-grey-5),0.16);
@@ -286,81 +289,82 @@ body[theme-mode="dark"], body .semi-always-dark {
286
289
  --semi-color-shadow-anti: rgba(0,0,0,0.7);
287
290
  --semi-color-tab-DisabledBg: rgba(var(--semi-grey-2), 1);
288
291
  --semi-color-tab-SelectedBg: rgba(var(--semi-grey-9), 1);
289
- --semi-color-Scrollbar: rgba(var(--semi-grey-5), 0.08);
290
- --semi-color-border-hover: rgba(var(--semi-grey-5), 0.22);
292
+ --semi-color-Scrollbar: rgba(var(--semi-grey-5),0.16);
293
+ --semi-color-border-hover: rgba(var(--semi-grey-5),0.22);
291
294
  --semi-color-border-modal: rgba(var(--semi-grey-5),0.16);
292
- --semi-color-card-DefaultBg: rgba(var(--semi-grey-5), 0.05);
295
+ --semi-color-card-DefaultBg: rgba(var(--semi-grey-5),0.05);
293
296
  --semi-color-danger-hover: rgba(var(--semi-red-3),1);
294
297
  --semi-color-highlight: rgba(var(--semi-white),1);
295
- --semi-color-input-HoverBg: rgba(var(--semi-grey-5), 0.08);
298
+ --semi-color-input-HoverBg: rgba(var(--semi-neutral-1),1);
296
299
  --semi-color-secondary: rgba(var(--semi-light-blue-5), 1);
297
- --semi-color-table-FocusBg: rgba(var(--semi-brand-4),0.12);
300
+ --semi-color-table-FocusBg: rgba(var(--semi-brand-4),0.2);
298
301
  --semi-color-table-HoverBg: rgba(var(--semi-grey-5),0.08);
299
- --semi-color-border-actvie: rgba(var(--semi-grey-5), 0.32);
300
- --semi-color-border-select: rgba(var(--semi-grey-5), 0.22);
302
+ --semi-color-border-active: rgba(var(--semi-grey-5),0.32);
303
+ --semi-color-border-select: rgba(var(--semi-grey-5),0.16);
301
304
  --semi-color-danger-active: rgba(var(--semi-red-2),1);
302
305
  --semi-color-disabled-bg: rgba(var(--semi-grey-5),0.16);
303
- --semi-color-input-ActiveBg: rgba(var(--semi-grey-5),0.05);
304
- --semi-color-table-ActiveBg: rgba(var(--semi-brand-4),0.2);
306
+ --semi-color-input-ActiveBg: rgba(var(--semi-neutral-1),1);
307
+ --semi-color-table-ActiveBg: rgba(var(--semi-brand-4),0.12);
305
308
  --semi-color-card-borderHover: rgba(var(--semi-grey-5),0.22);
306
309
  --semi-color-default-hover: rgba(var(--semi-grey-1), 1);
307
- --semi-color-input-DefaultBg: rgba(var(--semi-grey-5), 0.05);
310
+ --semi-color-input-DefaultBg: rgba(var(--semi-neutral-1),1);
308
311
  --semi-color-photo-toastText: rgba(255,255,255,1);
309
312
  --semi-color-primary-hover: rgba(var(--semi-brand-3),1);
310
- --semi-color-success-hover: rgba(var(--semi-green-3),1);
313
+ --semi-color-success-hover: rgba(var(--semi-green-4),1);
311
314
  --semi-color-warning-hover: rgba(var(--semi-amber-3),1);
312
315
  --semi-color-Component-bg: rgba(0,0,0,0.6);
313
316
  --semi-color-card-borderActive: rgba(var(--semi-brand-4),1);
314
317
  --semi-color-default-active: rgba(var(--semi-grey-2), 1);
315
- --semi-color-disabled-fill: rgba(var(--semi-grey-5),0.16);
316
- --semi-color-disabled-text: rgba(var(--semi-grey-5),0.25);
318
+ --semi-color-disabled-fill: rgba(var(--semi-neutral-5), 0.16);
319
+ --semi-color-disabled-text: rgba(var(--semi-neutral-9),0.25);
317
320
  --semi-color-highlight-bg: rgba(var(--semi-yellow-4),1);
318
- --semi-color-input-DisabledBg: rgba(var(--semi-grey-5),0.08);
321
+ --semi-color-input-DisabledBg: rgba(var(--semi-neutral-5),0.16);
319
322
  --semi-color-primary-active: rgba(var(--semi-brand-2),1);
320
- --semi-color-success-active: rgba(var(--semi-green-2),1);
323
+ --semi-color-success-active: rgba(var(--semi-green-3),1);
321
324
  --semi-color-warning-active: rgba(var(--semi-amber-2),1);
322
- --semi-color-tertiary-hover: rgba(var(--semi-grey-5), 0.32);
325
+ --semi-color-tertiary-hover: rgba(var(--semi-grey-7),0.16);
323
326
  --semi-color-Component-card: rgba(12,13,13,0.6);
324
- --semi-color-disabled-border: rgba(var(--semi-grey-5),0.2);
325
- --semi-color-primary-disabled: rgba(var(--semi-neutral-5),0.08);
327
+ --semi-color-disabled-border: rgba(var(--semi-grey-5),0.16);
328
+ --semi-color-primary-disabled: rgba(var(--semi-grey-5),0.16);
326
329
  --semi-color-success-disabled: rgba(var(--semi-grey-5),0.16);
327
- --semi-color-tertiary-active: rgba(var(--semi-grey-5), 0.34);
328
- --semi-color-Scrollbar-hover: rgba(var(--semi-grey-5), 0.16);
330
+ --semi-color-tertiary-active: rgba(var(--semi-grey-8),0.22);
331
+ --semi-color-Scrollbar-hover: rgba(var(--semi-grey-5),0.32);
329
332
  --semi-color-secondary-hover: rgba(var(--semi-light-blue-6), 1);
330
333
  --semi-color-overlay-CustomAnti: rgba(0,0,0,0.6);
331
334
  --semi-color-secondary-active: rgba(var(--semi-light-blue-7), 1);
332
- --semi-color-info-light-hover: rgba(var(--semi-brand-1),0.5);
335
+ --semi-color-info-light-hover: rgba(var(--semi-brand-1),1);
336
+ --semi-color-progress-defaultBg: rgba(var(--semi-grey-5),0.16);
333
337
  --semi-color-fndesktop-navbarBg: rgba(12,13,13,0.6);
334
338
  --semi-color-info-light-active: rgba(var(--semi-brand-2),1);
335
- --semi-color-secondary-disabled: rgba(var(--semi-neutral-5),0.08);
336
- --semi-color-info-light-default: rgba(var(--semi-brand-0),0.8);
339
+ --semi-color-secondary-disabled: rgba(var(--semi-grey-5),0.16);
340
+ --semi-color-info-light-default: rgba(var(--semi-brand-0),1);
337
341
  --semi-color-overlay-CustomPreview: rgba(0,0,0,0.9);
338
342
  --semi-color-danger-light-hover: rgba(var(--semi-red-1),1);
339
343
  --semi-color-danger-light-active: rgba(var(--semi-red-2),1);
340
344
  --semi-color-fndesktop-navbarBorder: rgba(255,255,255,0.05);
341
345
  --semi-color-danger-light-default: rgba(var(--semi-red-0),1);
342
- --semi-color-primary-light-hover: rgba(var(--semi-brand-1),0.55);
346
+ --semi-color-primary-light-hover: rgba(var(--semi-brand-1),1);
343
347
  --semi-color-success-light-hover: rgba(var(--semi-green-1),1);
344
348
  --semi-color-warning-light-hover: rgba(var(--semi-amber-1), 1);
345
349
  --semi-color-primary-light-active: rgba(var(--semi-brand-2),1);
346
350
  --semi-color-success-light-active: rgba(var(--semi-green-2),1);
347
351
  --semi-color-warning-light-active: rgba(var(--semi-amber-2), 1);
348
- --semi-color-primary-light-default: rgba(var(--semi-brand-0),0.3);
352
+ --semi-color-primary-light-default: rgba(var(--semi-brand-0),1);
349
353
  --semi-color-success-light-default: rgba(var(--semi-green-0),1);
350
- --semi-color-tertiary-light-hover: rgba(var(--semi-grey-5), 0.3);
354
+ --semi-color-tertiary-light-hover: rgba(var(--semi-grey-5),0.16);
351
355
  --semi-color-warning-light-default: rgba(var(--semi-amber-0), 1);
352
- --semi-color-tertiary-light-active: rgba(var(--semi-grey-5), 0.4);
356
+ --semi-color-tertiary-light-active: rgba(var(--semi-grey-5),0.32);
353
357
  --semi-color-CheckboxPhoto-DefaultBg: rgba(255,255,255,0.2);
354
- --semi-color-secondary-light-hover: rgba(var(--semi-light-blue-5), 0.3);
355
- --semi-color-tertiary-light-default: rgba(var(--semi-grey-5), 0.2);
356
- --semi-color-secondary-light-active: rgba(var(--semi-light-blue-5),0.4);
357
- --semi-color-secondary-light-default: rgba(var(--semi-light-blue-5), 0.2);
358
+ --semi-color-secondary-light-hover: rgba(var(--semi-light-blue-1),1);
359
+ --semi-color-tertiary-light-default: rgba(var(--semi-grey-5),0.08);
360
+ --semi-color-secondary-light-active: rgba(var(--semi-light-blue-2),1);
361
+ --semi-color-secondary-light-default: rgba(var(--semi-light-blue-0),1);
358
362
  --semi-color-CheckboxPhoto-DefaultBorder: rgba(255,255,255,0.7);
359
363
  --semi-color-CheckboxPhoto-DefaultBgHover: rgba(255,255,255,0.7);
360
364
  --semi-color-CheckboxPhoto-DefaultBorderHover: rgba(255,255,255,0);
361
365
  font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI','PingFang SC', 'Hiragino Sans GB', 'Microsoft YaHei', 'Helvetica Neue',Helvetica, Arial, sans-serif;
362
366
  -webkit-font-smoothing: antialiased;;
363
- --semi-shadow-elevated: 0px 12px 42px -4px rgba(0,0,0,0.08),0px 8px 16px -6px rgba(0,0,0,0.08);
367
+ --semi-shadow-elevated: 0px 10px 20px 0px rgba(0,0,0,0.08),0px 10px 40px 0px rgba(0,0,0,0.12);
364
368
  --semi-shadow-0: none;
365
369
  --semi-shadow-1: none;
366
370
  --semi-shadow-2: 0px 2px 4px 0px rgba(0,0,0,0.14), 0px 0px 1px 0px rgba(0,0,0,0.16);
@@ -369,11 +373,14 @@ font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI','PingFang SC
369
373
  --semi-shadow-text: 0px 0px 4px 0px rgba(0,0,0,0.5),0px 1px 6px 0px rgba(0,0,0,0.2);
370
374
  --semi-shadow-dropdown: 0px 12px 42px -4px rgba(20,23,26,0.12),0px 8px 18px -6px rgba(20,23,26,0.2);
371
375
  --semi-border-radius-full: 9999px;
376
+ --semi-border-radius-name: 8px;
372
377
  --semi-border-radius-large: 12px;
373
378
  --semi-border-radius-small: 3px;
374
379
  --semi-border-radius-circle: 50%;
375
380
  --semi-border-radius-medium: 6px;
381
+ --semi-border-radius-custom-app: 16px;
376
382
  --semi-border-radius-extra-small: 3px;
383
+ --semi-border-radius-custom-content: 12px;
377
384
  --semi-border-radius-custom-button-large: 12px;
378
385
  --semi-border-radius-custom-button-small: 6px;
379
386
  --semi-border-radius-custom-button-default: 8px;