@primer/primitives 11.0.0 → 11.1.0-rc.27a415da

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 (74) hide show
  1. package/dist/css/functional/themes/dark-colorblind-high-contrast.css +58 -0
  2. package/dist/css/functional/themes/dark-colorblind.css +60 -2
  3. package/dist/css/functional/themes/dark-dimmed-high-contrast.css +58 -0
  4. package/dist/css/functional/themes/dark-dimmed.css +60 -2
  5. package/dist/css/functional/themes/dark-high-contrast.css +58 -0
  6. package/dist/css/functional/themes/dark-tritanopia-high-contrast.css +58 -0
  7. package/dist/css/functional/themes/dark-tritanopia.css +60 -2
  8. package/dist/css/functional/themes/dark.css +60 -2
  9. package/dist/css/functional/themes/light-colorblind-high-contrast.css +58 -0
  10. package/dist/css/functional/themes/light-colorblind.css +60 -2
  11. package/dist/css/functional/themes/light-high-contrast.css +58 -0
  12. package/dist/css/functional/themes/light-tritanopia-high-contrast.css +58 -0
  13. package/dist/css/functional/themes/light-tritanopia.css +60 -2
  14. package/dist/css/functional/themes/light.css +60 -2
  15. package/dist/docs/functional/themes/dark-colorblind-high-contrast.json +3280 -243
  16. package/dist/docs/functional/themes/dark-colorblind.json +3269 -232
  17. package/dist/docs/functional/themes/dark-dimmed-high-contrast.json +3280 -243
  18. package/dist/docs/functional/themes/dark-dimmed.json +3269 -232
  19. package/dist/docs/functional/themes/dark-high-contrast.json +3280 -243
  20. package/dist/docs/functional/themes/dark-tritanopia-high-contrast.json +3280 -243
  21. package/dist/docs/functional/themes/dark-tritanopia.json +3269 -232
  22. package/dist/docs/functional/themes/dark.json +3269 -232
  23. package/dist/docs/functional/themes/light-colorblind-high-contrast.json +3280 -243
  24. package/dist/docs/functional/themes/light-colorblind.json +3270 -233
  25. package/dist/docs/functional/themes/light-high-contrast.json +3280 -243
  26. package/dist/docs/functional/themes/light-tritanopia-high-contrast.json +3280 -243
  27. package/dist/docs/functional/themes/light-tritanopia.json +3270 -233
  28. package/dist/docs/functional/themes/light.json +3270 -233
  29. package/dist/figma/themes/dark-colorblind-high-contrast.json +464 -0
  30. package/dist/figma/themes/dark-colorblind.json +468 -4
  31. package/dist/figma/themes/dark-dimmed-high-contrast.json +464 -0
  32. package/dist/figma/themes/dark-dimmed.json +468 -4
  33. package/dist/figma/themes/dark-high-contrast.json +464 -0
  34. package/dist/figma/themes/dark-tritanopia-high-contrast.json +464 -0
  35. package/dist/figma/themes/dark-tritanopia.json +468 -4
  36. package/dist/figma/themes/dark.json +468 -4
  37. package/dist/figma/themes/light-colorblind-high-contrast.json +464 -0
  38. package/dist/figma/themes/light-colorblind.json +468 -4
  39. package/dist/figma/themes/light-high-contrast.json +464 -0
  40. package/dist/figma/themes/light-tritanopia-high-contrast.json +464 -0
  41. package/dist/figma/themes/light-tritanopia.json +468 -4
  42. package/dist/figma/themes/light.json +468 -4
  43. package/dist/internalCss/dark-colorblind-high-contrast.css +58 -0
  44. package/dist/internalCss/dark-colorblind.css +60 -2
  45. package/dist/internalCss/dark-dimmed-high-contrast.css +58 -0
  46. package/dist/internalCss/dark-dimmed.css +60 -2
  47. package/dist/internalCss/dark-high-contrast.css +58 -0
  48. package/dist/internalCss/dark-tritanopia-high-contrast.css +58 -0
  49. package/dist/internalCss/dark-tritanopia.css +60 -2
  50. package/dist/internalCss/dark.css +60 -2
  51. package/dist/internalCss/light-colorblind-high-contrast.css +58 -0
  52. package/dist/internalCss/light-colorblind.css +60 -2
  53. package/dist/internalCss/light-high-contrast.css +58 -0
  54. package/dist/internalCss/light-tritanopia-high-contrast.css +58 -0
  55. package/dist/internalCss/light-tritanopia.css +60 -2
  56. package/dist/internalCss/light.css +60 -2
  57. package/dist/styleLint/functional/themes/dark-colorblind-high-contrast.json +3279 -242
  58. package/dist/styleLint/functional/themes/dark-colorblind.json +3268 -231
  59. package/dist/styleLint/functional/themes/dark-dimmed-high-contrast.json +3279 -242
  60. package/dist/styleLint/functional/themes/dark-dimmed.json +3268 -231
  61. package/dist/styleLint/functional/themes/dark-high-contrast.json +3279 -242
  62. package/dist/styleLint/functional/themes/dark-tritanopia-high-contrast.json +3279 -242
  63. package/dist/styleLint/functional/themes/dark-tritanopia.json +3268 -231
  64. package/dist/styleLint/functional/themes/dark.json +3268 -231
  65. package/dist/styleLint/functional/themes/light-colorblind-high-contrast.json +3279 -242
  66. package/dist/styleLint/functional/themes/light-colorblind.json +3269 -232
  67. package/dist/styleLint/functional/themes/light-high-contrast.json +3279 -242
  68. package/dist/styleLint/functional/themes/light-tritanopia-high-contrast.json +3279 -242
  69. package/dist/styleLint/functional/themes/light-tritanopia.json +3269 -232
  70. package/dist/styleLint/functional/themes/light.json +3269 -232
  71. package/package.json +2 -2
  72. package/src/tokens/component/label.json5 +760 -0
  73. package/src/tokens/component/progressBar.json5 +145 -0
  74. package/src/tokens/functional/color/control.json5 +9 -2
package/dist/css/functional/themes/light-colorblind-high-contrast.css CHANGED
@@ -612,6 +612,8 @@
612
612
  --label-yellow-fgColor-rest: #805900;
613
613
  --menu-bgColor-active: #ffffff00;
614
614
  --overlay-backdrop-bgColor: #393f4666;
615
+ --progressBar-bgColor-neutral: #818b98;
616
+ --progressBar-track-borderColor: #393f46;
615
617
  --reactionButton-selected-bgColor-rest: #dff7ff;
616
618
  --reactionButton-selected-fgColor-hover: #023b95;
617
619
  --selectMenu-bgColor-active: #9cd7ff;
@@ -750,9 +752,35 @@
750
752
  --focus-outlineColor: var(--borderColor-accent-emphasis);
751
753
  --header-fgColor-default: #ffffffb3;
752
754
  --header-fgColor-logo: #ffffff;
