@semi-bot/semi-theme-commindlight 1.0.0 → 1.0.1

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 +61 -36
  4. package/scss/_palette.scss +23 -3
  5. package/scss/global.scss +36 -32
  6. package/semi.css +60 -35
  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-beta.0 or newer.
8
+ Compatible with Semi Foundation Version 2.90.0 or newer.
9
9
 
10
10
  ## Version Release Note
11
11
 
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@semi-bot/semi-theme-commindlight",
3
- "version": "1.0.0",
3
+ "version": "1.0.1",
4
4
  "description": "Semi theme generated by dsm. https://semi.design/dsm",
5
5
  "keywords": [
6
6
  "semi-theme",
package/raw.json CHANGED
@@ -153,6 +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
176
  "--semi-light-blue-0": "6,53,100",
157
177
  "--semi-light-blue-1": "12,76,136",
158
178
  "--semi-light-blue-2": "20,101,172",
@@ -337,9 +357,9 @@
337
357
  "--semi-Tangerine-7": "184,48,7",
338
358
  "--semi-Tangerine-8": "148,31,1",
339
359
  "--semi-Tangerine-9": "112,19,0",
340
- "--semi-blue-grey-0": "247,247,248",
341
- "--semi-blue-grey-1": "229,234,241",
342
- "--semi-blue-grey-2": "204,213,228",
360
+ "--semi-blue-grey-0": "247,248,250",
361
+ "--semi-blue-grey-1": "245,246,250",
362
+ "--semi-blue-grey-2": "240,242,250",
343
363
  "--semi-blue-grey-3": "181,193,214",
344
364
  "--semi-blue-grey-4": "159,173,201",
345
365
  "--semi-blue-grey-5": "138,154,187",
@@ -372,10 +392,10 @@
372
392
  "tokens": {
373
393
  "color": {
374
394
  "dark": {
375
- "bg/--semi-color-bg-0": "rgba(22, 22, 26, 1)",
395
+ "bg/--semi-color-bg-0": "rgba(22,22,26,1)",
376
396
  "bg/--semi-color-bg-1": "rgba(35, 36, 41, 1)",
377
- "bg/--semi-color-bg-2": "rgba(53, 54, 60, 1)",
378
- "bg/--semi-color-bg-3": "rgba(67, 68, 74, 1)",
397
+ "bg/--semi-color-bg-2": "rgba(185,196,216,0.15)",
398
+ "bg/--semi-color-bg-3": "rgba(67,68,74,1)",
379
399
  "bg/--semi-color-bg-4": "rgba(79, 81, 89, 1)",
380
400
  "info/--semi-color-info": "rgba(var(--semi-blue-5), 1)",
381
401
  "link/--semi-color-link": "rgba(var(--semi-blue-5), 1)",
@@ -391,14 +411,16 @@
391
411
  "data/--semi-color-data-7": "rgba(5, 119, 115, 1)",
392
412
  "data/--semi-color-data-8": "rgba(154, 207, 13, 1)",
393
413
  "data/--semi-color-data-9": "rgba(117, 29, 138, 1)",
394
- "fill/--semi-color-fill-0": "rgba(var(--semi-white), 0.05)",
395
- "fill/--semi-color-fill-1": "rgba(var(--semi-white), 0.09)",
396
- "fill/--semi-color-fill-2": "rgba(var(--semi-white), 0.13)",
414
+ "fill/--semi-color-fill-0": "rgba(var(--semi-white),0.05)",
415
+ "fill/--semi-color-fill-1": "rgba(var(--semi-white),0.09)",
416
+ "fill/--semi-color-fill-2": "rgba(var(--semi-white),0.13)",
417
+ "fill/--semi-color-fill-3": "rgba(var(--semi-Blue-grey-5),0.15)",
418
+ "fill/--semi-color-fill-4": "rgba(255,255,255,0.1)",
397
419
  "text/--semi-color-text-0": "rgba(var(--semi-grey-9), 1)",
398
- "text/--semi-color-text-1": "rgba(var(--semi-grey-9), 0.8)",
399
- "text/--semi-color-text-2": "rgba(var(--semi-grey-9), 0.6)",
400
- "text/--semi-color-text-3": "rgba(var(--semi-grey-9), 0.35)",
401
- "white/--semi-color-white": "rgba(228, 231, 245, 1)",
420
+ "text/--semi-color-text-1": "rgba(var(--semi-grey-9),0.6)",
421
+ "text/--semi-color-text-2": "rgba(var(--semi-grey-9),0.4)",
422
+ "text/--semi-color-text-3": "rgba(var(--semi-grey-9),0.4)",
423
+ "white/--semi-color-white": "rgba(228,231,245,1)",
402
424
  "data/--semi-color-data-10": "rgba(16, 162, 180, 1)",
403
425
  "data/--semi-color-data-11": "rgba(208, 110, 11, 1)",
404
426
  "data/--semi-color-data-12": "rgba(113, 66, 197, 1)",
@@ -409,10 +431,12 @@
409
431
  "data/--semi-color-data-17": "rgba(98, 138, 6, 1)",
410
432
  "data/--semi-color-data-18": "rgba(162, 48, 179, 1)",
411
433
  "data/--semi-color-data-19": "rgba(40, 51, 138, 1)",
412
- "border/--semi-color-border": "rgba(var(--semi-white), 0.08)",
434
+ "border/--semi-color-border": "rgba(var(--semi-white),0.4)",
413
435
  "danger/--semi-color-danger": "rgba(var(--semi-red-5), 1)",
414
- "shadow/--semi-color-shadow": "rgba(var(--semi-black), 0.04)",
415
- "default/--semi-color-default": "rgba(var(--semi-grey-0), 1)",
436
+ "shadow/--semi-color-shadow": "rgba(var(--semi-black),0.2)",
437
+ "border/--semi-color-border-1": "rgba(255,255,255,0.08)",
438
+ "border/--semi-color-border-2": "rgba(255,255,255,0.14)",
439
+ "default/--semi-color-default": "rgba(var(--semi-grey-0),1)",
416
440
  "info/--semi-color-info-hover": "rgba(var(--semi-blue-6), 1)",
417
441
  "link/--semi-color-link-hover": "rgba(var(--semi-blue-6), 1)",
418
442
  "primary/--semi-color-primary": "rgba(var(--semi-brand-5), 1)",
@@ -424,9 +448,9 @@
424
448
  "tertiary/--semi-color-tertiary": "rgba(var(--semi-grey-5), 1)",
425
449
  "focus/--semi-color-focus-border": "rgba(var(--semi-brand-5), 1)",
426
450
  "info/--semi-color-info-disabled": "rgba(var(--semi-blue-2), 1)",
427
- "overlay/--semi-color-overlay-bg": "rgba(22, 22, 26, 0.6)",
451
+ "overlay/--semi-color-overlay-bg": "rgba(22,22,26,0.6)",
428
452
  "danger/--semi-color-danger-hover": "rgba(var(--semi-red-6), 1)",
429
- "highlight/--semi-color-highlight": "rgba(var(--semi-white), 1)",
453
+ "highlight/--semi-color-highlight": "rgba(var(--semi-white),1)",
430
454
  "secondary/--semi-color-secondary": "rgba(var(--semi-light-blue-5), 1)",
431
455
  "danger/--semi-color-danger-active": "rgba(var(--semi-red-7), 1)",
432
456
  "disabled/--semi-color-disabled-bg": "rgba(var(--semi-grey-1), 1)",
@@ -435,8 +459,8 @@
435
459
  "success/--semi-color-success-hover": "rgba(var(--semi-green-6), 1)",
436
460
  "warning/--semi-color-warning-hover": "rgba(var(--semi-orange-6), 1)",
437
461
  "default/--semi-color-default-active": "rgba(var(--semi-grey-2), 1)",
438
- "disabled/--semi-color-disabled-fill": "rgba(var(--semi-grey-8), 0.04)",
439
- "disabled/--semi-color-disabled-text": "rgba(var(--semi-grey-9), 0.35)",
462
+ "disabled/--semi-color-disabled-fill": "rgba(var(--semi-grey-8),0.04)",
463
+ "disabled/--semi-color-disabled-text": "rgba(var(--semi-grey-9),0.35)",
440
464
  "highlight/--semi-color-highlight-bg": "rgba(var(--semi-yellow-2), 1)",
441
465
  "primary/--semi-color-primary-active": "rgba(var(--semi-brand-7), 1)",
442
466
  "success/--semi-color-success-active": "rgba(var(--semi-green-7), 1)",
@@ -449,11 +473,11 @@
449
473
  "secondary/--semi-color-secondary-hover": "rgba(var(--semi-light-blue-6), 1)",
450
474
  "secondary/--semi-color-secondary-active": "rgba(var(--semi-light-blue-7), 1)",
451
475
  "info-light/--semi-color-info-light-hover": "rgba(var(--semi-blue-5), 0.3)",
452
- "info-light/--semi-color-info-light-active": "rgba(var(--semi-blue-5), 0.4)",
476
+ "info-light/--semi-color-info-light-active": "rgba(var(--semi-blue-5),0.4)",
453
477
  "secondary/--semi-color-secondary-disabled": "rgba(var(--semi-light-blue-2), 1)",
454
- "info-light/--semi-color-info-light-default": "rgba(var(--semi-blue-5), 0.2)",
478
+ "info-light/--semi-color-info-light-default": "rgba(var(--semi-blue-5),0.2)",
455
479
  "danger-light/--semi-color-danger-light-hover": "rgba(var(--semi-red-5), 0.3)",
456
- "danger-light/--semi-color-danger-light-active": "rgba(var(--semi-red-5), 0.4)",
480
+ "danger-light/--semi-color-danger-light-active": "rgba(var(--semi-red-5),0.4)",
457
481
  "danger-light/--semi-color-danger-light-default": "rgba(var(--semi-red-5), 0.2)",
458
482
  "primary-light/--semi-color-primary-light-hover": "rgba(var(--semi-brand-5), 0.3)",
459
483
  "success-light/--semi-color-success-light-hover": "rgba(var(--semi-green-5), 0.3)",
@@ -465,7 +489,7 @@
465
489
  "success-light/--semi-color-success-light-default": "rgba(var(--semi-green-5), 0.2)",
466
490
  "tertiary-light/--semi-color-tertiary-light-hover": "rgba(var(--semi-grey-5), 0.3)",
467
491
  "warning-light/--semi-color-warning-light-default": "rgba(var(--semi-orange-5), 0.2)",
468
- "tertiary-light/--semi-color-tertiary-light-active": "rgba(var(--semi-grey-5), 0.4)",
492
+ "tertiary-light/--semi-color-tertiary-light-active": "rgba(var(--semi-grey-5),0.4)",
469
493
  "secondary-light/--semi-color-secondary-light-hover": "rgba(var(--semi-light-blue-5), 0.3)",
470
494
  "tertiary-light/--semi-color-tertiary-light-default": "rgba(var(--semi-grey-5), 0.2)",
471
495
  "secondary-light/--semi-color-secondary-light-active": "rgba(var(--semi-light-blue-5), 0.4)",
@@ -477,9 +501,9 @@
477
501
  "bg/--semi-color-bg-2": "rgba(var(--semi-white),1)",
478
502
  "bg/--semi-color-bg-3": "rgba(var(--semi-white), 1)",
479
503
  "bg/--semi-color-bg-4": "rgba(var(--semi-white), 1)",
480
- "bg/--semi-color-bg-5": "rgba(var(--semi-blue-grey-1),0.25)",
481
- "bg/--semi-color-bg-6": "rgba(var(--semi-blue-grey-1),0.35)",
482
- "info/--semi-color-info": "rgba(var(--semi-blue-5), 1)",
504
+ "bg/--semi-color-bg-5": "rgba(var(--semi-blue-grey-0),1)",
505
+ "bg/--semi-color-bg-6": "rgba(var(--semi-blue-grey-1),1)",
506
+ "info/--semi-color-info": "rgba(var(--semi-blue-5),1)",
483
507
  "link/--semi-color-link": "rgba(var(--semi-blue-5), 1)",
484
508
  "nav/--semi-color-nav-bg": "rgba(var(--semi-white), 1)",
485
509
  "black/--semi-color-black": "rgba(var(--semi-black), 1)",
@@ -497,7 +521,7 @@
497
521
  "fill/--semi-color-fill-1": "rgba(var(--semi-grey-8),0.09)",
498
522
  "fill/--semi-color-fill-2": "rgba(var(--semi-grey-8),0.13)",
499
523
  "fill/--semi-color-fill-3": "rgba(var(--semi-blue-grey-5),0.1)",
500
- "fill/--semi-color-fill-4": "rgba(var(--semi-blue-grey-1),0.25)",
524
+ "fill/--semi-color-fill-4": "rgba(var(--semi-blue-grey-0),1)",
501
525
  "text/--semi-color-text-0": "rgba(var(--semi-grey-9),1)",
502
526
  "text/--semi-color-text-1": "rgba(var(--semi-blue-grey-9),0.7)",
503
527
  "text/--semi-color-text-2": "rgba(var(--semi-blue-grey-5),1)",
@@ -518,7 +542,7 @@
518
542
  "shadow/--semi-color-shadow": "rgba(var(--semi-blue-grey-5),0.2)",
519
543
  "border/--semi-color-border-1": "rgba(var(--semi-blue-grey-5),0.1)",
520
544
  "border/--semi-color-border-2": "rgba(var(--semi-blue-grey-5),0.2)",
521
- "border/--semi-color-border-3": "rgba(var(--semi-blue-grey-1),0.55)",
545
+ "border/--semi-color-border-3": "rgba(var(--semi-blue-grey-2),1)",
522
546
  "default/--semi-color-default": "rgba(var(--semi-grey-0),1)",
523
547
  "info/--semi-color-info-hover": "rgba(var(--semi-blue-6), 1)",
524
548
  "link/--semi-color-link-hover": "rgba(var(--semi-blue-6), 1)",
@@ -533,9 +557,9 @@
533
557
  "tertiary/--semi-color-tertiary": "rgba(var(--semi-grey-5), 1)",
534
558
  "focus/--semi-color-focus-border": "rgba(var(--semi-brand-5), 1)",
535
559
  "info/--semi-color-info-disabled": "rgba(var(--semi-blue-2), 1)",
536
- "overlay/--semi-color-overlay-bg": "rgba(22, 22, 26, 0.6)",
560
+ "overlay/--semi-color-overlay-bg": "rgba(22,22,26,0.6)",
537
561
  "danger/--semi-color-danger-hover": "rgba(var(--semi-red-6), 1)",
538
- "highlight/--semi-color-highlight": "rgba(var(--semi-black), 1)",
562
+ "highlight/--semi-color-highlight": "rgba(var(--semi-black),1)",
539
563
  "secondary/--semi-color-secondary": "rgba(var(--semi-light-blue-5), 1)",
540
564
  "danger/--semi-color-danger-active": "rgba(var(--semi-red-7), 1)",
541
565
  "disabled/--semi-color-disabled-bg": "rgba(var(--semi-grey-1), 1)",
@@ -544,8 +568,8 @@
544
568
  "success/--semi-color-success-hover": "rgba(var(--semi-green-6), 1)",
545
569
  "warning/--semi-color-warning-hover": "rgba(var(--semi-orange-6), 1)",
546
570
  "default/--semi-color-default-active": "rgba(var(--semi-grey-2), 1)",
547
- "disabled/--semi-color-disabled-fill": "rgba(var(--semi-grey-8), 0.04)",
548
- "disabled/--semi-color-disabled-text": "rgba(var(--semi-grey-9), 0.35)",
571
+ "disabled/--semi-color-disabled-fill": "rgba(var(--semi-grey-8),0.04)",
572
+ "disabled/--semi-color-disabled-text": "rgba(var(--semi-grey-9),0.35)",
549
573
  "highlight/--semi-color-highlight-bg": "rgba(var(--semi-yellow-4), 1)",
550
574
  "primary/--semi-color-primary-active": "rgba(var(--semi-brand-7), 1)",
551
575
  "success/--semi-color-success-active": "rgba(var(--semi-green-7), 1)",
@@ -575,9 +599,9 @@
575
599
  "tertiary-light/--semi-color-tertiary-light-hover": "rgba(var(--semi-grey-5),0.2)",
576
600
  "warning-light/--semi-color-warning-light-default": "rgba(var(--semi-orange-5),0.1)",
577
601
  "tertiary-light/--semi-color-tertiary-light-active": "rgba(var(--semi-grey-5),0.4)",
578
- "secondary-light/--semi-color-secondary-light-hover": "rgba(var(--semi-blue-5),0.2)",
602
+ "secondary-light/--semi-color-secondary-light-hover": "rgba(var(--semi-light-blue-5),0.2)",
579
603
  "tertiary-light/--semi-color-tertiary-light-default": "rgba(var(--semi-grey-5),0.1)",
580
- "secondary-light/--semi-color-secondary-light-active": "rgba(var(--semi-blue-5),0.4)",
604
+ "secondary-light/--semi-color-secondary-light-active": "rgba(var(--semi-light-blue-5),0.4)",
581
605
  "secondary-light/--semi-color-secondary-light-default": "rgba(var(--semi-light-blue-5),0.1)"
582
606
  }
583
607
  },
@@ -770,7 +794,8 @@
770
794
  "purple": "#ae36b3",
771
795
  "violet": "#8146c9",
772
796
  "yellow": "#f2d32b",
773
- "Tangerine": "#ff5e19",
797
+ "Blue-grey": "#8a9abb",
798
+ "Tangerine": "#ff5E19",
774
799
  "blue-grey": "#8A9ABB",
775
800
  "light-blue": "#1993f0",
776
801
  "light-green": "#48c254"
package/scss/_palette.scss CHANGED
@@ -161,9 +161,9 @@ body, body[theme-mode="dark"] .semi-always-light, :host, :host .semi-always-ligh
161
161
  --semi-Tangerine-7: 184,48,7;
162
162
  --semi-Tangerine-8: 148,31,1;
163
163
  --semi-Tangerine-9: 112,19,0;
164
- --semi-blue-grey-0: 247,247,248;
165
- --semi-blue-grey-1: 229,234,241;
166
- --semi-blue-grey-2: 204,213,228;
164
+ --semi-blue-grey-0: 247,248,250;
165
+ --semi-blue-grey-1: 245,246,250;
166
+ --semi-blue-grey-2: 240,242,250;
167
167
  --semi-blue-grey-3: 181,193,214;
168
168
  --semi-blue-grey-4: 159,173,201;
169
169
  --semi-blue-grey-5: 138,154,187;
@@ -347,6 +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
370
  --semi-light-blue-0: 6,53,100;
351
371
  --semi-light-blue-1: 12,76,136;
352
372
  --semi-light-blue-2: 20,101,172;
package/scss/global.scss CHANGED
@@ -6,9 +6,9 @@ body, body[theme-mode="dark"] .semi-always-light, :host, :host .semi-always-ligh
6
6
  --semi-color-bg-2: rgba(var(--semi-white),1);
7
7
  --semi-color-bg-3: rgba(var(--semi-white), 1);
8
8
  --semi-color-bg-4: rgba(var(--semi-white), 1);
9
- --semi-color-bg-5: rgba(var(--semi-blue-grey-1),0.25);
10
- --semi-color-bg-6: rgba(var(--semi-blue-grey-1),0.35);
11
- --semi-color-info: rgba(var(--semi-blue-5), 1);
9
+ --semi-color-bg-5: rgba(var(--semi-blue-grey-0),1);
10
+ --semi-color-bg-6: rgba(var(--semi-blue-grey-1),1);
11
+ --semi-color-info: rgba(var(--semi-blue-5),1);
12
12
  --semi-color-link: rgba(var(--semi-blue-5), 1);
13
13
  --semi-color-nav-bg: rgba(var(--semi-white), 1);
14
14
  --semi-color-black: rgba(var(--semi-black), 1);
@@ -26,7 +26,7 @@ body, body[theme-mode="dark"] .semi-always-light, :host, :host .semi-always-ligh
26
26
  --semi-color-fill-1: rgba(var(--semi-grey-8),0.09);
27
27
  --semi-color-fill-2: rgba(var(--semi-grey-8),0.13);
28
28
  --semi-color-fill-3: rgba(var(--semi-blue-grey-5),0.1);
29
- --semi-color-fill-4: rgba(var(--semi-blue-grey-1),0.25);
29
+ --semi-color-fill-4: rgba(var(--semi-blue-grey-0),1);
30
30
  --semi-color-text-0: rgba(var(--semi-grey-9),1);
31
31
  --semi-color-text-1: rgba(var(--semi-blue-grey-9),0.7);
32
32
  --semi-color-text-2: rgba(var(--semi-blue-grey-5),1);
@@ -47,7 +47,7 @@ body, body[theme-mode="dark"] .semi-always-light, :host, :host .semi-always-ligh
47
47
  --semi-color-shadow: rgba(var(--semi-blue-grey-5),0.2);
48
48
  --semi-color-border-1: rgba(var(--semi-blue-grey-5),0.1);
49
49
  --semi-color-border-2: rgba(var(--semi-blue-grey-5),0.2);
50
- --semi-color-border-3: rgba(var(--semi-blue-grey-1),0.55);
50
+ --semi-color-border-3: rgba(var(--semi-blue-grey-2),1);
51
51
  --semi-color-default: rgba(var(--semi-grey-0),1);
52
52
  --semi-color-info-hover: rgba(var(--semi-blue-6), 1);
53
53
  --semi-color-link-hover: rgba(var(--semi-blue-6), 1);
@@ -62,9 +62,9 @@ body, body[theme-mode="dark"] .semi-always-light, :host, :host .semi-always-ligh
62
62
  --semi-color-tertiary: rgba(var(--semi-grey-5), 1);
63
63
  --semi-color-focus-border: rgba(var(--semi-brand-5), 1);
64
64
  --semi-color-info-disabled: rgba(var(--semi-blue-2), 1);
65
- --semi-color-overlay-bg: rgba(22, 22, 26, 0.6);
65
+ --semi-color-overlay-bg: rgba(22,22,26,0.6);
66
66
  --semi-color-danger-hover: rgba(var(--semi-red-6), 1);
67
- --semi-color-highlight: rgba(var(--semi-black), 1);
67
+ --semi-color-highlight: rgba(var(--semi-black),1);
68
68
  --semi-color-secondary: rgba(var(--semi-light-blue-5), 1);
69
69
  --semi-color-danger-active: rgba(var(--semi-red-7), 1);
70
70
  --semi-color-disabled-bg: rgba(var(--semi-grey-1), 1);
@@ -73,8 +73,8 @@ body, body[theme-mode="dark"] .semi-always-light, :host, :host .semi-always-ligh
73
73
  --semi-color-success-hover: rgba(var(--semi-green-6), 1);
74
74
  --semi-color-warning-hover: rgba(var(--semi-orange-6), 1);
75
75
  --semi-color-default-active: rgba(var(--semi-grey-2), 1);
76
- --semi-color-disabled-fill: rgba(var(--semi-grey-8), 0.04);
77
- --semi-color-disabled-text: rgba(var(--semi-grey-9), 0.35);
76
+ --semi-color-disabled-fill: rgba(var(--semi-grey-8),0.04);
77
+ --semi-color-disabled-text: rgba(var(--semi-grey-9),0.35);
78
78
  --semi-color-highlight-bg: rgba(var(--semi-yellow-4), 1);
79
79
  --semi-color-primary-active: rgba(var(--semi-brand-7), 1);
80
80
  --semi-color-success-active: rgba(var(--semi-green-7), 1);
@@ -104,9 +104,9 @@ body, body[theme-mode="dark"] .semi-always-light, :host, :host .semi-always-ligh
104
104
  --semi-color-tertiary-light-hover: rgba(var(--semi-grey-5),0.2);
105
105
  --semi-color-warning-light-default: rgba(var(--semi-orange-5),0.1);
106
106
  --semi-color-tertiary-light-active: rgba(var(--semi-grey-5),0.4);
107
- --semi-color-secondary-light-hover: rgba(var(--semi-blue-5),0.2);
107
+ --semi-color-secondary-light-hover: rgba(var(--semi-light-blue-5),0.2);
108
108
  --semi-color-tertiary-light-default: rgba(var(--semi-grey-5),0.1);
109
- --semi-color-secondary-light-active: rgba(var(--semi-blue-5),0.4);
109
+ --semi-color-secondary-light-active: rgba(var(--semi-light-blue-5),0.4);
110
110
  --semi-color-secondary-light-default: rgba(var(--semi-light-blue-5),0.1);
111
111
  font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI','PingFang SC', 'Hiragino Sans GB', 'Microsoft YaHei', 'Helvetica Neue',Helvetica, Arial, sans-serif;
112
112
  -webkit-font-smoothing: antialiased;;
@@ -127,10 +127,10 @@ font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI','PingFang SC
127
127
 
128
128
  }
129
129
  body[theme-mode="dark"], body .semi-always-dark, :host([theme-mode="dark"]), :host .semi-always-dark {
130
- --semi-color-bg-0: rgba(22, 22, 26, 1);
130
+ --semi-color-bg-0: rgba(22,22,26,1);
131
131
  --semi-color-bg-1: rgba(35, 36, 41, 1);
132
- --semi-color-bg-2: rgba(53, 54, 60, 1);
133
- --semi-color-bg-3: rgba(67, 68, 74, 1);
132
+ --semi-color-bg-2: rgba(185,196,216,0.15);
133
+ --semi-color-bg-3: rgba(67,68,74,1);
134
134
  --semi-color-bg-4: rgba(79, 81, 89, 1);
135
135
  --semi-color-info: rgba(var(--semi-blue-5), 1);
136
136
  --semi-color-link: rgba(var(--semi-blue-5), 1);
@@ -146,14 +146,16 @@ body[theme-mode="dark"], body .semi-always-dark, :host([theme-mode="dark"]), :ho
146
146
  --semi-color-data-7: rgba(5, 119, 115, 1);
147
147
  --semi-color-data-8: rgba(154, 207, 13, 1);
148
148
  --semi-color-data-9: rgba(117, 29, 138, 1);
149
- --semi-color-fill-0: rgba(var(--semi-white), 0.05);
150
- --semi-color-fill-1: rgba(var(--semi-white), 0.09);
151
- --semi-color-fill-2: rgba(var(--semi-white), 0.13);
149
+ --semi-color-fill-0: rgba(var(--semi-white),0.05);
150
+ --semi-color-fill-1: rgba(var(--semi-white),0.09);
151
+ --semi-color-fill-2: rgba(var(--semi-white),0.13);
152
+ --semi-color-fill-3: rgba(var(--semi-Blue-grey-5),0.15);
153
+ --semi-color-fill-4: rgba(255,255,255,0.1);
152
154
  --semi-color-text-0: rgba(var(--semi-grey-9), 1);
153
- --semi-color-text-1: rgba(var(--semi-grey-9), 0.8);
154
- --semi-color-text-2: rgba(var(--semi-grey-9), 0.6);
155
- --semi-color-text-3: rgba(var(--semi-grey-9), 0.35);
156
- --semi-color-white: rgba(228, 231, 245, 1);
155
+ --semi-color-text-1: rgba(var(--semi-grey-9),0.6);
156
+ --semi-color-text-2: rgba(var(--semi-grey-9),0.4);
157
+ --semi-color-text-3: rgba(var(--semi-grey-9),0.4);
158
+ --semi-color-white: rgba(228,231,245,1);
157
159
  --semi-color-data-10: rgba(16, 162, 180, 1);
158
160
  --semi-color-data-11: rgba(208, 110, 11, 1);
159
161
  --semi-color-data-12: rgba(113, 66, 197, 1);
@@ -164,10 +166,12 @@ body[theme-mode="dark"], body .semi-always-dark, :host([theme-mode="dark"]), :ho
164
166
  --semi-color-data-17: rgba(98, 138, 6, 1);
165
167
  --semi-color-data-18: rgba(162, 48, 179, 1);
166
168
  --semi-color-data-19: rgba(40, 51, 138, 1);
167
- --semi-color-border: rgba(var(--semi-white), 0.08);
169
+ --semi-color-border: rgba(var(--semi-white),0.4);
168
170
  --semi-color-danger: rgba(var(--semi-red-5), 1);
169
- --semi-color-shadow: rgba(var(--semi-black), 0.04);
170
- --semi-color-default: rgba(var(--semi-grey-0), 1);
171
+ --semi-color-shadow: rgba(var(--semi-black),0.2);
172
+ --semi-color-border-1: rgba(255,255,255,0.08);
173
+ --semi-color-border-2: rgba(255,255,255,0.14);
174
+ --semi-color-default: rgba(var(--semi-grey-0),1);
171
175
  --semi-color-info-hover: rgba(var(--semi-blue-6), 1);
172
176
  --semi-color-link-hover: rgba(var(--semi-blue-6), 1);
173
177
  --semi-color-primary: rgba(var(--semi-brand-5), 1);
@@ -179,9 +183,9 @@ body[theme-mode="dark"], body .semi-always-dark, :host([theme-mode="dark"]), :ho
179
183
  --semi-color-tertiary: rgba(var(--semi-grey-5), 1);
180
184
  --semi-color-focus-border: rgba(var(--semi-brand-5), 1);
181
185
  --semi-color-info-disabled: rgba(var(--semi-blue-2), 1);
182
- --semi-color-overlay-bg: rgba(22, 22, 26, 0.6);
186
+ --semi-color-overlay-bg: rgba(22,22,26,0.6);
183
187
  --semi-color-danger-hover: rgba(var(--semi-red-6), 1);
184
- --semi-color-highlight: rgba(var(--semi-white), 1);
188
+ --semi-color-highlight: rgba(var(--semi-white),1);
185
189
  --semi-color-secondary: rgba(var(--semi-light-blue-5), 1);
186
190
  --semi-color-danger-active: rgba(var(--semi-red-7), 1);
187
191
  --semi-color-disabled-bg: rgba(var(--semi-grey-1), 1);
@@ -190,8 +194,8 @@ body[theme-mode="dark"], body .semi-always-dark, :host([theme-mode="dark"]), :ho
190
194
  --semi-color-success-hover: rgba(var(--semi-green-6), 1);
191
195
  --semi-color-warning-hover: rgba(var(--semi-orange-6), 1);
192
196
  --semi-color-default-active: rgba(var(--semi-grey-2), 1);
193
- --semi-color-disabled-fill: rgba(var(--semi-grey-8), 0.04);
194
- --semi-color-disabled-text: rgba(var(--semi-grey-9), 0.35);
197
+ --semi-color-disabled-fill: rgba(var(--semi-grey-8),0.04);
198
+ --semi-color-disabled-text: rgba(var(--semi-grey-9),0.35);
195
199
  --semi-color-highlight-bg: rgba(var(--semi-yellow-2), 1);
196
200
  --semi-color-primary-active: rgba(var(--semi-brand-7), 1);
197
201
  --semi-color-success-active: rgba(var(--semi-green-7), 1);
@@ -204,11 +208,11 @@ body[theme-mode="dark"], body .semi-always-dark, :host([theme-mode="dark"]), :ho
204
208
  --semi-color-secondary-hover: rgba(var(--semi-light-blue-6), 1);
205
209
  --semi-color-secondary-active: rgba(var(--semi-light-blue-7), 1);
206
210
  --semi-color-info-light-hover: rgba(var(--semi-blue-5), 0.3);
207
- --semi-color-info-light-active: rgba(var(--semi-blue-5), 0.4);
211
+ --semi-color-info-light-active: rgba(var(--semi-blue-5),0.4);
208
212
  --semi-color-secondary-disabled: rgba(var(--semi-light-blue-2), 1);
209
- --semi-color-info-light-default: rgba(var(--semi-blue-5), 0.2);
213
+ --semi-color-info-light-default: rgba(var(--semi-blue-5),0.2);
210
214
  --semi-color-danger-light-hover: rgba(var(--semi-red-5), 0.3);
211
- --semi-color-danger-light-active: rgba(var(--semi-red-5), 0.4);
215
+ --semi-color-danger-light-active: rgba(var(--semi-red-5),0.4);
212
216
  --semi-color-danger-light-default: rgba(var(--semi-red-5), 0.2);
213
217
  --semi-color-primary-light-hover: rgba(var(--semi-brand-5), 0.3);
214
218
  --semi-color-success-light-hover: rgba(var(--semi-green-5), 0.3);
@@ -220,7 +224,7 @@ body[theme-mode="dark"], body .semi-always-dark, :host([theme-mode="dark"]), :ho
220
224
  --semi-color-success-light-default: rgba(var(--semi-green-5), 0.2);
221
225
  --semi-color-tertiary-light-hover: rgba(var(--semi-grey-5), 0.3);
222
226
  --semi-color-warning-light-default: rgba(var(--semi-orange-5), 0.2);
223
- --semi-color-tertiary-light-active: rgba(var(--semi-grey-5), 0.4);
227
+ --semi-color-tertiary-light-active: rgba(var(--semi-grey-5),0.4);
224
228
  --semi-color-secondary-light-hover: rgba(var(--semi-light-blue-5), 0.3);
225
229
  --semi-color-tertiary-light-default: rgba(var(--semi-grey-5), 0.2);
226
230
  --semi-color-secondary-light-active: rgba(var(--semi-light-blue-5), 0.4);