@semi-bot/semi-theme-commindlight 1.0.3 → 1.0.5

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 +74 -59
  4. package/scss/_palette.scss +31 -31
  5. package/scss/global.scss +41 -25
  6. package/semi.css +607 -56
  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.3",
3
+ "version": "1.0.5",
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,13 +413,14 @@
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
+ "fill/--semi-color-fill-7": "rgba(255,255,255,0.1)",
423
424
  "text/--semi-color-text-0": "rgba(var(--semi-grey-9), 1)",
424
425
  "text/--semi-color-text-1": "rgba(var(--semi-grey-9),0.6)",
425
426
  "text/--semi-color-text-2": "rgba(var(--semi-grey-9),0.4)",
@@ -452,7 +453,7 @@
452
453
  "info/--semi-color-info-active": "rgba(var(--semi-blue-7), 1)",
453
454
  "link/--semi-color-link-active": "rgba(var(--semi-blue-7), 1)",
454
455
  "link/--semi-color-link-visited": "rgba(var(--semi-blue-5), 1)",
455
- "tertiary/--semi-color-tertiary": "rgba(var(--semi-grey-5), 1)",
456
+ "tertiary/--semi-color-tertiary": "rgba(var(--semi-grey-5),1)",
456
457
  "focus/--semi-color-focus-border": "rgba(var(--semi-brand-5), 1)",
457
458
  "info/--semi-color-info-disabled": "rgba(var(--semi-blue-2), 1)",
458
459
  "overlay/--semi-color-overlay-bg": "rgba(22,22,26,0.6)",
@@ -460,11 +461,12 @@
460
461
  "highlight/--semi-color-highlight": "rgba(var(--semi-white),1)",
461
462
  "secondary/--semi-color-secondary": "rgba(var(--semi-light-blue-5), 1)",
462
463
  "danger/--semi-color-danger-active": "rgba(var(--semi-red-7), 1)",
463
- "disabled/--semi-color-disabled-bg": "rgba(var(--semi-grey-1), 1)",
464
+ "disabled/--semi-color-disabled-bg": "rgba(var(--semi-grey-1),1)",
464
465
  "default/--semi-color-default-hover": "rgba(var(--semi-grey-1), 1)",
465
466
  "primary/--semi-color-primary-hover": "rgba(var(--semi-brand-6), 1)",
466
467
  "success/--semi-color-success-hover": "rgba(var(--semi-green-6), 1)",
467
468
  "warning/--semi-color-warning-hover": "rgba(var(--semi-orange-6), 1)",
469
+ "danger/--semi-color-danger-disabled": "rgba(var(--semi-red-2),1)",
468
470
  "default/--semi-color-default-active": "rgba(var(--semi-grey-2), 1)",
469
471
  "disabled/--semi-color-disabled-fill": "rgba(var(--semi-grey-8),0.04)",
470
472
  "disabled/--semi-color-disabled-text": "rgba(var(--semi-grey-9),0.35)",
@@ -477,30 +479,36 @@
477
479
  "primary/--semi-color-primary-disabled": "rgba(var(--semi-brand-2), 1)",
478
480
  "success/--semi-color-success-disabled": "rgba(var(--semi-green-2), 1)",
479
481
  "tertiary/--semi-color-tertiary-active": "rgba(var(--semi-grey-7), 1)",
482
+ "warning/--semi-color-warning-disabled": "rgba(var(--semi-orange-2),1)",
480
483
  "secondary/--semi-color-secondary-hover": "rgba(var(--semi-light-blue-6), 1)",
481
484
  "secondary/--semi-color-secondary-active": "rgba(var(--semi-light-blue-7), 1)",
482
- "info-light/--semi-color-info-light-hover": "rgba(var(--semi-blue-5), 0.3)",
485
+ "info-light/--semi-color-info-light-hover": "rgba(var(--semi-blue-5),0.25)",
483
486
  "info-light/--semi-color-info-light-active": "rgba(var(--semi-blue-5),0.4)",
484
487
  "secondary/--semi-color-secondary-disabled": "rgba(var(--semi-light-blue-2), 1)",