755
+ --label-auburn-borderColor: var(--label-auburn-fgColor-rest);
756
+ --label-blue-borderColor: var(--label-blue-fgColor-rest);
757
+ --label-brown-borderColor: var(--label-brown-fgColor-rest);
758
+ --label-coral-borderColor: var(--label-coral-fgColor-rest);
759
+ --label-cyan-borderColor: var(--label-cyan-fgColor-rest);
760
+ --label-gray-borderColor: var(--label-gray-fgColor-rest);
761
+ --label-green-borderColor: var(--label-green-fgColor-rest);
762
+ --label-indigo-borderColor: var(--label-indigo-fgColor-rest);
763
+ --label-lemon-borderColor: var(--label-lemon-fgColor-rest);
764
+ --label-lime-borderColor: var(--label-lime-fgColor-rest);
765
+ --label-olive-borderColor: var(--label-olive-fgColor-rest);
766
+ --label-orange-borderColor: var(--label-orange-fgColor-rest);
767
+ --label-pine-borderColor: var(--label-pine-fgColor-rest);
768
+ --label-pink-borderColor: var(--label-pink-fgColor-rest);
769
+ --label-plum-borderColor: var(--label-plum-fgColor-rest);
770
+ --label-purple-borderColor: var(--label-purple-fgColor-rest);
771
+ --label-red-borderColor: var(--label-red-fgColor-rest);
772
+ --label-teal-borderColor: var(--label-teal-fgColor-rest);
773
+ --label-yellow-borderColor: var(--label-yellow-fgColor-rest);
753
774
  --overlay-bgColor: #ffffff;
754
775
  --overlay-borderColor: var(--borderColor-default);
755
776
  --page-header-bgColor: var(--bgColor-muted);
777
+ --progressBar-bgColor-accent: var(--bgColor-accent-emphasis);
778
+ --progressBar-bgColor-attention: var(--bgColor-attention-emphasis);
779
+ --progressBar-bgColor-danger: var(--bgColor-danger-emphasis);
780
+ --progressBar-bgColor-done: var(--bgColor-done-emphasis);
781
+ --progressBar-bgColor-severe: var(--bgColor-severe-emphasis);
782
+ --progressBar-bgColor-sponsors: var(--bgColor-sponsors-emphasis);
783
+ --progressBar-bgColor-success: var(--bgColor-success-emphasis);
756
784
  --selection-bgColor: #0349b433;
757
785
  --shadow-inset: inset 0px 1px 0px 0px #0104090a;
758
786
  --shadow-resting-small: 0px 1px 1px 0px #0104090f, 0px 1px 3px 0px #0104090f;
@@ -816,6 +844,7 @@
816
844
  --diffBlob-hunkNum-fgColor-hover: var(--fgColor-default);
817
845
  --diffBlob-hunkNum-fgColor-rest: var(--fgColor-default);
818
846
  --focus-outline: 2px solid #0349b4;
847
+ --progressBar-track-bgColor: var(--bgColor-default);
819
848
  --reactionButton-selected-fgColor-rest: var(--fgColor-link);
820
849
  --shadow-floating-large: 0px 0px 0px 1px #454c54, 0px 40px 80px 0px #25292e3d;
821
850
  --shadow-floating-medium: 0px 0px 0px 1px #454c54, 0px 8px 16px -4px #25292e14, 0px 4px 32px -4px #25292e14, 0px 24px 48px -12px #25292e14, 0px 48px 96px -24px #25292e14;
@@ -1440,6 +1469,8 @@
1440
1469
  --label-yellow-fgColor-rest: #805900;
1441
1470
  --menu-bgColor-active: #ffffff00;
1442
1471
  --overlay-backdrop-bgColor: #393f4666;
1472
+ --progressBar-bgColor-neutral: #818b98;
1473
+ --progressBar-track-borderColor: #393f46;
1443
1474
  --reactionButton-selected-bgColor-rest: #dff7ff;
1444
1475
  --reactionButton-selected-fgColor-hover: #023b95;
1445
1476
  --selectMenu-bgColor-active: #9cd7ff;
@@ -1578,9 +1609,35 @@
1578
1609
  --focus-outlineColor: var(--borderColor-accent-emphasis);
1579
1610
  --header-fgColor-default: #ffffffb3;
1580
1611
  --header-fgColor-logo: #ffffff;
1612
+ --label-auburn-borderColor: var(--label-auburn-fgColor-rest);
1613
+ --label-blue-borderColor: var(--label-blue-fgColor-rest);
1614
+ --label-brown-borderColor: var(--label-brown-fgColor-rest);
1615
+ --label-coral-borderColor: var(--label-coral-fgColor-rest);
1616
+ --label-cyan-borderColor: var(--label-cyan-fgColor-rest);
1617
+ --label-gray-borderColor: var(--label-gray-fgColor-rest);
1618
+ --label-green-borderColor: var(--label-green-fgColor-rest);
1619
+ --label-indigo-borderColor: var(--label-indigo-fgColor-rest);
1620
+ --label-lemon-borderColor: var(--label-lemon-fgColor-rest);
1621
+ --label-lime-borderColor: var(--label-lime-fgColor-rest);
1622
+ --label-olive-borderColor: var(--label-olive-fgColor-rest);
1623
+ --label-orange-borderColor: var(--label-orange-fgColor-rest);
1624
+ --label-pine-borderColor: var(--label-pine-fgColor-rest);
1625
+ --label-pink-borderColor: var(--label-pink-fgColor-rest);
1626
+ --label-plum-borderColor: var(--label-plum-fgColor-rest);
1627
+ --label-purple-borderColor: var(--label-purple-fgColor-rest);
1628
+ --label-red-borderColor: var(--label-red-fgColor-rest);
1629
+ --label-teal-borderColor: var(--label-teal-fgColor-rest);
1630
+ --label-yellow-borderColor: var(--label-yellow-fgColor-rest);
1581
1631
  --overlay-bgColor: #ffffff;
1582
1632
  --overlay-borderColor: var(--borderColor-default);
1583
1633
  --page-header-bgColor: var(--bgColor-muted);
1634
+ --progressBar-bgColor-accent: var(--bgColor-accent-emphasis);
1635
+ --progressBar-bgColor-attention: var(--bgColor-attention-emphasis);
1636
+ --progressBar-bgColor-danger: var(--bgColor-danger-emphasis);
1637
+ --progressBar-bgColor-done: var(--bgColor-done-emphasis);
1638
+ --progressBar-bgColor-severe: var(--bgColor-severe-emphasis);
1639
+ --progressBar-bgColor-sponsors: var(--bgColor-sponsors-emphasis);
1640
+ --progressBar-bgColor-success: var(--bgColor-success-emphasis);
1584
1641
  --selection-bgColor: #0349b433;
1585
1642
  --shadow-inset: inset 0px 1px 0px 0px #0104090a;
