@semi-bot/semi-theme-commindlight 1.0.4 → 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 +72 -59
  4. package/scss/_palette.scss +31 -31
  5. package/scss/global.scss +39 -25
  6. package/semi.css +605 -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.4",
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,10 +413,10 @@
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)",
@@ -453,7 +453,7 @@
453
453
  "info/--semi-color-info-active": "rgba(var(--semi-blue-7), 1)",
454
454
  "link/--semi-color-link-active": "rgba(var(--semi-blue-7), 1)",
455
455
  "link/--semi-color-link-visited": "rgba(var(--semi-blue-5), 1)",
456
- "tertiary/--semi-color-tertiary": "rgba(var(--semi-grey-5), 1)",
456
+ "tertiary/--semi-color-tertiary": "rgba(var(--semi-grey-5),1)",
457
457
  "focus/--semi-color-focus-border": "rgba(var(--semi-brand-5), 1)",
458
458
  "info/--semi-color-info-disabled": "rgba(var(--semi-blue-2), 1)",
459
459
  "overlay/--semi-color-overlay-bg": "rgba(22,22,26,0.6)",
@@ -461,11 +461,12 @@
461
461
  "highlight/--semi-color-highlight": "rgba(var(--semi-white),1)",
462
462
  "secondary/--semi-color-secondary": "rgba(var(--semi-light-blue-5), 1)",
463
463
  "danger/--semi-color-danger-active": "rgba(var(--semi-red-7), 1)",
464
- "disabled/--semi-color-disabled-bg": "rgba(var(--semi-grey-1), 1)",
464
+ "disabled/--semi-color-disabled-bg": "rgba(var(--semi-grey-1),1)",
465
465
  "default/--semi-color-default-hover": "rgba(var(--semi-grey-1), 1)",
466
466
  "primary/--semi-color-primary-hover": "rgba(var(--semi-brand-6), 1)",
467
467
  "success/--semi-color-success-hover": "rgba(var(--semi-green-6), 1)",
468
468
  "warning/--semi-color-warning-hover": "rgba(var(--semi-orange-6), 1)",
469
+ "danger/--semi-color-danger-disabled": "rgba(var(--semi-red-2),1)",
469
470
  "default/--semi-color-default-active": "rgba(var(--semi-grey-2), 1)",
470
471
  "disabled/--semi-color-disabled-fill": "rgba(var(--semi-grey-8),0.04)",
471
472
  "disabled/--semi-color-disabled-text": "rgba(var(--semi-grey-9),0.35)",
@@ -478,30 +479,36 @@
478
479
  "primary/--semi-color-primary-disabled": "rgba(var(--semi-brand-2), 1)",
479
480
  "success/--semi-color-success-disabled": "rgba(var(--semi-green-2), 1)",
480
481
  "tertiary/--semi-color-tertiary-active": "rgba(var(--semi-grey-7), 1)",
482
+ "warning/--semi-color-warning-disabled": "rgba(var(--semi-orange-2),1)",
481
483
  "secondary/--semi-color-secondary-hover": "rgba(var(--semi-light-blue-6), 1)",
482
484
  "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)",
485
+ "info-light/--semi-color-info-light-hover": "rgba(var(--semi-blue-5),0.25)",
484
486
  "info-light/--semi-color-info-light-active": "rgba(var(--semi-blue-5),0.4)",
485
487
  "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)",
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)",
495
499
  "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)",
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)",
500
506
  "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)"
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)"
505
512
  },
506
513
  "light": {
507
514
  "bg/--semi-color-bg-0": "rgba(var(--semi-white),1)",
@@ -578,6 +585,7 @@
578
585
  "primary/--semi-color-primary-hover": "rgba(var(--semi-brand-1),1)",
579
586
  "success/--semi-color-success-hover": "rgba(var(--semi-green-6), 1)",
580
587
  "warning/--semi-color-warning-hover": "rgba(var(--semi-orange-6), 1)",
588
+ "danger/--semi-color-danger-disabled": "rgba(var(--semi-red-1),1)",
581
589
  "default/--semi-color-default-active": "rgba(var(--semi-grey-2), 1)",
582
590
  "disabled/--semi-color-disabled-fill": "rgba(var(--semi-grey-8),0.04)",
583
591
  "disabled/--semi-color-disabled-text": "rgba(var(--semi-grey-9),0.35)",
@@ -590,18 +598,21 @@
590
598
  "primary/--semi-color-primary-disabled": "rgba(var(--semi-brand-2), 1)",
591
599
  "success/--semi-color-success-disabled": "rgba(var(--semi-green-2), 1)",
592
600
  "tertiary/--semi-color-tertiary-active": "rgba(var(--semi-grey-7), 1)",
601
+ "warning/--semi-color-warning-disabled": "rgba(var(--semi-orange-2),1)",
593
602
  "secondary/--semi-color-secondary-hover": "rgba(var(--semi-light-blue-6), 1)",
594
603
  "secondary/--semi-color-secondary-active": "rgba(var(--semi-light-blue-7), 1)",
595
604
  "info-light/--semi-color-info-light-hover": "rgba(var(--semi-blue-5),0.2)",
596
605
  "info-light/--semi-color-info-light-active": "rgba(var(--semi-blue-5),0.4)",
597
606
  "secondary/--semi-color-secondary-disabled": "rgba(var(--semi-light-blue-2), 1)",
598
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)",
599
609
  "danger-light/--semi-color-danger-light-hover": "rgba(var(--semi-red-5),0.2)",
