@semi-bot/semi-theme-fn-music 1.0.2 → 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 +142 -31
- package/scss/_font.scss +8 -8
- package/scss/global.scss +111 -26
- package/scss/local.scss +7 -0
- package/scss/variables.scss +1 -1
- package/semi.css +431 -224
- 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,67 +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)",
|
|
418
|
+
"divider/--semi-color-divider-0": "rgba(255,255,255,0.16)",
|
|
419
|
+
"divider/--semi-color-divider-1": "rgba(255,255,255,0.12)",
|
|
420
|
+
"divider/--semi-color-divider-2": "rgba(255,255,255,0.08)",
|
|
421
|
+
"input/--semi-color-input-hover": "rgba(255,255,255,0.12)",
|
|
403
422
|
"link/--semi-color-link-visited": "rgba(var(--semi-blue-5), 1)",
|
|
404
|
-
"tertiary/--semi-color-tertiary": "rgba(
|
|
423
|
+
"tertiary/--semi-color-tertiary": "rgba(255,255,255,0.08)",
|
|
405
424
|
"focus/--semi-color-focus-border": "rgba(var(--semi-brand-5), 1)",
|
|
406
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)",
|
|
407
428
|
"overlay/--semi-color-overlay-bg": "rgba(22, 22, 26, 0.6)",
|
|
408
|
-
"sidebar/--semi-color-sidebar-bg": "rgba(
|
|
429
|
+
"sidebar/--semi-color-sidebar-bg": "rgba(0,0,0,0.1)",
|
|
409
430
|
"danger/--semi-color-danger-hover": "rgba(var(--semi-red-6), 1)",
|
|
410
431
|
"highlight/--semi-color-highlight": "rgba(var(--semi-white), 1)",
|
|
432
|
+
"input/--semi-color-input-default": "rgba(255,255,255,0.08)",
|
|
411
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)",
|
|
412
436
|
"danger/--semi-color-danger-active": "rgba(var(--semi-red-7), 1)",
|
|
413
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)",
|
|
414
441
|
"default/--semi-color-default-hover": "rgba(var(--semi-grey-1), 1)",
|
|
415
|
-
"primary/--semi-color-primary-hover": "rgba(var(--semi-brand-
|
|
442
|
+
"primary/--semi-color-primary-hover": "rgba(var(--semi-brand-5),1)",
|
|
416
443
|
"success/--semi-color-success-hover": "rgba(var(--semi-green-6), 1)",
|
|
417
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)",
|
|
418
446
|
"default/--semi-color-default-active": "rgba(var(--semi-grey-2), 1)",
|
|
419
447
|
"disabled/--semi-color-disabled-fill": "rgba(var(--semi-grey-8), 0.04)",
|
|
420
448
|
"disabled/--semi-color-disabled-text": "rgba(var(--semi-grey-9), 0.35)",
|
|
421
449
|
"highlight/--semi-color-highlight-bg": "rgba(var(--semi-yellow-2), 1)",
|
|
422
|
-
"primary/--semi-color-primary-active": "rgba(var(--semi-brand-
|
|
450
|
+
"primary/--semi-color-primary-active": "rgba(var(--semi-brand-6),1)",
|
|
423
451
|
"sidebar/--semi-color-sidebar-border": "rgba(255,255,255,0.12)",
|
|
424
452
|
"success/--semi-color-success-active": "rgba(var(--semi-green-7), 1)",
|
|
425
453
|
"warning/--semi-color-warning-active": "rgba(var(--semi-orange-7), 1)",
|
|
426
|
-
"
|
|
454
|
+
"card-bg/--semi-color-card-bg-default": "rgba(255,255,255,0.04)",
|
|
455
|
+
"tertiary/--semi-color-tertiary-hover": "rgba(255,255,255,0.16)",
|
|
456
|
+
"Floating/--semi-color-Floating-border": "rgba(255,255,255,0.12)",
|
|
427
457
|
"disabled/--semi-color-disabled-border": "rgba(var(--semi-grey-1), 1)",
|
|
428
|
-
"
|
|
458
|
+
"input/--semi-color-input-activeborder": "rgba(255,255,255,0.12)",
|
|
459
|
+
"primary/--semi-color-primary-disabled": "rgba(var(--semi-brand-1),1)",
|
|
429
460
|
"success/--semi-color-success-disabled": "rgba(var(--semi-green-2), 1)",
|
|
430
|
-
"tertiary/--semi-color-tertiary-active": "rgba(
|
|
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)",
|
|
431
464
|
"secondary/--semi-color-secondary-hover": "rgba(var(--semi-light-blue-6), 1)",
|
|
432
465
|
"secondary/--semi-color-secondary-active": "rgba(var(--semi-light-blue-7), 1)",
|
|
433
466
|
"info-light/--semi-color-info-light-hover": "rgba(var(--semi-blue-5), 0.3)",
|
|
434
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)",
|
|
435
469
|
"secondary/--semi-color-secondary-disabled": "rgba(var(--semi-light-blue-2), 1)",
|
|
436
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)",
|
|
437
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)",
|
|
438
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)",
|
|
439
480
|
"danger-light/--semi-color-danger-light-default": "rgba(var(--semi-red-5), 0.2)",
|
|
440
481
|
"primary-light/--semi-color-primary-light-hover": "rgba(var(--semi-brand-5), 0.3)",
|
|
441
482
|
"success-light/--semi-color-success-light-hover": "rgba(var(--semi-green-5), 0.3)",
|
|
442
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)",
|
|
443
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)",
|
|
444
487
|
"success-light/--semi-color-success-light-active": "rgba(var(--semi-green-5), 0.4)",
|
|
445
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)",
|
|
446
490
|
"primary-light/--semi-color-primary-light-default": "rgba(var(--semi-brand-5), 0.2)",
|
|
447
491
|
"success-light/--semi-color-success-light-default": "rgba(var(--semi-green-5), 0.2)",
|
|
448
492
|
"tertiary-light/--semi-color-tertiary-light-hover": "rgba(var(--semi-grey-5), 0.3)",
|
|
449
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)",
|
|
450
495
|
"tertiary-light/--semi-color-tertiary-light-active": "rgba(var(--semi-grey-5), 0.4)",
|
|
451
496
|
"secondary-light/--semi-color-secondary-light-hover": "rgba(var(--semi-light-blue-5), 0.3)",
|
|
452
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)",
|
|
453
499
|
"secondary-light/--semi-color-secondary-light-active": "rgba(var(--semi-light-blue-5), 0.4)",
|
|
454
500
|
"secondary-light/--semi-color-secondary-light-default": "rgba(var(--semi-light-blue-5), 0.2)"
|
|
455
501
|
},
|
|
@@ -459,9 +505,11 @@
|
|
|
459
505
|
"bg/--semi-color-bg-2": "rgba(var(--semi-white), 1)",
|
|
460
506
|
"bg/--semi-color-bg-3": "rgba(var(--semi-white), 1)",
|
|
461
507
|
"bg/--semi-color-bg-4": "rgba(var(--semi-white), 1)",
|
|
508
|
+
"tag/--semi-color-tag": "rgba(18,18,20,0.06)",
|
|
462
509
|
"info/--semi-color-info": "rgba(var(--semi-blue-5), 1)",
|
|
463
510
|
"link/--semi-color-link": "rgba(var(--semi-blue-5), 1)",
|
|
464
|
-
"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)",
|
|
465
513
|
"black/--semi-color-black": "rgba(var(--semi-black), 1)",
|
|
466
514
|
"data/--semi-color-data-0": "rgba(87, 105, 255, 1)",
|
|
467
515
|
"data/--semi-color-data-1": "rgba(142, 212, 231, 1)",
|
|
@@ -473,9 +521,9 @@
|
|
|
473
521
|
"data/--semi-color-data-7": "rgba(139, 215, 210, 1)",
|
|
474
522
|
"data/--semi-color-data-8": "rgba(131, 176, 35, 1)",
|
|
475
523
|
"data/--semi-color-data-9": "rgba(233, 165, 229, 1)",
|
|
476
|
-
"fill/--semi-color-fill-0": "rgba(
|
|
477
|
-
"fill/--semi-color-fill-1": "rgba(
|
|
478
|
-
"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)",
|
|
479
527
|
"text/--semi-color-text-0": "rgba(18,18,20,1)",
|
|
480
528
|
"text/--semi-color-text-1": "rgba(18,18,20,0.8)",
|
|
481
529
|
"text/--semi-color-text-2": "rgba(18,18,20,0.6)",
|
|
@@ -491,9 +539,16 @@
|
|
|
491
539
|
"data/--semi-color-data-17": "rgba(182, 215, 129, 1)",
|
|
492
540
|
"data/--semi-color-data-18": "rgba(212, 88, 212, 1)",
|
|
493
541
|
"data/--semi-color-data-19": "rgba(188, 198, 255, 1)",
|
|
542
|
+
"pop/--semi-color-pop-mask": "rgba(255,255,255,0.8)",
|
|
494
543
|
"border/--semi-color-border": "rgba(var(--semi-grey-9), 0.08)",
|
|
495
544
|
"danger/--semi-color-danger": "rgba(var(--semi-red-5), 1)",
|
|
545
|
+
"nav/--semi-color-nav-hover": "rgba(18,18,20,0.06)",
|
|
496
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)",
|
|
497
552
|
"default/--semi-color-default": "rgba(var(--semi-grey-0), 1)",
|
|
498
553
|
"info/--semi-color-info-hover": "rgba(var(--semi-blue-6), 1)",
|
|
499
554
|
"link/--semi-color-link-hover": "rgba(var(--semi-blue-6), 1)",
|
|
@@ -502,17 +557,29 @@
|
|
|
502
557
|
"warning/--semi-color-warning": "rgba(var(--semi-orange-5), 1)",
|
|
503
558
|
"info/--semi-color-info-active": "rgba(var(--semi-blue-7), 1)",
|
|
504
559
|
"link/--semi-color-link-active": "rgba(var(--semi-blue-7), 1)",
|
|
560
|
+
"tag/--semi-color-tag-disabled": "rgba(18,18,20,0.02)",
|
|
561
|
+
"divider/--semi-color-divider-0": "rgba(18,18,20,0.16)",
|
|
562
|
+
"divider/--semi-color-divider-1": "rgba(18,18,20,0.12)",
|
|
563
|
+
"divider/--semi-color-divider-2": "rgba(18,18,20,0.06)",
|
|
564
|
+
"input/--semi-color-input-hover": "rgba(18,18,18,0.1)",
|
|
505
565
|
"link/--semi-color-link-visited": "rgba(var(--semi-blue-5), 1)",
|
|
506
|
-
"tertiary/--semi-color-tertiary": "rgba(0,0,0,0.
|
|
566
|
+
"tertiary/--semi-color-tertiary": "rgba(0,0,0,0.08)",
|
|
507
567
|
"focus/--semi-color-focus-border": "rgba(var(--semi-brand-5), 1)",
|
|
508
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)",
|
|
509
571
|
"overlay/--semi-color-overlay-bg": "rgba(22, 22, 26, 0.6)",
|
|
510
|
-
"sidebar/--semi-color-sidebar-bg": "rgba(
|
|
572
|
+
"sidebar/--semi-color-sidebar-bg": "rgba(243,242,245,0.9)",
|
|
511
573
|
"danger/--semi-color-danger-hover": "rgba(var(--semi-red-6), 1)",
|
|
512
574
|
"highlight/--semi-color-highlight": "rgba(var(--semi-black), 1)",
|
|
575
|
+
"input/--semi-color-input-default": "rgba(18,18,20,0.06)",
|
|
513
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)",
|
|
514
579
|
"danger/--semi-color-danger-active": "rgba(var(--semi-red-7), 1)",
|
|
515
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)",
|
|
516
583
|
"default/--semi-color-default-hover": "rgba(var(--semi-grey-1), 1)",
|
|
517
584
|
"primary/--semi-color-primary-hover": "rgba(var(--semi-brand-6), 1)",
|
|
518
585
|
"success/--semi-color-success-hover": "rgba(var(--semi-green-6), 1)",
|
|
@@ -525,33 +592,51 @@
|
|
|
525
592
|
"sidebar/--semi-color-sidebar-border": "rgba(255,255,255,1)",
|
|
526
593
|
"success/--semi-color-success-active": "rgba(var(--semi-green-7), 1)",
|
|
527
594
|
"warning/--semi-color-warning-active": "rgba(var(--semi-orange-7), 1)",
|
|
528
|
-
"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)",
|
|
529
597
|
"disabled/--semi-color-disabled-border": "rgba(var(--semi-grey-1), 1)",
|
|
598
|
+
"input/--semi-color-input-activeborder": "rgba(18,18,20,0.08)",
|
|
530
599
|
"primary/--semi-color-primary-disabled": "rgba(var(--semi-brand-2), 1)",
|
|
531
600
|
"success/--semi-color-success-disabled": "rgba(var(--semi-green-2), 1)",
|
|
532
|
-
"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)",
|
|
533
604
|
"secondary/--semi-color-secondary-hover": "rgba(var(--semi-light-blue-6), 1)",
|
|
534
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)",
|
|
535
607
|
"info-light/--semi-color-info-light-hover": "rgba(var(--semi-blue-1), 1)",
|
|
536
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)",
|
|
537
610
|
"secondary/--semi-color-secondary-disabled": "rgba(var(--semi-light-blue-2), 1)",
|
|
538
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)",
|
|
539
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)",
|
|
540
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)",
|
|
541
621
|
"danger-light/--semi-color-danger-light-default": "rgba(var(--semi-red-0), 1)",
|
|
542
622
|
"primary-light/--semi-color-primary-light-hover": "rgba(var(--semi-brand-1), 1)",
|
|
543
623
|
"success-light/--semi-color-success-light-hover": "rgba(var(--semi-green-1), 1)",
|
|
544
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)",
|
|
545
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)",
|
|
546
628
|
"success-light/--semi-color-success-light-active": "rgba(var(--semi-green-2), 1)",
|
|
547
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)",
|
|
548
631
|
"primary-light/--semi-color-primary-light-default": "rgba(var(--semi-brand-0), 1)",
|
|
549
632
|
"success-light/--semi-color-success-light-default": "rgba(var(--semi-green-0), 1)",
|
|
550
633
|
"tertiary-light/--semi-color-tertiary-light-hover": "rgba(var(--semi-grey-1), 1)",
|
|
551
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)",
|
|
552
636
|
"tertiary-light/--semi-color-tertiary-light-active": "rgba(var(--semi-grey-2), 1)",
|
|
553
637
|
"secondary-light/--semi-color-secondary-light-hover": "rgba(var(--semi-blue-1), 1)",
|
|
554
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)",
|
|
555
640
|
"secondary-light/--semi-color-secondary-light-active": "rgba(var(--semi-blue-2), 1)",
|
|
556
641
|
"secondary-light/--semi-color-secondary-light-default": "rgba(var(--semi-light-blue-0), 1)"
|
|
557
642
|
}
|
|
@@ -680,49 +765,75 @@
|
|
|
680
765
|
"easeInOut": "cubic-bezier(0.4, 0, 0.2, 1)"
|
|
681
766
|
}
|
|
682
767
|
},
|
|
683
|
-
"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
|
+
},
|
|
684
795
|
"typography": {
|
|
685
796
|
"Header": {
|
|
686
797
|
"header-1": {
|
|
687
798
|
"fontSize": "32px",
|
|
688
|
-
"fontFamily": "'
|
|
799
|
+
"fontFamily": " Montserrat, Helvetica, 'Helvetica Neue', 'PingFang SC', -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Hiragino Sans GB', 'Microsoft YaHei', Arial, sans-serif, 'Inter'",
|
|
689
800
|
"lineHeight": "44px"
|
|
690
801
|
},
|
|
691
802
|
"header-2": {
|
|
692
803
|
"fontSize": "28px",
|
|
693
|
-
"fontFamily": "'
|
|
804
|
+
"fontFamily": " Montserrat, Helvetica, 'Helvetica Neue', 'PingFang SC', -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Hiragino Sans GB', 'Microsoft YaHei', Arial, sans-serif, 'Inter'",
|
|
694
805
|
"lineHeight": "40px"
|
|
695
806
|
},
|
|
696
807
|
"header-3": {
|
|
697
808
|
"fontSize": "24px",
|
|
698
|
-
"fontFamily": "'
|
|
809
|
+
"fontFamily": " Montserrat, Helvetica, 'Helvetica Neue', 'PingFang SC', -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Hiragino Sans GB', 'Microsoft YaHei', Arial, sans-serif, 'Inter'",
|
|
699
810
|
"lineHeight": "32px"
|
|
700
811
|
},
|
|
701
812
|
"header-4": {
|
|
702
813
|
"fontSize": "20px",
|
|
703
|
-
"fontFamily": "'
|
|
814
|
+
"fontFamily": " Montserrat, Helvetica, 'Helvetica Neue', 'PingFang SC', -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Hiragino Sans GB', 'Microsoft YaHei', Arial, sans-serif, 'Inter'",
|
|
704
815
|
"lineHeight": "28px"
|
|
705
816
|
},
|
|
706
817
|
"header-5": {
|
|
707
818
|
"fontSize": "18px",
|
|
708
|
-
"fontFamily": "'
|
|
819
|
+
"fontFamily": " Montserrat, Helvetica, 'Helvetica Neue', 'PingFang SC', -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Hiragino Sans GB', 'Microsoft YaHei', Arial, sans-serif, 'Inter'",
|
|
709
820
|
"lineHeight": "24px"
|
|
710
821
|
},
|
|
711
822
|
"header-6": {
|
|
712
823
|
"fontSize": "16px",
|
|
713
|
-
"fontFamily": "'
|
|
824
|
+
"fontFamily": " Montserrat, Helvetica, 'Helvetica Neue', 'PingFang SC', -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Hiragino Sans GB', 'Microsoft YaHei', Arial, sans-serif, 'Inter'",
|
|
714
825
|
"lineHeight": "22px"
|
|
715
826
|
}
|
|
716
827
|
},
|
|
717
828
|
"Paragraph": {
|
|
718
829
|
"small": {
|
|
719
830
|
"fontSize": "12px",
|
|
720
|
-
"fontFamily": "'
|
|
831
|
+
"fontFamily": " Montserrat, Helvetica, 'Helvetica Neue', 'PingFang SC', -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Hiragino Sans GB', 'Microsoft YaHei', Arial, sans-serif, 'Inter'",
|
|
721
832
|
"lineHeight": "16px"
|
|
722
833
|
},
|
|
723
834
|
"regular": {
|
|
724
835
|
"fontSize": "14px",
|
|
725
|
-
"fontFamily": "'
|
|
836
|
+
"fontFamily": " Montserrat, Helvetica, 'Helvetica Neue', 'PingFang SC', -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Hiragino Sans GB', 'Microsoft YaHei', Arial, sans-serif, 'Inter'",
|
|
726
837
|
"lineHeight": "20px"
|
|
727
838
|
}
|
|
728
839
|
}
|
|
@@ -748,16 +859,16 @@
|
|
|
748
859
|
},
|
|
749
860
|
"border-radius": {
|
|
750
861
|
"--semi-border-radius-full": "9999px",
|
|
751
|
-
"--semi-border-radius-large": "
|
|
752
|
-
"--semi-border-radius-small": "
|
|
862
|
+
"--semi-border-radius-large": "32px",
|
|
863
|
+
"--semi-border-radius-small": "10px",
|
|
753
864
|
"--semi-border-radius-circle": "50%",
|
|
754
|
-
"--semi-border-radius-medium": "
|
|
865
|
+
"--semi-border-radius-medium": "24px",
|
|
755
866
|
"--semi-border-radius-extra-small": "3px"
|
|
756
867
|
},
|
|
757
868
|
"typography-base": {
|
|
758
869
|
"scale": "default",
|
|
759
870
|
"wordSpace": 0,
|
|
760
|
-
"fontFamily": "Helvetica,
|
|
871
|
+
"fontFamily": " Montserrat, Helvetica, 'Helvetica Neue', 'PingFang SC', -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Hiragino Sans GB', 'Microsoft YaHei', Arial, sans-serif, 'Inter'",
|
|
761
872
|
"letterSpace": 0,
|
|
762
873
|
"baseFontSize": "14px",
|
|
763
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
|
|