1586
1643
  --shadow-resting-small: 0px 1px 1px 0px #0104090f, 0px 1px 3px 0px #0104090f;
@@ -1644,6 +1701,7 @@
1644
1701
  --diffBlob-hunkNum-fgColor-hover: var(--fgColor-default);
1645
1702
  --diffBlob-hunkNum-fgColor-rest: var(--fgColor-default);
1646
1703
  --focus-outline: 2px solid #0349b4;
1704
+ --progressBar-track-bgColor: var(--bgColor-default);
1647
1705
  --reactionButton-selected-fgColor-rest: var(--fgColor-link);
1648
1706
  --shadow-floating-large: 0px 0px 0px 1px #454c54, 0px 40px 80px 0px #25292e3d;
1649
1707
  --shadow-floating-medium: 0px 0px 0px 1px #454c54, 0px 8px 16px -4px #25292e14, 0px 4px 32px -4px #25292e14, 0px 24px 48px -12px #25292e14, 0px 48px 96px -24px #25292e14;
package/dist/css/functional/themes/light-colorblind.css CHANGED
@@ -495,119 +495,139 @@
495
495
  --label-auburn-bgColor-active: #d4b7b5;
496
496
  --label-auburn-bgColor-hover: #e6d6d5;
497
497
  --label-auburn-bgColor-rest: #f2e9e9;
498
+ --label-auburn-borderColor: #ffffff00;
498
499
  --label-auburn-fgColor-active: #5d3937;
499
500
  --label-auburn-fgColor-hover: #744744;
500
501
  --label-auburn-fgColor-rest: #8a5551;
501
502
  --label-blue-bgColor-active: #75c8ff;
502
503
  --label-blue-bgColor-hover: #ade1ff;
503
504
  --label-blue-bgColor-rest: #d1f0ff;
505
+ --label-blue-borderColor: #ffffff00;
504
506
  --label-blue-fgColor-active: #003d99;
505
507
  --label-blue-fgColor-hover: #004db3;
506
508
  --label-blue-fgColor-rest: #005fcc;
507
509
  --label-brown-bgColor-active: #cbbda4;
508
510
  --label-brown-bgColor-hover: #dfd7c8;
509
511
  --label-brown-bgColor-rest: #eeeae2;
512
+ --label-brown-borderColor: #ffffff00;
510
513
  --label-brown-fgColor-active: #51412f;
511
514
  --label-brown-fgColor-hover: #64513a;
512
515
  --label-brown-fgColor-rest: #755f43;
513
516
  --label-coral-bgColor-active: #fcab92;
514
517
  --label-coral-bgColor-hover: #fecebe;
515
518
  --label-coral-bgColor-rest: #ffe5db;
519
+ --label-coral-borderColor: #ffffff00;
516
520
  --label-coral-fgColor-active: #7e2011;
517
521
  --label-coral-fgColor-hover: #9b2712;
518
522
  --label-coral-fgColor-rest: #ba2e12;
519
523
  --label-cyan-bgColor-active: #00d0fa;
520
524
  --label-cyan-bgColor-hover: #7ae9ff;
521
525
  --label-cyan-bgColor-rest: #bdf4ff;
526
+ --label-cyan-borderColor: #ffffff00;
522
527
  --label-cyan-fgColor-active: #004857;
523
528
  --label-cyan-fgColor-hover: #00596b;
524
529
  --label-cyan-fgColor-rest: #006a80;
525
530
  --label-gray-bgColor-active: #b4c0cf;
526
531
  --label-gray-bgColor-hover: #d2dae4;
527
532
  --label-gray-bgColor-rest: #e8ecf2;
533
+ --label-gray-borderColor: #ffffff00;
528
534
  --label-gray-fgColor-active: #424448;
529
535
  --label-gray-fgColor-hover: #4e535a;
530
536
  --label-gray-fgColor-rest: #5c6570;
531
537
  --label-green-bgColor-active: #54d961;
532
538
  --label-green-bgColor-hover: #9ceda0;
533
539
  --label-green-bgColor-rest: #caf7ca;
540
+ --label-green-borderColor: #ffffff00;
534
541
  --label-green-fgColor-active: #254b34;
535
542
  --label-green-fgColor-hover: #285c3b;
536
543
  --label-green-fgColor-rest: #2b6e3f;
537
544
  --label-indigo-bgColor-active: #b1b9fb;
538
545
  --label-indigo-bgColor-hover: #d2d7fe;
539
546
  --label-indigo-bgColor-rest: #e5e9ff;
547
+ --label-indigo-borderColor: #ffffff00;
540
548
  --label-indigo-fgColor-active: #2d2db4;
541
549
  --label-indigo-fgColor-hover: #393cd5;
542
550
  --label-indigo-fgColor-rest: #494edf;
543
551
  --label-lemon-bgColor-active: #d8bd0e;
544
552
  --label-lemon-bgColor-hover: #f0db3d;
545
553
  --label-lemon-bgColor-rest: #f7eea1;
554
+ --label-lemon-borderColor: #ffffff00;
546
555
  --label-lemon-fgColor-active: #523f00;
547
556
  --label-lemon-fgColor-hover: #654f01;
548
557
  --label-lemon-fgColor-rest: #786002;
549
558
  --label-lime-bgColor-active: #9bd039;
550
559
  --label-lime-bgColor-hover: #c7e580;
551
560
  --label-lime-bgColor-rest: #e3f2b5;
561
+ --label-lime-borderColor: #ffffff00;
552
562
  --label-lime-fgColor-active: #2f4a21;
553
563
  --label-lime-fgColor-hover: #3a5b25;
554
564
  --label-lime-fgColor-rest: #476c28;
555
565
  --label-olive-bgColor-active: #b9c832;
556
566
  --label-olive-bgColor-hover: #dbe170;
557
567
  --label-olive-bgColor-rest: #f0f0ad;
568
+ --label-olive-borderColor: #ffffff00;
558
569
  --label-olive-fgColor-active: #3b4927;
559
570
  --label-olive-fgColor-hover: #495a2b;
560
571
  --label-olive-fgColor-rest: #56682c;
561
572
  --label-orange-bgColor-active: #fbaf74;
562
573
  --label-orange-bgColor-hover: #fecfaa;
563
574
  --label-orange-bgColor-rest: #ffe7d1;
575
+ --label-orange-borderColor: #ffffff00;
564
576
  --label-orange-fgColor-active: #70300f;
565
577
  --label-orange-fgColor-hover: #8d3c11;
566
578
  --label-orange-fgColor-rest: #a24610;
567
579
  --label-pine-bgColor-active: #1dd781;
568
580
  --label-pine-bgColor-hover: #80efb9;
569
581
  --label-pine-bgColor-rest: #bff8db;
582
+ --label-pine-borderColor: #ffffff00;
570
583
  --label-pine-fgColor-active: #114b36;
571
584
  --label-pine-fgColor-hover: #135d41;
