@primer/primitives 11.0.1-rc.84dc6db1 → 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 (73) hide show
  1. package/dist/css/functional/themes/dark-colorblind-high-contrast.css +20 -0
  2. package/dist/css/functional/themes/dark-colorblind.css +22 -2
  3. package/dist/css/functional/themes/dark-dimmed-high-contrast.css +20 -0
  4. package/dist/css/functional/themes/dark-dimmed.css +22 -2
  5. package/dist/css/functional/themes/dark-high-contrast.css +20 -0
  6. package/dist/css/functional/themes/dark-tritanopia-high-contrast.css +20 -0
  7. package/dist/css/functional/themes/dark-tritanopia.css +22 -2
  8. package/dist/css/functional/themes/dark.css +22 -2
  9. package/dist/css/functional/themes/light-colorblind-high-contrast.css +20 -0
  10. package/dist/css/functional/themes/light-colorblind.css +22 -2
  11. package/dist/css/functional/themes/light-high-contrast.css +20 -0
  12. package/dist/css/functional/themes/light-tritanopia-high-contrast.css +20 -0
  13. package/dist/css/functional/themes/light-tritanopia.css +22 -2
  14. package/dist/css/functional/themes/light.css +22 -2
  15. package/dist/docs/functional/themes/dark-colorblind-high-contrast.json +360 -2
  16. package/dist/docs/functional/themes/dark-colorblind.json +362 -4
  17. package/dist/docs/functional/themes/dark-dimmed-high-contrast.json +360 -2
  18. package/dist/docs/functional/themes/dark-dimmed.json +362 -4
  19. package/dist/docs/functional/themes/dark-high-contrast.json +360 -2
  20. package/dist/docs/functional/themes/dark-tritanopia-high-contrast.json +360 -2
  21. package/dist/docs/functional/themes/dark-tritanopia.json +362 -4
  22. package/dist/docs/functional/themes/dark.json +362 -4
  23. package/dist/docs/functional/themes/light-colorblind-high-contrast.json +360 -2
  24. package/dist/docs/functional/themes/light-colorblind.json +362 -4
  25. package/dist/docs/functional/themes/light-high-contrast.json +360 -2
  26. package/dist/docs/functional/themes/light-tritanopia-high-contrast.json +360 -2
  27. package/dist/docs/functional/themes/light-tritanopia.json +362 -4
  28. package/dist/docs/functional/themes/light.json +362 -4
  29. package/dist/figma/themes/dark-colorblind-high-contrast.json +160 -0
  30. package/dist/figma/themes/dark-colorblind.json +164 -4
  31. package/dist/figma/themes/dark-dimmed-high-contrast.json +160 -0
  32. package/dist/figma/themes/dark-dimmed.json +164 -4
  33. package/dist/figma/themes/dark-high-contrast.json +160 -0
  34. package/dist/figma/themes/dark-tritanopia-high-contrast.json +160 -0
  35. package/dist/figma/themes/dark-tritanopia.json +164 -4
  36. package/dist/figma/themes/dark.json +164 -4
  37. package/dist/figma/themes/light-colorblind-high-contrast.json +160 -0
  38. package/dist/figma/themes/light-colorblind.json +164 -4
  39. package/dist/figma/themes/light-high-contrast.json +160 -0
  40. package/dist/figma/themes/light-tritanopia-high-contrast.json +160 -0
  41. package/dist/figma/themes/light-tritanopia.json +164 -4
  42. package/dist/figma/themes/light.json +164 -4
  43. package/dist/internalCss/dark-colorblind-high-contrast.css +20 -0
  44. package/dist/internalCss/dark-colorblind.css +22 -2
  45. package/dist/internalCss/dark-dimmed-high-contrast.css +20 -0
  46. package/dist/internalCss/dark-dimmed.css +22 -2
  47. package/dist/internalCss/dark-high-contrast.css +20 -0
  48. package/dist/internalCss/dark-tritanopia-high-contrast.css +20 -0
  49. package/dist/internalCss/dark-tritanopia.css +22 -2
  50. package/dist/internalCss/dark.css +22 -2
  51. package/dist/internalCss/light-colorblind-high-contrast.css +20 -0
  52. package/dist/internalCss/light-colorblind.css +22 -2
  53. package/dist/internalCss/light-high-contrast.css +20 -0
  54. package/dist/internalCss/light-tritanopia-high-contrast.css +20 -0
  55. package/dist/internalCss/light-tritanopia.css +22 -2
  56. package/dist/internalCss/light.css +22 -2
  57. package/dist/styleLint/functional/themes/dark-colorblind-high-contrast.json +360 -2
  58. package/dist/styleLint/functional/themes/dark-colorblind.json +362 -4
  59. package/dist/styleLint/functional/themes/dark-dimmed-high-contrast.json +360 -2
  60. package/dist/styleLint/functional/themes/dark-dimmed.json +362 -4
  61. package/dist/styleLint/functional/themes/dark-high-contrast.json +360 -2
  62. package/dist/styleLint/functional/themes/dark-tritanopia-high-contrast.json +360 -2
  63. package/dist/styleLint/functional/themes/dark-tritanopia.json +362 -4
  64. package/dist/styleLint/functional/themes/dark.json +362 -4
  65. package/dist/styleLint/functional/themes/light-colorblind-high-contrast.json +360 -2
  66. package/dist/styleLint/functional/themes/light-colorblind.json +362 -4
  67. package/dist/styleLint/functional/themes/light-high-contrast.json +360 -2
  68. package/dist/styleLint/functional/themes/light-tritanopia-high-contrast.json +360 -2
  69. package/dist/styleLint/functional/themes/light-tritanopia.json +362 -4
  70. package/dist/styleLint/functional/themes/light.json +362 -4
  71. package/package.json +1 -1
  72. package/src/tokens/component/progressBar.json5 +145 -0
  73. package/src/tokens/functional/color/control.json5 +9 -2
package/dist/css/functional/themes/dark-colorblind-high-contrast.css CHANGED
@@ -626,6 +626,7 @@
626
626
  --label-yellow-fgColor-rest: #d3910d;
627
627
  --menu-bgColor-active: #151b23;
628
628
  --overlay-backdrop-bgColor: #d1d7e066;
629
+ --progressBar-bgColor-neutral: #656c76;
629
630
  --reactionButton-selected-bgColor-rest: #5cacff33;
630
631
  --reactionButton-selected-fgColor-hover: #91cbff;
631
632
  --selectMenu-bgColor-active: #1e60d5;
@@ -763,6 +764,13 @@
763
764
  --label-yellow-borderColor: var(--label-yellow-fgColor-rest);
764
765
  --overlay-bgColor: #010409;
765
766
  --overlay-borderColor: var(--borderColor-default);
