@semi-bot/semi-theme-commindlight 1.0.4 → 1.0.6

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 (7) hide show
  1. package/README.md +1 -1
  2. package/package.json +1 -1
  3. package/raw.json +80 -65
  4. package/scss/_palette.scss +31 -31
  5. package/scss/global.scss +47 -31
  6. package/semi.css +613 -62
  7. package/semi.min.css +1 -1
package/README.md CHANGED
@@ -5,7 +5,7 @@ Operator: Luna_L
5
5
 
6
6
  ## Compatibility
7
7
 
8
- Compatible with Semi Foundation Version 2.90.0 or newer.
8
+ Compatible with Semi Foundation Version 2.92.2 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-commindlight",
3
- "version": "1.0.4",
3
+ "version": "1.0.6",
4
4
  "description": "Semi theme generated by dsm. https://semi.design/dsm",
5
5
  "keywords": [
6
6
  "semi-theme",
package/raw.json CHANGED
@@ -153,26 +153,26 @@
153
153
  "--semi-yellow-7": "250,245,168",
154
154
  "--semi-yellow-8": "252,251,211",
155
155
  "--semi-yellow-9": "254,254,238",
156
- "--semi-Blue-grey-0": "69,79,108",
157
- "--semi-Blue-grey-1": "86,98,129",
158
- "--semi-Blue-grey-2": "104,117,149",
159
- "--semi-Blue-grey-3": "123,138,170",
160
- "--semi-Blue-grey-4": "138,154,187",
161
- "--semi-Blue-grey-5": "164,177,203",
162
- "--semi-Blue-grey-6": "185,196,216",
163
- "--semi-Blue-grey-7": "207,215,229",
164
- "--semi-Blue-grey-8": "230,235,242",
165
- "--semi-Blue-grey-9": "247,248,249",
166
- "--semi-Tangerine-0": "112,23,5",
167
- "--semi-Tangerine-1": "148,39,12",
168
- "--semi-Tangerine-2": "184,58,20",
169
- "--semi-Tangerine-3": "219,81,30",
170
- "--semi-Tangerine-4": "255,94,25",
171
- "--semi-Tangerine-5": "255,142,85",
172
- "--semi-Tangerine-6": "255,175,128",
173
- "--semi-Tangerine-7": "255,204,170",
174
- "--semi-Tangerine-8": "255,231,213",
175
- "--semi-Tangerine-9": "255,246,239",
156
+ "--semi-blue-grey-0": "69,79,108",
157
+ "--semi-blue-grey-1": "86,98,129",
158
+ "--semi-blue-grey-2": "104,117,149",
159
+ "--semi-blue-grey-3": "123,138,170",
160
+ "--semi-blue-grey-4": "138,154,187",
161
+ "--semi-blue-grey-5": "164,177,203",
162
+ "--semi-blue-grey-6": "185,196,216",
163
+ "--semi-blue-grey-7": "207,215,229",
164
+ "--semi-blue-grey-8": "230,235,242",
165
+ "--semi-blue-grey-9": "247,248,249",
166
+ "--semi-tangerine-0": "112,23,5",
167
+ "--semi-tangerine-1": "148,39,12",
168
+ "--semi-tangerine-2": "184,58,20",
169
+ "--semi-tangerine-3": "219,81,30",
170
+ "--semi-tangerine-4": "255,94,25",
171
+ "--semi-tangerine-5": "255,142,85",
172
+ "--semi-tangerine-6": "255,175,128",
173
+ "--semi-tangerine-7": "255,204,170",
174
+ "--semi-tangerine-8": "255,231,213",
175
+ "--semi-tangerine-9": "255,246,239",
176
176
  "--semi-light-blue-0": "6,53,100",
177
177
  "--semi-light-blue-1": "12,76,136",
178
178
  "--semi-light-blue-2": "20,101,172",
@@ -347,17 +347,7 @@
347
347
  "--semi-yellow-7": "161,145,25",
348
348
  "--semi-yellow-8": "121,110,18",
349
349
  "--semi-yellow-9": "81,74,11",
350
- "--semi-Tangerine-0": "255,245,237",
351
- "--semi-Tangerine-1": "255,229,209",
352
- "--semi-Tangerine-2": "255,200,163",
353
- "--semi-Tangerine-3": "255,168,117",
354
- "--semi-Tangerine-4": "255,132,71",
355
- "--semi-Tangerine-5": "255,94,25",
356
- "--semi-Tangerine-6": "219,69,15",
357
- "--semi-Tangerine-7": "184,48,7",
358
- "--semi-Tangerine-8": "148,31,1",
359
- "--semi-Tangerine-9": "112,19,0",
360
- "--semi-blue-grey-0": "247,248,250",
350
+ "--semi-blue-grey-0": "247,248,252",
361
351
  "--semi-blue-grey-1": "245,246,250",
362
352
  "--semi-blue-grey-2": "240,242,250",
363
353
  "--semi-blue-grey-3": "181,193,214",
@@ -367,6 +357,16 @@
367
357
  "--semi-blue-grey-7": "99,113,146",
368
358
  "--semi-blue-grey-8": "82,94,126",
369
359
  "--semi-blue-grey-9": "65,76,105",
360
+ "--semi-tangerine-0": "255,245,237",
361
+ "--semi-tangerine-1": "255,229,209",
362
+ "--semi-tangerine-2": "255,200,163",
363
+ "--semi-tangerine-3": "255,168,117",
364
+ "--semi-tangerine-4": "255,132,71",
365
+ "--semi-tangerine-5": "255,94,25",
366
+ "--semi-tangerine-6": "219,69,15",
367
+ "--semi-tangerine-7": "184,48,7",
368
+ "--semi-tangerine-8": "148,31,1",
369
+ "--semi-tangerine-9": "112,19,0",
370
370
  "--semi-light-blue-0": "236,247,254",
371
371
  "--semi-light-blue-1": "207,235,252",
372
372
  "--semi-light-blue-2": "160,215,249",
@@ -413,14 +413,15 @@
413
413
  "data/--semi-color-data-7": "rgba(5, 119, 115, 1)",
414
414
  "data/--semi-color-data-8": "rgba(154, 207, 13, 1)",
415
415
  "data/--semi-color-data-9": "rgba(117, 29, 138, 1)",
416
- "fill/--semi-color-fill-0": "rgba(var(--semi-white),0.05)",
417
- "fill/--semi-color-fill-1": "rgba(var(--semi-white),0.09)",
418
- "fill/--semi-color-fill-2": "rgba(var(--semi-white),0.13)",
419
- "fill/--semi-color-fill-3": "rgba(var(--semi-Blue-grey-5),0.15)",
416
+ "fill/--semi-color-fill-0": "rgba(var(--semi-blue-grey-9),0.05)",
417
+ "fill/--semi-color-fill-1": "rgba(var(--semi-blue-grey-9),0.09)",
418
+ "fill/--semi-color-fill-2": "rgba(var(--semi-blue-grey-9),0.13)",
419
+ "fill/--semi-color-fill-3": "rgba(var(--semi-blue-grey-5),0.15)",
420
420
  "fill/--semi-color-fill-4": "rgba(255,255,255,0.1)",
421
421
  "fill/--semi-color-fill-5": "rgba(29,29,36,1)",
422
422
  "fill/--semi-color-fill-6": "rgba(29,29,36,1)",
423
423
  "fill/--semi-color-fill-7": "rgba(255,255,255,0.1)",
424
+ "fill/--semi-color-fill-8": "rgba(67,68,74,0.5)",
424
425
  "text/--semi-color-text-0": "rgba(var(--semi-grey-9), 1)",
425
426
  "text/--semi-color-text-1": "rgba(var(--semi-grey-9),0.6)",
426
427
  "text/--semi-color-text-2": "rgba(var(--semi-grey-9),0.4)",
@@ -453,7 +454,7 @@
453
454
  "info/--semi-color-info-active": "rgba(var(--semi-blue-7), 1)",
454
455
  "link/--semi-color-link-active": "rgba(var(--semi-blue-7), 1)",
455
456
  "link/--semi-color-link-visited": "rgba(var(--semi-blue-5), 1)",
456
- "tertiary/--semi-color-tertiary": "rgba(var(--semi-grey-5), 1)",
457
+ "tertiary/--semi-color-tertiary": "rgba(var(--semi-grey-5),1)",
457
458
  "focus/--semi-color-focus-border": "rgba(var(--semi-brand-5), 1)",
458
459
  "info/--semi-color-info-disabled": "rgba(var(--semi-blue-2), 1)",
459
460
  "overlay/--semi-color-overlay-bg": "rgba(22,22,26,0.6)",
@@ -461,11 +462,12 @@
461
462
  "highlight/--semi-color-highlight": "rgba(var(--semi-white),1)",
462
463
  "secondary/--semi-color-secondary": "rgba(var(--semi-light-blue-5), 1)",
463
464
  "danger/--semi-color-danger-active": "rgba(var(--semi-red-7), 1)",
464
- "disabled/--semi-color-disabled-bg": "rgba(var(--semi-grey-1), 1)",
465
+ "disabled/--semi-color-disabled-bg": "rgba(var(--semi-grey-1),1)",
465
466
  "default/--semi-color-default-hover": "rgba(var(--semi-grey-1), 1)",
466
467
  "primary/--semi-color-primary-hover": "rgba(var(--semi-brand-6), 1)",
467
468
  "success/--semi-color-success-hover": "rgba(var(--semi-green-6), 1)",
468
469
  "warning/--semi-color-warning-hover": "rgba(var(--semi-orange-6), 1)",
470
+ "danger/--semi-color-danger-disabled": "rgba(var(--semi-red-2),1)",
469
471
  "default/--semi-color-default-active": "rgba(var(--semi-grey-2), 1)",
470
472
  "disabled/--semi-color-disabled-fill": "rgba(var(--semi-grey-8),0.04)",
471
473
  "disabled/--semi-color-disabled-text": "rgba(var(--semi-grey-9),0.35)",
@@ -478,30 +480,36 @@
478
480
  "primary/--semi-color-primary-disabled": "rgba(var(--semi-brand-2), 1)",
479
481
  "success/--semi-color-success-disabled": "rgba(var(--semi-green-2), 1)",
480
482
  "tertiary/--semi-color-tertiary-active": "rgba(var(--semi-grey-7), 1)",
483
+ "warning/--semi-color-warning-disabled": "rgba(var(--semi-orange-2),1)",
481
484
  "secondary/--semi-color-secondary-hover": "rgba(var(--semi-light-blue-6), 1)",
482
485
  "secondary/--semi-color-secondary-active": "rgba(var(--semi-light-blue-7), 1)",
483
- "info-light/--semi-color-info-light-hover": "rgba(var(--semi-blue-5), 0.3)",
486
+ "info-light/--semi-color-info-light-hover": "rgba(var(--semi-blue-5),0.25)",
484
487
  "info-light/--semi-color-info-light-active": "rgba(var(--semi-blue-5),0.4)",
485
488
  "secondary/--semi-color-secondary-disabled": "rgba(var(--semi-light-blue-2), 1)",
486
- "info-light/--semi-color-info-light-default": "rgba(var(--semi-blue-5),0.2)",
487
- "danger-light/--semi-color-danger-light-hover": "rgba(var(--semi-red-5), 0.3)",
488
- "danger-light/--semi-color-danger-light-active": "rgba(var(--semi-red-5),0.4)",
489
- "danger-light/--semi-color-danger-light-default": "rgba(var(--semi-red-5), 0.2)",
490
- "primary-light/--semi-color-primary-light-hover": "rgba(var(--semi-brand-5), 0.3)",
491
- "success-light/--semi-color-success-light-hover": "rgba(var(--semi-green-5), 0.3)",
492
- "warning-light/--semi-color-warning-light-hover": "rgba(var(--semi-orange-5), 0.3)",
493
- "primary-light/--semi-color-primary-light-active": "rgba(var(--semi-brand-5), 0.4)",
494
- "success-light/--semi-color-success-light-active": "rgba(var(--semi-green-5), 0.4)",
489
+ "info-light/--semi-color-info-light-default": "rgba(var(--semi-blue-5),0.15)",
490
+ "info-light/--semi-color-info-light-disabled": "rgba(var(--semi-blue-2),0.15)",
491
+ "danger-light/--semi-color-danger-light-hover": "rgba(var(--semi-red-5), 0.25)",
492
+ "danger-light/--semi-color-danger-light-active": "rgba(var(--semi-red-5), 0.4)",
493
+ "danger-light/--semi-color-danger-light-default": "rgba(var(--semi-red-5), 0.15)",
494
+ "primary-light/--semi-color-primary-light-hover": "rgba(var(--semi-brand-5),0.25)",
495
+ "success-light/--semi-color-success-light-hover": "rgba(var(--semi-green-5),0.25)",
496
+ "warning-light/--semi-color-warning-light-hover": "rgba(var(--semi-orange-5),0.25)",
497
+ "danger-light/--semi-color-danger-light-disabled": "rgba(var(--semi-red-2),0.15)",
498
+ "primary-light/--semi-color-primary-light-active": "rgba(var(--semi-brand-5),0.4)",
499
+ "success-light/--semi-color-success-light-active": "rgba(var(--semi-green-5),0.4)",
495
500
  "warning-light/--semi-color-warning-light-active": "rgba(var(--semi-orange-5), 0.4)",
496
- "primary-light/--semi-color-primary-light-default": "rgba(var(--semi-brand-5), 0.2)",
497
- "success-light/--semi-color-success-light-default": "rgba(var(--semi-green-5), 0.2)",
498
- "tertiary-light/--semi-color-tertiary-light-hover": "rgba(var(--semi-grey-5), 0.3)",
499
- "warning-light/--semi-color-warning-light-default": "rgba(var(--semi-orange-5), 0.2)",
501
+ "primary-light/--semi-color-primary-light-default": "rgba(var(--semi-brand-5),0.15)",
502
+ "success-light/--semi-color-success-light-default": "rgba(var(--semi-green-5),0.15)",
503
+ "tertiary-light/--semi-color-tertiary-light-hover": "rgba(var(--semi-grey-5),0.3)",
504
+ "warning-light/--semi-color-warning-light-default": "rgba(var(--semi-orange-5),0.15)",
505
+ "primary-light/--semi-color-primary-light-disabled": "rgba(var(--semi-brand-2),0.15)",
506
+ "success-light/--semi-color-success-light-disabled": "rgba(var(--semi-green-2),0.15)",
500
507
  "tertiary-light/--semi-color-tertiary-light-active": "rgba(var(--semi-grey-5),0.4)",
501
- "secondary-light/--semi-color-secondary-light-hover": "rgba(var(--semi-light-blue-5), 0.3)",
502
- "tertiary-light/--semi-color-tertiary-light-default": "rgba(var(--semi-grey-5), 0.2)",
503
- "secondary-light/--semi-color-secondary-light-active": "rgba(var(--semi-light-blue-5), 0.4)",
504
- "secondary-light/--semi-color-secondary-light-default": "rgba(var(--semi-light-blue-5), 0.2)"
508
+ "warning-light/--semi-color-warning-light-disabled": "rgba(var(--semi-orange-2),0.15)",
509
+ "secondary-light/--semi-color-secondary-light-hover": "rgba(var(--semi-light-blue-5),0.3)",
510
+ "tertiary-light/--semi-color-tertiary-light-default": "rgba(var(--semi-grey-5),0.2)",
511
+ "secondary-light/--semi-color-secondary-light-active": "rgba(var(--semi-light-blue-5),0.4)",
512
+ "secondary-light/--semi-color-secondary-light-default": "rgba(var(--semi-light-blue-5),0.2)"
505
513
  },