485
- "info-light/--semi-color-info-light-default": "rgba(var(--semi-blue-5),0.2)",
486
- "danger-light/--semi-color-danger-light-hover": "rgba(var(--semi-red-5), 0.3)",
487
- "danger-light/--semi-color-danger-light-active": "rgba(var(--semi-red-5),0.4)",
488
- "danger-light/--semi-color-danger-light-default": "rgba(var(--semi-red-5), 0.2)",
489
- "primary-light/--semi-color-primary-light-hover": "rgba(var(--semi-brand-5), 0.3)",
490
- "success-light/--semi-color-success-light-hover": "rgba(var(--semi-green-5), 0.3)",
491
- "warning-light/--semi-color-warning-light-hover": "rgba(var(--semi-orange-5), 0.3)",
492
- "primary-light/--semi-color-primary-light-active": "rgba(var(--semi-brand-5), 0.4)",
493
- "success-light/--semi-color-success-light-active": "rgba(var(--semi-green-5), 0.4)",
488
+ "info-light/--semi-color-info-light-default": "rgba(var(--semi-blue-5),0.15)",
489
+ "info-light/--semi-color-info-light-disabled": "rgba(var(--semi-blue-2),0.15)",
490
+ "danger-light/--semi-color-danger-light-hover": "rgba(var(--semi-red-5), 0.25)",
491
+ "danger-light/--semi-color-danger-light-active": "rgba(var(--semi-red-5), 0.4)",
492
+ "danger-light/--semi-color-danger-light-default": "rgba(var(--semi-red-5), 0.15)",
493
+ "primary-light/--semi-color-primary-light-hover": "rgba(var(--semi-brand-5),0.25)",
494
+ "success-light/--semi-color-success-light-hover": "rgba(var(--semi-green-5),0.25)",
495
+ "warning-light/--semi-color-warning-light-hover": "rgba(var(--semi-orange-5),0.25)",
496
+ "danger-light/--semi-color-danger-light-disabled": "rgba(var(--semi-red-2),0.15)",
497
+ "primary-light/--semi-color-primary-light-active": "rgba(var(--semi-brand-5),0.4)",
498
+ "success-light/--semi-color-success-light-active": "rgba(var(--semi-green-5),0.4)",
494
499
  "warning-light/--semi-color-warning-light-active": "rgba(var(--semi-orange-5), 0.4)",
495
- "primary-light/--semi-color-primary-light-default": "rgba(var(--semi-brand-5), 0.2)",
496
- "success-light/--semi-color-success-light-default": "rgba(var(--semi-green-5), 0.2)",
497
- "tertiary-light/--semi-color-tertiary-light-hover": "rgba(var(--semi-grey-5), 0.3)",
498
- "warning-light/--semi-color-warning-light-default": "rgba(var(--semi-orange-5), 0.2)",
500
+ "primary-light/--semi-color-primary-light-default": "rgba(var(--semi-brand-5),0.15)",
501
+ "success-light/--semi-color-success-light-default": "rgba(var(--semi-green-5),0.15)",
502
+ "tertiary-light/--semi-color-tertiary-light-hover": "rgba(var(--semi-grey-5),0.3)",
503
+ "warning-light/--semi-color-warning-light-default": "rgba(var(--semi-orange-5),0.15)",
504
+ "primary-light/--semi-color-primary-light-disabled": "rgba(var(--semi-brand-2),0.15)",
505
+ "success-light/--semi-color-success-light-disabled": "rgba(var(--semi-green-2),0.15)",
499
506
  "tertiary-light/--semi-color-tertiary-light-active": "rgba(var(--semi-grey-5),0.4)",