572
585
  --label-pine-fgColor-rest: #156f4b;
573
586
  --label-pink-bgColor-active: #f8a5cf;
574
587
  --label-pink-bgColor-hover: #fdc9e2;
575
588
  --label-pink-bgColor-rest: #ffe5f1;
589
+ --label-pink-borderColor: #ffffff00;
576
590
  --label-pink-fgColor-active: #6e2b53;
577
591
  --label-pink-fgColor-hover: #8e2e66;
578
592
  --label-pink-fgColor-rest: #b12f79;
579
593
  --label-plum-bgColor-active: #e2a7fb;
580
594
  --label-plum-bgColor-hover: #f0cdfe;
581
595
  --label-plum-bgColor-rest: #f8e5ff;
596
+ --label-plum-borderColor: #ffffff00;
582
597
  --label-plum-fgColor-active: #651d96;
583
598
  --label-plum-fgColor-hover: #7d1eb8;
584
599
  --label-plum-fgColor-rest: #961edc;
585
600
  --label-purple-bgColor-active: #d1b1fc;
586
601
  --label-purple-bgColor-hover: #e6d2fe;
587
602
  --label-purple-bgColor-rest: #f1e5ff;
603
+ --label-purple-borderColor: #ffffff00;
588
604
  --label-purple-fgColor-active: #4f21ab;
589
605
  --label-purple-fgColor-hover: #6223d7;
590
606
  --label-purple-fgColor-rest: #783ae4;
591
607
  --label-red-bgColor-active: #fda5a7;
592
608
  --label-red-bgColor-hover: #fecdcd;
593
609
  --label-red-bgColor-rest: #ffe2e0;
610
+ --label-red-borderColor: #ffffff00;
594
611
  --label-red-fgColor-active: #880c27;
595
612
  --label-red-fgColor-hover: #a60c29;
596
613
  --label-red-fgColor-rest: #c50d28;
597
614
  --label-teal-bgColor-active: #22d3c7;
598
615
  --label-teal-bgColor-hover: #89ebe1;
599
616
  --label-teal-bgColor-rest: #c7f5ef;
617
+ --label-teal-borderColor: #ffffff00;
600
618
  --label-teal-fgColor-active: #0a4852;
601
619
  --label-teal-fgColor-hover: #0d5b63;
602
620
  --label-teal-fgColor-rest: #106e75;
603
621
  --label-yellow-bgColor-active: #ebb400;
604
622
  --label-yellow-bgColor-hover: #ffd642;
605
623
  --label-yellow-bgColor-rest: #ffec9e;
624
+ --label-yellow-borderColor: #ffffff00;
606
625
  --label-yellow-fgColor-active: #5c3d00;
607
626
  --label-yellow-fgColor-hover: #704d00;
608
627
  --label-yellow-fgColor-rest: #805900;
609
628
  --menu-bgColor-active: #ffffff00;
610
629
  --overlay-backdrop-bgColor: #c8d1da66;
630
+ --progressBar-track-borderColor: #ffffff00;
611
631
  --reactionButton-selected-bgColor-rest: #ddf4ff;
612
632
  --reactionButton-selected-fgColor-hover: #0550ae;
613
633
  --selectMenu-bgColor-active: #b6e3ff;
@@ -753,6 +773,15 @@
753
773
  --header-fgColor-logo: #ffffff;
754
774
  --overlay-bgColor: #ffffff;
755
775
  --page-header-bgColor: var(--bgColor-muted);
776
+ --progressBar-bgColor-accent: var(--bgColor-accent-emphasis);
777
+ --progressBar-bgColor-attention: var(--bgColor-attention-emphasis);
778
+ --progressBar-bgColor-danger: var(--bgColor-danger-emphasis);
779
+ --progressBar-bgColor-done: var(--bgColor-done-emphasis);
780
+ --progressBar-bgColor-neutral: var(--bgColor-neutral-emphasis);
781
+ --progressBar-bgColor-severe: var(--bgColor-severe-emphasis);
782
+ --progressBar-bgColor-sponsors: var(--bgColor-sponsors-emphasis);
783
+ --progressBar-bgColor-success: var(--bgColor-success-emphasis);
784
+ --progressBar-track-bgColor: var(--borderColor-default);
756
785
  --selection-bgColor: #0969da33;
757
786
  --shadow-inset: inset 0px 1px 0px 0px #1f23280a;
758
787
  --shadow-resting-small: 0px 1px 1px 0px #1f23280f, 0px 1px 3px 0px #1f23280f;
@@ -799,7 +828,7 @@
799
828
  --controlKnob-bgColor-disabled: var(--control-bgColor-disabled);
800
829
  --controlKnob-borderColor-checked: var(--control-checked-bgColor-rest);
801
830
  --controlKnob-borderColor-disabled: var(--control-bgColor-disabled);
802
- --controlKnob-borderColor-rest: var(--control-borderColor-emphasis);
831
+ --controlKnob-borderColor-rest: var(--control-borderColor-rest);
803
832
  --controlTrack-fgColor-disabled: var(--fgColor-onEmphasis);
804
833
  --diffBlob-additionLine-fgColor: var(--fgColor-default);
805
834
  --diffBlob-additionNum-fgColor: var(--fgColor-default);
@@ -1323,119 +1352,139 @@
1323
1352
  --label-auburn-bgColor-active: #d4b7b5;
1324
1353
  --label-auburn-bgColor-hover: #e6d6d5;
1325
1354
  --label-auburn-bgColor-rest: #f2e9e9;
1355
+ --label-auburn-borderColor: #ffffff00;
1326
1356
  --label-auburn-fgColor-active: #5d3937;
1327
1357
  --label-auburn-fgColor-hover: #744744;
1328
1358
  --label-auburn-fgColor-rest: #8a5551;
1329
1359
  --label-blue-bgColor-active: #75c8ff;
1330
1360
  --label-blue-bgColor-hover: #ade1ff;
1331
1361
  --label-blue-bgColor-rest: #d1f0ff;
1362
+ --label-blue-borderColor: #ffffff00;
1332
1363
  --label-blue-fgColor-active: #003d99;
1333
1364
  --label-blue-fgColor-hover: #004db3;
1334
1365
  --label-blue-fgColor-rest: #005fcc;
1335
1366
  --label-brown-bgColor-active: #cbbda4;
1336
1367
  --label-brown-bgColor-hover: #dfd7c8;
1337
1368
  --label-brown-bgColor-rest: #eeeae2;
1369
+ --label-brown-borderColor: #ffffff00;
1338
1370
  --label-brown-fgColor-active: #51412f;
1339
1371
  --label-brown-fgColor-hover: #64513a;
1340
1372
  --label-brown-fgColor-rest: #755f43;
1341
1373
  --label-coral-bgColor-active: #fcab92;
1342
1374
  --label-coral-bgColor-hover: #fecebe;
1343
1375
  --label-coral-bgColor-rest: #ffe5db;