506
514
  "light": {
507
515
  "bg/--semi-color-bg-0": "rgba(var(--semi-white),1)",
@@ -525,14 +533,15 @@
525
533
  "data/--semi-color-data-7": "rgba(139, 215, 210, 1)",
526
534
  "data/--semi-color-data-8": "rgba(131, 176, 35, 1)",
527
535
  "data/--semi-color-data-9": "rgba(233, 165, 229, 1)",
528
- "fill/--semi-color-fill-0": "rgba(var(--semi-grey-8),0.05)",
529
- "fill/--semi-color-fill-1": "rgba(var(--semi-grey-8),0.09)",
530
- "fill/--semi-color-fill-2": "rgba(var(--semi-grey-8),0.13)",
531
- "fill/--semi-color-fill-3": "rgba(var(--semi-blue-grey-5),0.1)",
532
- "fill/--semi-color-fill-4": "rgba(var(--semi-blue-grey-0),1)",
533
- "fill/--semi-color-fill-5": "rgba(var(--semi-blue-grey-0),1)",
536
+ "fill/--semi-color-fill-0": "rgba(76,95,107, 0.05)",
537
+ "fill/--semi-color-fill-1": "rgba(76,95,107, 0.09)",
538
+ "fill/--semi-color-fill-2": "rgba(76,95,107, 0.13)",
539
+ "fill/--semi-color-fill-3": "rgba(159,196,214, 0.1)",
540
+ "fill/--semi-color-fill-4": "rgba(249,251,251, 1)",
541
+ "fill/--semi-color-fill-5": "rgba(249,251,251, 1)",
534
542
  "fill/--semi-color-fill-6": "rgba(236,241,255,1)",
535
543
  "fill/--semi-color-fill-7": "rgba(255,255,255,1)",
544
+ "fill/--semi-color-fill-8": "rgba(255,255,255,0.5)",
536
545
  "text/--semi-color-text-0": "rgba(var(--semi-grey-9),1)",
537
546
  "text/--semi-color-text-1": "rgba(var(--semi-blue-grey-9),0.7)",
538
547
  "text/--semi-color-text-2": "rgba(var(--semi-blue-grey-5),1)",
@@ -578,6 +587,7 @@
578
587
  "primary/--semi-color-primary-hover": "rgba(var(--semi-brand-1),1)",
579
588
  "success/--semi-color-success-hover": "rgba(var(--semi-green-6), 1)",
580
589
  "warning/--semi-color-warning-hover": "rgba(var(--semi-orange-6), 1)",
590
+ "danger/--semi-color-danger-disabled": "rgba(var(--semi-red-1),1)",
581
591
  "default/--semi-color-default-active": "rgba(var(--semi-grey-2), 1)",
582
592
  "disabled/--semi-color-disabled-fill": "rgba(var(--semi-grey-8),0.04)",
583
593
  "disabled/--semi-color-disabled-text": "rgba(var(--semi-grey-9),0.35)",
@@ -590,18 +600,21 @@
590
600
  "primary/--semi-color-primary-disabled": "rgba(var(--semi-brand-2), 1)",
591
601
  "success/--semi-color-success-disabled": "rgba(var(--semi-green-2), 1)",
592
602
  "tertiary/--semi-color-tertiary-active": "rgba(var(--semi-grey-7), 1)",
603
+ "warning/--semi-color-warning-disabled": "rgba(var(--semi-orange-2),1)",
593
604
  "secondary/--semi-color-secondary-hover": "rgba(var(--semi-light-blue-6), 1)",
594
605
  "secondary/--semi-color-secondary-active": "rgba(var(--semi-light-blue-7), 1)",
595
606
  "info-light/--semi-color-info-light-hover": "rgba(var(--semi-blue-5),0.2)",
596
607
  "info-light/--semi-color-info-light-active": "rgba(var(--semi-blue-5),0.4)",
597
608
  "secondary/--semi-color-secondary-disabled": "rgba(var(--semi-light-blue-2), 1)",
598
609
  "info-light/--semi-color-info-light-default": "rgba(var(--semi-blue-5),0.1)",
610
+ "info-light/--semi-color-info-light-disabled": "rgba(var(--semi-blue-2),0.1)",
599
611
  "danger-light/--semi-color-danger-light-hover": "rgba(var(--semi-red-5),0.2)",
600
612
  "danger-light/--semi-color-danger-light-active": "rgba(var(--semi-red-5),0.4)",
601
613
  "danger-light/--semi-color-danger-light-default": "rgba(var(--semi-red-5),0.1)",
602
- "primary-light/--semi-color-primary-light-hover": "rgba(var(--semi-brand-5),0.2)",
614
+ "primary-light/--semi-color-primary-light-hover": "rgba(var(--semi-brand-2),0.4)",
603
615
  "success-light/--semi-color-success-light-hover": "rgba(var(--semi-green-5),0.2)",
604
616
  "warning-light/--semi-color-warning-light-hover": "rgba(var(--semi-orange-5),0.2)",
617
+ "danger-light/--semi-color-danger-light-disabled": "rgba(var(--semi-red-2),0.1)",
605
618
  "primary-light/--semi-color-primary-light-active": "rgba(var(--semi-brand-5),0.4)",
606
619
  "success-light/--semi-color-success-light-active": "rgba(var(--semi-green-5),0.4)",
607
620
  "warning-light/--semi-color-warning-light-active": "rgba(var(--semi-orange-5),0.4)",
@@ -609,7 +622,10 @@
609
622
  "success-light/--semi-color-success-light-default": "rgba(var(--semi-green-5),0.1)",
610
623
  "tertiary-light/--semi-color-tertiary-light-hover": "rgba(var(--semi-grey-5),0.2)",
611
624
  "warning-light/--semi-color-warning-light-default": "rgba(var(--semi-orange-5),0.1)",
625
+ "primary-light/--semi-color-primary-light-disabled": "rgba(var(--semi-brand-2),0.1)",
626
+ "success-light/--semi-color-success-light-disabled": "rgba(var(--semi-green-2),0.1)",
612
627
  "tertiary-light/--semi-color-tertiary-light-active": "rgba(var(--semi-grey-5),0.4)",
628
+ "warning-light/--semi-color-warning-light-disabled": "rgba(var(--semi-orange-2),0.1)",
613
629
  "secondary-light/--semi-color-secondary-light-hover": "rgba(var(--semi-light-blue-5),0.2)",
614
630
  "tertiary-light/--semi-color-tertiary-light-default": "rgba(var(--semi-grey-5),0.1)",
615
631
  "secondary-light/--semi-color-secondary-light-active": "rgba(var(--semi-light-blue-5),0.4)",
@@ -805,9 +821,8 @@
805
821
  "purple": "#ae36b3",
806
822
  "violet": "#8146c9",
807
823
  "yellow": "#f2d32b",
808
- "Blue-grey": "#8a9abb",
809
- "Tangerine": "#ff5E19",
810
- "blue-grey": "#8A9ABB",
824
+ "blue-grey": "#8a9abb",
825
+ "tangerine": "#ff5e19",
811
826
  "light-blue": "#1993f0",
812
827
  "light-green": "#48c254"
813
828
  },