767
+ --progressBar-bgColor-accent: var(--bgColor-accent-emphasis);
768
+ --progressBar-bgColor-attention: var(--bgColor-attention-emphasis);
769
+ --progressBar-bgColor-danger: var(--bgColor-danger-emphasis);
770
+ --progressBar-bgColor-done: var(--bgColor-done-emphasis);
771
+ --progressBar-bgColor-severe: var(--bgColor-severe-emphasis);
772
+ --progressBar-bgColor-sponsors: var(--bgColor-sponsors-emphasis);
773
+ --progressBar-bgColor-success: var(--bgColor-success-emphasis);
766
774
  --reactionButton-selected-fgColor-rest: var(--fgColor-link);
767
775
  --selectMenu-borderColor: var(--borderColor-default);
768
776
  --selection-bgColor: #194fb1b3;
@@ -827,6 +835,7 @@
827
835
  --diffBlob-hunkNum-fgColor-rest: var(--fgColor-default);
828
836
  --focus-outline: 2px solid #409eff;
829
837
  --page-header-bgColor: var(--bgColor-default);
838
+ --progressBar-track-bgColor: var(--bgColor-inverse);
830
839
  --shadow-floating-large: 0px 0px 0px 1px #b7bdc8, 0px 24px 48px 0px #010409;
831
840
  --shadow-floating-medium: 0px 0px 0px 1px #b7bdc8, 0px 8px 16px -4px #01040966, 0px 4px 32px -4px #01040966, 0px 24px 48px -12px #01040966, 0px 48px 96px -24px #01040966;
832
841
  --shadow-floating-small: 0px 0px 0px 1px #b7bdc8, 0px 6px 12px -3px #01040966, 0px 6px 18px 0px #01040966;
@@ -842,6 +851,7 @@
842
851
  --button-invisible-fgColor-hover: var(--control-fgColor-rest);
843
852
  --button-invisible-fgColor-rest: var(--control-fgColor-rest);
844
853
  --controlKnob-borderColor-rest: var(--control-borderColor-emphasis);
854
+ --progressBar-track-borderColor: var(--progressBar-track-bgColor);
845
855
  --underlineNav-borderColor-hover: var(--borderColor-neutral-muted);
846
856
  --button-outline-borderColor-hover: var(--button-default-borderColor-hover);
847
857
  --button-outline-borderColor-active: var(--button-outline-borderColor-hover);
@@ -1473,6 +1483,7 @@
1473
1483
  --label-yellow-fgColor-rest: #d3910d;
1474
1484
  --menu-bgColor-active: #151b23;
1475
1485
  --overlay-backdrop-bgColor: #d1d7e066;
1486
+ --progressBar-bgColor-neutral: #656c76;
1476
1487
  --reactionButton-selected-bgColor-rest: #5cacff33;
1477
1488
  --reactionButton-selected-fgColor-hover: #91cbff;
1478
1489
  --selectMenu-bgColor-active: #1e60d5;
@@ -1610,6 +1621,13 @@
1610
1621
  --label-yellow-borderColor: var(--label-yellow-fgColor-rest);
1611
1622
  --overlay-bgColor: #010409;
1612
1623
  --overlay-borderColor: var(--borderColor-default);
1624
+ --progressBar-bgColor-accent: var(--bgColor-accent-emphasis);
1625
+ --progressBar-bgColor-attention: var(--bgColor-attention-emphasis);
1626
+ --progressBar-bgColor-danger: var(--bgColor-danger-emphasis);
1627
+ --progressBar-bgColor-done: var(--bgColor-done-emphasis);
1628
+ --progressBar-bgColor-severe: var(--bgColor-severe-emphasis);
1629
+ --progressBar-bgColor-sponsors: var(--bgColor-sponsors-emphasis);
1630
+ --progressBar-bgColor-success: var(--bgColor-success-emphasis);
1613
1631
  --reactionButton-selected-fgColor-rest: var(--fgColor-link);
1614
1632
  --selectMenu-borderColor: var(--borderColor-default);
1615
1633
  --selection-bgColor: #194fb1b3;
@@ -1674,6 +1692,7 @@
1674
1692
  --diffBlob-hunkNum-fgColor-rest: var(--fgColor-default);
1675
1693
  --focus-outline: 2px solid #409eff;
1676
1694
  --page-header-bgColor: var(--bgColor-default);
1695
+ --progressBar-track-bgColor: var(--bgColor-inverse);
1677
1696
  --shadow-floating-large: 0px 0px 0px 1px #b7bdc8, 0px 24px 48px 0px #010409;
1678
1697
  --shadow-floating-medium: 0px 0px 0px 1px #b7bdc8, 0px 8px 16px -4px #01040966, 0px 4px 32px -4px #01040966, 0px 24px 48px -12px #01040966, 0px 48px 96px -24px #01040966;
1679
1698
  --shadow-floating-small: 0px 0px 0px 1px #b7bdc8, 0px 6px 12px -3px #01040966, 0px 6px 18px 0px #01040966;
@@ -1689,6 +1708,7 @@
1689
1708
  --button-invisible-fgColor-hover: var(--control-fgColor-rest);
1690
1709
  --button-invisible-fgColor-rest: var(--control-fgColor-rest);
1691
1710
  --controlKnob-borderColor-rest: var(--control-borderColor-emphasis);
1711
+ --progressBar-track-borderColor: var(--progressBar-track-bgColor);
1692
1712
  --underlineNav-borderColor-hover: var(--borderColor-neutral-muted);
1693
1713
  --button-outline-borderColor-hover: var(--button-default-borderColor-hover);
1694
1714
  --button-outline-borderColor-active: var(--button-outline-borderColor-hover);
package/dist/css/functional/themes/dark-colorblind.css CHANGED
@@ -645,6 +645,7 @@
645
645
  --label-yellow-fgColor-rest: #d3910d;
646
646
  --menu-bgColor-active: #151b23;
647
647
  --overlay-backdrop-bgColor: #21283066;
648
+ --progressBar-track-borderColor: #00000000;
648
649
  --reactionButton-selected-bgColor-rest: #388bfd33;
649
650
  --reactionButton-selected-fgColor-hover: #79c0ff;
650
651
  --selectMenu-bgColor-active: #0c2d6b;
@@ -781,6 +782,15 @@
781
782
  --header-fgColor-default: #ffffffb3;
782
783
  --overlay-bgColor: #010409;
783
784
  --page-header-bgColor: var(--bgColor-default);
785
+ --progressBar-bgColor-accent: var(--bgColor-accent-emphasis);
786
+ --progressBar-bgColor-attention: var(--bgColor-attention-emphasis);
787
+ --progressBar-bgColor-danger: var(--bgColor-danger-emphasis);
788
+ --progressBar-bgColor-done: var(--bgColor-done-emphasis);
789
+ --progressBar-bgColor-neutral: var(--bgColor-neutral-emphasis);
790
+ --progressBar-bgColor-severe: var(--bgColor-severe-emphasis);
791
+ --progressBar-bgColor-sponsors: var(--bgColor-sponsors-emphasis);
792
+ --progressBar-bgColor-success: var(--bgColor-success-emphasis);
793
+ --progressBar-track-bgColor: var(--borderColor-default);
784
794
  --reactionButton-selected-fgColor-rest: var(--fgColor-link);