1376
+ --label-coral-borderColor: #ffffff00;
1344
1377
  --label-coral-fgColor-active: #7e2011;
1345
1378
  --label-coral-fgColor-hover: #9b2712;
1346
1379
  --label-coral-fgColor-rest: #ba2e12;
1347
1380
  --label-cyan-bgColor-active: #00d0fa;
1348
1381
  --label-cyan-bgColor-hover: #7ae9ff;
1349
1382
  --label-cyan-bgColor-rest: #bdf4ff;
1383
+ --label-cyan-borderColor: #ffffff00;
1350
1384
  --label-cyan-fgColor-active: #004857;
1351
1385
  --label-cyan-fgColor-hover: #00596b;
1352
1386
  --label-cyan-fgColor-rest: #006a80;
1353
1387
  --label-gray-bgColor-active: #b4c0cf;
1354
1388
  --label-gray-bgColor-hover: #d2dae4;
1355
1389
  --label-gray-bgColor-rest: #e8ecf2;
1390
+ --label-gray-borderColor: #ffffff00;
1356
1391
  --label-gray-fgColor-active: #424448;
1357
1392
  --label-gray-fgColor-hover: #4e535a;
1358
1393
  --label-gray-fgColor-rest: #5c6570;
1359
1394
  --label-green-bgColor-active: #54d961;
1360
1395
  --label-green-bgColor-hover: #9ceda0;
1361
1396
  --label-green-bgColor-rest: #caf7ca;
1397
+ --label-green-borderColor: #ffffff00;
1362
1398
  --label-green-fgColor-active: #254b34;
1363
1399
  --label-green-fgColor-hover: #285c3b;
1364
1400
  --label-green-fgColor-rest: #2b6e3f;
1365
1401
  --label-indigo-bgColor-active: #b1b9fb;
1366
1402
  --label-indigo-bgColor-hover: #d2d7fe;
1367
1403
  --label-indigo-bgColor-rest: #e5e9ff;
1404
+ --label-indigo-borderColor: #ffffff00;
1368
1405
  --label-indigo-fgColor-active: #2d2db4;
1369
1406
  --label-indigo-fgColor-hover: #393cd5;
1370
1407
  --label-indigo-fgColor-rest: #494edf;
1371
1408
  --label-lemon-bgColor-active: #d8bd0e;
1372
1409
  --label-lemon-bgColor-hover: #f0db3d;
1373
1410
  --label-lemon-bgColor-rest: #f7eea1;
1411
+ --label-lemon-borderColor: #ffffff00;
1374
1412
  --label-lemon-fgColor-active: #523f00;
1375
1413
  --label-lemon-fgColor-hover: #654f01;
1376
1414
  --label-lemon-fgColor-rest: #786002;
1377
1415
  --label-lime-bgColor-active: #9bd039;
1378
1416
  --label-lime-bgColor-hover: #c7e580;
1379
1417
  --label-lime-bgColor-rest: #e3f2b5;
1418
+ --label-lime-borderColor: #ffffff00;
1380
1419
  --label-lime-fgColor-active: #2f4a21;
1381
1420
  --label-lime-fgColor-hover: #3a5b25;
1382
1421
  --label-lime-fgColor-rest: #476c28;
1383
1422
  --label-olive-bgColor-active: #b9c832;
1384
1423
  --label-olive-bgColor-hover: #dbe170;
1385
1424
  --label-olive-bgColor-rest: #f0f0ad;
1425
+ --label-olive-borderColor: #ffffff00;
1386
1426
  --label-olive-fgColor-active: #3b4927;
1387
1427
  --label-olive-fgColor-hover: #495a2b;
1388
1428
  --label-olive-fgColor-rest: #56682c;
1389
1429
  --label-orange-bgColor-active: #fbaf74;
1390
1430
  --label-orange-bgColor-hover: #fecfaa;
1391
1431
  --label-orange-bgColor-rest: #ffe7d1;
1432
+ --label-orange-borderColor: #ffffff00;
1392
1433
  --label-orange-fgColor-active: #70300f;
1393
1434
  --label-orange-fgColor-hover: #8d3c11;
1394
1435
  --label-orange-fgColor-rest: #a24610;
1395
1436
  --label-pine-bgColor-active: #1dd781;
1396
1437
  --label-pine-bgColor-hover: #80efb9;
1397
1438
  --label-pine-bgColor-rest: #bff8db;
1439
+ --label-pine-borderColor: #ffffff00;
1398
1440
  --label-pine-fgColor-active: #114b36;
1399
1441
  --label-pine-fgColor-hover: #135d41;
1400
1442
  --label-pine-fgColor-rest: #156f4b;
1401
1443
  --label-pink-bgColor-active: #f8a5cf;
1402
1444
  --label-pink-bgColor-hover: #fdc9e2;
1403
1445
  --label-pink-bgColor-rest: #ffe5f1;
1446
+ --label-pink-borderColor: #ffffff00;
1404
1447
  --label-pink-fgColor-active: #6e2b53;
1405
1448
  --label-pink-fgColor-hover: #8e2e66;
1406
1449
  --label-pink-fgColor-rest: #b12f79;
1407
1450
  --label-plum-bgColor-active: #e2a7fb;
1408
1451
  --label-plum-bgColor-hover: #f0cdfe;
1409
1452
  --label-plum-bgColor-rest: #f8e5ff;
1453
+ --label-plum-borderColor: #ffffff00;
1410
1454
  --label-plum-fgColor-active: #651d96;
1411
1455
  --label-plum-fgColor-hover: #7d1eb8;
1412
1456
  --label-plum-fgColor-rest: #961edc;
1413
1457
  --label-purple-bgColor-active: #d1b1fc;
1414
1458
  --label-purple-bgColor-hover: #e6d2fe;
1415
1459
  --label-purple-bgColor-rest: #f1e5ff;
1460
+ --label-purple-borderColor: #ffffff00;
1416
1461
  --label-purple-fgColor-active: #4f21ab;
1417
1462
  --label-purple-fgColor-hover: #6223d7;
1418
1463
  --label-purple-fgColor-rest: #783ae4;
1419
1464
  --label-red-bgColor-active: #fda5a7;
1420
1465
  --label-red-bgColor-hover: #fecdcd;
1421
1466
  --label-red-bgColor-rest: #ffe2e0;
1467
+ --label-red-borderColor: #ffffff00;
1422
1468
  --label-red-fgColor-active: #880c27;
1423
1469
  --label-red-fgColor-hover: #a60c29;
1424
1470
  --label-red-fgColor-rest: #c50d28;
1425
1471
  --label-teal-bgColor-active: #22d3c7;
1426
1472
  --label-teal-bgColor-hover: #89ebe1;
1427
1473
  --label-teal-bgColor-rest: #c7f5ef;
1474
+ --label-teal-borderColor: #ffffff00;
1428
1475
  --label-teal-fgColor-active: #0a4852;
