@semi-bot/semi-theme-fn-music 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.
- package/README.md +1 -1
- package/package.json +1 -1
- package/raw.json +133 -28
- package/scss/_font.scss +8 -8
- package/scss/global.scss +102 -23
- package/scss/local.scss +7 -0
- package/scss/variables.scss +1 -1
- package/semi.css +422 -221
- package/semi.min.css +1 -1
package/README.md
CHANGED
package/package.json
CHANGED
package/raw.json
CHANGED
|
@@ -357,9 +357,11 @@
|
|
|
357
357
|
"bg/--semi-color-bg-2": "rgba(53, 54, 60, 1)",
|
|
358
358
|
"bg/--semi-color-bg-3": "rgba(67, 68, 74, 1)",
|
|
359
359
|
"bg/--semi-color-bg-4": "rgba(79, 81, 89, 1)",
|
|
360
|
+
"tag/--semi-color-tag": "rgba(255,255,255,0.08)",
|
|
360
361
|
"info/--semi-color-info": "rgba(var(--semi-blue-5), 1)",
|
|
361
362
|
"link/--semi-color-link": "rgba(var(--semi-blue-5), 1)",
|
|
362
|
-
"nav/--semi-color-nav-bg": "rgba(
|
|
363
|
+
"nav/--semi-color-nav-bg": "rgba(255,255,255,0)",
|
|
364
|
+
"pop/--semi-color-pop-bg": "rgba(18,18,20,0.7)",
|
|
363
365
|
"black/--semi-color-black": "rgba(var(--semi-black), 1)",
|
|
364
366
|
"data/--semi-color-data-0": "rgba(94, 109, 194, 1)",
|
|
365
367
|
"data/--semi-color-data-1": "rgba(8, 104, 120, 1)",
|
|
@@ -378,7 +380,7 @@
|
|
|
378
380
|
"text/--semi-color-text-1": "rgba(255,255,255,0.8)",
|
|
379
381
|
"text/--semi-color-text-2": "rgba(255,255,255,0.6)",
|
|
380
382
|
"text/--semi-color-text-3": "rgba(255,255,255,0.35)",
|
|
381
|
-
"white/--semi-color-white": "rgba(
|
|
383
|
+
"white/--semi-color-white": "rgba(255,255,255,1)",
|
|
382
384
|
"data/--semi-color-data-10": "rgba(16, 162, 180, 1)",
|
|
383
385
|
"data/--semi-color-data-11": "rgba(208, 110, 11, 1)",
|
|
384
386
|
"data/--semi-color-data-12": "rgba(113, 66, 197, 1)",
|
|
@@ -389,70 +391,111 @@
|
|
|
389
391
|
"data/--semi-color-data-17": "rgba(98, 138, 6, 1)",
|
|
390
392
|
"data/--semi-color-data-18": "rgba(162, 48, 179, 1)",
|
|
391
393
|
"data/--semi-color-data-19": "rgba(40, 51, 138, 1)",
|
|
394
|
+
"pop/--semi-color-pop-mask": "rgba(0,0,0,0.8)",
|
|
392
395
|
"border/--semi-color-border": "rgba(var(--semi-white), 0.08)",
|
|
393
396
|
"danger/--semi-color-danger": "rgba(var(--semi-red-5), 1)",
|
|
397
|
+
"nav/--semi-color-nav-hover": "rgba(255,255,255,0.08)",
|
|
394
398
|
"shadow/--semi-color-shadow": "rgba(var(--semi-black), 0.04)",
|
|
399
|
+
"tag/--semi-color-tag-hover": "rgba(255,255,255,0.12)",
|
|
400
|
+
"white/--semi-color-white-1": "rgba(255,255,255,0.1)",
|
|
401
|
+
"white/--semi-color-white-2": "rgba(255,255,255,0.2)",
|
|
402
|
+
"white/--semi-color-white-5": "rgba(255,255,255,0.5)",
|
|
403
|
+
"white/--semi-color-white-6": "rgba(255,255,255,0.6)",
|
|
404
|
+
"white/--semi-color-white-8": "rgba(255,255,255,0.8)",
|
|
405
|
+
"modal/--semi-color-modal-bg": "rgba(18,18,20,0.68)",
|
|
406
|
+
"nav/--semi-color-nav-active": "rgba(255,255,255,0.08)",
|
|
407
|
+
"pop/--semi-color-pop-border": "rgba(255,255,255,0.2)",
|
|
408
|
+
"tag/--semi-color-tag-active": "rgba(255,255,255,0.12)",
|
|
395
409
|
"default/--semi-color-default": "rgba(var(--semi-grey-0), 1)",
|
|
396
410
|
"info/--semi-color-info-hover": "rgba(var(--semi-blue-6), 1)",
|
|
397
411
|
"link/--semi-color-link-hover": "rgba(var(--semi-blue-6), 1)",
|
|
398
|
-
"primary/--semi-color-primary": "rgba(var(--semi-brand-
|
|
412
|
+
"primary/--semi-color-primary": "rgba(var(--semi-brand-4),1)",
|
|
399
413
|
"success/--semi-color-success": "rgba(var(--semi-green-5), 1)",
|
|
400
414
|
"warning/--semi-color-warning": "rgba(var(--semi-orange-5), 1)",
|
|
401
415
|
"info/--semi-color-info-active": "rgba(var(--semi-blue-7), 1)",
|
|
402
416
|
"link/--semi-color-link-active": "rgba(var(--semi-blue-7), 1)",
|
|
417
|
+
"tag/--semi-color-tag-disabled": "rgba(255,255,255,0.04)",
|
|
403
418
|
"divider/--semi-color-divider-0": "rgba(255,255,255,0.16)",
|
|
404
419
|
"divider/--semi-color-divider-1": "rgba(255,255,255,0.12)",
|
|
405
420
|
"divider/--semi-color-divider-2": "rgba(255,255,255,0.08)",
|
|
421
|
+
"input/--semi-color-input-hover": "rgba(255,255,255,0.12)",
|
|
406
422
|
"link/--semi-color-link-visited": "rgba(var(--semi-blue-5), 1)",
|
|
407
423
|
"tertiary/--semi-color-tertiary": "rgba(255,255,255,0.08)",
|
|
408
424
|
"focus/--semi-color-focus-border": "rgba(var(--semi-brand-5), 1)",
|
|
409
425
|
"info/--semi-color-info-disabled": "rgba(var(--semi-blue-2), 1)",
|
|
426
|
+
"input/--semi-color-input-active": "rgba(255,255,255,0.16)",
|
|
427
|
+
"modal/--semi-color-modal-border": "rgba(255,255,255,0.2)",
|
|
410
428
|
"overlay/--semi-color-overlay-bg": "rgba(22, 22, 26, 0.6)",
|
|
411
|
-
"sidebar/--semi-color-sidebar-bg": "rgba(
|
|
429
|
+
"sidebar/--semi-color-sidebar-bg": "rgba(0,0,0,0.1)",
|
|
412
430
|
"danger/--semi-color-danger-hover": "rgba(var(--semi-red-6), 1)",
|
|
413
431
|
"highlight/--semi-color-highlight": "rgba(var(--semi-white), 1)",
|
|
432
|
+
"input/--semi-color-input-default": "rgba(255,255,255,0.08)",
|
|
414
433
|
"secondary/--semi-color-secondary": "rgba(var(--semi-light-blue-5), 1)",
|
|
434
|
+
"switch/--semi-color-switch-bg-on": "rgba(var(--semi-brand-4),1)",
|
|
435
|
+
"Floating/--semi-color-Floating-bg": "rgba(0,0,0,0.2)",
|
|
415
436
|
"danger/--semi-color-danger-active": "rgba(var(--semi-red-7), 1)",
|
|
416
437
|
"disabled/--semi-color-disabled-bg": "rgba(var(--semi-grey-1), 1)",
|
|
438
|
+
"input/--semi-color-input-disabled": "rgba(255,255,255,0.02)",
|
|
439
|
+
"switch/--semi-color-switch-bg-off": "rgba(255,255,255,0.08)",
|
|
440
|
+
"card-bg/--semi-color-card-bg-hover": "rgba(255,255,255,0.08)",
|
|
417
441
|
"default/--semi-color-default-hover": "rgba(var(--semi-grey-1), 1)",
|
|
418
|
-
"primary/--semi-color-primary-hover": "rgba(var(--semi-brand-
|
|
442
|
+
"primary/--semi-color-primary-hover": "rgba(var(--semi-brand-5),1)",
|
|
419
443
|
"success/--semi-color-success-hover": "rgba(var(--semi-green-6), 1)",
|
|
420
444
|
"warning/--semi-color-warning-hover": "rgba(var(--semi-orange-6), 1)",
|
|
445
|
+
"card-bg/--semi-color-card-bg-active": "rgba(255,255,255,0.08)",
|
|
421
446
|
"default/--semi-color-default-active": "rgba(var(--semi-grey-2), 1)",
|
|
422
447
|
"disabled/--semi-color-disabled-fill": "rgba(var(--semi-grey-8), 0.04)",
|
|
423
448
|
"disabled/--semi-color-disabled-text": "rgba(var(--semi-grey-9), 0.35)",
|
|
424
449
|
"highlight/--semi-color-highlight-bg": "rgba(var(--semi-yellow-2), 1)",
|
|
425
|
-
"primary/--semi-color-primary-active": "rgba(var(--semi-brand-
|
|
450
|
+
"primary/--semi-color-primary-active": "rgba(var(--semi-brand-6),1)",
|
|
426
451
|
"sidebar/--semi-color-sidebar-border": "rgba(255,255,255,0.12)",
|
|
427
452
|
"success/--semi-color-success-active": "rgba(var(--semi-green-7), 1)",
|
|
428
453
|
"warning/--semi-color-warning-active": "rgba(var(--semi-orange-7), 1)",
|
|
454
|
+
"card-bg/--semi-color-card-bg-default": "rgba(255,255,255,0.04)",
|
|
429
455
|
"tertiary/--semi-color-tertiary-hover": "rgba(255,255,255,0.16)",
|
|
456
|
+
"Floating/--semi-color-Floating-border": "rgba(255,255,255,0.12)",
|
|
430
457
|
"disabled/--semi-color-disabled-border": "rgba(var(--semi-grey-1), 1)",
|
|
431
|
-
"
|
|
458
|
+
"input/--semi-color-input-activeborder": "rgba(255,255,255,0.12)",
|
|
459
|
+
"primary/--semi-color-primary-disabled": "rgba(var(--semi-brand-1),1)",
|
|
432
460
|
"success/--semi-color-success-disabled": "rgba(var(--semi-green-2), 1)",
|
|
433
461
|
"tertiary/--semi-color-tertiary-active": "rgba(255,255,255,0.2)",
|
|
462
|
+
"primary-blue/--semi-color-primary-blue": "rgba(80,156,255,1)",
|
|
463
|
+
"primary-pink/--semi-color-primary-pink": "rgba(var(--semi-pink-4),1)",
|
|
434
464
|
"secondary/--semi-color-secondary-hover": "rgba(var(--semi-light-blue-6), 1)",
|
|
435
465
|
"secondary/--semi-color-secondary-active": "rgba(var(--semi-light-blue-7), 1)",
|
|
436
466
|
"info-light/--semi-color-info-light-hover": "rgba(var(--semi-blue-5), 0.3)",
|
|
437
467
|
"info-light/--semi-color-info-light-active": "rgba(var(--semi-blue-5), 0.4)",
|
|
468
|
+
"progress-bar/--semi-color-progress-bar-bg": "rgba(255,255,255,0.08)",
|
|
438
469
|
"secondary/--semi-color-secondary-disabled": "rgba(var(--semi-light-blue-2), 1)",
|
|
439
470
|
"info-light/--semi-color-info-light-default": "rgba(var(--semi-blue-5), 0.2)",
|
|
471
|
+
"primary-Orange/--semi-color-primary-Orange": "rgba(255,163,76,1)",
|
|
440
472
|
"danger-light/--semi-color-danger-light-hover": "rgba(var(--semi-red-5), 0.3)",
|
|
473
|
+
"primary-blue/--semi-color-primary-blue-hover": "rgba(124,183,255, 1)",
|
|
474
|
+
"primary-pink/--semi-color-primary-pink-hover": "rgba(var(--semi-pink-5),1)",
|
|
441
475
|
"danger-light/--semi-color-danger-light-active": "rgba(var(--semi-red-5), 0.4)",
|
|
476
|
+
"primary-blue/--semi-color-primary-blue-active": "rgba(167,208,255, 1)",
|
|
477
|
+
"primary-pink/--semi-color-primary-pink-active": "rgba(var(--semi-pink-5),1)",
|
|
478
|
+
"progress-bar/--semi-color-progress-bar-buffer": "rgba(255,255,255,0.06)",
|
|
479
|
+
"progress-bar/--semi-color-progress-bar-played": "rgba(255,255,255,1)",
|
|
442
480
|
"danger-light/--semi-color-danger-light-default": "rgba(var(--semi-red-5), 0.2)",
|
|
443
481
|
"primary-light/--semi-color-primary-light-hover": "rgba(var(--semi-brand-5), 0.3)",
|
|
444
482
|
"success-light/--semi-color-success-light-hover": "rgba(var(--semi-green-5), 0.3)",
|
|
445
483
|
"warning-light/--semi-color-warning-light-hover": "rgba(var(--semi-orange-5), 0.3)",
|
|
484
|
+
"primary-blue/--semi-color-primary-blue-disabled": "rgba(15,79,184, 1)",
|
|
446
485
|
"primary-light/--semi-color-primary-light-active": "rgba(var(--semi-brand-5), 0.4)",
|
|
486
|
+
"primary-pink/--semi-color-primary-pink-disabled": "rgba(var(--semi-pink-0),0.5)",
|
|
447
487
|
"success-light/--semi-color-success-light-active": "rgba(var(--semi-green-5), 0.4)",
|
|
448
488
|
"warning-light/--semi-color-warning-light-active": "rgba(var(--semi-orange-5), 0.4)",
|
|
489
|
+
"primary-Orange/--semi-color-primary-Orange-hover": "rgba(255,190,121, 1)",
|
|
449
490
|
"primary-light/--semi-color-primary-light-default": "rgba(var(--semi-brand-5), 0.2)",
|
|
450
491
|
"success-light/--semi-color-success-light-default": "rgba(var(--semi-green-5), 0.2)",
|
|
451
492
|
"tertiary-light/--semi-color-tertiary-light-hover": "rgba(var(--semi-grey-5), 0.3)",
|
|
452
493
|
"warning-light/--semi-color-warning-light-default": "rgba(var(--semi-orange-5), 0.2)",
|
|
494
|
+
"primary-Orange/--semi-color-primary-Orange-active": "rgba(255,215,165, 1)",
|
|
453
495
|
"tertiary-light/--semi-color-tertiary-light-active": "rgba(var(--semi-grey-5), 0.4)",
|
|
454
496
|
"secondary-light/--semi-color-secondary-light-hover": "rgba(var(--semi-light-blue-5), 0.3)",
|
|
455
497
|
"tertiary-light/--semi-color-tertiary-light-default": "rgba(var(--semi-grey-5), 0.2)",
|
|
498
|
+
"primary-Orange/--semi-color-primary-Orange-disabled": "rgba(184,72,11, 1)",
|
|
456
499
|
"secondary-light/--semi-color-secondary-light-active": "rgba(var(--semi-light-blue-5), 0.4)",
|
|
457
500
|
"secondary-light/--semi-color-secondary-light-default": "rgba(var(--semi-light-blue-5), 0.2)"
|
|
458
501
|
},
|
|
@@ -462,9 +505,11 @@
|
|
|
462
505
|
"bg/--semi-color-bg-2": "rgba(var(--semi-white), 1)",
|
|
463
506
|
"bg/--semi-color-bg-3": "rgba(var(--semi-white), 1)",
|
|
464
507
|
"bg/--semi-color-bg-4": "rgba(var(--semi-white), 1)",
|
|
508
|
+
"tag/--semi-color-tag": "rgba(18,18,20,0.06)",
|
|
465
509
|
"info/--semi-color-info": "rgba(var(--semi-blue-5), 1)",
|
|
466
510
|
"link/--semi-color-link": "rgba(var(--semi-blue-5), 1)",
|
|
467
|
-
"nav/--semi-color-nav-bg": "rgba(
|
|
511
|
+
"nav/--semi-color-nav-bg": "rgba(18,18,20,0)",
|
|
512
|
+
"pop/--semi-color-pop-bg": "rgba(255,255,255,0.9)",
|
|
468
513
|
"black/--semi-color-black": "rgba(var(--semi-black), 1)",
|
|
469
514
|
"data/--semi-color-data-0": "rgba(87, 105, 255, 1)",
|
|
470
515
|
"data/--semi-color-data-1": "rgba(142, 212, 231, 1)",
|
|
@@ -476,9 +521,9 @@
|
|
|
476
521
|
"data/--semi-color-data-7": "rgba(139, 215, 210, 1)",
|
|
477
522
|
"data/--semi-color-data-8": "rgba(131, 176, 35, 1)",
|
|
478
523
|
"data/--semi-color-data-9": "rgba(233, 165, 229, 1)",
|
|
479
|
-
"fill/--semi-color-fill-0": "rgba(
|
|
480
|
-
"fill/--semi-color-fill-1": "rgba(
|
|
481
|
-
"fill/--semi-color-fill-2": "rgba(
|
|
524
|
+
"fill/--semi-color-fill-0": "rgba(0,0,0,0.16)",
|
|
525
|
+
"fill/--semi-color-fill-1": "rgba(0,0,0,0.1)",
|
|
526
|
+
"fill/--semi-color-fill-2": "rgba(0,0,0,0.06)",
|
|
482
527
|
"text/--semi-color-text-0": "rgba(18,18,20,1)",
|
|
483
528
|
"text/--semi-color-text-1": "rgba(18,18,20,0.8)",
|
|
484
529
|
"text/--semi-color-text-2": "rgba(18,18,20,0.6)",
|
|
@@ -494,9 +539,16 @@
|
|
|
494
539
|
"data/--semi-color-data-17": "rgba(182, 215, 129, 1)",
|
|
495
540
|
"data/--semi-color-data-18": "rgba(212, 88, 212, 1)",
|
|
496
541
|
"data/--semi-color-data-19": "rgba(188, 198, 255, 1)",
|
|
542
|
+
"pop/--semi-color-pop-mask": "rgba(255,255,255,0.8)",
|
|
497
543
|
"border/--semi-color-border": "rgba(var(--semi-grey-9), 0.08)",
|
|
498
544
|
"danger/--semi-color-danger": "rgba(var(--semi-red-5), 1)",
|
|
545
|
+
"nav/--semi-color-nav-hover": "rgba(18,18,20,0.06)",
|
|
499
546
|
"shadow/--semi-color-shadow": "rgba(var(--semi-black), 0.04)",
|
|
547
|
+
"tag/--semi-color-tag-hover": "rgba(18,18,20,0.12)",
|
|
548
|
+
"modal/--semi-color-modal-bg": "rgba(255,255,255,0.9)",
|
|
549
|
+
"nav/--semi-color-nav-active": "rgba(18,18,20,0.06)",
|
|
550
|
+
"pop/--semi-color-pop-border": "rgba(18,18,20,0.12)",
|
|
551
|
+
"tag/--semi-color-tag-active": "rgba(18,18,20,0.12)",
|
|
500
552
|
"default/--semi-color-default": "rgba(var(--semi-grey-0), 1)",
|
|
501
553
|
"info/--semi-color-info-hover": "rgba(var(--semi-blue-6), 1)",
|
|
502
554
|
"link/--semi-color-link-hover": "rgba(var(--semi-blue-6), 1)",
|
|
@@ -505,20 +557,29 @@
|
|
|
505
557
|
"warning/--semi-color-warning": "rgba(var(--semi-orange-5), 1)",
|
|
506
558
|
"info/--semi-color-info-active": "rgba(var(--semi-blue-7), 1)",
|
|
507
559
|
"link/--semi-color-link-active": "rgba(var(--semi-blue-7), 1)",
|
|
560
|
+
"tag/--semi-color-tag-disabled": "rgba(18,18,20,0.02)",
|
|
508
561
|
"divider/--semi-color-divider-0": "rgba(18,18,20,0.16)",
|
|
509
562
|
"divider/--semi-color-divider-1": "rgba(18,18,20,0.12)",
|
|
510
563
|
"divider/--semi-color-divider-2": "rgba(18,18,20,0.06)",
|
|
564
|
+
"input/--semi-color-input-hover": "rgba(18,18,18,0.1)",
|
|
511
565
|
"link/--semi-color-link-visited": "rgba(var(--semi-blue-5), 1)",
|
|
512
|
-
"tertiary/--semi-color-tertiary": "rgba(0,0,0,0.
|
|
566
|
+
"tertiary/--semi-color-tertiary": "rgba(0,0,0,0.08)",
|
|
513
567
|
"focus/--semi-color-focus-border": "rgba(var(--semi-brand-5), 1)",
|
|
514
568
|
"info/--semi-color-info-disabled": "rgba(var(--semi-blue-2), 1)",
|
|
569
|
+
"input/--semi-color-input-active": "rgba(18,18,20,0.14)",
|
|
570
|
+
"modal/--semi-color-modal-border": "rgba(255,255,255,1)",
|
|
515
571
|
"overlay/--semi-color-overlay-bg": "rgba(22, 22, 26, 0.6)",
|
|
516
|
-
"sidebar/--semi-color-sidebar-bg": "rgba(
|
|
572
|
+
"sidebar/--semi-color-sidebar-bg": "rgba(243,242,245,0.9)",
|
|
517
573
|
"danger/--semi-color-danger-hover": "rgba(var(--semi-red-6), 1)",
|
|
518
574
|
"highlight/--semi-color-highlight": "rgba(var(--semi-black), 1)",
|
|
575
|
+
"input/--semi-color-input-default": "rgba(18,18,20,0.06)",
|
|
519
576
|
"secondary/--semi-color-secondary": "rgba(var(--semi-light-blue-5), 1)",
|
|
577
|
+
"switch/--semi-color-switch-bg-on": "rgba(var(--semi-brand-5),1)",
|
|
578
|
+
"Floating/--semi-color-Floating-bg": "rgba(243,242,245,0.9)",
|
|
520
579
|
"danger/--semi-color-danger-active": "rgba(var(--semi-red-7), 1)",
|
|
521
580
|
"disabled/--semi-color-disabled-bg": "rgba(var(--semi-grey-1), 1)",
|
|
581
|
+
"input/--semi-color-input-disabled": "rgba(18,18,20,0.02)",
|
|
582
|
+
"switch/--semi-color-switch-bg-off": "rgba(18,18,18,0.08)",
|
|
522
583
|
"default/--semi-color-default-hover": "rgba(var(--semi-grey-1), 1)",
|
|
523
584
|
"primary/--semi-color-primary-hover": "rgba(var(--semi-brand-6), 1)",
|
|
524
585
|
"success/--semi-color-success-hover": "rgba(var(--semi-green-6), 1)",
|
|
@@ -531,33 +592,51 @@
|
|
|
531
592
|
"sidebar/--semi-color-sidebar-border": "rgba(255,255,255,1)",
|
|
532
593
|
"success/--semi-color-success-active": "rgba(var(--semi-green-7), 1)",
|
|
533
594
|
"warning/--semi-color-warning-active": "rgba(var(--semi-orange-7), 1)",
|
|
534
|
-
"tertiary/--semi-color-tertiary-hover": "rgba(0,0,0,0.
|
|
595
|
+
"tertiary/--semi-color-tertiary-hover": "rgba(0,0,0,0.14)",
|
|
596
|
+
"Floating/--semi-color-Floating-border": "rgba(255,255,255,1)",
|
|
535
597
|
"disabled/--semi-color-disabled-border": "rgba(var(--semi-grey-1), 1)",
|
|
598
|
+
"input/--semi-color-input-activeborder": "rgba(18,18,20,0.08)",
|
|
536
599
|
"primary/--semi-color-primary-disabled": "rgba(var(--semi-brand-2), 1)",
|
|
537
600
|
"success/--semi-color-success-disabled": "rgba(var(--semi-green-2), 1)",
|
|
538
|
-
"tertiary/--semi-color-tertiary-active": "rgba(0,0,0,0.
|
|
601
|
+
"tertiary/--semi-color-tertiary-active": "rgba(0,0,0,0.14)",
|
|
602
|
+
"primary-blue/--semi-color-primary-blue": "rgba(17,116,255,1)",
|
|
603
|
+
"primary-pink/--semi-color-primary-pink": "rgba(var(--semi-pink-4),1)",
|
|
539
604
|
"secondary/--semi-color-secondary-hover": "rgba(var(--semi-light-blue-6), 1)",
|
|
540
605
|
"secondary/--semi-color-secondary-active": "rgba(var(--semi-light-blue-7), 1)",
|
|
606
|
+
"tertiary/--semi-color-tertiary-disabled": "rgba(0,0,0,0.04)",
|
|
541
607
|
"info-light/--semi-color-info-light-hover": "rgba(var(--semi-blue-1), 1)",
|
|
542
608
|
"info-light/--semi-color-info-light-active": "rgba(var(--semi-blue-2), 1)",
|
|
609
|
+
"progress-bar/--semi-color-progress-bar-bg": "rgba(18,18,20,0.08)",
|
|
543
610
|
"secondary/--semi-color-secondary-disabled": "rgba(var(--semi-light-blue-2), 1)",
|
|
544
611
|
"info-light/--semi-color-info-light-default": "rgba(var(--semi-blue-0), 1)",
|
|
612
|
+
"primary-Orange/--semi-color-primary-Orange": "rgba(255,121,12,1)",
|
|
545
613
|
"danger-light/--semi-color-danger-light-hover": "rgba(var(--semi-red-1), 1)",
|
|
614
|
+
"primary-blue/--semi-color-primary-blue-hover": "rgba(8,92,219, 1)",
|
|
615
|
+
"primary-pink/--semi-color-primary-pink-hover": "rgba(var(--semi-pink-5),1)",
|
|
546
616
|
"danger-light/--semi-color-danger-light-active": "rgba(var(--semi-red-2), 1)",
|
|
617
|
+
"primary-blue/--semi-color-primary-blue-active": "rgba(1,71,184, 1)",
|
|
618
|
+
"primary-pink/--semi-color-primary-pink-active": "rgba(var(--semi-pink-5),1)",
|
|
619
|
+
"progress-bar/--semi-color-progress-bar-buffer": "rgba(18,18,20,0.06)",
|
|
620
|
+
"progress-bar/--semi-color-progress-bar-played": "rgba(18,18,20,1)",
|
|
547
621
|
"danger-light/--semi-color-danger-light-default": "rgba(var(--semi-red-0), 1)",
|
|
548
622
|
"primary-light/--semi-color-primary-light-hover": "rgba(var(--semi-brand-1), 1)",
|
|
549
623
|
"success-light/--semi-color-success-light-hover": "rgba(var(--semi-green-1), 1)",
|
|
550
624
|
"warning-light/--semi-color-warning-light-hover": "rgba(var(--semi-orange-1), 1)",
|
|
625
|
+
"primary-blue/--semi-color-primary-blue-disabled": "rgba(160,204,255, 1)",
|
|
551
626
|
"primary-light/--semi-color-primary-light-active": "rgba(var(--semi-brand-2), 1)",
|
|
627
|
+
"primary-pink/--semi-color-primary-pink-disabled": "rgba(var(--semi-pink-0),1)",
|
|
552
628
|
"success-light/--semi-color-success-light-active": "rgba(var(--semi-green-2), 1)",
|
|
553
629
|
"warning-light/--semi-color-warning-light-active": "rgba(var(--semi-orange-2), 1)",
|
|
630
|
+
"primary-Orange/--semi-color-primary-Orange-hover": "rgba(255,158,79,1)",
|
|
554
631
|
"primary-light/--semi-color-primary-light-default": "rgba(var(--semi-brand-0), 1)",
|
|
555
632
|
"success-light/--semi-color-success-light-default": "rgba(var(--semi-green-0), 1)",
|
|
556
633
|
"tertiary-light/--semi-color-tertiary-light-hover": "rgba(var(--semi-grey-1), 1)",
|
|
557
634
|
"warning-light/--semi-color-warning-light-default": "rgba(var(--semi-orange-0), 1)",
|
|
635
|
+
"primary-Orange/--semi-color-primary-Orange-active": "rgba(184,64,0, 1)",
|
|
558
636
|
"tertiary-light/--semi-color-tertiary-light-active": "rgba(var(--semi-grey-2), 1)",
|
|
559
637
|
"secondary-light/--semi-color-secondary-light-hover": "rgba(var(--semi-blue-1), 1)",
|
|
560
638
|
"tertiary-light/--semi-color-tertiary-light-default": "rgba(var(--semi-grey-0), 1)",
|
|
639
|
+
"primary-Orange/--semi-color-primary-Orange-disabled": "rgba(255,121,12,0.1)",
|
|
561
640
|
"secondary-light/--semi-color-secondary-light-active": "rgba(var(--semi-blue-2), 1)",
|
|
562
641
|
"secondary-light/--semi-color-secondary-light-default": "rgba(var(--semi-light-blue-0), 1)"
|
|
563
642
|
}
|
|
@@ -686,49 +765,75 @@
|
|
|
686
765
|
"easeInOut": "cubic-bezier(0.4, 0, 0.2, 1)"
|
|
687
766
|
}
|
|
688
767
|
},
|
|
689
|
-
"components": {
|
|
768
|
+
"components": {
|
|
769
|
+
"input": {
|
|
770
|
+
"radius": {
|
|
771
|
+
"$radius-input_wrapper": "10px"
|
|
772
|
+
}
|
|
773
|
+
},
|
|
774
|
+
"modal": {
|
|
775
|
+
"color": {
|
|
776
|
+
"$color-modal-bg": "var(--semi-color-modal-bg)",
|
|
777
|
+
"$color-modal_mask-bg": "var(--semi-color-pop-mask)"
|
|
778
|
+
}
|
|
779
|
+
},
|
|
780
|
+
"button": {
|
|
781
|
+
"color": {
|
|
782
|
+
"$color-button_light-bg-default": "var(--semi-color-fill-0)"
|
|
783
|
+
},
|
|
784
|
+
"height": {
|
|
785
|
+
"$height-button_large": "44px"
|
|
786
|
+
},
|
|
787
|
+
"radius": {
|
|
788
|
+
"$radius-button": "8px"
|
|
789
|
+
},
|
|
790
|
+
"spacing": {
|
|
791
|
+
"$spacing-button_iconOnly_content-marginLeft": "4px"
|
|
792
|
+
}
|
|
793
|
+
}
|
|
794
|
+
},
|
|
690
795
|
"typography": {
|
|
691
796
|
"Header": {
|
|
692
797
|
"header-1": {
|
|
693
798
|
"fontSize": "32px",
|
|
694
|
-
"fontFamily": "'
|
|
799
|
+
"fontFamily": " Montserrat, Helvetica, 'Helvetica Neue', 'PingFang SC', -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Hiragino Sans GB', 'Microsoft YaHei', Arial, sans-serif, 'Inter'",
|
|
695
800
|
"lineHeight": "44px"
|
|
696
801
|
},
|
|
697
802
|
"header-2": {
|
|
698
803
|
"fontSize": "28px",
|
|
699
|
-
"fontFamily": "'
|
|
804
|
+
"fontFamily": " Montserrat, Helvetica, 'Helvetica Neue', 'PingFang SC', -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Hiragino Sans GB', 'Microsoft YaHei', Arial, sans-serif, 'Inter'",
|
|
700
805
|
"lineHeight": "40px"
|
|
701
806
|
},
|
|
702
807
|
"header-3": {
|
|
703
808
|
"fontSize": "24px",
|
|
704
|
-
"fontFamily": "'
|
|
809
|
+
"fontFamily": " Montserrat, Helvetica, 'Helvetica Neue', 'PingFang SC', -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Hiragino Sans GB', 'Microsoft YaHei', Arial, sans-serif, 'Inter'",
|
|
705
810
|
"lineHeight": "32px"
|
|
706
811
|
},
|
|
707
812
|
"header-4": {
|
|
708
813
|
"fontSize": "20px",
|
|
709
|
-
"fontFamily": "'
|
|
814
|
+
"fontFamily": " Montserrat, Helvetica, 'Helvetica Neue', 'PingFang SC', -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Hiragino Sans GB', 'Microsoft YaHei', Arial, sans-serif, 'Inter'",
|
|
710
815
|
"lineHeight": "28px"
|
|
711
816
|
},
|
|
712
817
|
"header-5": {
|
|
713
818
|
"fontSize": "18px",
|
|
714
|
-
"fontFamily": "'
|
|
819
|
+
"fontFamily": " Montserrat, Helvetica, 'Helvetica Neue', 'PingFang SC', -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Hiragino Sans GB', 'Microsoft YaHei', Arial, sans-serif, 'Inter'",
|
|
715
820
|
"lineHeight": "24px"
|
|
716
821
|
},
|
|
717
822
|
"header-6": {
|
|
718
823
|
"fontSize": "16px",
|
|
719
|
-
"fontFamily": "'
|
|
824
|
+
"fontFamily": " Montserrat, Helvetica, 'Helvetica Neue', 'PingFang SC', -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Hiragino Sans GB', 'Microsoft YaHei', Arial, sans-serif, 'Inter'",
|
|
720
825
|
"lineHeight": "22px"
|
|
721
826
|
}
|
|
722
827
|
},
|
|
723
828
|
"Paragraph": {
|
|
724
829
|
"small": {
|
|
725
830
|
"fontSize": "12px",
|
|
726
|
-
"fontFamily": "'
|
|
831
|
+
"fontFamily": " Montserrat, Helvetica, 'Helvetica Neue', 'PingFang SC', -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Hiragino Sans GB', 'Microsoft YaHei', Arial, sans-serif, 'Inter'",
|
|
727
832
|
"lineHeight": "16px"
|
|
728
833
|
},
|
|
729
834
|
"regular": {
|
|
730
835
|
"fontSize": "14px",
|
|
731
|
-
"fontFamily": "'
|
|
836
|
+
"fontFamily": " Montserrat, Helvetica, 'Helvetica Neue', 'PingFang SC', -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Hiragino Sans GB', 'Microsoft YaHei', Arial, sans-serif, 'Inter'",
|
|
732
837
|
"lineHeight": "20px"
|
|
733
838
|
}
|
|
734
839
|
}
|
|
@@ -754,16 +859,16 @@
|
|
|
754
859
|
},
|
|
755
860
|
"border-radius": {
|
|
756
861
|
"--semi-border-radius-full": "9999px",
|
|
757
|
-
"--semi-border-radius-large": "
|
|
758
|
-
"--semi-border-radius-small": "
|
|
862
|
+
"--semi-border-radius-large": "32px",
|
|
863
|
+
"--semi-border-radius-small": "10px",
|
|
759
864
|
"--semi-border-radius-circle": "50%",
|
|
760
|
-
"--semi-border-radius-medium": "
|
|
865
|
+
"--semi-border-radius-medium": "24px",
|
|
761
866
|
"--semi-border-radius-extra-small": "3px"
|
|
762
867
|
},
|
|
763
868
|
"typography-base": {
|
|
764
869
|
"scale": "default",
|
|
765
870
|
"wordSpace": 0,
|
|
766
|
-
"fontFamily": "Helvetica,
|
|
871
|
+
"fontFamily": " Montserrat, Helvetica, 'Helvetica Neue', 'PingFang SC', -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Hiragino Sans GB', 'Microsoft YaHei', Arial, sans-serif, 'Inter'",
|
|
767
872
|
"letterSpace": 0,
|
|
768
873
|
"baseFontSize": "14px",
|
|
769
874
|
"lineHeightMultiplier": 1.4
|
package/scss/_font.scss
CHANGED
|
@@ -1,55 +1,55 @@
|
|
|
1
1
|
@mixin font-size-header-1 {
|
|
2
2
|
font-size: 32px;
|
|
3
|
-
font-family: '
|
|
3
|
+
font-family: Montserrat, Helvetica, 'Helvetica Neue', 'PingFang SC', -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Hiragino Sans GB', 'Microsoft YaHei', Arial, sans-serif, 'Inter';
|
|
4
4
|
line-height: 44px;
|
|
5
5
|
|
|
6
6
|
|
|
7
7
|
}
|
|
8
8
|
@mixin font-size-header-2 {
|
|
9
9
|
font-size: 28px;
|
|
10
|
-
font-family: '
|
|
10
|
+
font-family: Montserrat, Helvetica, 'Helvetica Neue', 'PingFang SC', -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Hiragino Sans GB', 'Microsoft YaHei', Arial, sans-serif, 'Inter';
|
|
11
11
|
line-height: 40px;
|
|
12
12
|
|
|
13
13
|
|
|
14
14
|
}
|
|
15
15
|
@mixin font-size-header-3 {
|
|
16
16
|
font-size: 24px;
|
|
17
|
-
font-family: '
|
|
17
|
+
font-family: Montserrat, Helvetica, 'Helvetica Neue', 'PingFang SC', -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Hiragino Sans GB', 'Microsoft YaHei', Arial, sans-serif, 'Inter';
|
|
18
18
|
line-height: 32px;
|
|
19
19
|
|
|
20
20
|
|
|
21
21
|
}
|
|
22
22
|
@mixin font-size-header-4 {
|
|
23
23
|
font-size: 20px;
|
|
24
|
-
font-family: '
|
|
24
|
+
font-family: Montserrat, Helvetica, 'Helvetica Neue', 'PingFang SC', -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Hiragino Sans GB', 'Microsoft YaHei', Arial, sans-serif, 'Inter';
|
|
25
25
|
line-height: 28px;
|
|
26
26
|
|
|
27
27
|
|
|
28
28
|
}
|
|
29
29
|
@mixin font-size-header-5 {
|
|
30
30
|
font-size: 18px;
|
|
31
|
-
font-family: '
|
|
31
|
+
font-family: Montserrat, Helvetica, 'Helvetica Neue', 'PingFang SC', -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Hiragino Sans GB', 'Microsoft YaHei', Arial, sans-serif, 'Inter';
|
|
32
32
|
line-height: 24px;
|
|
33
33
|
|
|
34
34
|
|
|
35
35
|
}
|
|
36
36
|
@mixin font-size-header-6 {
|
|
37
37
|
font-size: 16px;
|
|
38
|
-
font-family: '
|
|
38
|
+
font-family: Montserrat, Helvetica, 'Helvetica Neue', 'PingFang SC', -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Hiragino Sans GB', 'Microsoft YaHei', Arial, sans-serif, 'Inter';
|
|
39
39
|
line-height: 22px;
|
|
40
40
|
|
|
41
41
|
|
|
42
42
|
}
|
|
43
43
|
@mixin font-size-small {
|
|
44
44
|
font-size: 12px;
|
|
45
|
-
font-family: '
|
|
45
|
+
font-family: Montserrat, Helvetica, 'Helvetica Neue', 'PingFang SC', -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Hiragino Sans GB', 'Microsoft YaHei', Arial, sans-serif, 'Inter';
|
|
46
46
|
line-height: 16px;
|
|
47
47
|
|
|
48
48
|
|
|
49
49
|
}
|
|
50
50
|
@mixin font-size-regular {
|
|
51
51
|
font-size: 14px;
|
|
52
|
-
font-family: '
|
|
52
|
+
font-family: Montserrat, Helvetica, 'Helvetica Neue', 'PingFang SC', -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Hiragino Sans GB', 'Microsoft YaHei', Arial, sans-serif, 'Inter';
|
|
53
53
|
line-height: 20px;
|
|
54
54
|
|
|
55
55
|
|