@semi-bot/semi-theme-seek 2.1.11 → 2.2.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.
package/README.md CHANGED
@@ -1,7 +1,7 @@
1
1
 
2
2
  # @semi-bot/semi-theme-seek --- Semi Theme Generated By [Design System Management](https://semi.design/dsm/)
3
3
  ID: 25012
4
- Operator: 秋之风腊肠.jpg
4
+ Operator: 用户1185735120727
5
5
 
6
6
  ## Compatibility
7
7
 
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@semi-bot/semi-theme-seek",
3
- "version": "2.1.11",
3
+ "version": "2.2.1",
4
4
  "description": "Semi theme generated by dsm. https://semi.design/dsm",
5
5
  "keywords": [
6
6
  "semi-theme",
package/raw.json CHANGED
@@ -382,7 +382,7 @@
382
382
  "info/--semi-color-info": "rgba(var(--semi-blue-5), 1)",
383
383
  "link/--semi-color-link": "rgba(var(--semi-blue-5), 1)",
384
384
  "nav/--semi-color-nav-bg": "rgba(255,255,255,1)",
385
- "appbg/--semi-color-appbg": "rgba(101,101,101,1)",
385
+ "appbg/--semi-color-appbg": "rgba(0,0,0,1)",
386
386
  "black/--semi-color-black": "rgba(0,0,0,1)",
387
387
  "data/--semi-color-data-0": "rgba(94,109,194,1)",
388
388
  "data/--semi-color-data-1": "rgba(8, 104, 120, 1)",
@@ -415,6 +415,7 @@
415
415
  "data/--semi-color-data-19": "rgba(40, 51, 138, 1)",
416
416
  "data/--semi-color-data-20": "rgba(var(--semi-grey-2),1)",
417
417
  "border/--semi-color-border": "rgba(255,255,255,0.19)",
418
+ "custom/--semi-color-custom": "rgba(var(--semi-blue-5),1)",
418
419
  "danger/--semi-color-danger": "rgba(var(--semi-red-5), 1)",
419
420
  "shadow/--semi-color-shadow": "rgba(var(--semi-black), 0.04)",
420
421
  "tag/--semi-color-tag-hover": "rgba(255,255,255,0.08)",
@@ -438,7 +439,7 @@
438
439
  "default/--semi-color-default": "rgba(255,255,255,0)",
439
440
  "info/--semi-color-info-hover": "rgba(var(--semi-blue-6), 1)",
440
441
  "link/--semi-color-link-hover": "rgba(var(--semi-blue-6), 1)",
441
- "mask-bg/--semi-color-mask-bg": "rgba(0,0,0,0.5)",
442
+ "mask-bg/--semi-color-mask-bg": "rgba(0,0,0,0.6)",
442
443
  "primary/--semi-color-primary": "rgba(var(--semi-brand-5),1)",
443
444
  "success/--semi-color-success": "rgba(var(--semi-green-5),1)",
444
445
  "tag/--semi-color-tag-default": "rgba(255,255,255,0.04)",
@@ -455,13 +456,13 @@
455
456
  "modal-bg/--semi-color-modal-bg": "rgba(var(--semi-grey-0),0.7)",
456
457
  "tertiary/--semi-color-tertiary": "rgba(255,255,255,0.08)",
457
458
  "focus/--semi-color-focus-border": "rgba(var(--semi-brand-5), 1)",
458
- "folder/--semi-color-folder-left": "rgba(96,96,99,1)",
459
459
  "info/--semi-color-info-disabled": "rgba(var(--semi-blue-4),0.4)",
460
460
  "overlay/--semi-color-overlay-bg": "rgba(22,22,26,0.6)",
461
+ "custom/--semi-color-custom-hover": "rgba(var(--semi-blue-6),1)",
461
462
  "danger/--semi-color-danger-hover": "rgba(var(--semi-red-6), 1)",
462
- "folder/--semi-color-folder-hover": "rgba(32,32,32,1)",
463
463
  "highlight/--semi-color-highlight": "rgba(var(--semi-white), 1)",
464
464
  "secondary/--semi-color-secondary": "rgba(var(--semi-light-blue-5), 1)",
465
+ "custom/--semi-color-custom-active": "rgba(var(--semi-blue-7),1)",
465
466
  "danger/--semi-color-danger-active": "rgba(var(--semi-red-7), 1)",
466
467
  "disabled/--semi-color-disabled-bg": "rgba(var(--semi-grey-1),1)",
467
468
  "default/--semi-color-default-hover": "rgba(255,255,255,0.08)",
@@ -469,6 +470,7 @@
469
470
  "success/--semi-color-success-hover": "rgba(var(--semi-green-6), 1)",
470
471
  "warning/--semi-color-warning-hover": "rgba(var(--semi-orange-6), 1)",
471
472
  "Timecode/--semi-color-Timecode-text": "rgba(var(--semi-green-4),1)",
473
+ "custom/--semi-color-custom-disabled": "rgba(var(--semi-blue-2),1)",
472
474
  "default/--semi-color-default-active": "rgba(255,255,255,0.16)",
473
475
  "disabled/--semi-color-disabled-fill": "rgba(var(--semi-grey-8),0.04)",
474
476
  "disabled/--semi-color-disabled-text": "rgba(var(--semi-grey-9), 0.35)",
@@ -530,7 +532,6 @@
530
532
  "bg/--semi-color-bg-2": "rgba(255,255,255,1)",
531
533
  "bg/--semi-color-bg-3": "rgba(255,255,255,1)",
532
534
  "bg/--semi-color-bg-4": "rgba(255,255,255,1)",
533
- "Tabs/--semi-color-Tabs": "rgba(var(--semi-grey-9),0)",
534
535
  "darg/--semi-color-darg": "rgba(var(--semi-blue-6),0)",
535
536
  "info/--semi-color-info": "rgba(var(--semi-blue-5), 1)",
536
537
  "link/--semi-color-link": "rgba(var(--semi-blue-5), 1)",
@@ -565,28 +566,23 @@
565
566
  "data/--semi-color-data-17": "rgba(182, 215, 129, 1)",
566
567
  "data/--semi-color-data-18": "rgba(212, 88, 212, 1)",
567
568
  "data/--semi-color-data-19": "rgba(188, 198, 255, 1)",
568
- "border/--semi-color-border": "rgba(var(--semi-grey-9),0.12)",
569
+ "border/--semi-color-border": "rgba(var(--semi-grey-9),0.18)",
569
570
  "danger/--semi-color-danger": "rgba(var(--semi-red-5),1)",
570
571
  "shadow/--semi-color-shadow": "rgba(var(--semi-black), 0.04)",
571
- "tag/--semi-color-tag-hover": "rgba(var(--semi-grey-9),0.07)",
572
572
  "black/--semi-color-black-50": "rgba(0,0,0,0.5)",
573
573
  "black/--semi-color-black-70": "rgba(0,0,0,0.7)",
574
- "tag/--semi-color-tag-active": "rgba(var(--semi-grey-9),0.11)",
575
574
  "white/--semi-color-white-50": "rgba(255,255,255,0.5)",
576
- "Tabs/--semi-color-Tabs-hover": "rgba(var(--semi-grey-6),0.04)",
577
- "border/--semi-color-border-1": "rgba(var(--semi-grey-9),0.09)",
575
+ "border/--semi-color-border-1": "rgba(var(--semi-grey-9),0.12)",
578
576
  "border/--semi-color-border-2": "rgba(var(--semi-grey-9),0.06)",
579
577
  "card/--semi-color-card-hover": "rgba(var(--semi-grey-0),0.2)",
580
578
  "darg/--semi-color-darg-hover": "rgba(var(--semi-blue-4),0.5)",
581
579
  "default/--semi-color-default": "rgba(var(--semi-grey-0), 1)",
582
580
  "info/--semi-color-info-hover": "rgba(var(--semi-blue-6), 1)",
583
581
  "link/--semi-color-link-hover": "rgba(var(--semi-blue-6), 1)",
584
- "mask-bg/--semi-color-mask-bg": "rgba(255,255,255,0.6)",
582
+ "mask-bg/--semi-color-mask-bg": "rgba(0,0,0,0.6)",
585
583
  "primary/--semi-color-primary": "rgba(var(--semi-brand-5),1)",
586
584
  "success/--semi-color-success": "rgba(var(--semi-green-6),1)",
587
- "tag/--semi-color-tag-default": "rgba(var(--semi-grey-9),0.03)",
588
585
  "warning/--semi-color-warning": "rgba(var(--semi-orange-5), 1)",
589
- "Tabs/--semi-color-Tabs-active": "rgba(var(--semi-grey-7),0.06)",
590
586
  "card/--semi-color-card-active": "rgba(var(--semi-grey-1),0.2)",
591
587
  "card/--semi-color-card-border": "rgba(var(--semi-grey-9), 0.06)",
592
588
  "darg/--semi-color-darg-active": "rgba(var(--semi-blue-4),1)",
@@ -599,9 +595,11 @@
599
595
  "tertiary/--semi-color-tertiary": "rgba(var(--semi-grey-1), 1)",
600
596
  "card/--semi-color-card-disabled": "rgba(var(--semi-grey-1), 1)",
601
597
  "focus/--semi-color-focus-border": "rgba(var(--semi-brand-5), 1)",
598
+ "folder/--semi-color-folder-left": "rgba(239,239,239,1)",
602
599
  "info/--semi-color-info-disabled": "rgba(var(--semi-blue-2), 1)",
603
600
  "overlay/--semi-color-overlay-bg": "rgba(22, 22, 26, 0.6)",
604
601
  "danger/--semi-color-danger-hover": "rgba(var(--semi-red-6), 1)",
602
+ "folder/--semi-color-folder-right": "rgba(225,225,225,1)",
605
603
  "highlight/--semi-color-highlight": "rgba(var(--semi-black), 1)",
606
604
  "secondary/--semi-color-secondary": "rgba(var(--semi-light-blue-5), 1)",
607
605
  "danger/--semi-color-danger-active": "rgba(var(--semi-red-7), 1)",
@@ -748,11 +746,11 @@
748
746
  },