package/scss/_palette.scss CHANGED
@@ -151,17 +151,7 @@ body, body[theme-mode="dark"] .semi-always-light, :host, :host .semi-always-ligh
151
151
  --semi-yellow-7: 161,145,25;
152
152
  --semi-yellow-8: 121,110,18;
153
153
  --semi-yellow-9: 81,74,11;
154
- --semi-Tangerine-0: 255,245,237;
155
- --semi-Tangerine-1: 255,229,209;
156
- --semi-Tangerine-2: 255,200,163;
157
- --semi-Tangerine-3: 255,168,117;
158
- --semi-Tangerine-4: 255,132,71;
159
- --semi-Tangerine-5: 255,94,25;
160
- --semi-Tangerine-6: 219,69,15;
161
- --semi-Tangerine-7: 184,48,7;
162
- --semi-Tangerine-8: 148,31,1;
163
- --semi-Tangerine-9: 112,19,0;
164
- --semi-blue-grey-0: 247,248,250;
154
+ --semi-blue-grey-0: 247,248,252;
165
155
  --semi-blue-grey-1: 245,246,250;
166
156
  --semi-blue-grey-2: 240,242,250;
167
157
  --semi-blue-grey-3: 181,193,214;
@@ -171,6 +161,16 @@ body, body[theme-mode="dark"] .semi-always-light, :host, :host .semi-always-ligh
171
161
  --semi-blue-grey-7: 99,113,146;