500
- "secondary-light/--semi-color-secondary-light-hover": "rgba(var(--semi-light-blue-5), 0.3)",
501
- "tertiary-light/--semi-color-tertiary-light-default": "rgba(var(--semi-grey-5), 0.2)",
502
- "secondary-light/--semi-color-secondary-light-active": "rgba(var(--semi-light-blue-5), 0.4)",
503
- "secondary-light/--semi-color-secondary-light-default": "rgba(var(--semi-light-blue-5), 0.2)"
507
+ "warning-light/--semi-color-warning-light-disabled": "rgba(var(--semi-orange-2),0.15)",
508
+ "secondary-light/--semi-color-secondary-light-hover": "rgba(var(--semi-light-blue-5),0.3)",
509
+ "tertiary-light/--semi-color-tertiary-light-default": "rgba(var(--semi-grey-5),0.2)",
510
+ "secondary-light/--semi-color-secondary-light-active": "rgba(var(--semi-light-blue-5),0.4)",
511
+ "secondary-light/--semi-color-secondary-light-default": "rgba(var(--semi-light-blue-5),0.2)"
504
512
  },
505
513
  "light": {
506
514
  "bg/--semi-color-bg-0": "rgba(var(--semi-white),1)",
@@ -531,6 +539,7 @@
531
539
  "fill/--semi-color-fill-4": "rgba(var(--semi-blue-grey-0),1)",
532
540
  "fill/--semi-color-fill-5": "rgba(var(--semi-blue-grey-0),1)",
533
541
  "fill/--semi-color-fill-6": "rgba(236,241,255,1)",
542
+ "fill/--semi-color-fill-7": "rgba(255,255,255,1)",
534
543
  "text/--semi-color-text-0": "rgba(var(--semi-grey-9),1)",
535
544
  "text/--semi-color-text-1": "rgba(var(--semi-blue-grey-9),0.7)",
536
545
  "text/--semi-color-text-2": "rgba(var(--semi-blue-grey-5),1)",
@@ -576,6 +585,7 @@
576
585
  "primary/--semi-color-primary-hover": "rgba(var(--semi-brand-1),1)",
577
586
  "success/--semi-color-success-hover": "rgba(var(--semi-green-6), 1)",
578
587
  "warning/--semi-color-warning-hover": "rgba(var(--semi-orange-6), 1)",
588
+ "danger/--semi-color-danger-disabled": "rgba(var(--semi-red-1),1)",
579
589
  "default/--semi-color-default-active": "rgba(var(--semi-grey-2), 1)",
580
590
  "disabled/--semi-color-disabled-fill": "rgba(var(--semi-grey-8),0.04)",
581
591
  "disabled/--semi-color-disabled-text": "rgba(var(--semi-grey-9),0.35)",
@@ -588,18 +598,21 @@
588
598
  "primary/--semi-color-primary-disabled": "rgba(var(--semi-brand-2), 1)",
589
599
  "success/--semi-color-success-disabled": "rgba(var(--semi-green-2), 1)",
590
600
  "tertiary/--semi-color-tertiary-active": "rgba(var(--semi-grey-7), 1)",
601
+ "warning/--semi-color-warning-disabled": "rgba(var(--semi-orange-2),1)",
591
602
  "secondary/--semi-color-secondary-hover": "rgba(var(--semi-light-blue-6), 1)",
592
603
  "secondary/--semi-color-secondary-active": "rgba(var(--semi-light-blue-7), 1)",
593
604
  "info-light/--semi-color-info-light-hover": "rgba(var(--semi-blue-5),0.2)",
594
605
  "info-light/--semi-color-info-light-active": "rgba(var(--semi-blue-5),0.4)",
595
606
  "secondary/--semi-color-secondary-disabled": "rgba(var(--semi-light-blue-2), 1)",
596
607
  "info-light/--semi-color-info-light-default": "rgba(var(--semi-blue-5),0.1)",
608
+ "info-light/--semi-color-info-light-disabled": "rgba(var(--semi-blue-2),0.1)",
597
609
  "danger-light/--semi-color-danger-light-hover": "rgba(var(--semi-red-5),0.2)",
598
610
  "danger-light/--semi-color-danger-light-active": "rgba(var(--semi-red-5),0.4)",
599
611
  "danger-light/--semi-color-danger-light-default": "rgba(var(--semi-red-5),0.1)",
600
- "primary-light/--semi-color-primary-light-hover": "rgba(var(--semi-brand-5),0.2)",
612
+ "primary-light/--semi-color-primary-light-hover": "rgba(var(--semi-brand-2),0.4)",
601
613
  "success-light/--semi-color-success-light-hover": "rgba(var(--semi-green-5),0.2)",
602
614
  "warning-light/--semi-color-warning-light-hover": "rgba(var(--semi-orange-5),0.2)",
615
+ "danger-light/--semi-color-danger-light-disabled": "rgba(var(--semi-red-2),0.1)",
603
616
  "primary-light/--semi-color-primary-light-active": "rgba(var(--semi-brand-5),0.4)",
604
617
  "success-light/--semi-color-success-light-active": "rgba(var(--semi-green-5),0.4)",
605
618
  "warning-light/--semi-color-warning-light-active": "rgba(var(--semi-orange-5),0.4)",
@@ -607,7 +620,10 @@
607
620
  "success-light/--semi-color-success-light-default": "rgba(var(--semi-green-5),0.1)",
608
621
  "tertiary-light/--semi-color-tertiary-light-hover": "rgba(var(--semi-grey-5),0.2)",
609
622
  "warning-light/--semi-color-warning-light-default": "rgba(var(--semi-orange-5),0.1)",
623
+ "primary-light/--semi-color-primary-light-disabled": "rgba(var(--semi-brand-2),0.1)",
624
+ "success-light/--semi-color-success-light-disabled": "rgba(var(--semi-green-2),0.1)",
610
625
  "tertiary-light/--semi-color-tertiary-light-active": "rgba(var(--semi-grey-5),0.4)",
626
+ "warning-light/--semi-color-warning-light-disabled": "rgba(var(--semi-orange-2),0.1)",
611
627
  "secondary-light/--semi-color-secondary-light-hover": "rgba(var(--semi-light-blue-5),0.2)",
612
628
  "tertiary-light/--semi-color-tertiary-light-default": "rgba(var(--semi-grey-5),0.1)",
613
629
  "secondary-light/--semi-color-secondary-light-active": "rgba(var(--semi-light-blue-5),0.4)",
@@ -803,9 +819,8 @@
803
819
  "purple": "#ae36b3",
804
820
  "violet": "#8146c9",
805
821
  "yellow": "#f2d32b",
806
- "Blue-grey": "#8a9abb",
807
- "Tangerine": "#ff5E19",
808
- "blue-grey": "#8A9ABB",
822
+ "blue-grey": "#8a9abb",
823
+ "tangerine": "#ff5e19",
809
824
  "light-blue": "#1993f0",
810
825
  "light-green": "#48c254"
811
826
  },
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
@@ -29,6 +29,7 @@ body, body[theme-mode="dark"] .semi-always-light, :host, :host .semi-always-ligh
29
29
  --semi-color-fill-4: rgba(var(--semi-blue-grey-0),1);