600
610
  "danger-light/--semi-color-danger-light-active": "rgba(var(--semi-red-5),0.4)",
601
611
  "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)",
612
+ "primary-light/--semi-color-primary-light-hover": "rgba(var(--semi-brand-2),0.4)",
603
613
  "success-light/--semi-color-success-light-hover": "rgba(var(--semi-green-5),0.2)",
604
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)",
605
616
  "primary-light/--semi-color-primary-light-active": "rgba(var(--semi-brand-5),0.4)",
606
617
  "success-light/--semi-color-success-light-active": "rgba(var(--semi-green-5),0.4)",
607
618
  "warning-light/--semi-color-warning-light-active": "rgba(var(--semi-orange-5),0.4)",
@@ -609,7 +620,10 @@
609
620
  "success-light/--semi-color-success-light-default": "rgba(var(--semi-green-5),0.1)",
610
621
  "tertiary-light/--semi-color-tertiary-light-hover": "rgba(var(--semi-grey-5),0.2)",
611
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)",
612
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)",
613
627
  "secondary-light/--semi-color-secondary-light-hover": "rgba(var(--semi-light-blue-5),0.2)",
614
628
  "tertiary-light/--semi-color-tertiary-light-default": "rgba(var(--semi-grey-5),0.1)",
615
629
  "secondary-light/--semi-color-secondary-light-active": "rgba(var(--semi-light-blue-5),0.4)",
@@ -805,9 +819,8 @@
805
819
  "purple": "#ae36b3",
806
820
  "violet": "#8146c9",
807
821
  "yellow": "#f2d32b",
808
- "Blue-grey": "#8a9abb",
809
- "Tangerine": "#ff5E19",
810
- "blue-grey": "#8A9ABB",
822
+ "blue-grey": "#8a9abb",
823
+ "tangerine": "#ff5e19",
811
824
  "light-blue": "#1993f0",
812
825
  "light-green": "#48c254"
813
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
@@ -75,6 +75,7 @@ body, body[theme-mode="dark"] .semi-always-light, :host, :host .semi-always-ligh
75
75
  --semi-color-primary-hover: rgba(var(--semi-brand-1),1);
76
76
  --semi-color-success-hover: rgba(var(--semi-green-6), 1);
77
77
  --semi-color-warning-hover: rgba(var(--semi-orange-6), 1);
78
+ --semi-color-danger-disabled: rgba(var(--semi-red-1),1);
78
79
  --semi-color-default-active: rgba(var(--semi-grey-2), 1);
79
80
  --semi-color-disabled-fill: rgba(var(--semi-grey-8),0.04);
80
81
  --semi-color-disabled-text: rgba(var(--semi-grey-9),0.35);
@@ -87,18 +88,21 @@ body, body[theme-mode="dark"] .semi-always-light, :host, :host .semi-always-ligh
87
88
  --semi-color-primary-disabled: rgba(var(--semi-brand-2), 1);
88
89
  --semi-color-success-disabled: rgba(var(--semi-green-2), 1);
89
90
  --semi-color-tertiary-active: rgba(var(--semi-grey-7), 1);
91
+ --semi-color-warning-disabled: rgba(var(--semi-orange-2),1);
90
92
  --semi-color-secondary-hover: rgba(var(--semi-light-blue-6), 1);
91
93
  --semi-color-secondary-active: rgba(var(--semi-light-blue-7), 1);
92
94
  --semi-color-info-light-hover: rgba(var(--semi-blue-5),0.2);
93
95
  --semi-color-info-light-active: rgba(var(--semi-blue-5),0.4);
94
96
  --semi-color-secondary-disabled: rgba(var(--semi-light-blue-2), 1);
95
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);
96
99
  --semi-color-danger-light-hover: rgba(var(--semi-red-5),0.2);
97
100
  --semi-color-danger-light-active: rgba(var(--semi-red-5),0.4);
98
101
  --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);
102
+ --semi-color-primary-light-hover: rgba(var(--semi-brand-2),0.4);
100
103
  --semi-color-success-light-hover: rgba(var(--semi-green-5),0.2);
101
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);
102
106
  --semi-color-primary-light-active: rgba(var(--semi-brand-5),0.4);