172
162
  --semi-blue-grey-8: 82,94,126;
173
163
  --semi-blue-grey-9: 65,76,105;
164
+ --semi-tangerine-0: 255,245,237;
165
+ --semi-tangerine-1: 255,229,209;
166
+ --semi-tangerine-2: 255,200,163;
167
+ --semi-tangerine-3: 255,168,117;
168
+ --semi-tangerine-4: 255,132,71;
169
+ --semi-tangerine-5: 255,94,25;
170
+ --semi-tangerine-6: 219,69,15;
171
+ --semi-tangerine-7: 184,48,7;
172
+ --semi-tangerine-8: 148,31,1;
173
+ --semi-tangerine-9: 112,19,0;
174
174
  --semi-light-blue-0: 236,247,254;
175
175
  --semi-light-blue-1: 207,235,252;
176
176
  --semi-light-blue-2: 160,215,249;
@@ -347,26 +347,26 @@ body[theme-mode="dark"], body .semi-always-dark, :host([theme-mode="dark"]), :ho
347
347
  --semi-yellow-7: 250,245,168;
348
348
  --semi-yellow-8: 252,251,211;
349
349
  --semi-yellow-9: 254,254,238;
350
- --semi-Blue-grey-0: 69,79,108;
351
- --semi-Blue-grey-1: 86,98,129;
352
- --semi-Blue-grey-2: 104,117,149;
353
- --semi-Blue-grey-3: 123,138,170;
354
- --semi-Blue-grey-4: 138,154,187;
355
- --semi-Blue-grey-5: 164,177,203;
356
- --semi-Blue-grey-6: 185,196,216;
357
- --semi-Blue-grey-7: 207,215,229;
358
- --semi-Blue-grey-8: 230,235,242;
359
- --semi-Blue-grey-9: 247,248,249;
360
- --semi-Tangerine-0: 112,23,5;
361
- --semi-Tangerine-1: 148,39,12;
362
- --semi-Tangerine-2: 184,58,20;
363
- --semi-Tangerine-3: 219,81,30;
364
- --semi-Tangerine-4: 255,94,25;
365
- --semi-Tangerine-5: 255,142,85;
366
- --semi-Tangerine-6: 255,175,128;
367
- --semi-Tangerine-7: 255,204,170;
368
- --semi-Tangerine-8: 255,231,213;
369
- --semi-Tangerine-9: 255,246,239;
350
+ --semi-blue-grey-0: 69,79,108;
351
+ --semi-blue-grey-1: 86,98,129;
352
+ --semi-blue-grey-2: 104,117,149;
353
+ --semi-blue-grey-3: 123,138,170;
354
+ --semi-blue-grey-4: 138,154,187;
355
+ --semi-blue-grey-5: 164,177,203;
356
+ --semi-blue-grey-6: 185,196,216;
357
+ --semi-blue-grey-7: 207,215,229;
358
+ --semi-blue-grey-8: 230,235,242;
359
+ --semi-blue-grey-9: 247,248,249;
360
+ --semi-tangerine-0: 112,23,5;
361
+ --semi-tangerine-1: 148,39,12;
362
+ --semi-tangerine-2: 184,58,20;
363
+ --semi-tangerine-3: 219,81,30;
364
+ --semi-tangerine-4: 255,94,25;
365
+ --semi-tangerine-5: 255,142,85;
366
+ --semi-tangerine-6: 255,175,128;
367
+ --semi-tangerine-7: 255,204,170;
368
+ --semi-tangerine-8: 255,231,213;
369
+ --semi-tangerine-9: 255,246,239;
370
370
  --semi-light-blue-0: 6,53,100;