785
795
  --selectMenu-borderColor: var(--borderColor-default);
786
796
  --selection-bgColor: #1f6febb3;
@@ -825,7 +835,7 @@
825
835
  --controlKnob-bgColor-rest: var(--bgColor-inset);
826
836
  --controlKnob-borderColor-checked: var(--control-checked-bgColor-rest);
827
837
  --controlKnob-borderColor-disabled: var(--control-bgColor-disabled);
828
- --controlKnob-borderColor-rest: var(--control-borderColor-emphasis);
838
+ --controlKnob-borderColor-rest: var(--control-borderColor-rest);
829
839
  --controlTrack-fgColor-disabled: var(--fgColor-onEmphasis);
830
840
  --diffBlob-hunkNum-fgColor-hover: var(--fgColor-onEmphasis);
831
841
  --focus-outline: 2px solid #1f6feb;
@@ -1492,6 +1502,7 @@
1492
1502
  --label-yellow-fgColor-rest: #d3910d;
1493
1503
  --menu-bgColor-active: #151b23;
1494
1504
  --overlay-backdrop-bgColor: #21283066;
1505
+ --progressBar-track-borderColor: #00000000;
1495
1506
  --reactionButton-selected-bgColor-rest: #388bfd33;
1496
1507
  --reactionButton-selected-fgColor-hover: #79c0ff;
1497
1508
  --selectMenu-bgColor-active: #0c2d6b;
@@ -1628,6 +1639,15 @@
1628
1639
  --header-fgColor-default: #ffffffb3;
1629
1640
  --overlay-bgColor: #010409;
1630
1641
  --page-header-bgColor: var(--bgColor-default);
1642
+ --progressBar-bgColor-accent: var(--bgColor-accent-emphasis);
1643
+ --progressBar-bgColor-attention: var(--bgColor-attention-emphasis);
1644
+ --progressBar-bgColor-danger: var(--bgColor-danger-emphasis);
1645
+ --progressBar-bgColor-done: var(--bgColor-done-emphasis);
1646
+ --progressBar-bgColor-neutral: var(--bgColor-neutral-emphasis);
1647
+ --progressBar-bgColor-severe: var(--bgColor-severe-emphasis);
1648
+ --progressBar-bgColor-sponsors: var(--bgColor-sponsors-emphasis);
1649
+ --progressBar-bgColor-success: var(--bgColor-success-emphasis);
1650
+ --progressBar-track-bgColor: var(--borderColor-default);
1631
1651
  --reactionButton-selected-fgColor-rest: var(--fgColor-link);
1632
1652
  --selectMenu-borderColor: var(--borderColor-default);
1633
1653
  --selection-bgColor: #1f6febb3;
@@ -1672,7 +1692,7 @@
1672
1692
  --controlKnob-bgColor-rest: var(--bgColor-inset);
1673
1693
  --controlKnob-borderColor-checked: var(--control-checked-bgColor-rest);
1674
1694
  --controlKnob-borderColor-disabled: var(--control-bgColor-disabled);
1675
- --controlKnob-borderColor-rest: var(--control-borderColor-emphasis);
1695
+ --controlKnob-borderColor-rest: var(--control-borderColor-rest);
1676
1696
  --controlTrack-fgColor-disabled: var(--fgColor-onEmphasis);
1677
1697
  --diffBlob-hunkNum-fgColor-hover: var(--fgColor-onEmphasis);
1678
1698
  --focus-outline: 2px solid #1f6feb;
package/dist/css/functional/themes/dark-dimmed-high-contrast.css CHANGED
@@ -631,6 +631,7 @@
631
631
  --label-yellow-fgColor-rest: #d3910d;
632
632
  --menu-bgColor-active: #151b23;
633
633
  --overlay-backdrop-bgColor: #9198a166;
634
+ --progressBar-bgColor-neutral: #656c76;
634
635
  --reactionButton-selected-bgColor-rest: #4184e433;
635
636
  --reactionButton-selected-fgColor-hover: #6cb6ff;
636
637
  --selectMenu-bgColor-active: #143d79;
@@ -789,6 +790,13 @@
789
790
  --overlay-bgColor: #010409;
790
791
  --overlay-borderColor: var(--borderColor-default);
791
792
  --page-header-bgColor: var(--bgColor-default);
793
+ --progressBar-bgColor-accent: var(--bgColor-accent-emphasis);
794
+ --progressBar-bgColor-attention: var(--bgColor-attention-emphasis);
795
+ --progressBar-bgColor-danger: var(--bgColor-danger-emphasis);
796
+ --progressBar-bgColor-done: var(--bgColor-done-emphasis);
797
+ --progressBar-bgColor-severe: var(--bgColor-severe-emphasis);
798
+ --progressBar-bgColor-sponsors: var(--bgColor-sponsors-emphasis);
799
+ --progressBar-bgColor-success: var(--bgColor-success-emphasis);
792
800
  --selectMenu-borderColor: var(--borderColor-default);
793
801
  --selection-bgColor: #1b4b91b3;
794
802
  --shadow-floating-legacy: 0px 6px 12px -3px #01040966, 0px 6px 18px 0px #01040966;
@@ -830,6 +838,7 @@
830
838
  --controlKnob-borderColor-disabled: var(--control-bgColor-disabled);
831
839
  --controlTrack-borderColor-rest: var(--borderColor-emphasis);
832
840
  --focus-outline: 2px solid #6cb6ff;
841
+ --progressBar-track-bgColor: var(--bgColor-inverse);
833
842
  --reactionButton-selected-fgColor-rest: var(--fgColor-link);
834
843
  --shadow-floating-large: 0px 0px 0px 1px #b7bdc8, 0px 24px 48px 0px #010409;
835
844
  --shadow-floating-medium: 0px 0px 0px 1px #b7bdc8, 0px 8px 16px -4px #01040966, 0px 4px 32px -4px #01040966, 0px 24px 48px -12px #01040966, 0px 48px 96px -24px #01040966;
@@ -842,6 +851,7 @@
842
851
  --button-default-borderColor-active: var(--button-default-borderColor-rest);
843
852
  --button-default-borderColor-hover: var(--button-default-borderColor-rest);
844
853
  --controlKnob-borderColor-rest: var(--control-borderColor-emphasis);
854
+ --progressBar-track-borderColor: var(--progressBar-track-bgColor);
845
855
  --underlineNav-borderColor-hover: var(--borderColor-neutral-muted);
846
856
  --button-outline-borderColor-hover: var(--button-default-borderColor-hover);
847
857
  --button-outline-borderColor-active: var(--button-outline-borderColor-hover);
@@ -1478,6 +1488,7 @@
1478
1488
  --label-yellow-fgColor-rest: #d3910d;
1479
1489
  --menu-bgColor-active: #151b23;
1480
1490
  --overlay-backdrop-bgColor: #9198a166;