1429
1476
  --label-teal-fgColor-hover: #0d5b63;
1430
1477
  --label-teal-fgColor-rest: #106e75;
1431
1478
  --label-yellow-bgColor-active: #ebb400;
1432
1479
  --label-yellow-bgColor-hover: #ffd642;
1433
1480
  --label-yellow-bgColor-rest: #ffec9e;
1481
+ --label-yellow-borderColor: #ffffff00;
1434
1482
  --label-yellow-fgColor-active: #5c3d00;
1435
1483
  --label-yellow-fgColor-hover: #704d00;
1436
1484
  --label-yellow-fgColor-rest: #805900;
1437
1485
  --menu-bgColor-active: #ffffff00;
1438
1486
  --overlay-backdrop-bgColor: #c8d1da66;
1487
+ --progressBar-track-borderColor: #ffffff00;
1439
1488
  --reactionButton-selected-bgColor-rest: #ddf4ff;
1440
1489
  --reactionButton-selected-fgColor-hover: #0550ae;
1441
1490
  --selectMenu-bgColor-active: #b6e3ff;
@@ -1581,6 +1630,15 @@
1581
1630
  --header-fgColor-logo: #ffffff;
1582
1631
  --overlay-bgColor: #ffffff;
1583
1632
  --page-header-bgColor: var(--bgColor-muted);
1633
+ --progressBar-bgColor-accent: var(--bgColor-accent-emphasis);
1634
+ --progressBar-bgColor-attention: var(--bgColor-attention-emphasis);
1635
+ --progressBar-bgColor-danger: var(--bgColor-danger-emphasis);
1636
+ --progressBar-bgColor-done: var(--bgColor-done-emphasis);
1637
+ --progressBar-bgColor-neutral: var(--bgColor-neutral-emphasis);
1638
+ --progressBar-bgColor-severe: var(--bgColor-severe-emphasis);
1639
+ --progressBar-bgColor-sponsors: var(--bgColor-sponsors-emphasis);
1640
+ --progressBar-bgColor-success: var(--bgColor-success-emphasis);
1641
+ --progressBar-track-bgColor: var(--borderColor-default);
1584
1642
  --selection-bgColor: #0969da33;
1585
1643
  --shadow-inset: inset 0px 1px 0px 0px #1f23280a;
1586
1644
  --shadow-resting-small: 0px 1px 1px 0px #1f23280f, 0px 1px 3px 0px #1f23280f;
@@ -1627,7 +1685,7 @@
1627
1685
  --controlKnob-bgColor-disabled: var(--control-bgColor-disabled);
1628
1686
  --controlKnob-borderColor-checked: var(--control-checked-bgColor-rest);
1629
1687
  --controlKnob-borderColor-disabled: var(--control-bgColor-disabled);
1630
- --controlKnob-borderColor-rest: var(--control-borderColor-emphasis);
1688
+ --controlKnob-borderColor-rest: var(--control-borderColor-rest);
1631
1689
  --controlTrack-fgColor-disabled: var(--fgColor-onEmphasis);
1632
1690
  --diffBlob-additionLine-fgColor: var(--fgColor-default);
1633
1691
  --diffBlob-additionNum-fgColor: var(--fgColor-default);
package/dist/css/functional/themes/light-high-contrast.css CHANGED
@@ -605,6 +605,8 @@
605
605
  --label-yellow-fgColor-rest: #805900;
606
606
  --menu-bgColor-active: #ffffff00;
607
607
  --overlay-backdrop-bgColor: #393f4666;
608
+ --progressBar-bgColor-neutral: #818b98;
609
+ --progressBar-track-borderColor: #393f46;
608
610
  --reactionButton-selected-bgColor-rest: #dff7ff;
609
611
  --reactionButton-selected-fgColor-hover: #023b95;
610
612
  --selectMenu-bgColor-active: #9cd7ff;
@@ -751,9 +753,35 @@
751
753
  --focus-outlineColor: var(--borderColor-accent-emphasis);
752
754
  --header-fgColor-default: #ffffffb3;
753
755
  --header-fgColor-logo: #ffffff;
756
+ --label-auburn-borderColor: var(--label-auburn-fgColor-rest);
757
+ --label-blue-borderColor: var(--label-blue-fgColor-rest);
758
+ --label-brown-borderColor: var(--label-brown-fgColor-rest);
759
+ --label-coral-borderColor: var(--label-coral-fgColor-rest);
760
+ --label-cyan-borderColor: var(--label-cyan-fgColor-rest);
761
+ --label-gray-borderColor: var(--label-gray-fgColor-rest);
762
+ --label-green-borderColor: var(--label-green-fgColor-rest);
763
+ --label-indigo-borderColor: var(--label-indigo-fgColor-rest);
764
+ --label-lemon-borderColor: var(--label-lemon-fgColor-rest);
765
+ --label-lime-borderColor: var(--label-lime-fgColor-rest);
766
+ --label-olive-borderColor: var(--label-olive-fgColor-rest);
767
+ --label-orange-borderColor: var(--label-orange-fgColor-rest);
768
+ --label-pine-borderColor: var(--label-pine-fgColor-rest);
769
+ --label-pink-borderColor: var(--label-pink-fgColor-rest);
770
+ --label-plum-borderColor: var(--label-plum-fgColor-rest);
771
+ --label-purple-borderColor: var(--label-purple-fgColor-rest);
772
+ --label-red-borderColor: var(--label-red-fgColor-rest);
773
+ --label-teal-borderColor: var(--label-teal-fgColor-rest);
774
+ --label-yellow-borderColor: var(--label-yellow-fgColor-rest);
754
775
  --overlay-bgColor: #ffffff;
755
776
  --overlay-borderColor: var(--borderColor-default);
756
777
  --page-header-bgColor: var(--bgColor-muted);
778
+ --progressBar-bgColor-accent: var(--bgColor-accent-emphasis);
779
+ --progressBar-bgColor-attention: var(--bgColor-attention-emphasis);
780
+ --progressBar-bgColor-danger: var(--bgColor-danger-emphasis);
781
+ --progressBar-bgColor-done: var(--bgColor-done-emphasis);
782
+ --progressBar-bgColor-severe: var(--bgColor-severe-emphasis);
783
+ --progressBar-bgColor-sponsors: var(--bgColor-sponsors-emphasis);
784
+ --progressBar-bgColor-success: var(--bgColor-success-emphasis);
757
785
  --selection-bgColor: #0349b433;
758
786
  --shadow-inset: inset 0px 1px 0px 0px #0104090a;
759
787
  --shadow-resting-small: 0px 1px 1px 0px #0104090f, 0px 1px 3px 0px #0104090f;
@@ -816,6 +844,7 @@
816
844
  --diffBlob-hunkNum-fgColor-hover: var(--fgColor-onEmphasis);
817
845
  --diffBlob-hunkNum-fgColor-rest: var(--fgColor-default);