103
107
  --semi-color-success-light-active: rgba(var(--semi-green-5),0.4);
104
108
  --semi-color-warning-light-active: rgba(var(--semi-orange-5),0.4);
@@ -106,7 +110,10 @@ body, body[theme-mode="dark"] .semi-always-light, :host, :host .semi-always-ligh
106
110
  --semi-color-success-light-default: rgba(var(--semi-green-5),0.1);
107
111
  --semi-color-tertiary-light-hover: rgba(var(--semi-grey-5),0.2);
108
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);
109
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);
110
117
  --semi-color-secondary-light-hover: rgba(var(--semi-light-blue-5),0.2);
111
118
  --semi-color-tertiary-light-default: rgba(var(--semi-grey-5),0.1);
112
119
  --semi-color-secondary-light-active: rgba(var(--semi-light-blue-5),0.4);
@@ -151,10 +158,10 @@ body[theme-mode="dark"], body .semi-always-dark, :host([theme-mode="dark"]), :ho
151
158
  --semi-color-data-7: rgba(5, 119, 115, 1);
152
159
  --semi-color-data-8: rgba(154, 207, 13, 1);
153
160
  --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);
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);
158
165
  --semi-color-fill-4: rgba(255,255,255,0.1);
159
166
  --semi-color-fill-5: rgba(29,29,36,1);
160
167
  --semi-color-fill-6: rgba(29,29,36,1);
@@ -191,7 +198,7 @@ body[theme-mode="dark"], body .semi-always-dark, :host([theme-mode="dark"]), :ho
191
198
  --semi-color-info-active: rgba(var(--semi-blue-7), 1);
192
199
  --semi-color-link-active: rgba(var(--semi-blue-7), 1);
193
200
  --semi-color-link-visited: rgba(var(--semi-blue-5), 1);
194
- --semi-color-tertiary: rgba(var(--semi-grey-5), 1);
201
+ --semi-color-tertiary: rgba(var(--semi-grey-5),1);
195
202
  --semi-color-focus-border: rgba(var(--semi-brand-5), 1);
196
203
  --semi-color-info-disabled: rgba(var(--semi-blue-2), 1);
197
204
  --semi-color-overlay-bg: rgba(22,22,26,0.6);
@@ -199,11 +206,12 @@ body[theme-mode="dark"], body .semi-always-dark, :host([theme-mode="dark"]), :ho
199
206
  --semi-color-highlight: rgba(var(--semi-white),1);
200
207
  --semi-color-secondary: rgba(var(--semi-light-blue-5), 1);
201
208
  --semi-color-danger-active: rgba(var(--semi-red-7), 1);
202
- --semi-color-disabled-bg: rgba(var(--semi-grey-1), 1);
209
+ --semi-color-disabled-bg: rgba(var(--semi-grey-1),1);
203
210
  --semi-color-default-hover: rgba(var(--semi-grey-1), 1);
204
211
  --semi-color-primary-hover: rgba(var(--semi-brand-6), 1);
205
212
  --semi-color-success-hover: rgba(var(--semi-green-6), 1);
206
213
  --semi-color-warning-hover: rgba(var(--semi-orange-6), 1);
214
+ --semi-color-danger-disabled: rgba(var(--semi-red-2),1);
207
215
  --semi-color-default-active: rgba(var(--semi-grey-2), 1);
208
216
  --semi-color-disabled-fill: rgba(var(--semi-grey-8),0.04);
209
217
  --semi-color-disabled-text: rgba(var(--semi-grey-9),0.35);
@@ -216,30 +224,36 @@ body[theme-mode="dark"], body .semi-always-dark, :host([theme-mode="dark"]), :ho
216
224
  --semi-color-primary-disabled: rgba(var(--semi-brand-2), 1);
217
225
  --semi-color-success-disabled: rgba(var(--semi-green-2), 1);
218
226
  --semi-color-tertiary-active: rgba(var(--semi-grey-7), 1);
227
+ --semi-color-warning-disabled: rgba(var(--semi-orange-2),1);
219
228
  --semi-color-secondary-hover: rgba(var(--semi-light-blue-6), 1);
220
229
  --semi-color-secondary-active: rgba(var(--semi-light-blue-7), 1);
221
- --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);
222
231
  --semi-color-info-light-active: rgba(var(--semi-blue-5),0.4);
223
232
  --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);
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);
233
244
  --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);
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);
238
251
  --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);
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);
243
257
  font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI','PingFang SC', 'Hiragino Sans GB', 'Microsoft YaHei', 'Helvetica Neue',Helvetica, Arial, sans-serif;
244
258
  -webkit-font-smoothing: antialiased;;
245
259
  --semi-shadow-elevated: 0px 0px 1px 0px rgba(0,0,0,0.30), 0px 4px 14px 0px rgba(0,0,0,0.10);