1491
+ --progressBar-bgColor-neutral: #656c76;
1481
1492
  --reactionButton-selected-bgColor-rest: #4184e433;
1482
1493
  --reactionButton-selected-fgColor-hover: #6cb6ff;
1483
1494
  --selectMenu-bgColor-active: #143d79;
@@ -1636,6 +1647,13 @@
1636
1647
  --overlay-bgColor: #010409;
1637
1648
  --overlay-borderColor: var(--borderColor-default);
1638
1649
  --page-header-bgColor: var(--bgColor-default);
1650
+ --progressBar-bgColor-accent: var(--bgColor-accent-emphasis);
1651
+ --progressBar-bgColor-attention: var(--bgColor-attention-emphasis);
1652
+ --progressBar-bgColor-danger: var(--bgColor-danger-emphasis);
1653
+ --progressBar-bgColor-done: var(--bgColor-done-emphasis);
1654
+ --progressBar-bgColor-severe: var(--bgColor-severe-emphasis);
1655
+ --progressBar-bgColor-sponsors: var(--bgColor-sponsors-emphasis);
1656
+ --progressBar-bgColor-success: var(--bgColor-success-emphasis);
1639
1657
  --selectMenu-borderColor: var(--borderColor-default);
1640
1658
  --selection-bgColor: #1b4b91b3;
1641
1659
  --shadow-floating-legacy: 0px 6px 12px -3px #01040966, 0px 6px 18px 0px #01040966;
@@ -1677,6 +1695,7 @@
1677
1695
  --controlKnob-borderColor-disabled: var(--control-bgColor-disabled);
1678
1696
  --controlTrack-borderColor-rest: var(--borderColor-emphasis);
1679
1697
  --focus-outline: 2px solid #6cb6ff;
1698
+ --progressBar-track-bgColor: var(--bgColor-inverse);
1680
1699
  --reactionButton-selected-fgColor-rest: var(--fgColor-link);
1681
1700
  --shadow-floating-large: 0px 0px 0px 1px #b7bdc8, 0px 24px 48px 0px #010409;
1682
1701
  --shadow-floating-medium: 0px 0px 0px 1px #b7bdc8, 0px 8px 16px -4px #01040966, 0px 4px 32px -4px #01040966, 0px 24px 48px -12px #01040966, 0px 48px 96px -24px #01040966;
@@ -1689,6 +1708,7 @@
1689
1708
  --button-default-borderColor-active: var(--button-default-borderColor-rest);
1690
1709
  --button-default-borderColor-hover: var(--button-default-borderColor-rest);
1691
1710
  --controlKnob-borderColor-rest: var(--control-borderColor-emphasis);
1711
+ --progressBar-track-borderColor: var(--progressBar-track-bgColor);
1692
1712
  --underlineNav-borderColor-hover: var(--borderColor-neutral-muted);
1693
1713
  --button-outline-borderColor-hover: var(--button-default-borderColor-hover);
1694
1714
  --button-outline-borderColor-active: var(--button-outline-borderColor-hover);
package/dist/css/functional/themes/dark-dimmed.css CHANGED
@@ -172,6 +172,7 @@
172
172
  --control-transparent-borderColor-active: #00000000;
173
173
  --control-transparent-borderColor-hover: #00000000;
174
174
  --control-transparent-borderColor-rest: #00000000;
175
+ --controlKnob-borderColor-rest: var(--control-borderColor-rest);
175
176
  --controlTrack-bgColor-active: #3d444d;
176
177
  --controlTrack-bgColor-hover: #2f3742;
177
178
  --controlTrack-bgColor-rest: #2a313c;
@@ -656,6 +657,7 @@
656
657
  --overlay-backdrop-bgColor: #262c3666;
657
658
  --overlay-bgColor: #2a313c;
658
659
  --overlay-borderColor: #3d444db3;
660
+ --progressBar-track-borderColor: #00000000;
659
661
  --reactionButton-selected-bgColor-rest: #4184e433;
660
662
  --reactionButton-selected-fgColor-hover: #6cb6ff;
661
663
  --selectMenu-bgColor-active: #143d79;
@@ -797,6 +799,15 @@
797
799
  --focus-outlineColor: var(--borderColor-accent-emphasis);
798
800
  --header-fgColor-default: #cdd9e5b3;
799
801
  --page-header-bgColor: var(--bgColor-default);
802
+ --progressBar-bgColor-accent: var(--bgColor-accent-emphasis);
803
+ --progressBar-bgColor-attention: var(--bgColor-attention-emphasis);
804
+ --progressBar-bgColor-danger: var(--bgColor-danger-emphasis);
805
+ --progressBar-bgColor-done: var(--bgColor-done-emphasis);
806
+ --progressBar-bgColor-neutral: var(--bgColor-neutral-emphasis);
807
+ --progressBar-bgColor-severe: var(--bgColor-severe-emphasis);
808
+ --progressBar-bgColor-sponsors: var(--bgColor-sponsors-emphasis);
809
+ --progressBar-bgColor-success: var(--bgColor-success-emphasis);
810
+ --progressBar-track-bgColor: var(--borderColor-default);
800
811
  --reactionButton-selected-fgColor-rest: var(--fgColor-link);
801
812
  --selectMenu-borderColor: var(--borderColor-default);
802
813
  --selection-bgColor: #316dcab3;
@@ -838,7 +849,6 @@
838
849
  --controlKnob-bgColor-disabled: var(--control-bgColor-disabled);
839
850
  --controlKnob-borderColor-checked: var(--control-checked-bgColor-rest);
840
851
  --controlKnob-borderColor-disabled: var(--control-bgColor-disabled);
841
- --controlKnob-borderColor-rest: var(--control-borderColor-emphasis);
842
852
  --focus-outline: 2px solid #316dca;
843
853
  --button-danger-borderColor-hover: var(--button-primary-borderColor-rest);
844
854
  --button-outline-borderColor-active: var(--button-outline-borderColor-hover);
@@ -1019,6 +1029,7 @@
1019
1029
  --control-transparent-borderColor-active: #00000000;
1020
1030
  --control-transparent-borderColor-hover: #00000000;
1021
1031
  --control-transparent-borderColor-rest: #00000000;
1032
+ --controlKnob-borderColor-rest: var(--control-borderColor-rest);
1022
1033
  --controlTrack-bgColor-active: #3d444d;
1023
1034
  --controlTrack-bgColor-hover: #2f3742;
1024
1035
  --controlTrack-bgColor-rest: #2a313c;
@@ -1503,6 +1514,7 @@
1503
1514
  --overlay-backdrop-bgColor: #262c3666;
1504
1515
  --overlay-bgColor: #2a313c;
1505
1516
  --overlay-borderColor: #3d444db3;
1517
+ --progressBar-track-borderColor: #00000000;
1506
1518
  --reactionButton-selected-bgColor-rest: #4184e433;
1507
1519
  --reactionButton-selected-fgColor-hover: #6cb6ff;