818
846
  --focus-outline: 2px solid #0349b4;
847
+ --progressBar-track-bgColor: var(--bgColor-default);
819
848
  --reactionButton-selected-fgColor-rest: var(--fgColor-link);
820
849
  --shadow-floating-large: 0px 0px 0px 1px #454c54, 0px 40px 80px 0px #25292e3d;
821
850
  --shadow-floating-medium: 0px 0px 0px 1px #454c54, 0px 8px 16px -4px #25292e14, 0px 4px 32px -4px #25292e14, 0px 24px 48px -12px #25292e14, 0px 48px 96px -24px #25292e14;
@@ -1433,6 +1462,8 @@
1433
1462
  --label-yellow-fgColor-rest: #805900;
1434
1463
  --menu-bgColor-active: #ffffff00;
1435
1464
  --overlay-backdrop-bgColor: #393f4666;
1465
+ --progressBar-bgColor-neutral: #818b98;
1466
+ --progressBar-track-borderColor: #393f46;
1436
1467
  --reactionButton-selected-bgColor-rest: #dff7ff;
1437
1468
  --reactionButton-selected-fgColor-hover: #023b95;
1438
1469
  --selectMenu-bgColor-active: #9cd7ff;
@@ -1579,9 +1610,35 @@
1579
1610
  --focus-outlineColor: var(--borderColor-accent-emphasis);
1580
1611
  --header-fgColor-default: #ffffffb3;
1581
1612
  --header-fgColor-logo: #ffffff;
1613
+ --label-auburn-borderColor: var(--label-auburn-fgColor-rest);
1614
+ --label-blue-borderColor: var(--label-blue-fgColor-rest);
1615
+ --label-brown-borderColor: var(--label-brown-fgColor-rest);
1616
+ --label-coral-borderColor: var(--label-coral-fgColor-rest);
1617
+ --label-cyan-borderColor: var(--label-cyan-fgColor-rest);
1618
+ --label-gray-borderColor: var(--label-gray-fgColor-rest);
1619
+ --label-green-borderColor: var(--label-green-fgColor-rest);
1620
+ --label-indigo-borderColor: var(--label-indigo-fgColor-rest);
1621
+ --label-lemon-borderColor: var(--label-lemon-fgColor-rest);
1622
+ --label-lime-borderColor: var(--label-lime-fgColor-rest);
1623
+ --label-olive-borderColor: var(--label-olive-fgColor-rest);
1624
+ --label-orange-borderColor: var(--label-orange-fgColor-rest);
1625
+ --label-pine-borderColor: var(--label-pine-fgColor-rest);
1626
+ --label-pink-borderColor: var(--label-pink-fgColor-rest);
1627
+ --label-plum-borderColor: var(--label-plum-fgColor-rest);
1628
+ --label-purple-borderColor: var(--label-purple-fgColor-rest);
1629
+ --label-red-borderColor: var(--label-red-fgColor-rest);
1630
+ --label-teal-borderColor: var(--label-teal-fgColor-rest);
1631
+ --label-yellow-borderColor: var(--label-yellow-fgColor-rest);
1582
1632
  --overlay-bgColor: #ffffff;
1583
1633
  --overlay-borderColor: var(--borderColor-default);
1584
1634
  --page-header-bgColor: var(--bgColor-muted);
1635
+ --progressBar-bgColor-accent: var(--bgColor-accent-emphasis);
1636
+ --progressBar-bgColor-attention: var(--bgColor-attention-emphasis);
1637
+ --progressBar-bgColor-danger: var(--bgColor-danger-emphasis);
1638
+ --progressBar-bgColor-done: var(--bgColor-done-emphasis);
1639
+ --progressBar-bgColor-severe: var(--bgColor-severe-emphasis);
1640
+ --progressBar-bgColor-sponsors: var(--bgColor-sponsors-emphasis);
1641
+ --progressBar-bgColor-success: var(--bgColor-success-emphasis);
1585
1642
  --selection-bgColor: #0349b433;
1586
1643
  --shadow-inset: inset 0px 1px 0px 0px #0104090a;
1587
1644
  --shadow-resting-small: 0px 1px 1px 0px #0104090f, 0px 1px 3px 0px #0104090f;
@@ -1644,6 +1701,7 @@
1644
1701
  --diffBlob-hunkNum-fgColor-hover: var(--fgColor-onEmphasis);
1645
1702
  --diffBlob-hunkNum-fgColor-rest: var(--fgColor-default);
1646
1703
  --focus-outline: 2px solid #0349b4;
1704
+ --progressBar-track-bgColor: var(--bgColor-default);
1647
1705
  --reactionButton-selected-fgColor-rest: var(--fgColor-link);
1648
1706
  --shadow-floating-large: 0px 0px 0px 1px #454c54, 0px 40px 80px 0px #25292e3d;
1649
1707
  --shadow-floating-medium: 0px 0px 0px 1px #454c54, 0px 8px 16px -4px #25292e14, 0px 4px 32px -4px #25292e14, 0px 24px 48px -12px #25292e14, 0px 48px 96px -24px #25292e14;
package/dist/css/functional/themes/light-tritanopia-high-contrast.css CHANGED
@@ -612,6 +612,8 @@
612
612
  --label-yellow-fgColor-rest: #805900;
613
613
  --menu-bgColor-active: #ffffff00;
614
614
  --overlay-backdrop-bgColor: #393f4666;
615
+ --progressBar-bgColor-neutral: #818b98;
616
+ --progressBar-track-borderColor: #393f46;
615
617
  --reactionButton-selected-bgColor-rest: #dff7ff;
616
618
  --reactionButton-selected-fgColor-hover: #023b95;
617
619
  --selectMenu-bgColor-active: #9cd7ff;
@@ -750,9 +752,35 @@
750
752
  --focus-outlineColor: var(--borderColor-accent-emphasis);
751
753
  --header-fgColor-default: #ffffffb3;
752
754
  --header-fgColor-logo: #ffffff;
755
+ --label-auburn-borderColor: var(--label-auburn-fgColor-rest);
756
+ --label-blue-borderColor: var(--label-blue-fgColor-rest);
757
+ --label-brown-borderColor: var(--label-brown-fgColor-rest);
758
+ --label-coral-borderColor: var(--label-coral-fgColor-rest);
759
+ --label-cyan-borderColor: var(--label-cyan-fgColor-rest);
760
+ --label-gray-borderColor: var(--label-gray-fgColor-rest);
761
+ --label-green-borderColor: var(--label-green-fgColor-rest);
762
+ --label-indigo-borderColor: var(--label-indigo-fgColor-rest);
763
+ --label-lemon-borderColor: var(--label-lemon-fgColor-rest);
764
+ --label-lime-borderColor: var(--label-lime-fgColor-rest);
765
+ --label-olive-borderColor: var(--label-olive-fgColor-rest);
766
+ --label-orange-borderColor: var(--label-orange-fgColor-rest);
767
+ --label-pine-borderColor: var(--label-pine-fgColor-rest);
768
+ --label-pink-borderColor: var(--label-pink-fgColor-rest);
769
+ --label-plum-borderColor: var(--label-plum-fgColor-rest);
770
+ --label-purple-borderColor: var(--label-purple-fgColor-rest);
771
+ --label-red-borderColor: var(--label-red-fgColor-rest);
772
+ --label-teal-borderColor: var(--label-teal-fgColor-rest);
773
+ --label-yellow-borderColor: var(--label-yellow-fgColor-rest);
753
774
  --overlay-bgColor: #ffffff;
