@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/semi.css CHANGED
@@ -163,9 +163,9 @@ body, body[theme-mode=dark] .semi-always-light, :host, :host .semi-always-light
163
163
  --semi-Tangerine-7: 184,48,7;
164
164
  --semi-Tangerine-8: 148,31,1;
165
165
  --semi-Tangerine-9: 112,19,0;
166
- --semi-blue-grey-0: 247,247,248;
167
- --semi-blue-grey-1: 229,234,241;
168
- --semi-blue-grey-2: 204,213,228;
166
+ --semi-blue-grey-0: 247,248,250;
167
+ --semi-blue-grey-1: 245,246,250;
168
+ --semi-blue-grey-2: 240,242,250;
169
169
  --semi-blue-grey-3: 181,193,214;
170
170
  --semi-blue-grey-4: 159,173,201;
171
171
  --semi-blue-grey-5: 138,154,187;
@@ -348,6 +348,26 @@ body[theme-mode=dark], body .semi-always-dark, :host([theme-mode=dark]), :host .
348
348
  --semi-yellow-7: 250,245,168;
349
349
  --semi-yellow-8: 252,251,211;
350
350
  --semi-yellow-9: 254,254,238;
351
+ --semi-Blue-grey-0: 69,79,108;
352
+ --semi-Blue-grey-1: 86,98,129;
353
+ --semi-Blue-grey-2: 104,117,149;
354
+ --semi-Blue-grey-3: 123,138,170;
355
+ --semi-Blue-grey-4: 138,154,187;
356
+ --semi-Blue-grey-5: 164,177,203;
357
+ --semi-Blue-grey-6: 185,196,216;
358
+ --semi-Blue-grey-7: 207,215,229;
359
+ --semi-Blue-grey-8: 230,235,242;
360
+ --semi-Blue-grey-9: 247,248,249;
361
+ --semi-Tangerine-0: 112,23,5;
362
+ --semi-Tangerine-1: 148,39,12;
363
+ --semi-Tangerine-2: 184,58,20;
364
+ --semi-Tangerine-3: 219,81,30;
365
+ --semi-Tangerine-4: 255,94,25;
366
+ --semi-Tangerine-5: 255,142,85;
367
+ --semi-Tangerine-6: 255,175,128;
368
+ --semi-Tangerine-7: 255,204,170;
369
+ --semi-Tangerine-8: 255,231,213;
370
+ --semi-Tangerine-9: 255,246,239;
351
371
  --semi-light-blue-0: 6,53,100;
352
372
  --semi-light-blue-1: 12,76,136;
353
373
  --semi-light-blue-2: 20,101,172;
@@ -376,9 +396,9 @@ body, body[theme-mode=dark] .semi-always-light, :host, :host .semi-always-light
376
396
  --semi-color-bg-2: rgba(var(--semi-white),1);
377
397
  --semi-color-bg-3: rgba(var(--semi-white), 1);
378
398
  --semi-color-bg-4: rgba(var(--semi-white), 1);
379
- --semi-color-bg-5: rgba(var(--semi-blue-grey-1),0.25);
380
- --semi-color-bg-6: rgba(var(--semi-blue-grey-1),0.35);
381
- --semi-color-info: rgba(var(--semi-blue-5), 1);
399
+ --semi-color-bg-5: rgba(var(--semi-blue-grey-0),1);
400
+ --semi-color-bg-6: rgba(var(--semi-blue-grey-1),1);
401
+ --semi-color-info: rgba(var(--semi-blue-5),1);
382
402
  --semi-color-link: rgba(var(--semi-blue-5), 1);
383
403
  --semi-color-nav-bg: rgba(var(--semi-white), 1);
384
404
  --semi-color-black: rgba(var(--semi-black), 1);
@@ -396,7 +416,7 @@ body, body[theme-mode=dark] .semi-always-light, :host, :host .semi-always-light
396
416
  --semi-color-fill-1: rgba(var(--semi-grey-8),0.09);
397
417
  --semi-color-fill-2: rgba(var(--semi-grey-8),0.13);
398
418
  --semi-color-fill-3: rgba(var(--semi-blue-grey-5),0.1);
399
- --semi-color-fill-4: rgba(var(--semi-blue-grey-1),0.25);
419
+ --semi-color-fill-4: rgba(var(--semi-blue-grey-0),1);
400
420
  --semi-color-text-0: rgba(var(--semi-grey-9),1);
401
421
  --semi-color-text-1: rgba(var(--semi-blue-grey-9),0.7);