1508
1520
  --selectMenu-bgColor-active: #143d79;
@@ -1644,6 +1656,15 @@
1644
1656
  --focus-outlineColor: var(--borderColor-accent-emphasis);
1645
1657
  --header-fgColor-default: #cdd9e5b3;
1646
1658
  --page-header-bgColor: var(--bgColor-default);
1659
+ --progressBar-bgColor-accent: var(--bgColor-accent-emphasis);
1660
+ --progressBar-bgColor-attention: var(--bgColor-attention-emphasis);
1661
+ --progressBar-bgColor-danger: var(--bgColor-danger-emphasis);
1662
+ --progressBar-bgColor-done: var(--bgColor-done-emphasis);
1663
+ --progressBar-bgColor-neutral: var(--bgColor-neutral-emphasis);
1664
+ --progressBar-bgColor-severe: var(--bgColor-severe-emphasis);
1665
+ --progressBar-bgColor-sponsors: var(--bgColor-sponsors-emphasis);
1666
+ --progressBar-bgColor-success: var(--bgColor-success-emphasis);
1667
+ --progressBar-track-bgColor: var(--borderColor-default);
1647
1668
  --reactionButton-selected-fgColor-rest: var(--fgColor-link);
1648
1669
  --selectMenu-borderColor: var(--borderColor-default);
1649
1670
  --selection-bgColor: #316dcab3;
@@ -1685,7 +1706,6 @@
1685
1706
  --controlKnob-bgColor-disabled: var(--control-bgColor-disabled);
1686
1707
  --controlKnob-borderColor-checked: var(--control-checked-bgColor-rest);
1687
1708
  --controlKnob-borderColor-disabled: var(--control-bgColor-disabled);
1688
- --controlKnob-borderColor-rest: var(--control-borderColor-emphasis);
1689
1709
  --focus-outline: 2px solid #316dca;
1690
1710
  --button-danger-borderColor-hover: var(--button-primary-borderColor-rest);
1691
1711
  --button-outline-borderColor-active: var(--button-outline-borderColor-hover);
package/dist/css/functional/themes/dark-high-contrast.css CHANGED
@@ -620,6 +620,7 @@
620
620
  --label-yellow-fgColor-rest: #d3910d;
621
621
  --menu-bgColor-active: #151b23;
622
622
  --overlay-backdrop-bgColor: #d1d7e066;
623
+ --progressBar-bgColor-neutral: #656c76;
623
624
  --reactionButton-selected-bgColor-rest: #5cacff33;
624
625
  --reactionButton-selected-fgColor-hover: #91cbff;
625
626
  --selectMenu-bgColor-active: #1e60d5;
@@ -764,6 +765,13 @@
764
765
  --label-yellow-borderColor: var(--label-yellow-fgColor-rest);
765
766
  --overlay-bgColor: #010409;
766
767
  --overlay-borderColor: var(--borderColor-default);
768
+ --progressBar-bgColor-accent: var(--bgColor-accent-emphasis);
769
+ --progressBar-bgColor-attention: var(--bgColor-attention-emphasis);
770
+ --progressBar-bgColor-danger: var(--bgColor-danger-emphasis);
771
+ --progressBar-bgColor-done: var(--bgColor-done-emphasis);
772
+ --progressBar-bgColor-severe: var(--bgColor-severe-emphasis);
773
+ --progressBar-bgColor-sponsors: var(--bgColor-sponsors-emphasis);
774
+ --progressBar-bgColor-success: var(--bgColor-success-emphasis);
767
775
  --reactionButton-selected-fgColor-rest: var(--fgColor-link);
768
776
  --selectMenu-borderColor: var(--borderColor-default);
769
777
  --selection-bgColor: #194fb1b3;
@@ -827,6 +835,7 @@
827
835
  --diffBlob-hunkNum-fgColor-rest: var(--fgColor-default);
828
836
  --focus-outline: 2px solid #409eff;
829
837
  --page-header-bgColor: var(--bgColor-default);
838
+ --progressBar-track-bgColor: var(--bgColor-inverse);
830
839
  --shadow-floating-large: 0px 0px 0px 1px #b7bdc8, 0px 24px 48px 0px #010409;
831
840
  --shadow-floating-medium: 0px 0px 0px 1px #b7bdc8, 0px 8px 16px -4px #01040966, 0px 4px 32px -4px #01040966, 0px 24px 48px -12px #01040966, 0px 48px 96px -24px #01040966;
832
841
  --shadow-floating-small: 0px 0px 0px 1px #b7bdc8, 0px 6px 12px -3px #01040966, 0px 6px 18px 0px #01040966;
@@ -842,6 +851,7 @@
842
851
  --button-invisible-fgColor-hover: var(--control-fgColor-rest);
843
852
  --button-invisible-fgColor-rest: var(--control-fgColor-rest);
844
853
  --controlKnob-borderColor-rest: var(--control-borderColor-emphasis);
854
+ --progressBar-track-borderColor: var(--progressBar-track-bgColor);
845
855
  --underlineNav-borderColor-hover: var(--borderColor-neutral-muted);
846
856
  --button-outline-borderColor-hover: var(--button-default-borderColor-hover);
847
857
  --button-outline-borderColor-active: var(--button-outline-borderColor-hover);
@@ -1467,6 +1477,7 @@
1467
1477
  --label-yellow-fgColor-rest: #d3910d;
1468
1478
  --menu-bgColor-active: #151b23;
1469
1479
  --overlay-backdrop-bgColor: #d1d7e066;
1480
+ --progressBar-bgColor-neutral: #656c76;
1470
1481
  --reactionButton-selected-bgColor-rest: #5cacff33;
1471
1482
  --reactionButton-selected-fgColor-hover: #91cbff;
1472
1483
  --selectMenu-bgColor-active: #1e60d5;
@@ -1611,6 +1622,13 @@
1611
1622
  --label-yellow-borderColor: var(--label-yellow-fgColor-rest);
1612
1623
  --overlay-bgColor: #010409;
1613
1624
  --overlay-borderColor: var(--borderColor-default);
1625
+ --progressBar-bgColor-accent: var(--bgColor-accent-emphasis);
1626
+ --progressBar-bgColor-attention: var(--bgColor-attention-emphasis);
1627
+ --progressBar-bgColor-danger: var(--bgColor-danger-emphasis);
1628
+ --progressBar-bgColor-done: var(--bgColor-done-emphasis);
1629
+ --progressBar-bgColor-severe: var(--bgColor-severe-emphasis);
1630
+ --progressBar-bgColor-sponsors: var(--bgColor-sponsors-emphasis);
1631
+ --progressBar-bgColor-success: var(--bgColor-success-emphasis);
1614
1632
  --reactionButton-selected-fgColor-rest: var(--fgColor-link);
1615
1633
  --selectMenu-borderColor: var(--borderColor-default);
1616
1634
  --selection-bgColor: #194fb1b3;
@@ -1674,6 +1692,7 @@
1674
1692
  --diffBlob-hunkNum-fgColor-rest: var(--fgColor-default);