371
371
  --semi-light-blue-1: 12,76,136;
372
372
  --semi-light-blue-2: 20,101,172;
package/scss/global.scss CHANGED
@@ -22,14 +22,15 @@ body, body[theme-mode="dark"] .semi-always-light, :host, :host .semi-always-ligh
22
22
  --semi-color-data-7: rgba(139, 215, 210, 1);
23
23
  --semi-color-data-8: rgba(131, 176, 35, 1);
24
24
  --semi-color-data-9: rgba(233, 165, 229, 1);
25
- --semi-color-fill-0: rgba(var(--semi-grey-8),0.05);
26
- --semi-color-fill-1: rgba(var(--semi-grey-8),0.09);
27
- --semi-color-fill-2: rgba(var(--semi-grey-8),0.13);
28
- --semi-color-fill-3: rgba(var(--semi-blue-grey-5),0.1);
29
- --semi-color-fill-4: rgba(var(--semi-blue-grey-0),1);
30
- --semi-color-fill-5: rgba(var(--semi-blue-grey-0),1);
25
+ --semi-color-fill-0: rgba(76,95,107, 0.05);
26
+ --semi-color-fill-1: rgba(76,95,107, 0.09);
27
+ --semi-color-fill-2: rgba(76,95,107, 0.13);
28
+ --semi-color-fill-3: rgba(159,196,214, 0.1);
29
+ --semi-color-fill-4: rgba(249,251,251, 1);
30
+ --semi-color-fill-5: rgba(249,251,251, 1);
31
31
  --semi-color-fill-6: rgba(236,241,255,1);
