@semi-bot/semi-theme-seek 1.7.9 → 1.7.12
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 +1 -1
- package/package.json +1 -1
- package/raw.json +38 -18
- package/scss/global.scss +25 -15
- package/scss/local.scss +8 -2
- package/semi.css +57 -47
- package/semi.min.css +1 -1
package/README.md
CHANGED
package/package.json
CHANGED
package/raw.json
CHANGED
|
@@ -381,6 +381,7 @@
|
|
|
381
381
|
"info/--semi-color-info": "rgba(var(--semi-blue-5), 1)",
|
|
382
382
|
"link/--semi-color-link": "rgba(var(--semi-blue-5), 1)",
|
|
383
383
|
"nav/--semi-color-nav-bg": "rgba(35, 36, 41, 1)",
|
|
384
|
+
"appbg/--semi-color-appbg": "rgba(56,56,56,1)",
|
|
384
385
|
"black/--semi-color-black": "rgba(0,0,0,1)",
|
|
385
386
|
"data/--semi-color-data-0": "rgba(94,109,194,1)",
|
|
386
387
|
"data/--semi-color-data-1": "rgba(8, 104, 120, 1)",
|
|
@@ -413,6 +414,7 @@
|
|
|
413
414
|
"data/--semi-color-data-19": "rgba(40, 51, 138, 1)",
|
|
414
415
|
"data/--semi-color-data-20": "rgba(var(--semi-grey-2),1)",
|
|
415
416
|
"border/--semi-color-border": "rgba(255,255,255,0.19)",
|
|
417
|
+
"custom/--semi-color-custom": "rgba(var(--semi-blue-5),1)",
|
|
416
418
|
"danger/--semi-color-danger": "rgba(var(--semi-red-5), 1)",
|
|
417
419
|
"shadow/--semi-color-shadow": "rgba(var(--semi-black), 0.04)",
|
|
418
420
|
"white/--semi-color-white-1": "rgba(255,255,255,0.1)",
|
|
@@ -448,9 +450,11 @@
|
|
|
448
450
|
"focus/--semi-color-focus-border": "rgba(var(--semi-brand-5), 1)",
|
|
449
451
|
"info/--semi-color-info-disabled": "rgba(var(--semi-blue-4),0.4)",
|
|
450
452
|
"overlay/--semi-color-overlay-bg": "rgba(22,22,26,0.6)",
|
|
453
|
+
"custom/--semi-color-custom-hover": "rgba(var(--semi-blue-6),1)",
|
|
451
454
|
"danger/--semi-color-danger-hover": "rgba(var(--semi-red-6), 1)",
|
|
452
455
|
"highlight/--semi-color-highlight": "rgba(var(--semi-white), 1)",
|
|
453
456
|
"secondary/--semi-color-secondary": "rgba(var(--semi-light-blue-5), 1)",
|
|
457
|
+
"custom/--semi-color-custom-active": "rgba(var(--semi-blue-7),1)",
|
|
454
458
|
"danger/--semi-color-danger-active": "rgba(var(--semi-red-7), 1)",
|
|
455
459
|
"disabled/--semi-color-disabled-bg": "rgba(var(--semi-grey-1), 1)",
|
|
456
460
|
"default/--semi-color-default-hover": "rgba(255,255,255,0.08)",
|
|
@@ -458,6 +462,7 @@
|
|
|
458
462
|
"success/--semi-color-success-hover": "rgba(var(--semi-green-6), 1)",
|
|
459
463
|
"warning/--semi-color-warning-hover": "rgba(var(--semi-orange-6), 1)",
|
|
460
464
|
"Timecode/--semi-color-Timecode-text": "rgba(var(--semi-green-4),1)",
|
|
465
|
+
"custom/--semi-color-custom-disabled": "rgba(var(--semi-blue-2),1)",
|
|
461
466
|
"default/--semi-color-default-active": "rgba(255,255,255,0.16)",
|
|
462
467
|
"disabled/--semi-color-disabled-fill": "rgba(var(--semi-grey-8), 0.04)",
|
|
463
468
|
"disabled/--semi-color-disabled-text": "rgba(var(--semi-grey-9), 0.35)",
|
|
@@ -476,7 +481,6 @@
|
|
|
476
481
|
"tertiary/--semi-color-tertiary-active": "rgba(255,255,255,0.24)",
|
|
477
482
|
"input-bg/--semi-color-input-bg-default": "rgba(var(--semi-grey-0),0)",
|
|
478
483
|
"secondary/--semi-color-secondary-hover": "rgba(var(--semi-light-blue-6), 1)",
|
|
479
|
-
"Comparison/--semi-color-Comparison-V1bg": "rgba(var(--semi-blue-1),0.8)",
|
|
480
484
|
"Comparison/--semi-color-Comparison-V2bg": "rgba(var(--semi-green-1),0.8)",
|
|
481
485
|
"input-bg/--semi-color-input-bg-disabled": "rgba(var(--semi-grey-2), 1)",
|
|
482
486
|
"secondary/--semi-color-secondary-active": "rgba(var(--semi-light-blue-7), 1)",
|
|
@@ -490,12 +494,13 @@
|
|
|
490
494
|
"danger-light/--semi-color-danger-light-hover": "rgba(var(--semi-red-5), 0.3)",
|
|
491
495
|
"danger-light/--semi-color-danger-light-active": "rgba(var(--semi-red-5), 0.4)",
|
|
492
496
|
"inputborder/--semi-color-inputborder-disabled": "rgba(255,255,255,0.05)",
|
|
497
|
+
"Comparison/--semi-color-Comparison-V1bgloading": "rgba(var(--semi-blue-0),1)",
|
|
498
|
+
"Comparison/--semi-color-Comparison-V2bgloading": "rgba(var(--semi-green-0),0.8)",
|
|
493
499
|
"danger-light/--semi-color-danger-light-default": "rgba(var(--semi-red-5), 0.2)",
|
|
494
500
|
"primary-light/--semi-color-primary-light-hover": "rgba(var(--semi-brand-5), 0.3)",
|
|
495
501
|
"success-light/--semi-color-success-light-hover": "rgba(var(--semi-green-5), 0.3)",
|
|
496
502
|
"warning-light/--semi-color-warning-light-hover": "rgba(var(--semi-orange-5), 0.3)",
|
|
497
|
-
"Comparison/--semi-color-Comparison-V1bg-
|
|
498
|
-
"Comparison/--semi-color-Comparison-V2bg-loading": "rgba(var(--semi-green-0),0.8)",
|
|
503
|
+
"Comparison/--semi-color-Comparison-V1bg-default": "rgba(var(--semi-blue-1),0.8)",
|
|
499
504
|
"primary-light/--semi-color-primary-light-active": "rgba(var(--semi-brand-5), 0.4)",
|
|
500
505
|
"success-light/--semi-color-success-light-active": "rgba(var(--semi-green-5), 0.4)",
|
|
501
506
|
"warning-light/--semi-color-warning-light-active": "rgba(var(--semi-orange-5), 0.4)",
|
|
@@ -515,10 +520,10 @@
|
|
|
515
520
|
"bg/--semi-color-bg-2": "rgba(255,255,255,1)",
|
|
516
521
|
"bg/--semi-color-bg-3": "rgba(255,255,255,1)",
|
|
517
522
|
"bg/--semi-color-bg-4": "rgba(255,255,255,1)",
|
|
518
|
-
"card/--semi-color-card": "rgba(var(--semi-grey-0),1)",
|
|
519
523
|
"info/--semi-color-info": "rgba(var(--semi-blue-5), 1)",
|
|
520
524
|
"link/--semi-color-link": "rgba(var(--semi-blue-5), 1)",
|
|
521
525
|
"nav/--semi-color-nav-bg": "rgba(var(--semi-white), 1)",
|
|
526
|
+
"appbg/--semi-color-appbg": "rgba(var(--semi-grey-1),1)",
|
|
522
527
|
"black/--semi-color-black": "rgba(var(--semi-black),0)",
|
|
523
528
|
"data/--semi-color-data-0": "rgba(87, 105, 255, 1)",
|
|
524
529
|
"data/--semi-color-data-1": "rgba(142, 212, 231, 1)",
|
|
@@ -530,9 +535,9 @@
|
|
|
530
535
|
"data/--semi-color-data-7": "rgba(139, 215, 210, 1)",
|
|
531
536
|
"data/--semi-color-data-8": "rgba(131, 176, 35, 1)",
|
|
532
537
|
"data/--semi-color-data-9": "rgba(233, 165, 229, 1)",
|
|
533
|
-
"fill/--semi-color-fill-0": "rgba(var(--semi-grey-8),
|
|
534
|
-
"fill/--semi-color-fill-1": "rgba(var(--semi-grey-8),
|
|
535
|
-
"fill/--semi-color-fill-2": "rgba(var(--semi-grey-8),
|
|
538
|
+
"fill/--semi-color-fill-0": "rgba(var(--semi-grey-8),0.05)",
|
|
539
|
+
"fill/--semi-color-fill-1": "rgba(var(--semi-grey-8),0.09)",
|
|
540
|
+
"fill/--semi-color-fill-2": "rgba(var(--semi-grey-8),0.13)",
|
|
536
541
|
"text/--semi-color-text-0": "rgba(var(--semi-grey-9),1)",
|
|
537
542
|
"text/--semi-color-text-1": "rgba(var(--semi-grey-9),0.8)",
|
|
538
543
|
"text/--semi-color-text-2": "rgba(var(--semi-grey-9),0.6)",
|
|
@@ -553,7 +558,7 @@
|
|
|
553
558
|
"shadow/--semi-color-shadow": "rgba(var(--semi-black), 0.04)",
|
|
554
559
|
"border/--semi-color-border-1": "rgba(var(--semi-grey-9),0.15)",
|
|
555
560
|
"border/--semi-color-border-2": "rgba(var(--semi-grey-9),0.1)",
|
|
556
|
-
"card/--semi-color-card-hover": "rgba(var(--semi-grey-
|
|
561
|
+
"card/--semi-color-card-hover": "rgba(var(--semi-grey-1),0.8)",
|
|
557
562
|
"default/--semi-color-default": "rgba(var(--semi-grey-0), 1)",
|
|
558
563
|
"info/--semi-color-info-hover": "rgba(var(--semi-blue-6), 1)",
|
|
559
564
|
"link/--semi-color-link-hover": "rgba(var(--semi-blue-6), 1)",
|
|
@@ -561,13 +566,14 @@
|
|
|
561
566
|
"primary/--semi-color-primary": "rgba(var(--semi-brand-5),1)",
|
|
562
567
|
"success/--semi-color-success": "rgba(var(--semi-green-6),1)",
|
|
563
568
|
"warning/--semi-color-warning": "rgba(var(--semi-orange-5), 1)",
|
|
564
|
-
"card/--semi-color-card-active": "rgba(var(--semi-grey-
|
|
569
|
+
"card/--semi-color-card-active": "rgba(var(--semi-grey-1),1)",
|
|
565
570
|
"info/--semi-color-info-active": "rgba(var(--semi-blue-7), 1)",
|
|
566
571
|
"link/--semi-color-link-active": "rgba(var(--semi-blue-7), 1)",
|
|
572
|
+
"card/--semi-color-card-default": "rgba(var(--semi-grey-1),0.5)",
|
|
567
573
|
"link/--semi-color-link-visited": "rgba(var(--semi-blue-5), 1)",
|
|
568
574
|
"modal-bg/--semi-color-modal-bg": "rgba(255,255,255,0.9)",
|
|
569
|
-
"tertiary/--semi-color-tertiary": "rgba(var(--semi-grey-
|
|
570
|
-
"card/--semi-color-card-disabled": "rgba(var(--semi-grey-
|
|
575
|
+
"tertiary/--semi-color-tertiary": "rgba(var(--semi-grey-1), 1)",
|
|
576
|
+
"card/--semi-color-card-disabled": "rgba(var(--semi-grey-0),1)",
|
|
571
577
|
"focus/--semi-color-focus-border": "rgba(var(--semi-brand-5), 1)",
|
|
572
578
|
"info/--semi-color-info-disabled": "rgba(var(--semi-blue-2), 1)",
|
|
573
579
|
"overlay/--semi-color-overlay-bg": "rgba(22, 22, 26, 0.6)",
|
|
@@ -580,22 +586,23 @@
|
|
|
580
586
|
"primary/--semi-color-primary-hover": "rgba(var(--semi-brand-6), 1)",
|
|
581
587
|
"success/--semi-color-success-hover": "rgba(var(--semi-green-7),1)",
|
|
582
588
|
"warning/--semi-color-warning-hover": "rgba(var(--semi-orange-6), 1)",
|
|
589
|
+
"Timecode/--semi-color-Timecode-text": "rgba(var(--semi-green-6), 1)",
|
|
583
590
|
"default/--semi-color-default-active": "rgba(var(--semi-grey-2), 1)",
|
|
584
591
|
"disabled/--semi-color-disabled-fill": "rgba(var(--semi-grey-8), 0.04)",
|
|
585
592
|
"disabled/--semi-color-disabled-text": "rgba(var(--semi-grey-9), 0.35)",
|
|
586
593
|
"highlight/--semi-color-highlight-bg": "rgba(var(--semi-yellow-4), 1)",
|
|
587
594
|
"primary/--semi-color-primary-active": "rgba(var(--semi-brand-7), 1)",
|
|
588
595
|
"success/--semi-color-success-active": "rgba(var(--semi-green-8),1)",
|
|
589
|
-
"timecode/--semi-color-timecode-text": "rgba(var(--semi-green-6), 1)",
|
|
590
596
|
"warning/--semi-color-warning-active": "rgba(var(--semi-orange-7), 1)",
|
|
591
|
-
"tertiary/--semi-color-tertiary-hover": "rgba(var(--semi-grey-
|
|
597
|
+
"tertiary/--semi-color-tertiary-hover": "rgba(var(--semi-grey-2),0.6)",
|
|
598
|
+
"Timecode/--semi-color-Timecode-border": "rgba(var(--semi-green-6),1)",
|
|
592
599
|
"disabled/--semi-color-disabled-border": "rgba(var(--semi-grey-1), 1)",
|
|
593
600
|
"primary/--semi-color-primary-disabled": "rgba(var(--semi-brand-2), 1)",
|
|
594
601
|
"success/--semi-color-success-disabled": "rgba(var(--semi-green-1),1)",
|
|
595
|
-
"tertiary/--semi-color-tertiary-active": "rgba(var(--semi-grey-
|
|
596
|
-
"timecode/--semi-color-timecode-border": "rgba(var(--semi-green-8),1)",
|
|
602
|
+
"tertiary/--semi-color-tertiary-active": "rgba(var(--semi-grey-2),1)",
|
|
597
603
|
"secondary/--semi-color-secondary-hover": "rgba(var(--semi-light-blue-6), 1)",
|
|
598
604
|
"secondary/--semi-color-secondary-active": "rgba(var(--semi-light-blue-7), 1)",
|
|
605
|
+
"tertiary/--semi-color-tertiary-disabled": "rgba(var(--semi-grey-2),0.1)",
|
|
599
606
|
"info-light/--semi-color-info-light-hover": "rgba(var(--semi-blue-1), 1)",
|
|
600
607
|
"info-light/--semi-color-info-light-active": "rgba(var(--semi-blue-2), 1)",
|
|
601
608
|
"secondary/--semi-color-secondary-disabled": "rgba(var(--semi-light-blue-2), 1)",
|
|
@@ -614,10 +621,13 @@
|
|
|
614
621
|
"tertiary-light/--semi-color-tertiary-light-hover": "rgba(var(--semi-grey-1), 1)",
|
|
615
622
|
"warning-light/--semi-color-warning-light-default": "rgba(var(--semi-orange-0), 1)",
|
|
616
623
|
"tertiary-light/--semi-color-tertiary-light-active": "rgba(var(--semi-grey-2), 1)",
|
|
624
|
+
"button-Radio-bg/--semi-color-button-Radio-bg-hover": "rgba(255,255,255, 1)",
|
|
617
625
|
"secondary-light/--semi-color-secondary-light-hover": "rgba(var(--semi-blue-1), 1)",
|
|
618
626
|
"tertiary-light/--semi-color-tertiary-light-default": "rgba(var(--semi-grey-0), 1)",
|
|
627
|
+
"button-Radio-bg/--semi-color-button-Radio-bg-active": "rgba(255,255,255,1)",
|
|
619
628
|
"secondary-light/--semi-color-secondary-light-active": "rgba(var(--semi-blue-2), 1)",
|
|
620
|
-
"secondary-light/--semi-color-secondary-light-default": "rgba(var(--semi-light-blue-0), 1)"
|
|
629
|
+
"secondary-light/--semi-color-secondary-light-default": "rgba(var(--semi-light-blue-0), 1)",
|
|
630
|
+
"button-Radio-bg/--semi-color-button-Radio-bg-bg-default": "rgba(255,255,255, 1)"
|
|
621
631
|
}
|
|
622
632
|
},
|
|
623
633
|
"extra": {
|
|
@@ -754,7 +764,7 @@
|
|
|
754
764
|
"$color-input_default-bg-default": "var(--semi-color-input-bg)",
|
|
755
765
|
"$color-input_default-border-hover": "var(--semi-color-inputborder-hover)",
|
|
756
766
|
"$color-input_default-bg-focus-hover": "var(--semi-color-input-bg-hover)",
|
|
757
|
-
"$color-input_default-border-default": "var(--semi-color-
|
|
767
|
+
"$color-input_default-border-default": "var(--semi-color-border-1)",
|
|
758
768
|
"$color-input_placeholder-text-default": "var(--semi-color-text-3)"
|
|
759
769
|
},
|
|
760
770
|
"height": {
|
|
@@ -799,6 +809,14 @@
|
|
|
799
809
|
"$spacing-radio_addon_buttonRadio_middle-paddingY": "6px"
|
|
800
810
|
}
|
|
801
811
|
},
|
|
812
|
+
"table": {
|
|
813
|
+
"color": {
|
|
814
|
+
"$color-table-text-default": "var(--semi-color-text-1)",
|
|
815
|
+
"$color-table_body-bg-hover": "var(--semi-color-fill-0)",
|
|
816
|
+
"$color-table_cell-bg-hover": "var(--semi-color-card-hover)",
|
|
817
|
+
"$color-table-border-default": "var(--semi-color-border-1)"
|
|
818
|
+
}
|
|
819
|
+
},
|
|
802
820
|
"button": {
|
|
803
821
|
"color": {
|
|
804
822
|
"$color-button_primary-border-default": "var(--semi-color-border-2)"
|
|
@@ -833,8 +851,10 @@
|
|
|
833
851
|
"color": {
|
|
834
852
|
"$color-switch_checked-bg-hover": "var(--semi-color-primary-hover)",
|
|
835
853
|
"$color-switch_checked-bg-active": "var(--semi-color-primary-active)",
|
|
854
|
+
"$color-switch_default-bg-active": "var(--semi-color-fill-2)",
|
|
836
855
|
"$color-switch_checked-bg-default": "var(--semi-color-primary)",
|
|
837
|
-
"$color-switch_default-bg-default": "var(--semi-color-bg-
|
|
856
|
+
"$color-switch_default-bg-default": "var(--semi-color-bg-0)",
|
|
857
|
+
"$color-switch_default-border-default": "var(--semi-color-border-2)"
|
|
838
858
|
}
|
|
839
859
|
},
|
|
840
860
|
"tooltip": {
|
package/scss/global.scss
CHANGED
|
@@ -6,10 +6,10 @@ 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-card: rgba(var(--semi-grey-0),1);
|
|
10
9
|
--semi-color-info: rgba(var(--semi-blue-5), 1);
|
|
11
10
|
--semi-color-link: rgba(var(--semi-blue-5), 1);
|
|
12
11
|
--semi-color-nav-bg: rgba(var(--semi-white), 1);
|
|
12
|
+
--semi-color-appbg: rgba(var(--semi-grey-1),1);
|
|
13
13
|
--semi-color-black: rgba(var(--semi-black),0);
|
|
14
14
|
--semi-color-data-0: rgba(87, 105, 255, 1);
|
|
15
15
|
--semi-color-data-1: rgba(142, 212, 231, 1);
|
|
@@ -21,9 +21,9 @@ body, body[theme-mode="dark"] .semi-always-light, :host, :host .semi-always-ligh
|
|
|
21
21
|
--semi-color-data-7: rgba(139, 215, 210, 1);
|
|
22
22
|
--semi-color-data-8: rgba(131, 176, 35, 1);
|
|
23
23
|
--semi-color-data-9: rgba(233, 165, 229, 1);
|
|
24
|
-
--semi-color-fill-0: rgba(var(--semi-grey-8),
|
|
25
|
-
--semi-color-fill-1: rgba(var(--semi-grey-8),
|
|
26
|
-
--semi-color-fill-2: rgba(var(--semi-grey-8),
|
|
24
|
+
--semi-color-fill-0: rgba(var(--semi-grey-8),0.05);
|
|
25
|
+
--semi-color-fill-1: rgba(var(--semi-grey-8),0.09);
|
|
26
|
+
--semi-color-fill-2: rgba(var(--semi-grey-8),0.13);
|
|
27
27
|
--semi-color-text-0: rgba(var(--semi-grey-9),1);
|
|
28
28
|
--semi-color-text-1: rgba(var(--semi-grey-9),0.8);
|
|
29
29
|
--semi-color-text-2: rgba(var(--semi-grey-9),0.6);
|
|
@@ -44,7 +44,7 @@ body, body[theme-mode="dark"] .semi-always-light, :host, :host .semi-always-ligh
|
|
|
44
44
|
--semi-color-shadow: rgba(var(--semi-black), 0.04);
|
|
45
45
|
--semi-color-border-1: rgba(var(--semi-grey-9),0.15);
|
|
46
46
|
--semi-color-border-2: rgba(var(--semi-grey-9),0.1);
|
|
47
|
-
--semi-color-card-hover: rgba(var(--semi-grey-
|
|
47
|
+
--semi-color-card-hover: rgba(var(--semi-grey-1),0.8);
|
|
48
48
|
--semi-color-default: rgba(var(--semi-grey-0), 1);
|
|
49
49
|
--semi-color-info-hover: rgba(var(--semi-blue-6), 1);
|
|
50
50
|
--semi-color-link-hover: rgba(var(--semi-blue-6), 1);
|
|
@@ -52,13 +52,14 @@ body, body[theme-mode="dark"] .semi-always-light, :host, :host .semi-always-ligh
|
|
|
52
52
|
--semi-color-primary: rgba(var(--semi-brand-5),1);
|
|
53
53
|
--semi-color-success: rgba(var(--semi-green-6),1);
|
|
54
54
|
--semi-color-warning: rgba(var(--semi-orange-5), 1);
|
|
55
|
-
--semi-color-card-active: rgba(var(--semi-grey-
|
|
55
|
+
--semi-color-card-active: rgba(var(--semi-grey-1),1);
|
|
56
56
|
--semi-color-info-active: rgba(var(--semi-blue-7), 1);
|
|
57
57
|
--semi-color-link-active: rgba(var(--semi-blue-7), 1);
|
|
58
|
+
--semi-color-card-default: rgba(var(--semi-grey-1),0.5);
|
|
58
59
|
--semi-color-link-visited: rgba(var(--semi-blue-5), 1);
|
|
59
60
|
--semi-color-modal-bg: rgba(255,255,255,0.9);
|
|
60
|
-
--semi-color-tertiary: rgba(var(--semi-grey-
|
|
61
|
-
--semi-color-card-disabled: rgba(var(--semi-grey-
|
|
61
|
+
--semi-color-tertiary: rgba(var(--semi-grey-1), 1);
|
|
62
|
+
--semi-color-card-disabled: rgba(var(--semi-grey-0),1);
|
|
62
63
|
--semi-color-focus-border: rgba(var(--semi-brand-5), 1);
|
|
63
64
|
--semi-color-info-disabled: rgba(var(--semi-blue-2), 1);
|
|
64
65
|
--semi-color-overlay-bg: rgba(22, 22, 26, 0.6);
|
|
@@ -71,22 +72,23 @@ body, body[theme-mode="dark"] .semi-always-light, :host, :host .semi-always-ligh
|
|
|
71
72
|
--semi-color-primary-hover: rgba(var(--semi-brand-6), 1);
|
|
72
73
|
--semi-color-success-hover: rgba(var(--semi-green-7),1);
|
|
73
74
|
--semi-color-warning-hover: rgba(var(--semi-orange-6), 1);
|
|
75
|
+
--semi-color-Timecode-text: rgba(var(--semi-green-6), 1);
|
|
74
76
|
--semi-color-default-active: rgba(var(--semi-grey-2), 1);
|
|
75
77
|
--semi-color-disabled-fill: rgba(var(--semi-grey-8), 0.04);
|
|
76
78
|
--semi-color-disabled-text: rgba(var(--semi-grey-9), 0.35);
|
|
77
79
|
--semi-color-highlight-bg: rgba(var(--semi-yellow-4), 1);
|
|
78
80
|
--semi-color-primary-active: rgba(var(--semi-brand-7), 1);
|
|
79
81
|
--semi-color-success-active: rgba(var(--semi-green-8),1);
|
|
80
|
-
--semi-color-timecode-text: rgba(var(--semi-green-6), 1);
|
|
81
82
|
--semi-color-warning-active: rgba(var(--semi-orange-7), 1);
|
|
82
|
-
--semi-color-tertiary-hover: rgba(var(--semi-grey-
|
|
83
|
+
--semi-color-tertiary-hover: rgba(var(--semi-grey-2),0.6);
|
|
84
|
+
--semi-color-Timecode-border: rgba(var(--semi-green-6),1);
|
|
83
85
|
--semi-color-disabled-border: rgba(var(--semi-grey-1), 1);
|
|
84
86
|
--semi-color-primary-disabled: rgba(var(--semi-brand-2), 1);
|
|
85
87
|
--semi-color-success-disabled: rgba(var(--semi-green-1),1);
|
|
86
|
-
--semi-color-tertiary-active: rgba(var(--semi-grey-
|
|
87
|
-
--semi-color-timecode-border: rgba(var(--semi-green-8),1);
|
|
88
|
+
--semi-color-tertiary-active: rgba(var(--semi-grey-2),1);
|
|
88
89
|
--semi-color-secondary-hover: rgba(var(--semi-light-blue-6), 1);
|
|
89
90
|
--semi-color-secondary-active: rgba(var(--semi-light-blue-7), 1);
|
|
91
|
+
--semi-color-tertiary-disabled: rgba(var(--semi-grey-2),0.1);
|
|
90
92
|
--semi-color-info-light-hover: rgba(var(--semi-blue-1), 1);
|
|
91
93
|
--semi-color-info-light-active: rgba(var(--semi-blue-2), 1);
|
|
92
94
|
--semi-color-secondary-disabled: rgba(var(--semi-light-blue-2), 1);
|
|
@@ -105,10 +107,13 @@ body, body[theme-mode="dark"] .semi-always-light, :host, :host .semi-always-ligh
|
|
|
105
107
|
--semi-color-tertiary-light-hover: rgba(var(--semi-grey-1), 1);
|
|
106
108
|
--semi-color-warning-light-default: rgba(var(--semi-orange-0), 1);
|
|
107
109
|
--semi-color-tertiary-light-active: rgba(var(--semi-grey-2), 1);
|
|
110
|
+
--semi-color-button-Radio-bg-hover: rgba(255,255,255, 1);
|
|
108
111
|
--semi-color-secondary-light-hover: rgba(var(--semi-blue-1), 1);
|
|
109
112
|
--semi-color-tertiary-light-default: rgba(var(--semi-grey-0), 1);
|
|
113
|
+
--semi-color-button-Radio-bg-active: rgba(255,255,255,1);
|
|
110
114
|
--semi-color-secondary-light-active: rgba(var(--semi-blue-2), 1);
|
|
111
115
|
--semi-color-secondary-light-default: rgba(var(--semi-light-blue-0), 1);
|
|
116
|
+
--semi-color-button-Radio-bg-bg-default: rgba(255,255,255, 1);
|
|
112
117
|
font-family: 'PingFang SC', -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Hiragino Sans GB', 'Inter', 'Microsoft YaHei', 'Helvetica Neue', Helvetica, Arial, sans-serif;
|
|
113
118
|
-webkit-font-smoothing: antialiased;;
|
|
114
119
|
--semi-shadow-elevated: 0px 0px 1px 0px rgba(3,3,3,0.4),0px 6px 16px -1px rgba(0,0,0,0.10),0px 0px 0px 0px rgba(102,204,255,0);
|
|
@@ -137,6 +142,7 @@ body[theme-mode="dark"], body .semi-always-dark, :host([theme-mode="dark"]), :ho
|
|
|
137
142
|
--semi-color-info: rgba(var(--semi-blue-5), 1);
|
|
138
143
|
--semi-color-link: rgba(var(--semi-blue-5), 1);
|
|
139
144
|
--semi-color-nav-bg: rgba(35, 36, 41, 1);
|
|
145
|
+
--semi-color-appbg: rgba(56,56,56,1);
|
|
140
146
|
--semi-color-black: rgba(0,0,0,1);
|
|
141
147
|
--semi-color-data-0: rgba(94,109,194,1);
|
|
142
148
|
--semi-color-data-1: rgba(8, 104, 120, 1);
|
|
@@ -169,6 +175,7 @@ body[theme-mode="dark"], body .semi-always-dark, :host([theme-mode="dark"]), :ho
|
|
|
169
175
|
--semi-color-data-19: rgba(40, 51, 138, 1);
|
|
170
176
|
--semi-color-data-20: rgba(var(--semi-grey-2),1);
|
|
171
177
|
--semi-color-border: rgba(255,255,255,0.19);
|
|
178
|
+
--semi-color-custom: rgba(var(--semi-blue-5),1);
|
|
172
179
|
--semi-color-danger: rgba(var(--semi-red-5), 1);
|
|
173
180
|
--semi-color-shadow: rgba(var(--semi-black), 0.04);
|
|
174
181
|
--semi-color-white-1: rgba(255,255,255,0.1);
|
|
@@ -204,9 +211,11 @@ body[theme-mode="dark"], body .semi-always-dark, :host([theme-mode="dark"]), :ho
|
|
|
204
211
|
--semi-color-focus-border: rgba(var(--semi-brand-5), 1);
|
|
205
212
|
--semi-color-info-disabled: rgba(var(--semi-blue-4),0.4);
|
|
206
213
|
--semi-color-overlay-bg: rgba(22,22,26,0.6);
|
|
214
|
+
--semi-color-custom-hover: rgba(var(--semi-blue-6),1);
|
|
207
215
|
--semi-color-danger-hover: rgba(var(--semi-red-6), 1);
|
|
208
216
|
--semi-color-highlight: rgba(var(--semi-white), 1);
|
|
209
217
|
--semi-color-secondary: rgba(var(--semi-light-blue-5), 1);
|
|
218
|
+
--semi-color-custom-active: rgba(var(--semi-blue-7),1);
|
|
210
219
|
--semi-color-danger-active: rgba(var(--semi-red-7), 1);
|
|
211
220
|
--semi-color-disabled-bg: rgba(var(--semi-grey-1), 1);
|
|
212
221
|
--semi-color-default-hover: rgba(255,255,255,0.08);
|
|
@@ -214,6 +223,7 @@ body[theme-mode="dark"], body .semi-always-dark, :host([theme-mode="dark"]), :ho
|
|
|
214
223
|
--semi-color-success-hover: rgba(var(--semi-green-6), 1);
|
|
215
224
|
--semi-color-warning-hover: rgba(var(--semi-orange-6), 1);
|
|
216
225
|
--semi-color-Timecode-text: rgba(var(--semi-green-4),1);
|
|
226
|
+
--semi-color-custom-disabled: rgba(var(--semi-blue-2),1);
|
|
217
227
|
--semi-color-default-active: rgba(255,255,255,0.16);
|
|
218
228
|
--semi-color-disabled-fill: rgba(var(--semi-grey-8), 0.04);
|
|
219
229
|
--semi-color-disabled-text: rgba(var(--semi-grey-9), 0.35);
|
|
@@ -232,7 +242,6 @@ body[theme-mode="dark"], body .semi-always-dark, :host([theme-mode="dark"]), :ho
|
|
|
232
242
|
--semi-color-tertiary-active: rgba(255,255,255,0.24);
|
|
233
243
|
--semi-color-input-bg-default: rgba(var(--semi-grey-0),0);
|
|
234
244
|
--semi-color-secondary-hover: rgba(var(--semi-light-blue-6), 1);
|
|
235
|
-
--semi-color-Comparison-V1bg: rgba(var(--semi-blue-1),0.8);
|
|
236
245
|
--semi-color-Comparison-V2bg: rgba(var(--semi-green-1),0.8);
|
|
237
246
|
--semi-color-input-bg-disabled: rgba(var(--semi-grey-2), 1);
|
|
238
247
|
--semi-color-secondary-active: rgba(var(--semi-light-blue-7), 1);
|
|
@@ -246,12 +255,13 @@ body[theme-mode="dark"], body .semi-always-dark, :host([theme-mode="dark"]), :ho
|
|
|
246
255
|
--semi-color-danger-light-hover: rgba(var(--semi-red-5), 0.3);
|
|
247
256
|
--semi-color-danger-light-active: rgba(var(--semi-red-5), 0.4);
|
|
248
257
|
--semi-color-inputborder-disabled: rgba(255,255,255,0.05);
|
|
258
|
+
--semi-color-Comparison-V1bgloading: rgba(var(--semi-blue-0),1);
|
|
259
|
+
--semi-color-Comparison-V2bgloading: rgba(var(--semi-green-0),0.8);
|
|
249
260
|
--semi-color-danger-light-default: rgba(var(--semi-red-5), 0.2);
|
|
250
261
|
--semi-color-primary-light-hover: rgba(var(--semi-brand-5), 0.3);
|
|
251
262
|
--semi-color-success-light-hover: rgba(var(--semi-green-5), 0.3);
|
|
252
263
|
--semi-color-warning-light-hover: rgba(var(--semi-orange-5), 0.3);
|
|
253
|
-
--semi-color-Comparison-V1bg-
|
|
254
|
-
--semi-color-Comparison-V2bg-loading: rgba(var(--semi-green-0),0.8);
|
|
264
|
+
--semi-color-Comparison-V1bg-default: rgba(var(--semi-blue-1),0.8);
|
|
255
265
|
--semi-color-primary-light-active: rgba(var(--semi-brand-5), 0.4);
|
|
256
266
|
--semi-color-success-light-active: rgba(var(--semi-green-5), 0.4);
|
|
257
267
|
--semi-color-warning-light-active: rgba(var(--semi-orange-5), 0.4);
|
package/scss/local.scss
CHANGED
|
@@ -5,7 +5,7 @@ $color-input_default-bg-active: var(--semi-color-input-bg-hover);
|
|
|
5
5
|
$color-input_default-bg-default: var(--semi-color-input-bg);
|
|
6
6
|
$color-input_default-border-hover: var(--semi-color-inputborder-hover);
|
|
7
7
|
$color-input_default-bg-focus-hover: var(--semi-color-input-bg-hover);
|
|
8
|
-
$color-input_default-border-default: var(--semi-color-
|
|
8
|
+
$color-input_default-border-default: var(--semi-color-border-1);
|
|
9
9
|
$color-input_placeholder-text-default: var(--semi-color-text-3);
|
|
10
10
|
$height-input_large: 40px;
|
|
11
11
|
$height-input_small: 21px;
|
|
@@ -32,6 +32,10 @@ $spacing-radio_buttonRadioGroup_small-paddingY: 2px;
|
|
|
32
32
|
$spacing-radio_addon_buttonRadio_large-paddingX: 24px;
|
|
33
33
|
$spacing-radio_addon_buttonRadio_large-paddingY: 12px;
|
|
34
34
|
$spacing-radio_addon_buttonRadio_middle-paddingY: 6px;
|
|
35
|
+
$color-table-text-default: var(--semi-color-text-1);
|
|
36
|
+
$color-table_body-bg-hover: var(--semi-color-fill-0);
|
|
37
|
+
$color-table_cell-bg-hover: var(--semi-color-card-hover);
|
|
38
|
+
$color-table-border-default: var(--semi-color-border-1);
|
|
35
39
|
$color-button_primary-border-default: var(--semi-color-border-2);
|
|
36
40
|
$height-button_small: 28px;
|
|
37
41
|
$height-button_default: 32px;
|
|
@@ -46,8 +50,10 @@ $height-select_small: 28px;
|
|
|
46
50
|
$radius-select: 6px;
|
|
47
51
|
$color-switch_checked-bg-hover: var(--semi-color-primary-hover);
|
|
48
52
|
$color-switch_checked-bg-active: var(--semi-color-primary-active);
|
|
53
|
+
$color-switch_default-bg-active: var(--semi-color-fill-2);
|
|
49
54
|
$color-switch_checked-bg-default: var(--semi-color-primary);
|
|
50
|
-
$color-switch_default-bg-default: var(--semi-color-bg-
|
|
55
|
+
$color-switch_default-bg-default: var(--semi-color-bg-0);
|
|
56
|
+
$color-switch_default-border-default: var(--semi-color-border-2);
|
|
51
57
|
$color-tooltip-bg-default: var(--semi-color-bg-3);
|
|
52
58
|
$color-tooltip-text-default: var(--semi-color-text-0);
|
|
53
59
|
$color-tooltip_arrow-icon-default: var(--semi-color-bg-3);
|