1675
1693
  --focus-outline: 2px solid #409eff;
1676
1694
  --page-header-bgColor: var(--bgColor-default);
1695
+ --progressBar-track-bgColor: var(--bgColor-inverse);
1677
1696
  --shadow-floating-large: 0px 0px 0px 1px #b7bdc8, 0px 24px 48px 0px #010409;
1678
1697
  --shadow-floating-medium: 0px 0px 0px 1px #b7bdc8, 0px 8px 16px -4px #01040966, 0px 4px 32px -4px #01040966, 0px 24px 48px -12px #01040966, 0px 48px 96px -24px #01040966;
1679
1698
  --shadow-floating-small: 0px 0px 0px 1px #b7bdc8, 0px 6px 12px -3px #01040966, 0px 6px 18px 0px #01040966;
@@ -1689,6 +1708,7 @@
1689
1708
  --button-invisible-fgColor-hover: var(--control-fgColor-rest);
1690
1709
  --button-invisible-fgColor-rest: var(--control-fgColor-rest);
1691
1710
  --controlKnob-borderColor-rest: var(--control-borderColor-emphasis);
1711
+ --progressBar-track-borderColor: var(--progressBar-track-bgColor);
1692
1712
  --underlineNav-borderColor-hover: var(--borderColor-neutral-muted);
1693
1713
  --button-outline-borderColor-hover: var(--button-default-borderColor-hover);
1694
1714
  --button-outline-borderColor-active: var(--button-outline-borderColor-hover);
package/dist/css/functional/themes/dark-tritanopia-high-contrast.css CHANGED
@@ -626,6 +626,7 @@
626
626
  --label-yellow-fgColor-rest: #d3910d;
627
627
  --menu-bgColor-active: #151b23;
628
628
  --overlay-backdrop-bgColor: #d1d7e066;
629
+ --progressBar-bgColor-neutral: #656c76;
629
630
  --reactionButton-selected-bgColor-rest: #5cacff33;
630
631
  --reactionButton-selected-fgColor-hover: #91cbff;
631
632
  --selectMenu-bgColor-active: #1e60d5;
@@ -763,6 +764,13 @@
763
764
  --label-yellow-borderColor: var(--label-yellow-fgColor-rest);
764
765
  --overlay-bgColor: #010409;
765
766
  --overlay-borderColor: var(--borderColor-default);
767
+ --progressBar-bgColor-accent: var(--bgColor-accent-emphasis);
768
+ --progressBar-bgColor-attention: var(--bgColor-attention-emphasis);
769
+ --progressBar-bgColor-danger: var(--bgColor-danger-emphasis);
770
+ --progressBar-bgColor-done: var(--bgColor-done-emphasis);
771
+ --progressBar-bgColor-severe: var(--bgColor-severe-emphasis);
772
+ --progressBar-bgColor-sponsors: var(--bgColor-sponsors-emphasis);
773
+ --progressBar-bgColor-success: var(--bgColor-success-emphasis);
766
774
  --reactionButton-selected-fgColor-rest: var(--fgColor-link);
767
775
  --selectMenu-borderColor: var(--borderColor-default);
768
776
  --selection-bgColor: #194fb1b3;
@@ -827,6 +835,7 @@
827
835
  --diffBlob-hunkNum-fgColor-rest: var(--fgColor-default);
828
836
  --focus-outline: 2px solid #409eff;
829
837
  --page-header-bgColor: var(--bgColor-default);
838
+ --progressBar-track-bgColor: var(--bgColor-inverse);
830
839
  --shadow-floating-large: 0px 0px 0px 1px #b7bdc8, 0px 24px 48px 0px #010409;
831
840
  --shadow-floating-medium: 0px 0px 0px 1px #b7bdc8, 0px 8px 16px -4px #01040966, 0px 4px 32px -4px #01040966, 0px 24px 48px -12px #01040966, 0px 48px 96px -24px #01040966;
832
841
  --shadow-floating-small: 0px 0px 0px 1px #b7bdc8, 0px 6px 12px -3px #01040966, 0px 6px 18px 0px #01040966;
@@ -842,6 +851,7 @@
842
851
  --button-invisible-fgColor-hover: var(--control-fgColor-rest);
843
852
  --button-invisible-fgColor-rest: var(--control-fgColor-rest);
844
853
  --controlKnob-borderColor-rest: var(--control-borderColor-emphasis);
854
+ --progressBar-track-borderColor: var(--progressBar-track-bgColor);
845
855
  --underlineNav-borderColor-hover: var(--borderColor-neutral-muted);
846
856
  --button-outline-borderColor-hover: var(--button-default-borderColor-hover);
847
857
  --button-outline-borderColor-active: var(--button-outline-borderColor-hover);
@@ -1473,6 +1483,7 @@
1473
1483
  --label-yellow-fgColor-rest: #d3910d;
1474
1484
  --menu-bgColor-active: #151b23;
1475
1485
  --overlay-backdrop-bgColor: #d1d7e066;
1486
+ --progressBar-bgColor-neutral: #656c76;
1476
1487
  --reactionButton-selected-bgColor-rest: #5cacff33;
1477
1488
  --reactionButton-selected-fgColor-hover: #91cbff;
1478
1489
  --selectMenu-bgColor-active: #1e60d5;
@@ -1610,6 +1621,13 @@
1610
1621
  --label-yellow-borderColor: var(--label-yellow-fgColor-rest);
1611
1622
  --overlay-bgColor: #010409;
1612
1623
  --overlay-borderColor: var(--borderColor-default);
1624
+ --progressBar-bgColor-accent: var(--bgColor-accent-emphasis);
1625
+ --progressBar-bgColor-attention: var(--bgColor-attention-emphasis);
1626
+ --progressBar-bgColor-danger: var(--bgColor-danger-emphasis);
1627
+ --progressBar-bgColor-done: var(--bgColor-done-emphasis);
1628
+ --progressBar-bgColor-severe: var(--bgColor-severe-emphasis);
1629
+ --progressBar-bgColor-sponsors: var(--bgColor-sponsors-emphasis);
1630
+ --progressBar-bgColor-success: var(--bgColor-success-emphasis);
1613
1631
  --reactionButton-selected-fgColor-rest: var(--fgColor-link);
1614
1632
  --selectMenu-borderColor: var(--borderColor-default);
1615
1633
  --selection-bgColor: #194fb1b3;
@@ -1674,6 +1692,7 @@
1674
1692
  --diffBlob-hunkNum-fgColor-rest: var(--fgColor-default);
1675
1693
  --focus-outline: 2px solid #409eff;
1676
1694
  --page-header-bgColor: var(--bgColor-default);
1695
+ --progressBar-track-bgColor: var(--bgColor-inverse);
1677
1696
  --shadow-floating-large: 0px 0px 0px 1px #b7bdc8, 0px 24px 48px 0px #010409;