32
32
  --semi-color-fill-7: rgba(255,255,255,1);
33
+ --semi-color-fill-8: rgba(255,255,255,0.5);
33
34
  --semi-color-text-0: rgba(var(--semi-grey-9),1);
34
35
  --semi-color-text-1: rgba(var(--semi-blue-grey-9),0.7);
35
36
  --semi-color-text-2: rgba(var(--semi-blue-grey-5),1);
@@ -75,6 +76,7 @@ body, body[theme-mode="dark"] .semi-always-light, :host, :host .semi-always-ligh
75
76
  --semi-color-primary-hover: rgba(var(--semi-brand-1),1);
76
77
  --semi-color-success-hover: rgba(var(--semi-green-6), 1);
77
78
  --semi-color-warning-hover: rgba(var(--semi-orange-6), 1);
79
+ --semi-color-danger-disabled: rgba(var(--semi-red-1),1);
78
80
  --semi-color-default-active: rgba(var(--semi-grey-2), 1);
79
81
  --semi-color-disabled-fill: rgba(var(--semi-grey-8),0.04);
80
82
  --semi-color-disabled-text: rgba(var(--semi-grey-9),0.35);
@@ -87,18 +89,21 @@ body, body[theme-mode="dark"] .semi-always-light, :host, :host .semi-always-ligh
87
89
  --semi-color-primary-disabled: rgba(var(--semi-brand-2), 1);
88
90
  --semi-color-success-disabled: rgba(var(--semi-green-2), 1);
89
91
  --semi-color-tertiary-active: rgba(var(--semi-grey-7), 1);
92
+ --semi-color-warning-disabled: rgba(var(--semi-orange-2),1);
90
93
  --semi-color-secondary-hover: rgba(var(--semi-light-blue-6), 1);
91
94
  --semi-color-secondary-active: rgba(var(--semi-light-blue-7), 1);
92
95
  --semi-color-info-light-hover: rgba(var(--semi-blue-5),0.2);
93
96
  --semi-color-info-light-active: rgba(var(--semi-blue-5),0.4);
94
97
  --semi-color-secondary-disabled: rgba(var(--semi-light-blue-2), 1);
95
98
  --semi-color-info-light-default: rgba(var(--semi-blue-5),0.1);
99
+ --semi-color-info-light-disabled: rgba(var(--semi-blue-2),0.1);
96
100
  --semi-color-danger-light-hover: rgba(var(--semi-red-5),0.2);
97
101
  --semi-color-danger-light-active: rgba(var(--semi-red-5),0.4);
98
102
  --semi-color-danger-light-default: rgba(var(--semi-red-5),0.1);
99
- --semi-color-primary-light-hover: rgba(var(--semi-brand-5),0.2);
103
+ --semi-color-primary-light-hover: rgba(var(--semi-brand-2),0.4);
100
104
  --semi-color-success-light-hover: rgba(var(--semi-green-5),0.2);
