@semi-bot/semi-theme-fn-music 1.0.47 → 1.0.48

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 (6) hide show
  1. package/README.md +1 -1
  2. package/package.json +1 -1
  3. package/raw.json +14 -2
  4. package/scss/global.scss +14 -2
  5. package/semi.css +14 -2
  6. package/semi.min.css +1 -1
package/README.md CHANGED
@@ -5,7 +5,7 @@ Operator: 秋之风腊肠.jpg
5
5
 
6
6
  ## Compatibility
7
7
 
8
- Compatible with Semi Foundation Version 2.99.2 or newer.
8
+ Compatible with Semi Foundation Version 2.100.0 or newer.
9
9
 
10
10
  ## Version Release Note
11
11
 
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@semi-bot/semi-theme-fn-music",
3
- "version": "1.0.47",
3
+ "version": "1.0.48",
4
4
  "description": "Semi theme generated by dsm. https://semi.design/dsm",
5
5
  "keywords": [
6
6
  "semi-theme",
package/raw.json CHANGED
@@ -455,12 +455,12 @@
455
455
  "tertiary/--semi-color-tertiary-hover": "rgba(255,255,255,0.16)",
456
456
  "Floating/--semi-color-Floating-border": "rgba(255,255,255,0.12)",
457
457
  "disabled/--semi-color-disabled-border": "rgba(var(--semi-grey-1), 1)",
458
- "input/--semi-color-input-hover-border": "rgba(255,255,255,0.08)",
458
+ "input/--semi-color-input-activeborder": "rgba(255,255,255,0.12)",
459
459
  "primary/--semi-color-primary-disabled": "rgba(var(--semi-brand-1),1)",
460
460
  "success/--semi-color-success-disabled": "rgba(var(--semi-green-2), 1)",
461
461
  "tertiary/--semi-color-tertiary-active": "rgba(255,255,255,0.2)",
462
- "input/--semi-color-input-active-border": "rgba(255,255,255,0.12)",
463
462
  "primary-blue/--semi-color-primary-blue": "rgba(80,156,255,1)",
463
+ "primary-pink/--semi-color-primary-pink": "rgba(var(--semi-pink-4),1)",
464
464
  "secondary/--semi-color-secondary-hover": "rgba(var(--semi-light-blue-6), 1)",
465
465
  "secondary/--semi-color-secondary-active": "rgba(var(--semi-light-blue-7), 1)",
466
466
  "info-light/--semi-color-info-light-hover": "rgba(var(--semi-blue-5), 0.3)",
@@ -471,8 +471,10 @@
471
471
  "primary-Orange/--semi-color-primary-Orange": "rgba(255,163,76,1)",
472
472
  "danger-light/--semi-color-danger-light-hover": "rgba(var(--semi-red-5), 0.3)",
473
473
  "primary-blue/--semi-color-primary-blue-hover": "rgba(124,183,255, 1)",
474
+ "primary-pink/--semi-color-primary-pink-hover": "rgba(var(--semi-pink-5),1)",
474
475
  "danger-light/--semi-color-danger-light-active": "rgba(var(--semi-red-5), 0.4)",
475
476
  "primary-blue/--semi-color-primary-blue-active": "rgba(167,208,255, 1)",
477
+ "primary-pink/--semi-color-primary-pink-active": "rgba(var(--semi-pink-5),1)",
476
478
  "progress-bar/--semi-color-progress-bar-buffer": "rgba(255,255,255,0.06)",
477
479
  "progress-bar/--semi-color-progress-bar-played": "rgba(255,255,255,1)",
478
480
  "danger-light/--semi-color-danger-light-default": "rgba(var(--semi-red-5), 0.2)",
@@ -481,6 +483,7 @@
481
483
  "warning-light/--semi-color-warning-light-hover": "rgba(var(--semi-orange-5), 0.3)",
482
484
  "primary-blue/--semi-color-primary-blue-disabled": "rgba(15,79,184, 1)",
483
485
  "primary-light/--semi-color-primary-light-active": "rgba(var(--semi-brand-5), 0.4)",
486
+ "primary-pink/--semi-color-primary-pink-disabled": "rgba(var(--semi-pink-0),0.5)",
484
487
  "success-light/--semi-color-success-light-active": "rgba(var(--semi-green-5), 0.4)",
485
488
  "warning-light/--semi-color-warning-light-active": "rgba(var(--semi-orange-5), 0.4)",
486
489
  "primary-Orange/--semi-color-primary-Orange-hover": "rgba(255,190,121, 1)",
@@ -558,20 +561,24 @@
558
561
  "divider/--semi-color-divider-0": "rgba(18,18,20,0.16)",
559
562
  "divider/--semi-color-divider-1": "rgba(18,18,20,0.12)",
560
563
  "divider/--semi-color-divider-2": "rgba(18,18,20,0.06)",
564
+ "input/--semi-color-input-hover": "rgba(18,18,18,0.1)",
561
565
  "link/--semi-color-link-visited": "rgba(var(--semi-blue-5), 1)",
562
566
  "tertiary/--semi-color-tertiary": "rgba(0,0,0,0.08)",
563
567
  "focus/--semi-color-focus-border": "rgba(var(--semi-brand-5), 1)",
564
568
  "info/--semi-color-info-disabled": "rgba(var(--semi-blue-2), 1)",
569
+ "input/--semi-color-input-active": "rgba(18,18,20,0.14)",
565
570
  "modal/--semi-color-modal-border": "rgba(255,255,255,1)",
566
571
  "overlay/--semi-color-overlay-bg": "rgba(22, 22, 26, 0.6)",
567
572
  "sidebar/--semi-color-sidebar-bg": "rgba(243,242,245,0.9)",
568
573
  "danger/--semi-color-danger-hover": "rgba(var(--semi-red-6), 1)",
569
574
  "highlight/--semi-color-highlight": "rgba(var(--semi-black), 1)",
575
+ "input/--semi-color-input-default": "rgba(18,18,20,0.06)",
570
576
  "secondary/--semi-color-secondary": "rgba(var(--semi-light-blue-5), 1)",
571
577
  "switch/--semi-color-switch-bg-on": "rgba(var(--semi-brand-5),1)",
572
578
  "Floating/--semi-color-Floating-bg": "rgba(243,242,245,0.9)",
573
579
  "danger/--semi-color-danger-active": "rgba(var(--semi-red-7), 1)",
574
580
  "disabled/--semi-color-disabled-bg": "rgba(var(--semi-grey-1), 1)",
581
+ "input/--semi-color-input-disabled": "rgba(18,18,20,0.02)",
575
582
  "switch/--semi-color-switch-bg-off": "rgba(18,18,18,0.08)",
576
583
  "default/--semi-color-default-hover": "rgba(var(--semi-grey-1), 1)",
577
584
  "primary/--semi-color-primary-hover": "rgba(var(--semi-brand-6), 1)",
@@ -588,10 +595,12 @@
588
595
  "tertiary/--semi-color-tertiary-hover": "rgba(0,0,0,0.14)",
589
596
  "Floating/--semi-color-Floating-border": "rgba(255,255,255,1)",
590
597
  "disabled/--semi-color-disabled-border": "rgba(var(--semi-grey-1), 1)",
598
+ "input/--semi-color-input-activeborder": "rgba(18,18,20,0.08)",
591
599
  "primary/--semi-color-primary-disabled": "rgba(var(--semi-brand-2), 1)",
592
600
  "success/--semi-color-success-disabled": "rgba(var(--semi-green-2), 1)",
593
601
  "tertiary/--semi-color-tertiary-active": "rgba(0,0,0,0.14)",
594
602
  "primary-blue/--semi-color-primary-blue": "rgba(17,116,255,1)",
603
+ "primary-pink/--semi-color-primary-pink": "rgba(var(--semi-pink-4),1)",
595
604
  "secondary/--semi-color-secondary-hover": "rgba(var(--semi-light-blue-6), 1)",
596
605
  "secondary/--semi-color-secondary-active": "rgba(var(--semi-light-blue-7), 1)",
597
606
  "tertiary/--semi-color-tertiary-disabled": "rgba(0,0,0,0.04)",
@@ -603,8 +612,10 @@
603
612
  "primary-Orange/--semi-color-primary-Orange": "rgba(255,121,12,1)",
604
613
  "danger-light/--semi-color-danger-light-hover": "rgba(var(--semi-red-1), 1)",
605
614
  "primary-blue/--semi-color-primary-blue-hover": "rgba(8,92,219, 1)",
615
+ "primary-pink/--semi-color-primary-pink-hover": "rgba(var(--semi-pink-5),1)",
606
616
  "danger-light/--semi-color-danger-light-active": "rgba(var(--semi-red-2), 1)",
607
617
  "primary-blue/--semi-color-primary-blue-active": "rgba(1,71,184, 1)",
618
+ "primary-pink/--semi-color-primary-pink-active": "rgba(var(--semi-pink-5),1)",
608
619
  "progress-bar/--semi-color-progress-bar-buffer": "rgba(18,18,20,0.06)",
609
620
  "progress-bar/--semi-color-progress-bar-played": "rgba(18,18,20,1)",
610
621
  "danger-light/--semi-color-danger-light-default": "rgba(var(--semi-red-0), 1)",
@@ -613,6 +624,7 @@
613
624
  "warning-light/--semi-color-warning-light-hover": "rgba(var(--semi-orange-1), 1)",
614
625
  "primary-blue/--semi-color-primary-blue-disabled": "rgba(160,204,255, 1)",
615
626
  "primary-light/--semi-color-primary-light-active": "rgba(var(--semi-brand-2), 1)",
627
+ "primary-pink/--semi-color-primary-pink-disabled": "rgba(var(--semi-pink-0),1)",
616
628
  "success-light/--semi-color-success-light-active": "rgba(var(--semi-green-2), 1)",
617
629
  "warning-light/--semi-color-warning-light-active": "rgba(var(--semi-orange-2), 1)",
618
630
  "primary-Orange/--semi-color-primary-Orange-hover": "rgba(255,158,79,1)",
package/scss/global.scss CHANGED
@@ -62,20 +62,24 @@ body, body[theme-mode="dark"] .semi-always-light, :host, :host .semi-always-ligh
62
62
  --semi-color-divider-0: rgba(18,18,20,0.16);
63
63
  --semi-color-divider-1: rgba(18,18,20,0.12);
64
64
  --semi-color-divider-2: rgba(18,18,20,0.06);
65
+ --semi-color-input-hover: rgba(18,18,18,0.1);
65
66
  --semi-color-link-visited: rgba(var(--semi-blue-5), 1);
66
67
  --semi-color-tertiary: rgba(0,0,0,0.08);
67
68
  --semi-color-focus-border: rgba(var(--semi-brand-5), 1);
68
69
  --semi-color-info-disabled: rgba(var(--semi-blue-2), 1);
70
+ --semi-color-input-active: rgba(18,18,20,0.14);
69
71
  --semi-color-modal-border: rgba(255,255,255,1);
70
72
  --semi-color-overlay-bg: rgba(22, 22, 26, 0.6);
71
73
  --semi-color-sidebar-bg: rgba(243,242,245,0.9);
72
74
  --semi-color-danger-hover: rgba(var(--semi-red-6), 1);
73
75
  --semi-color-highlight: rgba(var(--semi-black), 1);
76
+ --semi-color-input-default: rgba(18,18,20,0.06);
74
77
  --semi-color-secondary: rgba(var(--semi-light-blue-5), 1);
75
78
  --semi-color-switch-bg-on: rgba(var(--semi-brand-5),1);
76
79
  --semi-color-Floating-bg: rgba(243,242,245,0.9);
77
80
  --semi-color-danger-active: rgba(var(--semi-red-7), 1);
78
81
  --semi-color-disabled-bg: rgba(var(--semi-grey-1), 1);
82
+ --semi-color-input-disabled: rgba(18,18,20,0.02);
79
83
  --semi-color-switch-bg-off: rgba(18,18,18,0.08);
80
84
  --semi-color-default-hover: rgba(var(--semi-grey-1), 1);
81
85
  --semi-color-primary-hover: rgba(var(--semi-brand-6), 1);
@@ -92,10 +96,12 @@ body, body[theme-mode="dark"] .semi-always-light, :host, :host .semi-always-ligh
92
96
  --semi-color-tertiary-hover: rgba(0,0,0,0.14);
93
97
  --semi-color-Floating-border: rgba(255,255,255,1);
94
98
  --semi-color-disabled-border: rgba(var(--semi-grey-1), 1);
99
+ --semi-color-input-activeborder: rgba(18,18,20,0.08);
95
100
  --semi-color-primary-disabled: rgba(var(--semi-brand-2), 1);
96
101
  --semi-color-success-disabled: rgba(var(--semi-green-2), 1);
97
102
  --semi-color-tertiary-active: rgba(0,0,0,0.14);
98
103
  --semi-color-primary-blue: rgba(17,116,255,1);
104
+ --semi-color-primary-pink: rgba(var(--semi-pink-4),1);
99
105
  --semi-color-secondary-hover: rgba(var(--semi-light-blue-6), 1);
100
106
  --semi-color-secondary-active: rgba(var(--semi-light-blue-7), 1);
101
107
  --semi-color-tertiary-disabled: rgba(0,0,0,0.04);
@@ -107,8 +113,10 @@ body, body[theme-mode="dark"] .semi-always-light, :host, :host .semi-always-ligh
107
113
  --semi-color-primary-Orange: rgba(255,121,12,1);
108
114
  --semi-color-danger-light-hover: rgba(var(--semi-red-1), 1);
109
115
  --semi-color-primary-blue-hover: rgba(8,92,219, 1);
116
+ --semi-color-primary-pink-hover: rgba(var(--semi-pink-5),1);
110
117
  --semi-color-danger-light-active: rgba(var(--semi-red-2), 1);
111
118
  --semi-color-primary-blue-active: rgba(1,71,184, 1);
119
+ --semi-color-primary-pink-active: rgba(var(--semi-pink-5),1);
112
120
  --semi-color-progress-bar-buffer: rgba(18,18,20,0.06);
113
121
  --semi-color-progress-bar-played: rgba(18,18,20,1);
114
122
  --semi-color-danger-light-default: rgba(var(--semi-red-0), 1);
@@ -117,6 +125,7 @@ body, body[theme-mode="dark"] .semi-always-light, :host, :host .semi-always-ligh
117
125
  --semi-color-warning-light-hover: rgba(var(--semi-orange-1), 1);
118
126
  --semi-color-primary-blue-disabled: rgba(160,204,255, 1);
119
127
  --semi-color-primary-light-active: rgba(var(--semi-brand-2), 1);
128
+ --semi-color-primary-pink-disabled: rgba(var(--semi-pink-0),1);
120
129
  --semi-color-success-light-active: rgba(var(--semi-green-2), 1);
121
130
  --semi-color-warning-light-active: rgba(var(--semi-orange-2), 1);
122
131
  --semi-color-primary-Orange-hover: rgba(255,158,79,1);
@@ -251,12 +260,12 @@ body[theme-mode="dark"], body .semi-always-dark, :host([theme-mode="dark"]), :ho
251
260
  --semi-color-tertiary-hover: rgba(255,255,255,0.16);
252
261
  --semi-color-Floating-border: rgba(255,255,255,0.12);
253
262
  --semi-color-disabled-border: rgba(var(--semi-grey-1), 1);
254
- --semi-color-input-hover-border: rgba(255,255,255,0.08);
263
+ --semi-color-input-activeborder: rgba(255,255,255,0.12);
255
264
  --semi-color-primary-disabled: rgba(var(--semi-brand-1),1);
256
265
  --semi-color-success-disabled: rgba(var(--semi-green-2), 1);
257
266
  --semi-color-tertiary-active: rgba(255,255,255,0.2);
258
- --semi-color-input-active-border: rgba(255,255,255,0.12);
259
267
  --semi-color-primary-blue: rgba(80,156,255,1);
268
+ --semi-color-primary-pink: rgba(var(--semi-pink-4),1);
260
269
  --semi-color-secondary-hover: rgba(var(--semi-light-blue-6), 1);
261
270
  --semi-color-secondary-active: rgba(var(--semi-light-blue-7), 1);
262
271
  --semi-color-info-light-hover: rgba(var(--semi-blue-5), 0.3);
@@ -267,8 +276,10 @@ body[theme-mode="dark"], body .semi-always-dark, :host([theme-mode="dark"]), :ho
267
276
  --semi-color-primary-Orange: rgba(255,163,76,1);
268
277
  --semi-color-danger-light-hover: rgba(var(--semi-red-5), 0.3);
269
278
  --semi-color-primary-blue-hover: rgba(124,183,255, 1);
279
+ --semi-color-primary-pink-hover: rgba(var(--semi-pink-5),1);
270
280
  --semi-color-danger-light-active: rgba(var(--semi-red-5), 0.4);
271
281
  --semi-color-primary-blue-active: rgba(167,208,255, 1);
282
+ --semi-color-primary-pink-active: rgba(var(--semi-pink-5),1);
272
283
  --semi-color-progress-bar-buffer: rgba(255,255,255,0.06);
273
284
  --semi-color-progress-bar-played: rgba(255,255,255,1);
274
285
  --semi-color-danger-light-default: rgba(var(--semi-red-5), 0.2);
@@ -277,6 +288,7 @@ body[theme-mode="dark"], body .semi-always-dark, :host([theme-mode="dark"]), :ho
277
288
  --semi-color-warning-light-hover: rgba(var(--semi-orange-5), 0.3);
278
289
  --semi-color-primary-blue-disabled: rgba(15,79,184, 1);
279
290
  --semi-color-primary-light-active: rgba(var(--semi-brand-5), 0.4);
291
+ --semi-color-primary-pink-disabled: rgba(var(--semi-pink-0),0.5);
280
292
  --semi-color-success-light-active: rgba(var(--semi-green-5), 0.4);
281
293
  --semi-color-warning-light-active: rgba(var(--semi-orange-5), 0.4);
282
294
  --semi-color-primary-Orange-hover: rgba(255,190,121, 1);
package/semi.css CHANGED
@@ -412,20 +412,24 @@ body, body[theme-mode=dark] .semi-always-light, :host, :host .semi-always-light
412
412
  --semi-color-divider-0: rgba(18,18,20,0.16);
413
413
  --semi-color-divider-1: rgba(18,18,20,0.12);
414
414
  --semi-color-divider-2: rgba(18,18,20,0.06);
415
+ --semi-color-input-hover: rgba(18,18,18,0.1);
415
416
  --semi-color-link-visited: rgba(var(--semi-blue-5), 1);
416
417
  --semi-color-tertiary: rgba(0,0,0,0.08);
417
418
  --semi-color-focus-border: rgba(var(--semi-brand-5), 1);
418
419
  --semi-color-info-disabled: rgba(var(--semi-blue-2), 1);
420
+ --semi-color-input-active: rgba(18,18,20,0.14);
419
421
  --semi-color-modal-border: rgba(255,255,255,1);
420
422
  --semi-color-overlay-bg: rgba(22, 22, 26, 0.6);
421
423
  --semi-color-sidebar-bg: rgba(243,242,245,0.9);
422
424
  --semi-color-danger-hover: rgba(var(--semi-red-6), 1);
423
425
  --semi-color-highlight: rgba(var(--semi-black), 1);
426
+ --semi-color-input-default: rgba(18,18,20,0.06);
424
427
  --semi-color-secondary: rgba(var(--semi-light-blue-5), 1);
425
428
  --semi-color-switch-bg-on: rgba(var(--semi-brand-5),1);
426
429
  --semi-color-Floating-bg: rgba(243,242,245,0.9);
427
430
  --semi-color-danger-active: rgba(var(--semi-red-7), 1);
428
431
  --semi-color-disabled-bg: rgba(var(--semi-grey-1), 1);
432
+ --semi-color-input-disabled: rgba(18,18,20,0.02);
429
433
  --semi-color-switch-bg-off: rgba(18,18,18,0.08);
430
434
  --semi-color-default-hover: rgba(var(--semi-grey-1), 1);
431
435
  --semi-color-primary-hover: rgba(var(--semi-brand-6), 1);
@@ -442,10 +446,12 @@ body, body[theme-mode=dark] .semi-always-light, :host, :host .semi-always-light
442
446
  --semi-color-tertiary-hover: rgba(0,0,0,0.14);
443
447
  --semi-color-Floating-border: rgba(255,255,255,1);
444
448
  --semi-color-disabled-border: rgba(var(--semi-grey-1), 1);
449
+ --semi-color-input-activeborder: rgba(18,18,20,0.08);
445
450
  --semi-color-primary-disabled: rgba(var(--semi-brand-2), 1);
446
451
  --semi-color-success-disabled: rgba(var(--semi-green-2), 1);
447
452
  --semi-color-tertiary-active: rgba(0,0,0,0.14);
448
453
  --semi-color-primary-blue: rgba(17,116,255,1);
454
+ --semi-color-primary-pink: rgba(var(--semi-pink-4),1);
449
455
  --semi-color-secondary-hover: rgba(var(--semi-light-blue-6), 1);
450
456
  --semi-color-secondary-active: rgba(var(--semi-light-blue-7), 1);
451
457
  --semi-color-tertiary-disabled: rgba(0,0,0,0.04);
@@ -457,8 +463,10 @@ body, body[theme-mode=dark] .semi-always-light, :host, :host .semi-always-light
457
463
  --semi-color-primary-Orange: rgba(255,121,12,1);
458
464
  --semi-color-danger-light-hover: rgba(var(--semi-red-1), 1);
459
465
  --semi-color-primary-blue-hover: rgba(8,92,219, 1);
466
+ --semi-color-primary-pink-hover: rgba(var(--semi-pink-5),1);
460
467
  --semi-color-danger-light-active: rgba(var(--semi-red-2), 1);
461
468
  --semi-color-primary-blue-active: rgba(1,71,184, 1);
469
+ --semi-color-primary-pink-active: rgba(var(--semi-pink-5),1);
462
470
  --semi-color-progress-bar-buffer: rgba(18,18,20,0.06);
463
471
  --semi-color-progress-bar-played: rgba(18,18,20,1);
464
472
  --semi-color-danger-light-default: rgba(var(--semi-red-0), 1);
@@ -467,6 +475,7 @@ body, body[theme-mode=dark] .semi-always-light, :host, :host .semi-always-light
467
475
  --semi-color-warning-light-hover: rgba(var(--semi-orange-1), 1);
468
476
  --semi-color-primary-blue-disabled: rgba(160,204,255, 1);
469
477
  --semi-color-primary-light-active: rgba(var(--semi-brand-2), 1);
478
+ --semi-color-primary-pink-disabled: rgba(var(--semi-pink-0),1);
470
479
  --semi-color-success-light-active: rgba(var(--semi-green-2), 1);
471
480
  --semi-color-warning-light-active: rgba(var(--semi-orange-2), 1);
472
481
  --semi-color-primary-Orange-hover: rgba(255,158,79,1);
@@ -600,12 +609,12 @@ body[theme-mode=dark], body .semi-always-dark, :host([theme-mode=dark]), :host .
600
609
  --semi-color-tertiary-hover: rgba(255,255,255,0.16);
601
610
  --semi-color-Floating-border: rgba(255,255,255,0.12);
602
611
  --semi-color-disabled-border: rgba(var(--semi-grey-1), 1);
603
- --semi-color-input-hover-border: rgba(255,255,255,0.08);
612
+ --semi-color-input-activeborder: rgba(255,255,255,0.12);
604
613
  --semi-color-primary-disabled: rgba(var(--semi-brand-1),1);
605
614
  --semi-color-success-disabled: rgba(var(--semi-green-2), 1);
606
615
  --semi-color-tertiary-active: rgba(255,255,255,0.2);
607
- --semi-color-input-active-border: rgba(255,255,255,0.12);
608
616
  --semi-color-primary-blue: rgba(80,156,255,1);
617
+ --semi-color-primary-pink: rgba(var(--semi-pink-4),1);
609
618
  --semi-color-secondary-hover: rgba(var(--semi-light-blue-6), 1);
610
619
  --semi-color-secondary-active: rgba(var(--semi-light-blue-7), 1);
611
620
  --semi-color-info-light-hover: rgba(var(--semi-blue-5), 0.3);
@@ -616,8 +625,10 @@ body[theme-mode=dark], body .semi-always-dark, :host([theme-mode=dark]), :host .
616
625
  --semi-color-primary-Orange: rgba(255,163,76,1);
617
626
  --semi-color-danger-light-hover: rgba(var(--semi-red-5), 0.3);
618
627
  --semi-color-primary-blue-hover: rgba(124,183,255, 1);
628
+ --semi-color-primary-pink-hover: rgba(var(--semi-pink-5),1);
619
629
  --semi-color-danger-light-active: rgba(var(--semi-red-5), 0.4);
620
630
  --semi-color-primary-blue-active: rgba(167,208,255, 1);
631
+ --semi-color-primary-pink-active: rgba(var(--semi-pink-5),1);
621
632
  --semi-color-progress-bar-buffer: rgba(255,255,255,0.06);
622
633
  --semi-color-progress-bar-played: rgba(255,255,255,1);
623
634
  --semi-color-danger-light-default: rgba(var(--semi-red-5), 0.2);
@@ -626,6 +637,7 @@ body[theme-mode=dark], body .semi-always-dark, :host([theme-mode=dark]), :host .
626
637
  --semi-color-warning-light-hover: rgba(var(--semi-orange-5), 0.3);
627
638
  --semi-color-primary-blue-disabled: rgba(15,79,184, 1);
628
639
  --semi-color-primary-light-active: rgba(var(--semi-brand-5), 0.4);
640
+ --semi-color-primary-pink-disabled: rgba(var(--semi-pink-0),0.5);
629
641
  --semi-color-success-light-active: rgba(var(--semi-green-5), 0.4);
630
642
  --semi-color-warning-light-active: rgba(var(--semi-orange-5), 0.4);
631
643
  --semi-color-primary-Orange-hover: rgba(255,190,121, 1);