754
775
  --overlay-borderColor: var(--borderColor-default);
755
776
  --page-header-bgColor: var(--bgColor-muted);
777
+ --progressBar-bgColor-accent: var(--bgColor-accent-emphasis);
778
+ --progressBar-bgColor-attention: var(--bgColor-attention-emphasis);
779
+ --progressBar-bgColor-danger: var(--bgColor-danger-emphasis);
780
+ --progressBar-bgColor-done: var(--bgColor-done-emphasis);
781
+ --progressBar-bgColor-severe: var(--bgColor-severe-emphasis);
782
+ --progressBar-bgColor-sponsors: var(--bgColor-sponsors-emphasis);
783
+ --progressBar-bgColor-success: var(--bgColor-success-emphasis);
756
784
  --selection-bgColor: #0349b433;
757
785
  --shadow-inset: inset 0px 1px 0px 0px #0104090a;
758
786
  --shadow-resting-small: 0px 1px 1px 0px #0104090f, 0px 1px 3px 0px #0104090f;
@@ -816,6 +844,7 @@
816
844
  --diffBlob-hunkNum-fgColor-hover: var(--fgColor-default);
817
845
  --diffBlob-hunkNum-fgColor-rest: var(--fgColor-default);
818
846
  --focus-outline: 2px solid #0349b4;
847
+ --progressBar-track-bgColor: var(--bgColor-default);
819
848
  --reactionButton-selected-fgColor-rest: var(--fgColor-link);
820
849
  --shadow-floating-large: 0px 0px 0px 1px #454c54, 0px 40px 80px 0px #25292e3d;
821
850
  --shadow-floating-medium: 0px 0px 0px 1px #454c54, 0px 8px 16px -4px #25292e14, 0px 4px 32px -4px #25292e14, 0px 24px 48px -12px #25292e14, 0px 48px 96px -24px #25292e14;
@@ -1440,6 +1469,8 @@
1440
1469
  --label-yellow-fgColor-rest: #805900;
1441
1470
  --menu-bgColor-active: #ffffff00;
1442
1471
  --overlay-backdrop-bgColor: #393f4666;
1472
+ --progressBar-bgColor-neutral: #818b98;
1473
+ --progressBar-track-borderColor: #393f46;
1443
1474
  --reactionButton-selected-bgColor-rest: #dff7ff;
1444
1475
  --reactionButton-selected-fgColor-hover: #023b95;
1445
1476
  --selectMenu-bgColor-active: #9cd7ff;
@@ -1578,9 +1609,35 @@
1578
1609
  --focus-outlineColor: var(--borderColor-accent-emphasis);
1579
1610
  --header-fgColor-default: #ffffffb3;
1580
1611
  --header-fgColor-logo: #ffffff;
1612
+ --label-auburn-borderColor: var(--label-auburn-fgColor-rest);
1613
+ --label-blue-borderColor: var(--label-blue-fgColor-rest);
1614
+ --label-brown-borderColor: var(--label-brown-fgColor-rest);
1615
+ --label-coral-borderColor: var(--label-coral-fgColor-rest);
1616
+ --label-cyan-borderColor: var(--label-cyan-fgColor-rest);
1617
+ --label-gray-borderColor: var(--label-gray-fgColor-rest);
1618
+ --label-green-borderColor: var(--label-green-fgColor-rest);
1619
+ --label-indigo-borderColor: var(--label-indigo-fgColor-rest);
1620
+ --label-lemon-borderColor: var(--label-lemon-fgColor-rest);
1621
+ --label-lime-borderColor: var(--label-lime-fgColor-rest);
1622
+ --label-olive-borderColor: var(--label-olive-fgColor-rest);
1623
+ --label-orange-borderColor: var(--label-orange-fgColor-rest);
1624
+ --label-pine-borderColor: var(--label-pine-fgColor-rest);
1625
+ --label-pink-borderColor: var(--label-pink-fgColor-rest);
1626
+ --label-plum-borderColor: var(--label-plum-fgColor-rest);
1627
+ --label-purple-borderColor: var(--label-purple-fgColor-rest);
1628
+ --label-red-borderColor: var(--label-red-fgColor-rest);
1629
+ --label-teal-borderColor: var(--label-teal-fgColor-rest);
1630
+ --label-yellow-borderColor: var(--label-yellow-fgColor-rest);
1581
1631
  --overlay-bgColor: #ffffff;
1582
1632
  --overlay-borderColor: var(--borderColor-default);
1583
1633
  --page-header-bgColor: var(--bgColor-muted);
1634
+ --progressBar-bgColor-accent: var(--bgColor-accent-emphasis);
1635
+ --progressBar-bgColor-attention: var(--bgColor-attention-emphasis);
1636
+ --progressBar-bgColor-danger: var(--bgColor-danger-emphasis);
1637
+ --progressBar-bgColor-done: var(--bgColor-done-emphasis);
1638
+ --progressBar-bgColor-severe: var(--bgColor-severe-emphasis);
1639
+ --progressBar-bgColor-sponsors: var(--bgColor-sponsors-emphasis);
1640
+ --progressBar-bgColor-success: var(--bgColor-success-emphasis);
1584
1641
  --selection-bgColor: #0349b433;
1585
1642
  --shadow-inset: inset 0px 1px 0px 0px #0104090a;
1586
1643
  --shadow-resting-small: 0px 1px 1px 0px #0104090f, 0px 1px 3px 0px #0104090f;
@@ -1644,6 +1701,7 @@
1644
1701
  --diffBlob-hunkNum-fgColor-hover: var(--fgColor-default);
1645
1702
  --diffBlob-hunkNum-fgColor-rest: var(--fgColor-default);
1646
1703
  --focus-outline: 2px solid #0349b4;
1704
+ --progressBar-track-bgColor: var(--bgColor-default);
1647
1705
  --reactionButton-selected-fgColor-rest: var(--fgColor-link);
1648
1706
  --shadow-floating-large: 0px 0px 0px 1px #454c54, 0px 40px 80px 0px #25292e3d;
1649
1707
  --shadow-floating-medium: 0px 0px 0px 1px #454c54, 0px 8px 16px -4px #25292e14, 0px 4px 32px -4px #25292e14, 0px 24px 48px -12px #25292e14, 0px 48px 96px -24px #25292e14;