101
105
  --semi-color-warning-light-hover: rgba(var(--semi-orange-5),0.2);
106
+ --semi-color-danger-light-disabled: rgba(var(--semi-red-2),0.1);
102
107
  --semi-color-primary-light-active: rgba(var(--semi-brand-5),0.4);
103
108
  --semi-color-success-light-active: rgba(var(--semi-green-5),0.4);
104
109
  --semi-color-warning-light-active: rgba(var(--semi-orange-5),0.4);
@@ -106,7 +111,10 @@ body, body[theme-mode="dark"] .semi-always-light, :host, :host .semi-always-ligh
106
111
  --semi-color-success-light-default: rgba(var(--semi-green-5),0.1);
107
112
  --semi-color-tertiary-light-hover: rgba(var(--semi-grey-5),0.2);
108
113
  --semi-color-warning-light-default: rgba(var(--semi-orange-5),0.1);
114
+ --semi-color-primary-light-disabled: rgba(var(--semi-brand-2),0.1);
115
+ --semi-color-success-light-disabled: rgba(var(--semi-green-2),0.1);
109
116
  --semi-color-tertiary-light-active: rgba(var(--semi-grey-5),0.4);
117
+ --semi-color-warning-light-disabled: rgba(var(--semi-orange-2),0.1);
110
118
  --semi-color-secondary-light-hover: rgba(var(--semi-light-blue-5),0.2);
111
119
  --semi-color-tertiary-light-default: rgba(var(--semi-grey-5),0.1);
112
120
  --semi-color-secondary-light-active: rgba(var(--semi-light-blue-5),0.4);
@@ -151,14 +159,15 @@ body[theme-mode="dark"], body .semi-always-dark, :host([theme-mode="dark"]), :ho
151
159
  --semi-color-data-7: rgba(5, 119, 115, 1);
152
160
  --semi-color-data-8: rgba(154, 207, 13, 1);
153
161
  --semi-color-data-9: rgba(117, 29, 138, 1);
154
- --semi-color-fill-0: rgba(var(--semi-white),0.05);
155
- --semi-color-fill-1: rgba(var(--semi-white),0.09);
156
- --semi-color-fill-2: rgba(var(--semi-white),0.13);
157
- --semi-color-fill-3: rgba(var(--semi-Blue-grey-5),0.15);
162
+ --semi-color-fill-0: rgba(var(--semi-blue-grey-9),0.05);
163
+ --semi-color-fill-1: rgba(var(--semi-blue-grey-9),0.09);
164
+ --semi-color-fill-2: rgba(var(--semi-blue-grey-9),0.13);
165
+ --semi-color-fill-3: rgba(var(--semi-blue-grey-5),0.15);
158
166
  --semi-color-fill-4: rgba(255,255,255,0.1);
159
167
  --semi-color-fill-5: rgba(29,29,36,1);
160
168
  --semi-color-fill-6: rgba(29,29,36,1);
161
169
  --semi-color-fill-7: rgba(255,255,255,0.1);
170
+ --semi-color-fill-8: rgba(67,68,74,0.5);
162
171
  --semi-color-text-0: rgba(var(--semi-grey-9), 1);
163
172
  --semi-color-text-1: rgba(var(--semi-grey-9),0.6);
164
173
  --semi-color-text-2: rgba(var(--semi-grey-9),0.4);
@@ -191,7 +200,7 @@ body[theme-mode="dark"], body .semi-always-dark, :host([theme-mode="dark"]), :ho
191
200
  --semi-color-info-active: rgba(var(--semi-blue-7), 1);
192
201
  --semi-color-link-active: rgba(var(--semi-blue-7), 1);
193
202
  --semi-color-link-visited: rgba(var(--semi-blue-5), 1);
194
- --semi-color-tertiary: rgba(var(--semi-grey-5), 1);
203
+ --semi-color-tertiary: rgba(var(--semi-grey-5),1);
195
204
  --semi-color-focus-border: rgba(var(--semi-brand-5), 1);
196
205
  --semi-color-info-disabled: rgba(var(--semi-blue-2), 1);
197
206
  --semi-color-overlay-bg: rgba(22,22,26,0.6);
@@ -199,11 +208,12 @@ body[theme-mode="dark"], body .semi-always-dark, :host([theme-mode="dark"]), :ho
199
208
  --semi-color-highlight: rgba(var(--semi-white),1);
200
209
  --semi-color-secondary: rgba(var(--semi-light-blue-5), 1);
201
210
  --semi-color-danger-active: rgba(var(--semi-red-7), 1);
202
- --semi-color-disabled-bg: rgba(var(--semi-grey-1), 1);
211
+ --semi-color-disabled-bg: rgba(var(--semi-grey-1),1);
203
212
  --semi-color-default-hover: rgba(var(--semi-grey-1), 1);
204
213
  --semi-color-primary-hover: rgba(var(--semi-brand-6), 1);
205
214
  --semi-color-success-hover: rgba(var(--semi-green-6), 1);
206
215
  --semi-color-warning-hover: rgba(var(--semi-orange-6), 1);
216
+ --semi-color-danger-disabled: rgba(var(--semi-red-2),1);
207
217
  --semi-color-default-active: rgba(var(--semi-grey-2), 1);
208
218
  --semi-color-disabled-fill: rgba(var(--semi-grey-8),0.04);