30
30
  --semi-color-fill-5: rgba(var(--semi-blue-grey-0),1);
31
31
  --semi-color-fill-6: rgba(236,241,255,1);
32
+ --semi-color-fill-7: rgba(255,255,255,1);
32
33
  --semi-color-text-0: rgba(var(--semi-grey-9),1);
33
34
  --semi-color-text-1: rgba(var(--semi-blue-grey-9),0.7);
34
35
  --semi-color-text-2: rgba(var(--semi-blue-grey-5),1);
@@ -74,6 +75,7 @@ body, body[theme-mode="dark"] .semi-always-light, :host, :host .semi-always-ligh
74
75
  --semi-color-primary-hover: rgba(var(--semi-brand-1),1);
75
76
  --semi-color-success-hover: rgba(var(--semi-green-6), 1);
76
77
  --semi-color-warning-hover: rgba(var(--semi-orange-6), 1);
78
+ --semi-color-danger-disabled: rgba(var(--semi-red-1),1);
77
79
  --semi-color-default-active: rgba(var(--semi-grey-2), 1);
78
80
  --semi-color-disabled-fill: rgba(var(--semi-grey-8),0.04);
79
81
  --semi-color-disabled-text: rgba(var(--semi-grey-9),0.35);
@@ -86,18 +88,21 @@ body, body[theme-mode="dark"] .semi-always-light, :host, :host .semi-always-ligh
86
88
  --semi-color-primary-disabled: rgba(var(--semi-brand-2), 1);