1678
1697
  --shadow-floating-medium: 0px 0px 0px 1px #b7bdc8, 0px 8px 16px -4px #01040966, 0px 4px 32px -4px #01040966, 0px 24px 48px -12px #01040966, 0px 48px 96px -24px #01040966;
1679
1698
  --shadow-floating-small: 0px 0px 0px 1px #b7bdc8, 0px 6px 12px -3px #01040966, 0px 6px 18px 0px #01040966;
@@ -1689,6 +1708,7 @@
1689
1708
  --button-invisible-fgColor-hover: var(--control-fgColor-rest);
1690
1709
  --button-invisible-fgColor-rest: var(--control-fgColor-rest);
1691
1710
  --controlKnob-borderColor-rest: var(--control-borderColor-emphasis);
1711
+ --progressBar-track-borderColor: var(--progressBar-track-bgColor);
1692
1712
  --underlineNav-borderColor-hover: var(--borderColor-neutral-muted);
1693
1713
  --button-outline-borderColor-hover: var(--button-default-borderColor-hover);
1694
1714
  --button-outline-borderColor-active: var(--button-outline-borderColor-hover);
package/dist/css/functional/themes/dark-tritanopia.css CHANGED
@@ -648,6 +648,7 @@
648
648
  --label-yellow-fgColor-rest: #d3910d;
649
649
  --menu-bgColor-active: #151b23;
650
650
  --overlay-backdrop-bgColor: #21283066;
651
+ --progressBar-track-borderColor: #00000000;
651
652
  --reactionButton-selected-bgColor-rest: #388bfd33;
652
653
  --reactionButton-selected-fgColor-hover: #79c0ff;
653
654
  --selectMenu-bgColor-active: #0c2d6b;
@@ -783,6 +784,15 @@
783
784
  --header-fgColor-default: #ffffffb3;
784
785
  --overlay-bgColor: #010409;
785
786
  --page-header-bgColor: var(--bgColor-default);
787
+ --progressBar-bgColor-accent: var(--bgColor-accent-emphasis);
788
+ --progressBar-bgColor-attention: var(--bgColor-attention-emphasis);
789
+ --progressBar-bgColor-danger: var(--bgColor-danger-emphasis);
790
+ --progressBar-bgColor-done: var(--bgColor-done-emphasis);
791
+ --progressBar-bgColor-neutral: var(--bgColor-neutral-emphasis);
792
+ --progressBar-bgColor-severe: var(--bgColor-severe-emphasis);
793
+ --progressBar-bgColor-sponsors: var(--bgColor-sponsors-emphasis);
794
+ --progressBar-bgColor-success: var(--bgColor-success-emphasis);
795
+ --progressBar-track-bgColor: var(--borderColor-default);
786
796
  --reactionButton-selected-fgColor-rest: var(--fgColor-link);
787
797
  --selectMenu-borderColor: var(--borderColor-default);
788
798
  --selection-bgColor: #1f6febb3;
@@ -825,7 +835,7 @@
825
835
  --controlKnob-bgColor-rest: var(--bgColor-inset);
826
836
  --controlKnob-borderColor-checked: var(--control-checked-bgColor-rest);
827
837
  --controlKnob-borderColor-disabled: var(--control-bgColor-disabled);
828
- --controlKnob-borderColor-rest: var(--control-borderColor-emphasis);
838
+ --controlKnob-borderColor-rest: var(--control-borderColor-rest);
829
839
  --controlTrack-fgColor-disabled: var(--fgColor-onEmphasis);
830
840
  --diffBlob-hunkNum-fgColor-hover: var(--fgColor-onEmphasis);
831
841
  --focus-outline: 2px solid #1f6feb;
@@ -1495,6 +1505,7 @@
1495
1505
  --label-yellow-fgColor-rest: #d3910d;
1496
1506
  --menu-bgColor-active: #151b23;
1497
1507
  --overlay-backdrop-bgColor: #21283066;
1508
+ --progressBar-track-borderColor: #00000000;
1498
1509
  --reactionButton-selected-bgColor-rest: #388bfd33;
1499
1510
  --reactionButton-selected-fgColor-hover: #79c0ff;
1500
1511
  --selectMenu-bgColor-active: #0c2d6b;
@@ -1630,6 +1641,15 @@
1630
1641
  --header-fgColor-default: #ffffffb3;
1631
1642
  --overlay-bgColor: #010409;
1632
1643
  --page-header-bgColor: var(--bgColor-default);
1644
+ --progressBar-bgColor-accent: var(--bgColor-accent-emphasis);
1645
+ --progressBar-bgColor-attention: var(--bgColor-attention-emphasis);
1646
+ --progressBar-bgColor-danger: var(--bgColor-danger-emphasis);
1647
+ --progressBar-bgColor-done: var(--bgColor-done-emphasis);
1648
+ --progressBar-bgColor-neutral: var(--bgColor-neutral-emphasis);
1649
+ --progressBar-bgColor-severe: var(--bgColor-severe-emphasis);
1650
+ --progressBar-bgColor-sponsors: var(--bgColor-sponsors-emphasis);
1651
+ --progressBar-bgColor-success: var(--bgColor-success-emphasis);
1652
+ --progressBar-track-bgColor: var(--borderColor-default);
1633
1653
  --reactionButton-selected-fgColor-rest: var(--fgColor-link);
1634
1654
  --selectMenu-borderColor: var(--borderColor-default);
1635
1655
  --selection-bgColor: #1f6febb3;
@@ -1672,7 +1692,7 @@
1672
1692
  --controlKnob-bgColor-rest: var(--bgColor-inset);
1673
1693
  --controlKnob-borderColor-checked: var(--control-checked-bgColor-rest);
1674
1694
  --controlKnob-borderColor-disabled: var(--control-bgColor-disabled);
1675
- --controlKnob-borderColor-rest: var(--control-borderColor-emphasis);
1695
+ --controlKnob-borderColor-rest: var(--control-borderColor-rest);
1676
1696
  --controlTrack-fgColor-disabled: var(--fgColor-onEmphasis);
1677
1697
  --diffBlob-hunkNum-fgColor-hover: var(--fgColor-onEmphasis);
1678
1698
  --focus-outline: 2px solid #1f6feb;
package/dist/css/functional/themes/dark.css CHANGED
@@ -639,6 +639,7 @@
639
639
  --label-yellow-fgColor-rest: #d3910d;
640
640
  --menu-bgColor-active: #151b23;
641
641
  --overlay-backdrop-bgColor: #21283066;
642
+ --progressBar-track-borderColor: #00000000;
642
643
  --reactionButton-selected-bgColor-rest: #388bfd33;
643
644
  --reactionButton-selected-fgColor-hover: #79c0ff;
644
645
  --selectMenu-bgColor-active: #0c2d6b;
@@ -782,6 +783,15 @@
782
783
  --header-fgColor-default: #ffffffb3;
783
784
  --overlay-bgColor: #010409;
784
785
  --page-header-bgColor: var(--bgColor-default);