209
219
  --semi-color-disabled-text: rgba(var(--semi-grey-9),0.35);
@@ -216,30 +226,36 @@ body[theme-mode="dark"], body .semi-always-dark, :host([theme-mode="dark"]), :ho
216
226
  --semi-color-primary-disabled: rgba(var(--semi-brand-2), 1);
217
227
  --semi-color-success-disabled: rgba(var(--semi-green-2), 1);
218
228
  --semi-color-tertiary-active: rgba(var(--semi-grey-7), 1);
229
+ --semi-color-warning-disabled: rgba(var(--semi-orange-2),1);
219
230
  --semi-color-secondary-hover: rgba(var(--semi-light-blue-6), 1);
220
231
  --semi-color-secondary-active: rgba(var(--semi-light-blue-7), 1);
221
- --semi-color-info-light-hover: rgba(var(--semi-blue-5), 0.3);
232
+ --semi-color-info-light-hover: rgba(var(--semi-blue-5),0.25);
222
233
  --semi-color-info-light-active: rgba(var(--semi-blue-5),0.4);
223
234
  --semi-color-secondary-disabled: rgba(var(--semi-light-blue-2), 1);
224
- --semi-color-info-light-default: rgba(var(--semi-blue-5),0.2);
225
- --semi-color-danger-light-hover: rgba(var(--semi-red-5), 0.3);
226
- --semi-color-danger-light-active: rgba(var(--semi-red-5),0.4);
227
- --semi-color-danger-light-default: rgba(var(--semi-red-5), 0.2);
228
- --semi-color-primary-light-hover: rgba(var(--semi-brand-5), 0.3);
229
- --semi-color-success-light-hover: rgba(var(--semi-green-5), 0.3);
230
- --semi-color-warning-light-hover: rgba(var(--semi-orange-5), 0.3);
231
- --semi-color-primary-light-active: rgba(var(--semi-brand-5), 0.4);
232
- --semi-color-success-light-active: rgba(var(--semi-green-5), 0.4);
235
+ --semi-color-info-light-default: rgba(var(--semi-blue-5),0.15);
236
+ --semi-color-info-light-disabled: rgba(var(--semi-blue-2),0.15);
237
+ --semi-color-danger-light-hover: rgba(var(--semi-red-5), 0.25);
238
+ --semi-color-danger-light-active: rgba(var(--semi-red-5), 0.4);
239
+ --semi-color-danger-light-default: rgba(var(--semi-red-5), 0.15);
240
+ --semi-color-primary-light-hover: rgba(var(--semi-brand-5),0.25);
241
+ --semi-color-success-light-hover: rgba(var(--semi-green-5),0.25);
242
+ --semi-color-warning-light-hover: rgba(var(--semi-orange-5),0.25);
243
+ --semi-color-danger-light-disabled: rgba(var(--semi-red-2),0.15);
244
+ --semi-color-primary-light-active: rgba(var(--semi-brand-5),0.4);
245
+ --semi-color-success-light-active: rgba(var(--semi-green-5),0.4);
233
246
  --semi-color-warning-light-active: rgba(var(--semi-orange-5), 0.4);
234
- --semi-color-primary-light-default: rgba(var(--semi-brand-5), 0.2);
235
- --semi-color-success-light-default: rgba(var(--semi-green-5), 0.2);
236
- --semi-color-tertiary-light-hover: rgba(var(--semi-grey-5), 0.3);
237
- --semi-color-warning-light-default: rgba(var(--semi-orange-5), 0.2);
247
+ --semi-color-primary-light-default: rgba(var(--semi-brand-5),0.15);
248
+ --semi-color-success-light-default: rgba(var(--semi-green-5),0.15);
249
+ --semi-color-tertiary-light-hover: rgba(var(--semi-grey-5),0.3);
250
+ --semi-color-warning-light-default: rgba(var(--semi-orange-5),0.15);
251
+ --semi-color-primary-light-disabled: rgba(var(--semi-brand-2),0.15);
252
+ --semi-color-success-light-disabled: rgba(var(--semi-green-2),0.15);
238
253
  --semi-color-tertiary-light-active: rgba(var(--semi-grey-5),0.4);
239
- --semi-color-secondary-light-hover: rgba(var(--semi-light-blue-5), 0.3);
240
- --semi-color-tertiary-light-default: rgba(var(--semi-grey-5), 0.2);
241
- --semi-color-secondary-light-active: rgba(var(--semi-light-blue-5), 0.4);
242
- --semi-color-secondary-light-default: rgba(var(--semi-light-blue-5), 0.2);
254
+ --semi-color-warning-light-disabled: rgba(var(--semi-orange-2),0.15);
255
+ --semi-color-secondary-light-hover: rgba(var(--semi-light-blue-5),0.3);
256
+ --semi-color-tertiary-light-default: rgba(var(--semi-grey-5),0.2);
257
+ --semi-color-secondary-light-active: rgba(var(--semi-light-blue-5),0.4);
258
+ --semi-color-secondary-light-default: rgba(var(--semi-light-blue-5),0.2);
243
259
  font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI','PingFang SC', 'Hiragino Sans GB', 'Microsoft YaHei', 'Helvetica Neue',Helvetica, Arial, sans-serif;
244
260
  -webkit-font-smoothing: antialiased;;
245
261
  --semi-shadow-elevated: 0px 0px 1px 0px rgba(0,0,0,0.30), 0px 4px 14px 0px rgba(0,0,0,0.10);