87
89
  --semi-color-success-disabled: rgba(var(--semi-green-2), 1);
88
90
  --semi-color-tertiary-active: rgba(var(--semi-grey-7), 1);
91
+ --semi-color-warning-disabled: rgba(var(--semi-orange-2),1);
89
92
  --semi-color-secondary-hover: rgba(var(--semi-light-blue-6), 1);
90
93
  --semi-color-secondary-active: rgba(var(--semi-light-blue-7), 1);
91
94
  --semi-color-info-light-hover: rgba(var(--semi-blue-5),0.2);
92
95
  --semi-color-info-light-active: rgba(var(--semi-blue-5),0.4);
93
96
  --semi-color-secondary-disabled: rgba(var(--semi-light-blue-2), 1);
94
97
  --semi-color-info-light-default: rgba(var(--semi-blue-5),0.1);
98
+ --semi-color-info-light-disabled: rgba(var(--semi-blue-2),0.1);
95
99
  --semi-color-danger-light-hover: rgba(var(--semi-red-5),0.2);
96
100
  --semi-color-danger-light-active: rgba(var(--semi-red-5),0.4);
97
101
  --semi-color-danger-light-default: rgba(var(--semi-red-5),0.1);
98
- --semi-color-primary-light-hover: rgba(var(--semi-brand-5),0.2);
102
+ --semi-color-primary-light-hover: rgba(var(--semi-brand-2),0.4);
99
103
  --semi-color-success-light-hover: rgba(var(--semi-green-5),0.2);
100
104
  --semi-color-warning-light-hover: rgba(var(--semi-orange-5),0.2);
105
+ --semi-color-danger-light-disabled: rgba(var(--semi-red-2),0.1);
101
106
  --semi-color-primary-light-active: rgba(var(--semi-brand-5),0.4);
102
107
  --semi-color-success-light-active: rgba(var(--semi-green-5),0.4);
103
108
  --semi-color-warning-light-active: rgba(var(--semi-orange-5),0.4);
@@ -105,7 +110,10 @@ body, body[theme-mode="dark"] .semi-always-light, :host, :host .semi-always-ligh
105
110
  --semi-color-success-light-default: rgba(var(--semi-green-5),0.1);
106
111
  --semi-color-tertiary-light-hover: rgba(var(--semi-grey-5),0.2);
107
112
  --semi-color-warning-light-default: rgba(var(--semi-orange-5),0.1);
113
+ --semi-color-primary-light-disabled: rgba(var(--semi-brand-2),0.1);
114
+ --semi-color-success-light-disabled: rgba(var(--semi-green-2),0.1);
108
115
  --semi-color-tertiary-light-active: rgba(var(--semi-grey-5),0.4);
116
+ --semi-color-warning-light-disabled: rgba(var(--semi-orange-2),0.1);
109
117
  --semi-color-secondary-light-hover: rgba(var(--semi-light-blue-5),0.2);
110
118
  --semi-color-tertiary-light-default: rgba(var(--semi-grey-5),0.1);
111
119
  --semi-color-secondary-light-active: rgba(var(--semi-light-blue-5),0.4);
@@ -150,13 +158,14 @@ body[theme-mode="dark"], body .semi-always-dark, :host([theme-mode="dark"]), :ho
150
158
  --semi-color-data-7: rgba(5, 119, 115, 1);
151
159
  --semi-color-data-8: rgba(154, 207, 13, 1);
152
160
  --semi-color-data-9: rgba(117, 29, 138, 1);
153
- --semi-color-fill-0: rgba(var(--semi-white),0.05);
154
- --semi-color-fill-1: rgba(var(--semi-white),0.09);
155
- --semi-color-fill-2: rgba(var(--semi-white),0.13);
156
- --semi-color-fill-3: rgba(var(--semi-Blue-grey-5),0.15);
161
+ --semi-color-fill-0: rgba(var(--semi-blue-grey-9), 0.05);
162
+ --semi-color-fill-1: rgba(var(--semi-blue-grey-9), 0.09);
163
+ --semi-color-fill-2: rgba(var(--semi-blue-grey-9), 0.13);
164
+ --semi-color-fill-3: rgba(var(--semi-blue-grey-5),0.15);
157
165
  --semi-color-fill-4: rgba(255,255,255,0.1);