402
422
  --semi-color-text-2: rgba(var(--semi-blue-grey-5),1);
@@ -417,7 +437,7 @@ body, body[theme-mode=dark] .semi-always-light, :host, :host .semi-always-light
417
437
  --semi-color-shadow: rgba(var(--semi-blue-grey-5),0.2);
418
438
  --semi-color-border-1: rgba(var(--semi-blue-grey-5),0.1);
419
439
  --semi-color-border-2: rgba(var(--semi-blue-grey-5),0.2);
420
- --semi-color-border-3: rgba(var(--semi-blue-grey-1),0.55);
440
+ --semi-color-border-3: rgba(var(--semi-blue-grey-2),1);
421
441
  --semi-color-default: rgba(var(--semi-grey-0),1);
422
442
  --semi-color-info-hover: rgba(var(--semi-blue-6), 1);
423
443
  --semi-color-link-hover: rgba(var(--semi-blue-6), 1);
@@ -432,9 +452,9 @@ body, body[theme-mode=dark] .semi-always-light, :host, :host .semi-always-light
432
452
  --semi-color-tertiary: rgba(var(--semi-grey-5), 1);
433
453
  --semi-color-focus-border: rgba(var(--semi-brand-5), 1);
434
454
  --semi-color-info-disabled: rgba(var(--semi-blue-2), 1);
435
- --semi-color-overlay-bg: rgba(22, 22, 26, 0.6);
455
+ --semi-color-overlay-bg: rgba(22,22,26,0.6);
436
456
  --semi-color-danger-hover: rgba(var(--semi-red-6), 1);
437
- --semi-color-highlight: rgba(var(--semi-black), 1);
457
+ --semi-color-highlight: rgba(var(--semi-black),1);
438
458
  --semi-color-secondary: rgba(var(--semi-light-blue-5), 1);
439
459
  --semi-color-danger-active: rgba(var(--semi-red-7), 1);
440
460
  --semi-color-disabled-bg: rgba(var(--semi-grey-1), 1);
@@ -443,8 +463,8 @@ body, body[theme-mode=dark] .semi-always-light, :host, :host .semi-always-light
443
463
  --semi-color-success-hover: rgba(var(--semi-green-6), 1);
444
464
  --semi-color-warning-hover: rgba(var(--semi-orange-6), 1);
445
465
  --semi-color-default-active: rgba(var(--semi-grey-2), 1);
446
- --semi-color-disabled-fill: rgba(var(--semi-grey-8), 0.04);
447
- --semi-color-disabled-text: rgba(var(--semi-grey-9), 0.35);
466
+ --semi-color-disabled-fill: rgba(var(--semi-grey-8),0.04);
467
+ --semi-color-disabled-text: rgba(var(--semi-grey-9),0.35);
448
468
  --semi-color-highlight-bg: rgba(var(--semi-yellow-4), 1);
449
469
  --semi-color-primary-active: rgba(var(--semi-brand-7), 1);
450
470
  --semi-color-success-active: rgba(var(--semi-green-7), 1);
@@ -474,9 +494,9 @@ body, body[theme-mode=dark] .semi-always-light, :host, :host .semi-always-light
474
494
  --semi-color-tertiary-light-hover: rgba(var(--semi-grey-5),0.2);
475
495
  --semi-color-warning-light-default: rgba(var(--semi-orange-5),0.1);
476
496
  --semi-color-tertiary-light-active: rgba(var(--semi-grey-5),0.4);
477
- --semi-color-secondary-light-hover: rgba(var(--semi-blue-5),0.2);
497
+ --semi-color-secondary-light-hover: rgba(var(--semi-light-blue-5),0.2);
478
498
  --semi-color-tertiary-light-default: rgba(var(--semi-grey-5),0.1);
479
- --semi-color-secondary-light-active: rgba(var(--semi-blue-5),0.4);
499
+ --semi-color-secondary-light-active: rgba(var(--semi-light-blue-5),0.4);
480
500
  --semi-color-secondary-light-default: rgba(var(--semi-light-blue-5),0.1);
481
501
  font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "Helvetica Neue", Helvetica, Arial, sans-serif;
482
502
  -webkit-font-smoothing: antialiased;
@@ -496,10 +516,10 @@ body, body[theme-mode=dark] .semi-always-light, :host, :host .semi-always-light
496
516
  }
497
517
 