786
+ --progressBar-bgColor-accent: var(--bgColor-accent-emphasis);
787
+ --progressBar-bgColor-attention: var(--bgColor-attention-emphasis);
788
+ --progressBar-bgColor-danger: var(--bgColor-danger-emphasis);
789
+ --progressBar-bgColor-done: var(--bgColor-done-emphasis);
790
+ --progressBar-bgColor-neutral: var(--bgColor-neutral-emphasis);
791
+ --progressBar-bgColor-severe: var(--bgColor-severe-emphasis);
792
+ --progressBar-bgColor-sponsors: var(--bgColor-sponsors-emphasis);
793
+ --progressBar-bgColor-success: var(--bgColor-success-emphasis);
794
+ --progressBar-track-bgColor: var(--borderColor-default);
785
795
  --reactionButton-selected-fgColor-rest: var(--fgColor-link);
786
796
  --selectMenu-borderColor: var(--borderColor-default);
787
797
  --selection-bgColor: #1f6febb3;
@@ -825,7 +835,7 @@
825
835
  --controlKnob-bgColor-rest: var(--bgColor-inset);
826
836
  --controlKnob-borderColor-checked: var(--control-checked-bgColor-rest);
827
837
  --controlKnob-borderColor-disabled: var(--control-bgColor-disabled);
828
- --controlKnob-borderColor-rest: var(--control-borderColor-emphasis);
838
+ --controlKnob-borderColor-rest: var(--control-borderColor-rest);
829
839
  --controlTrack-fgColor-disabled: var(--fgColor-onEmphasis);
830
840
  --diffBlob-hunkNum-fgColor-hover: var(--fgColor-onEmphasis);
831
841
  --focus-outline: 2px solid #1f6feb;
@@ -1486,6 +1496,7 @@
1486
1496
  --label-yellow-fgColor-rest: #d3910d;
1487
1497
  --menu-bgColor-active: #151b23;
1488
1498
  --overlay-backdrop-bgColor: #21283066;
1499
+ --progressBar-track-borderColor: #00000000;
1489
1500
  --reactionButton-selected-bgColor-rest: #388bfd33;
1490
1501
  --reactionButton-selected-fgColor-hover: #79c0ff;
1491
1502
  --selectMenu-bgColor-active: #0c2d6b;
@@ -1629,6 +1640,15 @@
1629
1640
  --header-fgColor-default: #ffffffb3;
1630
1641
  --overlay-bgColor: #010409;
1631
1642
  --page-header-bgColor: var(--bgColor-default);
1643
+ --progressBar-bgColor-accent: var(--bgColor-accent-emphasis);
1644
+ --progressBar-bgColor-attention: var(--bgColor-attention-emphasis);
1645
+ --progressBar-bgColor-danger: var(--bgColor-danger-emphasis);
1646
+ --progressBar-bgColor-done: var(--bgColor-done-emphasis);
1647
+ --progressBar-bgColor-neutral: var(--bgColor-neutral-emphasis);
1648
+ --progressBar-bgColor-severe: var(--bgColor-severe-emphasis);
1649
+ --progressBar-bgColor-sponsors: var(--bgColor-sponsors-emphasis);
1650
+ --progressBar-bgColor-success: var(--bgColor-success-emphasis);
1651
+ --progressBar-track-bgColor: var(--borderColor-default);
1632
1652
  --reactionButton-selected-fgColor-rest: var(--fgColor-link);
1633
1653
  --selectMenu-borderColor: var(--borderColor-default);
1634
1654
  --selection-bgColor: #1f6febb3;
@@ -1672,7 +1692,7 @@
1672
1692
  --controlKnob-bgColor-rest: var(--bgColor-inset);
1673
1693
  --controlKnob-borderColor-checked: var(--control-checked-bgColor-rest);
1674
1694
  --controlKnob-borderColor-disabled: var(--control-bgColor-disabled);
1675
- --controlKnob-borderColor-rest: var(--control-borderColor-emphasis);
1695
+ --controlKnob-borderColor-rest: var(--control-borderColor-rest);
1676
1696
  --controlTrack-fgColor-disabled: var(--fgColor-onEmphasis);
1677
1697
  --diffBlob-hunkNum-fgColor-hover: var(--fgColor-onEmphasis);
1678
1698
  --focus-outline: 2px solid #1f6feb;
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;
@@ -772,6 +774,13 @@
772
774
  --overlay-bgColor: #ffffff;
773
775
  --overlay-borderColor: var(--borderColor-default);
774
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);
775
784
  --selection-bgColor: #0349b433;
776
785
  --shadow-inset: inset 0px 1px 0px 0px #0104090a;
777
786
  --shadow-resting-small: 0px 1px 1px 0px #0104090f, 0px 1px 3px 0px #0104090f;
@@ -835,6 +844,7 @@
835
844
  --diffBlob-hunkNum-fgColor-hover: var(--fgColor-default);
836
845
  --diffBlob-hunkNum-fgColor-rest: var(--fgColor-default);
837
846
  --focus-outline: 2px solid #0349b4;
847
+ --progressBar-track-bgColor: var(--bgColor-default);
838
848
  --reactionButton-selected-fgColor-rest: var(--fgColor-link);
839
849
  --shadow-floating-large: 0px 0px 0px 1px #454c54, 0px 40px 80px 0px #25292e3d;
840
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;
@@ -1459,6 +1469,8 @@
1459
1469
  --label-yellow-fgColor-rest: #805900;
1460
1470
  --menu-bgColor-active: #ffffff00;
1461
1471
  --overlay-backdrop-bgColor: #393f4666;
1472
+ --progressBar-bgColor-neutral: #818b98;
1473
+ --progressBar-track-borderColor: #393f46;
1462
1474
  --reactionButton-selected-bgColor-rest: #dff7ff;
1463
1475
  --reactionButton-selected-fgColor-hover: #023b95;
1464
1476
  --selectMenu-bgColor-active: #9cd7ff;
@@ -1619,6 +1631,13 @@
1619
1631
  --overlay-bgColor: #ffffff;
1620
1632
  --overlay-borderColor: var(--borderColor-default);
1621
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);
1622
1641
  --selection-bgColor: #0349b433;
1623
1642
  --shadow-inset: inset 0px 1px 0px 0px #0104090a;
1624
1643
  --shadow-resting-small: 0px 1px 1px 0px #0104090f, 0px 1px 3px 0px #0104090f;
@@ -1682,6 +1701,7 @@
1682
1701
  --diffBlob-hunkNum-fgColor-hover: var(--fgColor-default);
1683
1702
  --diffBlob-hunkNum-fgColor-rest: var(--fgColor-default);
1684
1703
  --focus-outline: 2px solid #0349b4;
1704
+ --progressBar-track-bgColor: var(--bgColor-default);
1685
1705
  --reactionButton-selected-fgColor-rest: var(--fgColor-link);
1686
1706
  --shadow-floating-large: 0px 0px 0px 1px #454c54, 0px 40px 80px 0px #25292e3d;
1687
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;