158
166
  --semi-color-fill-5: rgba(29,29,36,1);
159
167
  --semi-color-fill-6: rgba(29,29,36,1);
168
+ --semi-color-fill-7: rgba(255,255,255,0.1);
160
169
  --semi-color-text-0: rgba(var(--semi-grey-9), 1);
161
170
  --semi-color-text-1: rgba(var(--semi-grey-9),0.6);
162
171
  --semi-color-text-2: rgba(var(--semi-grey-9),0.4);
@@ -189,7 +198,7 @@ body[theme-mode="dark"], body .semi-always-dark, :host([theme-mode="dark"]), :ho
189
198
  --semi-color-info-active: rgba(var(--semi-blue-7), 1);
190
199
  --semi-color-link-active: rgba(var(--semi-blue-7), 1);
191
200
  --semi-color-link-visited: rgba(var(--semi-blue-5), 1);
192
- --semi-color-tertiary: rgba(var(--semi-grey-5), 1);
201
+ --semi-color-tertiary: rgba(var(--semi-grey-5),1);
193
202
  --semi-color-focus-border: rgba(var(--semi-brand-5), 1);
194
203
  --semi-color-info-disabled: rgba(var(--semi-blue-2), 1);
195
204
  --semi-color-overlay-bg: rgba(22,22,26,0.6);
@@ -197,11 +206,12 @@ body[theme-mode="dark"], body .semi-always-dark, :host([theme-mode="dark"]), :ho
197
206
  --semi-color-highlight: rgba(var(--semi-white),1);
198
207
  --semi-color-secondary: rgba(var(--semi-light-blue-5), 1);
199
208
  --semi-color-danger-active: rgba(var(--semi-red-7), 1);
200
- --semi-color-disabled-bg: rgba(var(--semi-grey-1), 1);
209
+ --semi-color-disabled-bg: rgba(var(--semi-grey-1),1);
201
210
  --semi-color-default-hover: rgba(var(--semi-grey-1), 1);
202
211
  --semi-color-primary-hover: rgba(var(--semi-brand-6), 1);
203
212
  --semi-color-success-hover: rgba(var(--semi-green-6), 1);
204
213
  --semi-color-warning-hover: rgba(var(--semi-orange-6), 1);
214
+ --semi-color-danger-disabled: rgba(var(--semi-red-2),1);
205
215
  --semi-color-default-active: rgba(var(--semi-grey-2), 1);
206
216
  --semi-color-disabled-fill: rgba(var(--semi-grey-8),0.04);
207
217
  --semi-color-disabled-text: rgba(var(--semi-grey-9),0.35);
@@ -214,30 +224,36 @@ body[theme-mode="dark"], body .semi-always-dark, :host([theme-mode="dark"]), :ho
214
224
  --semi-color-primary-disabled: rgba(var(--semi-brand-2), 1);
215
225
  --semi-color-success-disabled: rgba(var(--semi-green-2), 1);
216
226
  --semi-color-tertiary-active: rgba(var(--semi-grey-7), 1);
227
+ --semi-color-warning-disabled: rgba(var(--semi-orange-2),1);
217
228
  --semi-color-secondary-hover: rgba(var(--semi-light-blue-6), 1);
218
229
  --semi-color-secondary-active: rgba(var(--semi-light-blue-7), 1);
219
- --semi-color-info-light-hover: rgba(var(--semi-blue-5), 0.3);
230
+ --semi-color-info-light-hover: rgba(var(--semi-blue-5),0.25);
220
231
  --semi-color-info-light-active: rgba(var(--semi-blue-5),0.4);
221
232
  --semi-color-secondary-disabled: rgba(var(--semi-light-blue-2), 1);