498
518
  body[theme-mode=dark], body .semi-always-dark, :host([theme-mode=dark]), :host .semi-always-dark {
499
- --semi-color-bg-0: rgba(22, 22, 26, 1);
519
+ --semi-color-bg-0: rgba(22,22,26,1);
500
520
  --semi-color-bg-1: rgba(35, 36, 41, 1);
501
- --semi-color-bg-2: rgba(53, 54, 60, 1);
502
- --semi-color-bg-3: rgba(67, 68, 74, 1);
521
+ --semi-color-bg-2: rgba(185,196,216,0.15);
522
+ --semi-color-bg-3: rgba(67,68,74,1);
503
523
  --semi-color-bg-4: rgba(79, 81, 89, 1);
504
524
  --semi-color-info: rgba(var(--semi-blue-5), 1);
505
525
  --semi-color-link: rgba(var(--semi-blue-5), 1);
@@ -515,14 +535,16 @@ body[theme-mode=dark], body .semi-always-dark, :host([theme-mode=dark]), :host .
515
535
  --semi-color-data-7: rgba(5, 119, 115, 1);
516
536
  --semi-color-data-8: rgba(154, 207, 13, 1);
517
537
  --semi-color-data-9: rgba(117, 29, 138, 1);
518
- --semi-color-fill-0: rgba(var(--semi-white), 0.05);
519
- --semi-color-fill-1: rgba(var(--semi-white), 0.09);
520
- --semi-color-fill-2: rgba(var(--semi-white), 0.13);
538
+ --semi-color-fill-0: rgba(var(--semi-white),0.05);
539
+ --semi-color-fill-1: rgba(var(--semi-white),0.09);
540
+ --semi-color-fill-2: rgba(var(--semi-white),0.13);
541
+ --semi-color-fill-3: rgba(var(--semi-Blue-grey-5),0.15);
542
+ --semi-color-fill-4: rgba(255,255,255,0.1);
521
543
  --semi-color-text-0: rgba(var(--semi-grey-9), 1);
522
- --semi-color-text-1: rgba(var(--semi-grey-9), 0.8);
523
- --semi-color-text-2: rgba(var(--semi-grey-9), 0.6);
524
- --semi-color-text-3: rgba(var(--semi-grey-9), 0.35);
525
- --semi-color-white: rgba(228, 231, 245, 1);
544
+ --semi-color-text-1: rgba(var(--semi-grey-9),0.6);
545
+ --semi-color-text-2: rgba(var(--semi-grey-9),0.4);
546
+ --semi-color-text-3: rgba(var(--semi-grey-9),0.4);
547
+ --semi-color-white: rgba(228,231,245,1);
526
548
  --semi-color-data-10: rgba(16, 162, 180, 1);
527
549
  --semi-color-data-11: rgba(208, 110, 11, 1);
528
550
  --semi-color-data-12: rgba(113, 66, 197, 1);
@@ -533,10 +555,12 @@ body[theme-mode=dark], body .semi-always-dark, :host([theme-mode=dark]), :host .
533
555
  --semi-color-data-17: rgba(98, 138, 6, 1);
534
556
  --semi-color-data-18: rgba(162, 48, 179, 1);
535
557
  --semi-color-data-19: rgba(40, 51, 138, 1);
536
- --semi-color-border: rgba(var(--semi-white), 0.08);
558
+ --semi-color-border: rgba(var(--semi-white),0.4);
537
559
  --semi-color-danger: rgba(var(--semi-red-5), 1);
538
- --semi-color-shadow: rgba(var(--semi-black), 0.04);
539
- --semi-color-default: rgba(var(--semi-grey-0), 1);
560
+ --semi-color-shadow: rgba(var(--semi-black),0.2);
561
+ --semi-color-border-1: rgba(255,255,255,0.08);
562
+ --semi-color-border-2: rgba(255,255,255,0.14);
563
+ --semi-color-default: rgba(var(--semi-grey-0),1);
540
564
  --semi-color-info-hover: rgba(var(--semi-blue-6), 1);
541
565
  --semi-color-link-hover: rgba(var(--semi-blue-6), 1);
542
566
  --semi-color-primary: rgba(var(--semi-brand-5), 1);
@@ -548,9 +572,9 @@ body[theme-mode=dark], body .semi-always-dark, :host([theme-mode=dark]), :host .
548
572
  --semi-color-tertiary: rgba(var(--semi-grey-5), 1);
549
573
  --semi-color-focus-border: rgba(var(--semi-brand-5), 1);
550
574
  --semi-color-info-disabled: rgba(var(--semi-blue-2), 1);
551
- --semi-color-overlay-bg: rgba(22, 22, 26, 0.6);
575
+ --semi-color-overlay-bg: rgba(22,22,26,0.6);
552
576
  --semi-color-danger-hover: rgba(var(--semi-red-6), 1);
553
- --semi-color-highlight: rgba(var(--semi-white), 1);
577
+ --semi-color-highlight: rgba(var(--semi-white),1);
554
578
  --semi-color-secondary: rgba(var(--semi-light-blue-5), 1);
555
579
  --semi-color-danger-active: rgba(var(--semi-red-7), 1);
556
580
  --semi-color-disabled-bg: rgba(var(--semi-grey-1), 1);
@@ -559,8 +583,8 @@ body[theme-mode=dark], body .semi-always-dark, :host([theme-mode=dark]), :host .
559
583
  --semi-color-success-hover: rgba(var(--semi-green-6), 1);
560
584
  --semi-color-warning-hover: rgba(var(--semi-orange-6), 1);
561
585
  --semi-color-default-active: rgba(var(--semi-grey-2), 1);
562
- --semi-color-disabled-fill: rgba(var(--semi-grey-8), 0.04);
563
- --semi-color-disabled-text: rgba(var(--semi-grey-9), 0.35);
586
+ --semi-color-disabled-fill: rgba(var(--semi-grey-8),0.04);
587
+ --semi-color-disabled-text: rgba(var(--semi-grey-9),0.35);
564
588
  --semi-color-highlight-bg: rgba(var(--semi-yellow-2), 1);
565
589
  --semi-color-primary-active: rgba(var(--semi-brand-7), 1);
566
590
  --semi-color-success-active: rgba(var(--semi-green-7), 1);
@@ -573,11 +597,11 @@ body[theme-mode=dark], body .semi-always-dark, :host([theme-mode=dark]), :host .
573
597
  --semi-color-secondary-hover: rgba(var(--semi-light-blue-6), 1);
574
598
  --semi-color-secondary-active: rgba(var(--semi-light-blue-7), 1);
575
599
  --semi-color-info-light-hover: rgba(var(--semi-blue-5), 0.3);
576
- --semi-color-info-light-active: rgba(var(--semi-blue-5), 0.4);
600
+ --semi-color-info-light-active: rgba(var(--semi-blue-5),0.4);
577
601
  --semi-color-secondary-disabled: rgba(var(--semi-light-blue-2), 1);
578
- --semi-color-info-light-default: rgba(var(--semi-blue-5), 0.2);
602
+ --semi-color-info-light-default: rgba(var(--semi-blue-5),0.2);
579
603
  --semi-color-danger-light-hover: rgba(var(--semi-red-5), 0.3);
580
- --semi-color-danger-light-active: rgba(var(--semi-red-5), 0.4);
604
+ --semi-color-danger-light-active: rgba(var(--semi-red-5),0.4);
581
605
  --semi-color-danger-light-default: rgba(var(--semi-red-5), 0.2);
582
606
  --semi-color-primary-light-hover: rgba(var(--semi-brand-5), 0.3);
583
607
  --semi-color-success-light-hover: rgba(var(--semi-green-5), 0.3);
@@ -589,7 +613,7 @@ body[theme-mode=dark], body .semi-always-dark, :host([theme-mode=dark]), :host .
589
613
  --semi-color-success-light-default: rgba(var(--semi-green-5), 0.2);
590
614
  --semi-color-tertiary-light-hover: rgba(var(--semi-grey-5), 0.3);
591
615
  --semi-color-warning-light-default: rgba(var(--semi-orange-5), 0.2);
592
- --semi-color-tertiary-light-active: rgba(var(--semi-grey-5), 0.4);
616
+ --semi-color-tertiary-light-active: rgba(var(--semi-grey-5),0.4);
593
617
  --semi-color-secondary-light-hover: rgba(var(--semi-light-blue-5), 0.3);
594
618
  --semi-color-tertiary-light-default: rgba(var(--semi-grey-5), 0.2);
595
619
  --semi-color-secondary-light-active: rgba(var(--semi-light-blue-5), 0.4);
@@ -1719,6 +1743,7 @@ body, :host {
1719
1743
  }
1720
1744
  .semi-aiChatInput-editor-content .tiptap .input-slot {
1721
1745
  display: inline-block;
1746
+ box-sizing: content-box;
1722
1747
  background-color: var(--semi-color-primary-light-default);
1723
1748
  border-radius: 4px;
1724
1749
  padding: 2px 4px;