749
747
  "custom": "",
750
748
  "shadow": {
751
- "shadow-0": "none",
749
+ "shadow-0": "0px 0px 0px 0px rgba(102,204,255,0)",
752
750
  "shadow-1": "none",
753
751
  "shadow-2": "0px 2px 4px 0px rgba(0,0,0,0.14), 0px 0px 1px 0px rgba(0,0,0,0.16)",
754
752
  "shadow-knob": "0px 4px 6px 0px rgba(0,0,0,0.10), 0px 0px 1px 0px rgba(0,0,0,0.30)",
755
- "shadow-elevated": "0px 0px 2px 0px rgba(3,3,3,0.4),0px 6px 32px -1px rgba(0,0,0,0.6),0px 0px 0px 0px rgba(102,204,255,0)"
753
+ "shadow-elevated": "0px 0px 2px 0px rgba(3,3,3,0.4),0px 6px 32px -1px rgba(0,0,0,0.12),0px 0px 0px 0px rgba(102,204,255,0)"
756
754
  },
757
755
  "spacing": {
758
756
  "$spacing-base": "16px",
@@ -801,7 +799,7 @@
801
799
  "$color-input_default-bg-focus": "var(--semi-color-input-bg-active)",
802
800
  "$color-input_default-bg-hover": "var(--semi-color-input-bg-hover)",
803
801
  "$color-input_default-bg-active": "var(--semi-color-input-bg-hover)",
804
- "$color-input_default-bg-default": "var(--semi-color-input-bg)",
802
+ "$color-input_default-bg-default": "var(--semi-color-input-bg-default)",
805
803
  "$color-input_disabled-bg-default": "var(--semi-color-fill-0)",
806
804
  "$color-input_default-border-hover": "var(--semi-color-inputborder-hover)",
807
805
  "$color-input_default-bg-focus-hover": "var(--semi-color-input-bg-hover)",
package/scss/global.scss CHANGED
@@ -6,7 +6,6 @@ body, body[theme-mode="dark"] .semi-always-light, :host, :host .semi-always-ligh
6
6
  --semi-color-bg-2: rgba(255,255,255,1);
7
7
  --semi-color-bg-3: rgba(255,255,255,1);
8
8
  --semi-color-bg-4: rgba(255,255,255,1);
9
- --semi-color-Tabs: rgba(var(--semi-grey-9),0);
10
9
  --semi-color-darg: rgba(var(--semi-blue-6),0);
11
10
  --semi-color-info: rgba(var(--semi-blue-5), 1);
12
11
  --semi-color-link: rgba(var(--semi-blue-5), 1);
@@ -41,28 +40,23 @@ body, body[theme-mode="dark"] .semi-always-light, :host, :host .semi-always-ligh
41
40
  --semi-color-data-17: rgba(182, 215, 129, 1);
42
41
  --semi-color-data-18: rgba(212, 88, 212, 1);
43
42
  --semi-color-data-19: rgba(188, 198, 255, 1);
44
- --semi-color-border: rgba(var(--semi-grey-9),0.12);
43
+ --semi-color-border: rgba(var(--semi-grey-9),0.18);
45
44
  --semi-color-danger: rgba(var(--semi-red-5),1);
46
45
  --semi-color-shadow: rgba(var(--semi-black), 0.04);
47
- --semi-color-tag-hover: rgba(var(--semi-grey-9),0.07);
48
46
  --semi-color-black-50: rgba(0,0,0,0.5);
49
47
  --semi-color-black-70: rgba(0,0,0,0.7);
50
- --semi-color-tag-active: rgba(var(--semi-grey-9),0.11);
51
48
  --semi-color-white-50: rgba(255,255,255,0.5);
52
- --semi-color-Tabs-hover: rgba(var(--semi-grey-6),0.04);
53
- --semi-color-border-1: rgba(var(--semi-grey-9),0.09);
49
+ --semi-color-border-1: rgba(var(--semi-grey-9),0.12);
54
50
  --semi-color-border-2: rgba(var(--semi-grey-9),0.06);
55
51
  --semi-color-card-hover: rgba(var(--semi-grey-0),0.2);
56
52
  --semi-color-darg-hover: rgba(var(--semi-blue-4),0.5);
57
53
  --semi-color-default: rgba(var(--semi-grey-0), 1);
58
54
  --semi-color-info-hover: rgba(var(--semi-blue-6), 1);
59
55
  --semi-color-link-hover: rgba(var(--semi-blue-6), 1);
60
- --semi-color-mask-bg: rgba(255,255,255,0.6);
56
+ --semi-color-mask-bg: rgba(0,0,0,0.6);
61
57
  --semi-color-primary: rgba(var(--semi-brand-5),1);
62
58
  --semi-color-success: rgba(var(--semi-green-6),1);
63
- --semi-color-tag-default: rgba(var(--semi-grey-9),0.03);
64
59
  --semi-color-warning: rgba(var(--semi-orange-5), 1);
65
- --semi-color-Tabs-active: rgba(var(--semi-grey-7),0.06);
66
60
  --semi-color-card-active: rgba(var(--semi-grey-1),0.2);
67
61
  --semi-color-card-border: rgba(var(--semi-grey-9), 0.06);
68
62
  --semi-color-darg-active: rgba(var(--semi-blue-4),1);
@@ -75,9 +69,11 @@ body, body[theme-mode="dark"] .semi-always-light, :host, :host .semi-always-ligh
75
69
  --semi-color-tertiary: rgba(var(--semi-grey-1), 1);
76
70
  --semi-color-card-disabled: rgba(var(--semi-grey-1), 1);
77
71
  --semi-color-focus-border: rgba(var(--semi-brand-5), 1);
72
+ --semi-color-folder-left: rgba(239,239,239,1);
78
73
  --semi-color-info-disabled: rgba(var(--semi-blue-2), 1);
79
74
  --semi-color-overlay-bg: rgba(22, 22, 26, 0.6);
80
75
  --semi-color-danger-hover: rgba(var(--semi-red-6), 1);
76
+ --semi-color-folder-right: rgba(225,225,225,1);
81
77
  --semi-color-highlight: rgba(var(--semi-black), 1);
82
78
  --semi-color-secondary: rgba(var(--semi-light-blue-5), 1);
83
79
  --semi-color-danger-active: rgba(var(--semi-red-7), 1);
@@ -146,8 +142,8 @@ body, body[theme-mode="dark"] .semi-always-light, :host, :host .semi-always-ligh
146
142
  --semi-color-secondary-light-default: rgba(var(--semi-light-blue-0), 1);
147
143
  font-family: Montserrat, 'PingFang SC', -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Hiragino Sans GB', 'Inter', 'Microsoft YaHei', 'Helvetica Neue', Helvetica, Arial, sans-serif;
148
144
  -webkit-font-smoothing: antialiased;;
149
- --semi-shadow-elevated: 0px 0px 2px 0px rgba(3,3,3,0.4),0px 6px 32px -1px rgba(0,0,0,0.6),0px 0px 0px 0px rgba(102,204,255,0);
150
- --semi-shadow-0: none;
145
+ --semi-shadow-elevated: 0px 0px 2px 0px rgba(3,3,3,0.4),0px 6px 32px -1px rgba(0,0,0,0.12),0px 0px 0px 0px rgba(102,204,255,0);
146
+ --semi-shadow-0: 0px 0px 0px 0px rgba(102,204,255,0);
151
147
  --semi-shadow-1: none;
152
148
  --semi-shadow-2: 0px 2px 4px 0px rgba(0,0,0,0.14), 0px 0px 1px 0px rgba(0,0,0,0.16);
153
149
  --semi-shadow-knob: 0px 4px 6px 0px rgba(0,0,0,0.10), 0px 0px 1px 0px rgba(0,0,0,0.30);
@@ -173,7 +169,7 @@ body[theme-mode="dark"], body .semi-always-dark, :host([theme-mode="dark"]), :ho
173
169
  --semi-color-info: rgba(var(--semi-blue-5), 1);
174
170
  --semi-color-link: rgba(var(--semi-blue-5), 1);
175
171
  --semi-color-nav-bg: rgba(255,255,255,1);
176
- --semi-color-appbg: rgba(101,101,101,1);
172
+ --semi-color-appbg: rgba(0,0,0,1);
177
173
  --semi-color-black: rgba(0,0,0,1);
178
174
  --semi-color-data-0: rgba(94,109,194,1);
179
175
  --semi-color-data-1: rgba(8, 104, 120, 1);
@@ -206,6 +202,7 @@ body[theme-mode="dark"], body .semi-always-dark, :host([theme-mode="dark"]), :ho
206
202
  --semi-color-data-19: rgba(40, 51, 138, 1);
207
203
  --semi-color-data-20: rgba(var(--semi-grey-2),1);
208
204
  --semi-color-border: rgba(255,255,255,0.19);
205
+ --semi-color-custom: rgba(var(--semi-blue-5),1);
209
206
  --semi-color-danger: rgba(var(--semi-red-5), 1);
210
207
  --semi-color-shadow: rgba(var(--semi-black), 0.04);
211
208
  --semi-color-tag-hover: rgba(255,255,255,0.08);
@@ -229,7 +226,7 @@ body[theme-mode="dark"], body .semi-always-dark, :host([theme-mode="dark"]), :ho
229
226
  --semi-color-default: rgba(255,255,255,0);
230
227
  --semi-color-info-hover: rgba(var(--semi-blue-6), 1);
231
228
  --semi-color-link-hover: rgba(var(--semi-blue-6), 1);
232
- --semi-color-mask-bg: rgba(0,0,0,0.5);
229
+ --semi-color-mask-bg: rgba(0,0,0,0.6);
233
230
  --semi-color-primary: rgba(var(--semi-brand-5),1);
234
231
  --semi-color-success: rgba(var(--semi-green-5),1);
235
232
  --semi-color-tag-default: rgba(255,255,255,0.04);
@@ -246,13 +243,13 @@ body[theme-mode="dark"], body .semi-always-dark, :host([theme-mode="dark"]), :ho
246
243
  --semi-color-modal-bg: rgba(var(--semi-grey-0),0.7);
247
244
  --semi-color-tertiary: rgba(255,255,255,0.08);
248
245
  --semi-color-focus-border: rgba(var(--semi-brand-5), 1);
249
- --semi-color-folder-left: rgba(96,96,99,1);
250
246
  --semi-color-info-disabled: rgba(var(--semi-blue-4),0.4);
251
247
  --semi-color-overlay-bg: rgba(22,22,26,0.6);
248
+ --semi-color-custom-hover: rgba(var(--semi-blue-6),1);
252
249
  --semi-color-danger-hover: rgba(var(--semi-red-6), 1);
253
- --semi-color-folder-hover: rgba(32,32,32,1);
254
250
  --semi-color-highlight: rgba(var(--semi-white), 1);
255
251
  --semi-color-secondary: rgba(var(--semi-light-blue-5), 1);
252
+ --semi-color-custom-active: rgba(var(--semi-blue-7),1);
256
253
  --semi-color-danger-active: rgba(var(--semi-red-7), 1);
257
254
  --semi-color-disabled-bg: rgba(var(--semi-grey-1),1);
258
255
  --semi-color-default-hover: rgba(255,255,255,0.08);
@@ -260,6 +257,7 @@ body[theme-mode="dark"], body .semi-always-dark, :host([theme-mode="dark"]), :ho
260
257
  --semi-color-success-hover: rgba(var(--semi-green-6), 1);
261
258
  --semi-color-warning-hover: rgba(var(--semi-orange-6), 1);
262
259
  --semi-color-Timecode-text: rgba(var(--semi-green-4),1);
260
+ --semi-color-custom-disabled: rgba(var(--semi-blue-2),1);
263
261
  --semi-color-default-active: rgba(255,255,255,0.16);
264
262
  --semi-color-disabled-fill: rgba(var(--semi-grey-8),0.04);
265
263
  --semi-color-disabled-text: rgba(var(--semi-grey-9), 0.35);
@@ -316,8 +314,8 @@ body[theme-mode="dark"], body .semi-always-dark, :host([theme-mode="dark"]), :ho
316
314
  --semi-color-secondary-light-default: rgba(var(--semi-light-blue-5), 0.2);
317
315
  font-family: Montserrat, 'PingFang SC', -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Hiragino Sans GB', 'Inter', 'Microsoft YaHei', 'Helvetica Neue', Helvetica, Arial, sans-serif;
318
316
  -webkit-font-smoothing: antialiased;;
319
- --semi-shadow-elevated: 0px 0px 2px 0px rgba(3,3,3,0.4),0px 6px 32px -1px rgba(0,0,0,0.6),0px 0px 0px 0px rgba(102,204,255,0);
320
- --semi-shadow-0: none;
317
+ --semi-shadow-elevated: 0px 0px 2px 0px rgba(3,3,3,0.4),0px 6px 32px -1px rgba(0,0,0,0.12),0px 0px 0px 0px rgba(102,204,255,0);
318
+ --semi-shadow-0: 0px 0px 0px 0px rgba(102,204,255,0);
321
319
  --semi-shadow-1: none;
322
320
  --semi-shadow-2: 0px 2px 4px 0px rgba(0,0,0,0.14), 0px 0px 1px 0px rgba(0,0,0,0.16);
323
321
  --semi-shadow-knob: 0px 4px 6px 0px rgba(0,0,0,0.10), 0px 0px 1px 0px rgba(0,0,0,0.30);
package/scss/local.scss CHANGED
@@ -2,7 +2,7 @@ $color-input-icon-hover: var(--semi-color-text-0);
2
2
  $color-input_default-bg-focus: var(--semi-color-input-bg-active);
3
3
  $color-input_default-bg-hover: var(--semi-color-input-bg-hover);
4
4
  $color-input_default-bg-active: var(--semi-color-input-bg-hover);
5
- $color-input_default-bg-default: var(--semi-color-input-bg);
5
+ $color-input_default-bg-default: var(--semi-color-input-bg-default);
6
6
  $color-input_disabled-bg-default: var(--semi-color-fill-0);
7
7
  $color-input_default-border-hover: var(--semi-color-inputborder-hover);
8
8
  $color-input_default-bg-focus-hover: var(--semi-color-input-bg-hover);
package/scss/mixin.scss CHANGED
@@ -1,5 +1,5 @@
1
1
  @mixin shadow-0 {
2
- box-shadow: none;
2
+ box-shadow: 0px 0px 0px 0px rgba(102,204,255,0);
3
3
  };
4
4
  @mixin shadow-1 {
5
5
  box-shadow: none;
@@ -11,7 +11,7 @@
11
11
  box-shadow: 0px 4px 6px 0px rgba(0,0,0,0.10), 0px 0px 1px 0px rgba(0,0,0,0.30);
12
12
  };
13
13
  @mixin shadow-elevated {
14
- box-shadow: 0px 0px 2px 0px rgba(3,3,3,0.4),0px 6px 32px -1px rgba(0,0,0,0.6),0px 0px 0px 0px rgba(102,204,255,0);
14
+ box-shadow: 0px 0px 2px 0px rgba(3,3,3,0.4),0px 6px 32px -1px rgba(0,0,0,0.12),0px 0px 0px 0px rgba(102,204,255,0);
15
15
  };
16
16
 
17
17
  @mixin box-sizing() {
package/semi.css CHANGED
@@ -376,7 +376,6 @@ body, body[theme-mode=dark] .semi-always-light, :host, :host .semi-always-light
376
376
  --semi-color-bg-2: rgba(255,255,255,1);
377
377
  --semi-color-bg-3: rgba(255,255,255,1);
378
378
  --semi-color-bg-4: rgba(255,255,255,1);
379
- --semi-color-Tabs: rgba(var(--semi-grey-9),0);
380
379
  --semi-color-darg: rgba(var(--semi-blue-6),0);
381
380
  --semi-color-info: rgba(var(--semi-blue-5), 1);
382
381
  --semi-color-link: rgba(var(--semi-blue-5), 1);
@@ -411,28 +410,23 @@ body, body[theme-mode=dark] .semi-always-light, :host, :host .semi-always-light
411
410
  --semi-color-data-17: rgba(182, 215, 129, 1);
412
411
  --semi-color-data-18: rgba(212, 88, 212, 1);
413
412
  --semi-color-data-19: rgba(188, 198, 255, 1);
414
- --semi-color-border: rgba(var(--semi-grey-9),0.12);
413
+ --semi-color-border: rgba(var(--semi-grey-9),0.18);
415
414
  --semi-color-danger: rgba(var(--semi-red-5),1);
416
415
  --semi-color-shadow: rgba(var(--semi-black), 0.04);
417
- --semi-color-tag-hover: rgba(var(--semi-grey-9),0.07);
418
416
  --semi-color-black-50: rgba(0,0,0,0.5);
419
417
  --semi-color-black-70: rgba(0,0,0,0.7);
420
- --semi-color-tag-active: rgba(var(--semi-grey-9),0.11);
421
418
  --semi-color-white-50: rgba(255,255,255,0.5);
422
- --semi-color-Tabs-hover: rgba(var(--semi-grey-6),0.04);
423
- --semi-color-border-1: rgba(var(--semi-grey-9),0.09);
419
+ --semi-color-border-1: rgba(var(--semi-grey-9),0.12);
424
420
  --semi-color-border-2: rgba(var(--semi-grey-9),0.06);
425
421
  --semi-color-card-hover: rgba(var(--semi-grey-0),0.2);
426
422
  --semi-color-darg-hover: rgba(var(--semi-blue-4),0.5);
427
423
  --semi-color-default: rgba(var(--semi-grey-0), 1);
428
424
  --semi-color-info-hover: rgba(var(--semi-blue-6), 1);
429
425
  --semi-color-link-hover: rgba(var(--semi-blue-6), 1);
430
- --semi-color-mask-bg: rgba(255,255,255,0.6);
426
+ --semi-color-mask-bg: rgba(0,0,0,0.6);
431
427
  --semi-color-primary: rgba(var(--semi-brand-5),1);
432
428
  --semi-color-success: rgba(var(--semi-green-6),1);
433
- --semi-color-tag-default: rgba(var(--semi-grey-9),0.03);
434
429
  --semi-color-warning: rgba(var(--semi-orange-5), 1);
435
- --semi-color-Tabs-active: rgba(var(--semi-grey-7),0.06);
436
430
  --semi-color-card-active: rgba(var(--semi-grey-1),0.2);
437
431
  --semi-color-card-border: rgba(var(--semi-grey-9), 0.06);
438
432
  --semi-color-darg-active: rgba(var(--semi-blue-4),1);
@@ -445,9 +439,11 @@ body, body[theme-mode=dark] .semi-always-light, :host, :host .semi-always-light
445
439
  --semi-color-tertiary: rgba(var(--semi-grey-1), 1);
446
440
  --semi-color-card-disabled: rgba(var(--semi-grey-1), 1);
447
441
  --semi-color-focus-border: rgba(var(--semi-brand-5), 1);
442
+ --semi-color-folder-left: rgba(239,239,239,1);
448
443
  --semi-color-info-disabled: rgba(var(--semi-blue-2), 1);
449
444
  --semi-color-overlay-bg: rgba(22, 22, 26, 0.6);
450
445
  --semi-color-danger-hover: rgba(var(--semi-red-6), 1);
446
+ --semi-color-folder-right: rgba(225,225,225,1);
451
447
  --semi-color-highlight: rgba(var(--semi-black), 1);
452
448
  --semi-color-secondary: rgba(var(--semi-light-blue-5), 1);
453
449
  --semi-color-danger-active: rgba(var(--semi-red-7), 1);
@@ -516,8 +512,8 @@ body, body[theme-mode=dark] .semi-always-light, :host, :host .semi-always-light
516
512
  --semi-color-secondary-light-default: rgba(var(--semi-light-blue-0), 1);
517
513
  font-family: Montserrat, "PingFang SC", -apple-system, BlinkMacSystemFont, "Segoe UI", "Hiragino Sans GB", "Inter", "Microsoft YaHei", "Helvetica Neue", Helvetica, Arial, sans-serif;
518
514
  -webkit-font-smoothing: antialiased;
519
- --semi-shadow-elevated: 0px 0px 2px 0px rgba(3,3,3,0.4),0px 6px 32px -1px rgba(0,0,0,0.6),0px 0px 0px 0px rgba(102,204,255,0);
520
- --semi-shadow-0: none;
515
+ --semi-shadow-elevated: 0px 0px 2px 0px rgba(3,3,3,0.4),0px 6px 32px -1px rgba(0,0,0,0.12),0px 0px 0px 0px rgba(102,204,255,0);
516
+ --semi-shadow-0: 0px 0px 0px 0px rgba(102,204,255,0);
521
517
  --semi-shadow-1: none;
522
518
  --semi-shadow-2: 0px 2px 4px 0px rgba(0,0,0,0.14), 0px 0px 1px 0px rgba(0,0,0,0.16);
523
519
  --semi-shadow-knob: 0px 4px 6px 0px rgba(0,0,0,0.10), 0px 0px 1px 0px rgba(0,0,0,0.30);
@@ -542,7 +538,7 @@ body[theme-mode=dark], body .semi-always-dark, :host([theme-mode=dark]), :host .
542
538
  --semi-color-info: rgba(var(--semi-blue-5), 1);
543
539
  --semi-color-link: rgba(var(--semi-blue-5), 1);
544
540
  --semi-color-nav-bg: rgba(255,255,255,1);
545
- --semi-color-appbg: rgba(101,101,101,1);
541
+ --semi-color-appbg: rgba(0,0,0,1);
546
542
  --semi-color-black: rgba(0,0,0,1);
547
543
  --semi-color-data-0: rgba(94,109,194,1);
548
544
  --semi-color-data-1: rgba(8, 104, 120, 1);
@@ -575,6 +571,7 @@ body[theme-mode=dark], body .semi-always-dark, :host([theme-mode=dark]), :host .
575
571
  --semi-color-data-19: rgba(40, 51, 138, 1);
576
572
  --semi-color-data-20: rgba(var(--semi-grey-2),1);
577
573
  --semi-color-border: rgba(255,255,255,0.19);
574
+ --semi-color-custom: rgba(var(--semi-blue-5),1);
578
575
  --semi-color-danger: rgba(var(--semi-red-5), 1);
579
576
  --semi-color-shadow: rgba(var(--semi-black), 0.04);
580
577
  --semi-color-tag-hover: rgba(255,255,255,0.08);
@@ -598,7 +595,7 @@ body[theme-mode=dark], body .semi-always-dark, :host([theme-mode=dark]), :host .
598
595
  --semi-color-default: rgba(255,255,255,0);
599
596
  --semi-color-info-hover: rgba(var(--semi-blue-6), 1);
600
597
  --semi-color-link-hover: rgba(var(--semi-blue-6), 1);
601
- --semi-color-mask-bg: rgba(0,0,0,0.5);
598
+ --semi-color-mask-bg: rgba(0,0,0,0.6);
602
599
  --semi-color-primary: rgba(var(--semi-brand-5),1);
603
600
  --semi-color-success: rgba(var(--semi-green-5),1);
604
601
  --semi-color-tag-default: rgba(255,255,255,0.04);
@@ -615,13 +612,13 @@ body[theme-mode=dark], body .semi-always-dark, :host([theme-mode=dark]), :host .
615
612
  --semi-color-modal-bg: rgba(var(--semi-grey-0),0.7);
616
613
  --semi-color-tertiary: rgba(255,255,255,0.08);
617
614
  --semi-color-focus-border: rgba(var(--semi-brand-5), 1);
618
- --semi-color-folder-left: rgba(96,96,99,1);
619
615
  --semi-color-info-disabled: rgba(var(--semi-blue-4),0.4);
620
616
  --semi-color-overlay-bg: rgba(22,22,26,0.6);
617
+ --semi-color-custom-hover: rgba(var(--semi-blue-6),1);
621
618
  --semi-color-danger-hover: rgba(var(--semi-red-6), 1);
622
- --semi-color-folder-hover: rgba(32,32,32,1);
623
619
  --semi-color-highlight: rgba(var(--semi-white), 1);
624
620
  --semi-color-secondary: rgba(var(--semi-light-blue-5), 1);
621
+ --semi-color-custom-active: rgba(var(--semi-blue-7),1);
625
622
  --semi-color-danger-active: rgba(var(--semi-red-7), 1);
626
623
  --semi-color-disabled-bg: rgba(var(--semi-grey-1),1);
627
624
  --semi-color-default-hover: rgba(255,255,255,0.08);
@@ -629,6 +626,7 @@ body[theme-mode=dark], body .semi-always-dark, :host([theme-mode=dark]), :host .
629
626
  --semi-color-success-hover: rgba(var(--semi-green-6), 1);
630
627
  --semi-color-warning-hover: rgba(var(--semi-orange-6), 1);
631
628
  --semi-color-Timecode-text: rgba(var(--semi-green-4),1);
629
+ --semi-color-custom-disabled: rgba(var(--semi-blue-2),1);
632
630
  --semi-color-default-active: rgba(255,255,255,0.16);
633
631
  --semi-color-disabled-fill: rgba(var(--semi-grey-8),0.04);
634
632
  --semi-color-disabled-text: rgba(var(--semi-grey-9), 0.35);
@@ -685,8 +683,8 @@ body[theme-mode=dark], body .semi-always-dark, :host([theme-mode=dark]), :host .
685
683
  --semi-color-secondary-light-default: rgba(var(--semi-light-blue-5), 0.2);
686
684
  font-family: Montserrat, "PingFang SC", -apple-system, BlinkMacSystemFont, "Segoe UI", "Hiragino Sans GB", "Inter", "Microsoft YaHei", "Helvetica Neue", Helvetica, Arial, sans-serif;
687
685
  -webkit-font-smoothing: antialiased;
688
- --semi-shadow-elevated: 0px 0px 2px 0px rgba(3,3,3,0.4),0px 6px 32px -1px rgba(0,0,0,0.6),0px 0px 0px 0px rgba(102,204,255,0);
689
- --semi-shadow-0: none;
686
+ --semi-shadow-elevated: 0px 0px 2px 0px rgba(3,3,3,0.4),0px 6px 32px -1px rgba(0,0,0,0.12),0px 0px 0px 0px rgba(102,204,255,0);
687
+ --semi-shadow-0: 0px 0px 0px 0px rgba(102,204,255,0);
690
688
  --semi-shadow-1: none;
691
689
  --semi-shadow-2: 0px 2px 4px 0px rgba(0,0,0,0.14), 0px 0px 1px 0px rgba(0,0,0,0.16);
692
690
  --semi-shadow-knob: 0px 4px 6px 0px rgba(0,0,0,0.10), 0px 0px 1px 0px rgba(0,0,0,0.30);
@@ -3426,7 +3424,7 @@ body, :host {
3426
3424
  }
3427
3425
 
3428
3426
  .semi-button {
3429
- box-shadow: none;
3427
+ box-shadow: 0px 0px 0px 0px rgba(102, 204, 255, 0);
3430
3428
  height: 32px;
3431
3429
  display: inline-flex;
3432
3430
  align-items: center;
@@ -7142,7 +7140,7 @@ body, :host {
7142
7140
  padding-left: 8px;
7143
7141
  }
7144
7142
  .semi-datepicker-time .semi-jumperlist {
7145
- box-shadow: none;
7143
+ box-shadow: 0px 0px 0px 0px rgba(102, 204, 255, 0);
7146
7144
  border-radius: 0;
7147
7145
  }
7148
7146
  .semi-datepicker-quick-control {
@@ -8383,7 +8381,7 @@ body, :host {
8383
8381
  }
8384
8382
  .semi-dropdown-wrapper {
8385
8383
  overflow-y: auto;
8386
- box-shadow: 0px 0px 2px 0px rgba(3, 3, 3, 0.4), 0px 6px 32px -1px rgba(0, 0, 0, 0.6), 0px 0px 0px 0px rgba(102, 204, 255, 0);
8384
+ box-shadow: 0px 0px 2px 0px rgba(3, 3, 3, 0.4), 0px 6px 32px -1px rgba(0, 0, 0, 0.12), 0px 0px 0px 0px rgba(102, 204, 255, 0);
8387
8385
  position: relative;
8388
8386
  z-index: 1050;
8389
8387
  border-radius: var(--semi-border-radius-medium);
@@ -14692,11 +14690,11 @@ img[src=""], img:not([src]) {
14692
14690
  display: inline-block;
14693
14691
  position: relative;
14694
14692
  vertical-align: middle;
14695
- box-shadow: none;
14693
+ box-shadow: 0px 0px 0px 0px rgba(102, 204, 255, 0);
14696
14694
  font-size: 14px;
14697
14695
  font-family: Montserrat, "PingFang SC", -apple-system, BlinkMacSystemFont, "Segoe UI", "Hiragino Sans GB", "Inter", "Microsoft YaHei", "Helvetica Neue", Helvetica, Arial, sans-serif;
14698
14696
  line-height: 20px;
14699
- background-color: var(--semi-color-input-bg);
14697
+ background-color: var(--semi-color-input-bg-default);
14700
14698
  border: 1px var(--semi-color-border-1) solid;
14701
14699
  border-radius: 6px;
14702
14700
  width: 100%;
@@ -14859,7 +14857,7 @@ img[src=""], img:not([src]) {
14859
14857
  background-color: transparent;
14860
14858
  }
14861
14859
  .semi-input-wrapper.semi-input-wrapper__with-prepend .semi-input, .semi-input-wrapper.semi-input-wrapper__with-append .semi-input {
14862
- background-color: var(--semi-color-input-bg);
14860
+ background-color: var(--semi-color-input-bg-default);
14863
14861
  border: 1px transparent solid;
14864
14862
  }
14865
14863
  .semi-input-wrapper.semi-input-wrapper__with-prepend .semi-input:hover, .semi-input-wrapper.semi-input-wrapper__with-append .semi-input:hover {
@@ -14905,7 +14903,7 @@ img[src=""], img:not([src]) {
14905
14903
  background-color: var(--semi-color-input-bg-hover);
14906
14904
  }
14907
14905
  .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 {
14908
- background-color: var(--semi-color-input-bg);
14906
+ background-color: var(--semi-color-input-bg-default);
14909
14907
  }
14910
14908
  .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 {
14911
14909
  border-radius: 0 6px 6px 0;
@@ -15091,7 +15089,7 @@ img[src=""], img:not([src]) {
15091
15089
  height: 100%;
15092
15090
  display: flex;
15093
15091
  align-items: center;
15094
- background-color: var(--semi-color-input-bg);
15092
+ background-color: var(--semi-color-input-bg-default);
15095
15093
  color: var(--semi-color-text-2);
15096
15094
  font-size: 14px;
15097
15095
  font-family: Montserrat, "PingFang SC", -apple-system, BlinkMacSystemFont, "Segoe UI", "Hiragino Sans GB", "Inter", "Microsoft YaHei", "Helvetica Neue", Helvetica, Arial, sans-serif;
@@ -16917,7 +16915,7 @@ img[src=""], img:not([src]) {
16917
16915
  }
16918
16916
 
16919
16917
  .semi-notification-notice {
16920
- box-shadow: 0px 0px 2px 0px rgba(3, 3, 3, 0.4), 0px 6px 32px -1px rgba(0, 0, 0, 0.6), 0px 0px 0px 0px rgba(102, 204, 255, 0);
16918
+ box-shadow: 0px 0px 2px 0px rgba(3, 3, 3, 0.4), 0px 6px 32px -1px rgba(0, 0, 0, 0.12), 0px 0px 0px 0px rgba(102, 204, 255, 0);
16921
16919
  border-radius: var(--semi-border-radius-medium);
16922
16920
  padding-top: 16px;
16923
16921
  padding-right: 12px;
@@ -17549,7 +17547,7 @@ img[src=""], img:not([src]) {
17549
17547
  position: relative;
17550
17548
  background-color: var(--semi-color-bg-3);
17551
17549
  backdrop-filter: none;
17552
- box-shadow: 0px 0px 2px 0px rgba(3, 3, 3, 0.4), 0px 6px 32px -1px rgba(0, 0, 0, 0.6), 0px 0px 0px 0px rgba(102, 204, 255, 0);
17550
+ box-shadow: 0px 0px 2px 0px rgba(3, 3, 3, 0.4), 0px 6px 32px -1px rgba(0, 0, 0, 0.12), 0px 0px 0px 0px rgba(102, 204, 255, 0);
17553
17551
  z-index: 1030;
17554
17552
  border-radius: var(--semi-border-radius-medium);
17555
17553
  font-size: 14px;
@@ -20208,7 +20206,7 @@ img[src=""], img:not([src]) {
20208
20206
  }
20209
20207
  .semi-slider-disabled .semi-slider-handle {
20210
20208
  cursor: not-allowed;
20211
- box-shadow: none;
20209
+ box-shadow: 0px 0px 0px 0px rgba(102, 204, 255, 0);
20212
20210
  border: 1px var(--semi-color-border) solid;
20213
20211
  }
20214
20212
  .semi-slider-disabled .semi-slider-handle:hover {
@@ -20953,7 +20951,7 @@ img[src=""], img:not([src]) {
20953
20951
  }
20954
20952
  .semi-switch-disabled .semi-switch-knob {
20955
20953
  cursor: not-allowed;
20956
- box-shadow: none;
20954
+ box-shadow: 0px 0px 0px 0px rgba(102, 204, 255, 0);
20957
20955
  border: 1px var(--semi-color-border) solid;
20958
20956
  }
20959
20957
  .semi-switch-disabled .semi-switch-native-control {
@@ -20968,7 +20966,7 @@ img[src=""], img:not([src]) {
20968
20966
  transform: translateX(18px);
20969
20967
  }
20970
20968
  .semi-switch-disabled.semi-switch-checked .semi-switch-knob {
20971
- box-shadow: none;
20969
+ box-shadow: 0px 0px 0px 0px rgba(102, 204, 255, 0);
20972
20970
  border: none;
20973
20971
  }
20974
20972
  .semi-switch-disabled.semi-switch-loading:not(.semi-switch-checked):hover {
@@ -23813,7 +23811,7 @@ img[src=""], img:not([src]) {
23813
23811
  }
23814
23812
  .semi-toast-content {
23815
23813
  pointer-events: all;
23816
- box-shadow: 0px 0px 2px 0px rgba(3, 3, 3, 0.4), 0px 6px 32px -1px rgba(0, 0, 0, 0.6), 0px 0px 0px 0px rgba(102, 204, 255, 0);
23814
+ box-shadow: 0px 0px 2px 0px rgba(3, 3, 3, 0.4), 0px 6px 32px -1px rgba(0, 0, 0, 0.12), 0px 0px 0px 0px rgba(102, 204, 255, 0);
23817
23815
  font-size: 14px;
23818
23816
  font-family: Montserrat, "PingFang SC", -apple-system, BlinkMacSystemFont, "Segoe UI", "Hiragino Sans GB", "Inter", "Microsoft YaHei", "Helvetica Neue", Helvetica, Arial, sans-serif;
23819
23817
  line-height: 20px;
@@ -26807,7 +26805,7 @@ p.semi-typography-extended,
26807
26805
  border: 1px var(--semi-color-border-1) solid;
26808
26806
  border-radius: 6px;
26809
26807
  vertical-align: bottom;
26810
- background-color: var(--semi-color-input-bg);
26808
+ background-color: var(--semi-color-input-bg-default);
26811
26809
  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);
26812
26810
  }
26813
26811
  .semi-input-textarea-wrapper-resizeX {
@@ -26902,7 +26900,7 @@ p.semi-typography-extended,
26902
26900
  position: relative;
26903
26901
  resize: none;
26904
26902
  padding: 5px 12px;
26905
- box-shadow: none;
26903
+ box-shadow: 0px 0px 0px 0px rgba(102, 204, 255, 0);
26906
26904
  font-size: 14px;
26907
26905
  font-family: Montserrat, "PingFang SC", -apple-system, BlinkMacSystemFont, "Segoe UI", "Hiragino Sans GB", "Inter", "Microsoft YaHei", "Helvetica Neue", Helvetica, Arial, sans-serif;
26908
26906
  line-height: 20px;