222
- --semi-color-info-light-default: rgba(var(--semi-blue-5),0.2);
223
- --semi-color-danger-light-hover: rgba(var(--semi-red-5), 0.3);
224
- --semi-color-danger-light-active: rgba(var(--semi-red-5),0.4);
225
- --semi-color-danger-light-default: rgba(var(--semi-red-5), 0.2);
226
- --semi-color-primary-light-hover: rgba(var(--semi-brand-5), 0.3);
227
- --semi-color-success-light-hover: rgba(var(--semi-green-5), 0.3);
228
- --semi-color-warning-light-hover: rgba(var(--semi-orange-5), 0.3);
229
- --semi-color-primary-light-active: rgba(var(--semi-brand-5), 0.4);
230
- --semi-color-success-light-active: rgba(var(--semi-green-5), 0.4);
233
+ --semi-color-info-light-default: rgba(var(--semi-blue-5),0.15);
234
+ --semi-color-info-light-disabled: rgba(var(--semi-blue-2),0.15);
235
+ --semi-color-danger-light-hover: rgba(var(--semi-red-5), 0.25);
236
+ --semi-color-danger-light-active: rgba(var(--semi-red-5), 0.4);
237
+ --semi-color-danger-light-default: rgba(var(--semi-red-5), 0.15);
238
+ --semi-color-primary-light-hover: rgba(var(--semi-brand-5),0.25);
239
+ --semi-color-success-light-hover: rgba(var(--semi-green-5),0.25);
240
+ --semi-color-warning-light-hover: rgba(var(--semi-orange-5),0.25);
241
+ --semi-color-danger-light-disabled: rgba(var(--semi-red-2),0.15);
242
+ --semi-color-primary-light-active: rgba(var(--semi-brand-5),0.4);
243
+ --semi-color-success-light-active: rgba(var(--semi-green-5),0.4);
231
244
  --semi-color-warning-light-active: rgba(var(--semi-orange-5), 0.4);
232
- --semi-color-primary-light-default: rgba(var(--semi-brand-5), 0.2);
233
- --semi-color-success-light-default: rgba(var(--semi-green-5), 0.2);
234
- --semi-color-tertiary-light-hover: rgba(var(--semi-grey-5), 0.3);
235
- --semi-color-warning-light-default: rgba(var(--semi-orange-5), 0.2);
245
+ --semi-color-primary-light-default: rgba(var(--semi-brand-5),0.15);
246
+ --semi-color-success-light-default: rgba(var(--semi-green-5),0.15);
247
+ --semi-color-tertiary-light-hover: rgba(var(--semi-grey-5),0.3);
248
+ --semi-color-warning-light-default: rgba(var(--semi-orange-5),0.15);
249
+ --semi-color-primary-light-disabled: rgba(var(--semi-brand-2),0.15);
250
+ --semi-color-success-light-disabled: rgba(var(--semi-green-2),0.15);
236
251
  --semi-color-tertiary-light-active: rgba(var(--semi-grey-5),0.4);
237
- --semi-color-secondary-light-hover: rgba(var(--semi-light-blue-5), 0.3);
238
- --semi-color-tertiary-light-default: rgba(var(--semi-grey-5), 0.2);
239
- --semi-color-secondary-light-active: rgba(var(--semi-light-blue-5), 0.4);
240
- --semi-color-secondary-light-default: rgba(var(--semi-light-blue-5), 0.2);
252
+ --semi-color-warning-light-disabled: rgba(var(--semi-orange-2),0.15);
253
+ --semi-color-secondary-light-hover: rgba(var(--semi-light-blue-5),0.3);
254
+ --semi-color-tertiary-light-default: rgba(var(--semi-grey-5),0.2);
255
+ --semi-color-secondary-light-active: rgba(var(--semi-light-blue-5),0.4);
256
+ --semi-color-secondary-light-default: rgba(var(--semi-light-blue-5),0.2);
241
257
  font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI','PingFang SC', 'Hiragino Sans GB', 'Microsoft YaHei', 'Helvetica Neue',Helvetica, Arial, sans-serif;
242
258
  -webkit-font-smoothing: antialiased;;
243
259
  --semi-shadow-elevated: 0px 0px 1px 0px rgba(0,0,0,0.30), 0px 4px 14px 0px rgba(0,0,0,0.10);