@primer/primitives 0.0.0-20250910161821 → 0.0.0-20250910165007

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 (53) hide show
  1. package/dist/css/functional/themes/dark-colorblind-high-contrast.css +92 -92
  2. package/dist/css/functional/themes/dark-colorblind.css +94 -94
  3. package/dist/css/functional/themes/dark-tritanopia-high-contrast.css +62 -62
  4. package/dist/css/functional/themes/dark-tritanopia.css +62 -62
  5. package/dist/css/functional/themes/light-colorblind-high-contrast.css +94 -94
  6. package/dist/css/functional/themes/light-colorblind.css +92 -92
  7. package/dist/css/functional/themes/light-tritanopia-high-contrast.css +62 -62
  8. package/dist/css/functional/themes/light-tritanopia.css +62 -62
  9. package/dist/docs/functional/themes/dark-colorblind-high-contrast.json +849 -885
  10. package/dist/docs/functional/themes/dark-colorblind.json +850 -884
  11. package/dist/docs/functional/themes/dark-dimmed-high-contrast.json +735 -775
  12. package/dist/docs/functional/themes/dark-dimmed.json +730 -770
  13. package/dist/docs/functional/themes/dark-high-contrast.json +732 -772
  14. package/dist/docs/functional/themes/dark-tritanopia-high-contrast.json +787 -823
  15. package/dist/docs/functional/themes/dark-tritanopia.json +790 -824
  16. package/dist/docs/functional/themes/dark.json +730 -770
  17. package/dist/docs/functional/themes/light-colorblind-high-contrast.json +833 -875
  18. package/dist/docs/functional/themes/light-colorblind.json +839 -879
  19. package/dist/docs/functional/themes/light-high-contrast.json +723 -763
  20. package/dist/docs/functional/themes/light-tritanopia-high-contrast.json +768 -808
  21. package/dist/docs/functional/themes/light-tritanopia.json +773 -813
  22. package/dist/docs/functional/themes/light.json +724 -764
  23. package/dist/figma/themes/dark-colorblind.json +142 -138
  24. package/dist/figma/themes/dark-tritanopia.json +84 -81
  25. package/dist/figma/themes/light-colorblind.json +128 -128
  26. package/dist/figma/themes/light-tritanopia.json +78 -78
  27. package/dist/internalCss/dark-colorblind-high-contrast.css +92 -92
  28. package/dist/internalCss/dark-colorblind.css +94 -94
  29. package/dist/internalCss/dark-tritanopia-high-contrast.css +62 -62
  30. package/dist/internalCss/dark-tritanopia.css +62 -62
  31. package/dist/internalCss/light-colorblind-high-contrast.css +94 -94
  32. package/dist/internalCss/light-colorblind.css +92 -92
  33. package/dist/internalCss/light-tritanopia-high-contrast.css +62 -62
  34. package/dist/internalCss/light-tritanopia.css +62 -62
  35. package/dist/styleLint/functional/themes/dark-colorblind-high-contrast.json +849 -885
  36. package/dist/styleLint/functional/themes/dark-colorblind.json +850 -884
  37. package/dist/styleLint/functional/themes/dark-dimmed-high-contrast.json +735 -775
  38. package/dist/styleLint/functional/themes/dark-dimmed.json +730 -770
  39. package/dist/styleLint/functional/themes/dark-high-contrast.json +732 -772
  40. package/dist/styleLint/functional/themes/dark-tritanopia-high-contrast.json +787 -823
  41. package/dist/styleLint/functional/themes/dark-tritanopia.json +790 -824
  42. package/dist/styleLint/functional/themes/dark.json +730 -770
  43. package/dist/styleLint/functional/themes/light-colorblind-high-contrast.json +833 -875
  44. package/dist/styleLint/functional/themes/light-colorblind.json +839 -879
  45. package/dist/styleLint/functional/themes/light-high-contrast.json +723 -763
  46. package/dist/styleLint/functional/themes/light-tritanopia-high-contrast.json +768 -808
  47. package/dist/styleLint/functional/themes/light-tritanopia.json +773 -813
  48. package/dist/styleLint/functional/themes/light.json +724 -764
  49. package/package.json +1 -1
  50. package/src/tokens/component/button.json5 +1 -1
  51. package/src/tokens/functional/color/bgColor.json5 +97 -79
  52. package/src/tokens/functional/color/borderColor.json5 +131 -154
  53. package/src/tokens/functional/color/fgColor.json5 +36 -30
package/dist/css/functional/themes/dark-colorblind-high-contrast.css CHANGED
@@ -10,6 +10,7 @@
10
10
  --control-checked-bgColor-active: #3c79d0;
11
11
  --control-checked-bgColor-hover: #2b64c1;
12
12
  --fgColor-accent: #74b9ff;
13
+ --fgColor-done: #d3abff;
13
14
  --fgColor-sponsors: #ff90c8;
14
15
  --reactionButton-selected-bgColor-hover: #3a8cfd5c;
15
16
  --avatar-shadow: 0px 0px 0px 2px #0d1117;
@@ -19,37 +20,44 @@
19
20
  --bgColor-accent-muted: #5cacff1a;
20
21
  --bgColor-attention-emphasis: #7b4900;
21
22
  --bgColor-attention-muted: #edaa2726;
22
- --bgColor-danger-emphasis: #7b4900;
23
- --bgColor-danger-muted: #edaa271a;
23
+ --bgColor-danger-emphasis: #8f3c00;
24
+ --bgColor-danger-muted: #ff80801a;
24
25
  --bgColor-disabled: #262c36;
26
+ --bgColor-done-emphasis: #6921d7;
27
+ --bgColor-done-muted: #bf8fff26;
25
28
  --bgColor-emphasis: #3d444d;
26
29
  --bgColor-muted: #151b23;
27
30
  --bgColor-neutral-emphasis: #3d444d;
28
31
  --bgColor-neutral-muted: #212830;
32
+ --bgColor-open-emphasis: #8f3c00;
33
+ --bgColor-open-muted: #f48b251a;
29
34
  --bgColor-severe-emphasis: #8f3c00;
30
35
  --bgColor-severe-muted: #f48b251a;
31
36
  --bgColor-sponsors-emphasis: #9c1d6a;
32
37
  --bgColor-sponsors-muted: #f87cbd1a;
38
+ --bgColor-success-emphasis: #194fb1;
39
+ --bgColor-success-muted: #5cacff33;
33
40
  --bgColor-transparent: #00000000;
34
- --bgColor-upsell-emphasis: #6921d7;
35
- --bgColor-upsell-muted: #bf8fff26;
36
41
  --borderColor-accent-emphasis: #409eff;
37
42
  --borderColor-accent-muted: #5cacff;
38
43
  --borderColor-attention-emphasis: #e09b13;
39
44
  --borderColor-attention-muted: #edaa27;
40
- --borderColor-danger-emphasis: #f7c843;
41
- --borderColor-danger-muted: #edaa27;
45
+ --borderColor-danger-emphasis: #e7811d;
46
+ --borderColor-danger-muted: #f48b25;
42
47
  --borderColor-default: #b7bdc8;
43
48
  --borderColor-disabled: #656c761a;
49
+ --borderColor-done-emphasis: #b87fff;
50
+ --borderColor-done-muted: #bf8fff;
51
+ --borderColor-open-emphasis: #e7811d;
52
+ --borderColor-open-muted: #f48b25;
44
53
  --borderColor-severe-emphasis: #e7811d;
45
54
  --borderColor-severe-muted: #e7811d;
46
55
  --borderColor-sponsors-emphasis: #ef6eb1;
47
56
  --borderColor-sponsors-muted: #f87cbd;
48
57
  --borderColor-success-emphasis: #409eff;
58
+ --borderColor-success-muted: #5cacff;
49
59
  --borderColor-translucent: #9198a1;
50
60
  --borderColor-transparent: #00000000;
51
- --borderColor-upsell-emphasis: #b87fff;
52
- --borderColor-upsell-muted: #bf8fff;
53
61
  --button-danger-bgColor-hover: #8f3c00;
54
62
  --button-danger-borderColor-hover: #ffb757;
55
63
  --button-danger-fgColor-rest: #ffb757;
@@ -487,15 +495,15 @@
487
495
  --display-yellow-scale-8: #edb431;
488
496
  --display-yellow-scale-9: #f0ca6a;
489
497
  --fgColor-attention: #f0b72f;
490
- --fgColor-danger: #f0b72f;
498
+ --fgColor-danger: #ffb757;
491
499
  --fgColor-disabled: #656c76;
492
- --fgColor-done: #d1d7e0;
493
500
  --fgColor-link: var(--fgColor-accent);
494
501
  --fgColor-muted: #b7bdc8;
495
502
  --fgColor-neutral: #d1d7e0;
503
+ --fgColor-open: #ffb757;
496
504
  --fgColor-severe: #fe9a2d;
497
- --fgColor-success: var(--fgColor-accent);
498
- --fgColor-upsell: #e6ccff;
505
+ --fgColor-success: #addcff;
506
+ --fgColor-upsell: var(--fgColor-done);
499
507
  --header-bgColor: #151b23f2;
500
508
  --header-borderColor-divider: #656c76;
501
509
  --header-fgColor-logo: #f0f6fc;
@@ -628,43 +636,41 @@
628
636
  --underlineNav-borderColor-active: #ff967d;
629
637
  --avatar-bgColor: #ffffff1a;
630
638
  --bgColor-black: #010409;
631
- --bgColor-closed-emphasis: var(--bgColor-danger-emphasis);
632
- --bgColor-closed-muted: var(--bgColor-danger-muted);
639
+ --bgColor-closed-emphasis: var(--bgColor-neutral-emphasis);
640
+ --bgColor-closed-muted: #2128301a;
633
641
  --bgColor-default: #010409;
634
- --bgColor-done-emphasis: var(--bgColor-neutral-emphasis);
635
- --bgColor-done-muted: var(--bgColor-neutral-muted);
636
642
  --bgColor-inset: #010409;
637
643
  --bgColor-inverse: #ffffff;
638
- --bgColor-success-emphasis: var(--bgColor-accent-emphasis);
639
- --bgColor-success-muted: var(--bgColor-accent-muted);
644
+ --bgColor-upsell-emphasis: var(--bgColor-done-emphasis);
645
+ --bgColor-upsell-muted: var(--bgColor-done-muted);
640
646
  --bgColor-white: #ffffff;
641
647
  --border-accent-emphasis: 0.0625rem solid #409eff;
642
648
  --border-accent-muted: 0.0625rem solid #5cacff;
643
649
  --border-attention-emphasis: 0.0625rem solid #e09b13;
644
650
  --border-attention-muted: 0.0625rem solid #edaa27;
645
- --border-danger-emphasis: 0.0625rem solid #f7c843;
646
- --border-danger-muted: 0.0625rem solid #edaa27;
651
+ --border-danger-emphasis: 0.0625rem solid #e7811d;
652
+ --border-danger-muted: 0.0625rem solid #f48b25;
647
653
  --border-default: 0.0625rem solid #b7bdc8;
648
654
  --border-disabled: 0.0625rem solid #656c761a;
655
+ --border-done-emphasis: 0.0625rem solid #b87fff;
656
+ --border-done-muted: 0.0625rem solid #bf8fff;
649
657
  --border-severe-emphasis: 0.0625rem solid #e7811d;
650
658
  --border-severe-muted: 0.0625rem solid #e7811d;
651
659
  --border-sponsors-emphasis: 0.0625rem solid #ef6eb1;
652
660
  --border-sponsors-muted: 0.0625rem solid #f87cbd;
653
661
  --border-success-emphasis: 0.0625rem solid #409eff;
662
+ --border-success-muted: 0.0625rem solid #5cacff;
654
663
  --border-transparent: 0.0625rem solid #00000000;
655
- --border-upsell-emphasis: 0.0625rem solid #b87fff;
656
- --border-upsell-muted: 0.0625rem solid #bf8fff;
657
- --borderColor-closed-emphasis: var(--borderColor-danger-emphasis);
658
- --borderColor-closed-muted: var(--borderColor-danger-muted);
664
+ --borderColor-closed-muted: var(--borderColor-default);
659
665
  --borderColor-emphasis: var(--borderColor-default);
660
666
  --borderColor-muted: var(--borderColor-default);
661
- --borderColor-open-emphasis: var(--borderColor-success-emphasis);
662
- --borderColor-success-muted: var(--borderColor-accent-muted);
667
+ --borderColor-upsell-emphasis: var(--borderColor-done-emphasis);
668
+ --borderColor-upsell-muted: var(--borderColor-done-muted);
663
669
  --button-danger-bgColor-active: var(--bgColor-danger-emphasis);
664
670
  --button-danger-bgColor-rest: var(--control-bgColor-rest);
665
671
  --button-danger-borderColor-active: var(--button-danger-borderColor-hover);
666
672
  --button-danger-fgColor-active: #ffffff;
667
- --button-danger-fgColor-disabled: #f0b72f80;
673
+ --button-danger-fgColor-disabled: #ffb75780;
668
674
  --button-danger-fgColor-hover: #ffffff;
669
675
  --button-danger-iconColor-hover: #ffffff;
670
676
  --button-danger-iconColor-rest: var(--button-danger-fgColor-rest);
@@ -676,13 +682,14 @@
676
682
  --button-invisible-borderColor-rest: var(--control-transparent-borderColor-rest);
677
683
  --button-outline-bgColor-hover: var(--control-bgColor-hover);
678
684
  --button-outline-fgColor-active: #ffffff;
685
+ --button-primary-bgColor-rest: var(--bgColor-success-emphasis);
679
686
  --button-primary-borderColor-active: var(--button-primary-borderColor-rest);
680
687
  --button-primary-borderColor-hover: var(--button-primary-borderColor-rest);
681
688
  --button-primary-fgColor-disabled: #ffffff66;
682
- --buttonCounter-danger-bgColor-disabled: #7b49000d;
689
+ --buttonCounter-danger-bgColor-disabled: #8f3c000d;
683
690
  --buttonCounter-danger-bgColor-hover: #01040926;
684
691
  --buttonCounter-danger-bgColor-rest: #01040926;
685
- --buttonCounter-danger-fgColor-disabled: #f0b72f80;
692
+ --buttonCounter-danger-fgColor-disabled: #ffb75780;
686
693
  --buttonCounter-danger-fgColor-hover: #ffffff;
687
694
  --buttonCounter-danger-fgColor-rest: var(--fgColor-danger);
688
695
  --buttonCounter-invisible-bgColor-rest: var(--bgColor-neutral-muted);
@@ -722,16 +729,17 @@
722
729
  --counter-bgColor-emphasis: var(--bgColor-neutral-emphasis);
723
730
  --counter-bgColor-muted: var(--bgColor-neutral-muted);
724
731
  --counter-borderColor: var(--borderColor-default);
725
- --diffBlob-deletionLine-bgColor: #edaa2733;
732
+ --diffBlob-additionLine-bgColor: var(--bgColor-success-muted);
733
+ --diffBlob-additionWord-bgColor: var(--bgColor-success-emphasis);
734
+ --diffBlob-deletionLine-bgColor: #ff808033;
726
735
  --diffBlob-emptyLine-bgColor: var(--bgColor-muted);
727
736
  --diffBlob-emptyNum-bgColor: var(--bgColor-muted);
728
737
  --diffBlob-hunkLine-fgColor: var(--fgColor-muted);
729
738
  --fgColor-black: #010409;
730
- --fgColor-closed: var(--fgColor-danger);
739
+ --fgColor-closed: var(--fgColor-muted);
731
740
  --fgColor-default: #ffffff;
732
741
  --fgColor-onEmphasis: #ffffff;
733
742
  --fgColor-onInverse: #010409;
734
- --fgColor-open: var(--fgColor-success);
735
743
  --fgColor-white: #ffffff;
736
744
  --focus-outlineColor: var(--borderColor-accent-emphasis);
737
745
  --header-fgColor-default: #ffffffb3;
@@ -759,8 +767,10 @@
759
767
  --progressBar-bgColor-accent: var(--bgColor-accent-emphasis);
760
768
  --progressBar-bgColor-attention: var(--bgColor-attention-emphasis);
761
769
  --progressBar-bgColor-danger: var(--bgColor-danger-emphasis);
770
+ --progressBar-bgColor-done: var(--bgColor-done-emphasis);
762
771
  --progressBar-bgColor-severe: var(--bgColor-severe-emphasis);
763
772
  --progressBar-bgColor-sponsors: var(--bgColor-sponsors-emphasis);
773
+ --progressBar-bgColor-success: var(--bgColor-success-emphasis);
764
774
  --reactionButton-selected-fgColor-rest: var(--fgColor-link);
765
775
  --selectMenu-borderColor: var(--borderColor-default);
766
776
  --selection-bgColor: #194fb1b3;
@@ -773,17 +783,17 @@
773
783
  --treeViewItem-leadingVisual-iconColor-rest: var(--fgColor-muted);
774
784
  --underlineNav-iconColor-rest: var(--fgColor-muted);
775
785
  --avatar-borderColor: var(--borderColor-emphasis);
776
- --bgColor-open-emphasis: var(--bgColor-success-emphasis);
777
- --bgColor-open-muted: var(--bgColor-success-muted);
778
786
  --border-closed-emphasis: var(--border-danger-emphasis);
779
787
  --border-closed-muted: var(--border-danger-muted);
780
788
  --border-emphasis: 0.0625rem solid #b7bdc8;
781
789
  --border-muted: 0.0625rem solid #b7bdc8;
782
790
  --border-open-emphasis: var(--border-success-emphasis);
783
- --border-success-muted: 0.0625rem solid #5cacff;
791
+ --border-open-muted: var(--border-success-muted);
792
+ --border-upsell-emphasis: 0.0625rem solid #b87fff;
793
+ --border-upsell-muted: 0.0625rem solid #bf8fff;
794
+ --borderColor-closed-emphasis: var(--borderColor-emphasis);
784
795
  --borderColor-neutral-emphasis: var(--borderColor-emphasis);
785
796
  --borderColor-neutral-muted: var(--borderColor-muted);
786
- --borderColor-open-muted: var(--borderColor-success-muted);
787
797
  --button-danger-bgColor-disabled: var(--control-bgColor-disabled);
788
798
  --button-danger-borderColor-rest: var(--control-borderColor-rest);
789
799
  --button-default-bgColor-disabled: var(--control-bgColor-disabled);
@@ -793,7 +803,6 @@
793
803
  --button-invisible-fgColor-disabled: var(--control-fgColor-disabled);
794
804
  --button-invisible-iconColor-disabled: var(--control-fgColor-disabled);
795
805
  --button-outline-bgColor-disabled: var(--control-bgColor-disabled);
796
- --button-primary-bgColor-rest: var(--bgColor-success-emphasis);
797
806
  --button-primary-fgColor-rest: var(--fgColor-white);
798
807
  --button-primary-iconColor-rest: var(--fgColor-white);
799
808
  --codeMirror-bgColor: var(--bgColor-default);
@@ -815,10 +824,8 @@
815
824
  --controlTrack-borderColor-rest: var(--borderColor-emphasis);
816
825
  --controlTrack-fgColor-disabled: var(--fgColor-onEmphasis);
817
826
  --controlTrack-fgColor-rest: var(--fgColor-default);
818
- --diffBlob-additionLine-bgColor: #5cacff33;
819
827
  --diffBlob-additionLine-fgColor: var(--fgColor-onEmphasis);
820
828
  --diffBlob-additionNum-fgColor: var(--fgColor-default);
821
- --diffBlob-additionWord-bgColor: var(--bgColor-success-emphasis);
822
829
  --diffBlob-additionWord-fgColor: var(--fgColor-default);
823
830
  --diffBlob-deletionLine-fgColor: var(--fgColor-onEmphasis);
824
831
  --diffBlob-deletionNum-fgColor: var(--fgColor-default);
@@ -828,8 +835,6 @@
828
835
  --diffBlob-hunkNum-fgColor-rest: var(--fgColor-default);
829
836
  --focus-outline: 2px solid #409eff;
830
837
  --page-header-bgColor: var(--bgColor-default);
831
- --progressBar-bgColor-done: var(--bgColor-done-emphasis);
832
- --progressBar-bgColor-success: var(--bgColor-success-emphasis);
833
838
  --progressBar-track-bgColor: var(--bgColor-inverse);
834
839
  --shadow-floating-large: 0px 0px 0px 1px #b7bdc8, 0px 24px 48px 0px #010409;
835
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;
@@ -839,9 +844,6 @@
839
844
  --tooltip-fgColor: var(--fgColor-onInverse);
840
845
  --border-neutral-emphasis: 0.0625rem solid #b7bdc8;
841
846
  --border-neutral-muted: 0.0625rem solid #b7bdc8;
842
- --border-open-muted: var(--border-success-muted);
843
- --borderColor-done-emphasis: var(--borderColor-neutral-emphasis);
844
- --borderColor-done-muted: var(--borderColor-neutral-muted);
845
847
  --button-default-borderColor-active: var(--button-default-borderColor-rest);
846
848
  --button-default-borderColor-hover: var(--button-default-borderColor-rest);
847
849
  --button-default-fgColor-rest: var(--control-fgColor-rest);
@@ -851,8 +853,6 @@
851
853
  --controlKnob-borderColor-rest: var(--control-borderColor-emphasis);
852
854
  --progressBar-track-borderColor: var(--progressBar-track-bgColor);
853
855
  --underlineNav-borderColor-hover: var(--borderColor-neutral-muted);
854
- --border-done-emphasis: 0.0625rem solid #b7bdc8;
855
- --border-done-muted: 0.0625rem solid #b7bdc8;
856
856
  --button-outline-borderColor-hover: var(--button-default-borderColor-hover);
857
857
  --button-outline-borderColor-active: var(--button-outline-borderColor-hover);
858
858
  }
@@ -867,6 +867,7 @@
867
867
  --control-checked-bgColor-active: #3c79d0;
868
868
  --control-checked-bgColor-hover: #2b64c1;
869
869
  --fgColor-accent: #74b9ff;
870
+ --fgColor-done: #d3abff;
870
871
  --fgColor-sponsors: #ff90c8;
871
872
  --reactionButton-selected-bgColor-hover: #3a8cfd5c;
872
873
  --avatar-shadow: 0px 0px 0px 2px #0d1117;
@@ -876,37 +877,44 @@
876
877
  --bgColor-accent-muted: #5cacff1a;
877
878
  --bgColor-attention-emphasis: #7b4900;
878
879
  --bgColor-attention-muted: #edaa2726;
879
- --bgColor-danger-emphasis: #7b4900;
880
- --bgColor-danger-muted: #edaa271a;
880
+ --bgColor-danger-emphasis: #8f3c00;
881
+ --bgColor-danger-muted: #ff80801a;
881
882
  --bgColor-disabled: #262c36;
883
+ --bgColor-done-emphasis: #6921d7;
884
+ --bgColor-done-muted: #bf8fff26;
882
885
  --bgColor-emphasis: #3d444d;
883
886
  --bgColor-muted: #151b23;
884
887
  --bgColor-neutral-emphasis: #3d444d;
885
888
  --bgColor-neutral-muted: #212830;
889
+ --bgColor-open-emphasis: #8f3c00;
890
+ --bgColor-open-muted: #f48b251a;
886
891
  --bgColor-severe-emphasis: #8f3c00;
887
892
  --bgColor-severe-muted: #f48b251a;
888
893
  --bgColor-sponsors-emphasis: #9c1d6a;
889
894
  --bgColor-sponsors-muted: #f87cbd1a;
895
+ --bgColor-success-emphasis: #194fb1;
896
+ --bgColor-success-muted: #5cacff33;
890
897
  --bgColor-transparent: #00000000;
891
- --bgColor-upsell-emphasis: #6921d7;
892
- --bgColor-upsell-muted: #bf8fff26;
893
898
  --borderColor-accent-emphasis: #409eff;
894
899
  --borderColor-accent-muted: #5cacff;
895
900
  --borderColor-attention-emphasis: #e09b13;
896
901
  --borderColor-attention-muted: #edaa27;
897
- --borderColor-danger-emphasis: #f7c843;
898
- --borderColor-danger-muted: #edaa27;
902
+ --borderColor-danger-emphasis: #e7811d;
903
+ --borderColor-danger-muted: #f48b25;
899
904
  --borderColor-default: #b7bdc8;
900
905
  --borderColor-disabled: #656c761a;
906
+ --borderColor-done-emphasis: #b87fff;
907
+ --borderColor-done-muted: #bf8fff;
908
+ --borderColor-open-emphasis: #e7811d;
909
+ --borderColor-open-muted: #f48b25;
901
910
  --borderColor-severe-emphasis: #e7811d;
902
911
  --borderColor-severe-muted: #e7811d;
903
912
  --borderColor-sponsors-emphasis: #ef6eb1;
904
913
  --borderColor-sponsors-muted: #f87cbd;
905
914
  --borderColor-success-emphasis: #409eff;
915
+ --borderColor-success-muted: #5cacff;
906
916
  --borderColor-translucent: #9198a1;
907
917
  --borderColor-transparent: #00000000;
908
- --borderColor-upsell-emphasis: #b87fff;
909
- --borderColor-upsell-muted: #bf8fff;
910
918
  --button-danger-bgColor-hover: #8f3c00;
911
919
  --button-danger-borderColor-hover: #ffb757;
912
920
  --button-danger-fgColor-rest: #ffb757;
@@ -1344,15 +1352,15 @@
1344
1352
  --display-yellow-scale-8: #edb431;
1345
1353
  --display-yellow-scale-9: #f0ca6a;
1346
1354
  --fgColor-attention: #f0b72f;
1347
- --fgColor-danger: #f0b72f;
1355
+ --fgColor-danger: #ffb757;
1348
1356
  --fgColor-disabled: #656c76;
1349
- --fgColor-done: #d1d7e0;
1350
1357
  --fgColor-link: var(--fgColor-accent);
1351
1358
  --fgColor-muted: #b7bdc8;
1352
1359
  --fgColor-neutral: #d1d7e0;
1360
+ --fgColor-open: #ffb757;
1353
1361
  --fgColor-severe: #fe9a2d;
1354
- --fgColor-success: var(--fgColor-accent);
1355
- --fgColor-upsell: #e6ccff;
1362
+ --fgColor-success: #addcff;
1363
+ --fgColor-upsell: var(--fgColor-done);
1356
1364
  --header-bgColor: #151b23f2;
1357
1365
  --header-borderColor-divider: #656c76;
1358
1366
  --header-fgColor-logo: #f0f6fc;
@@ -1485,43 +1493,41 @@
1485
1493
  --underlineNav-borderColor-active: #ff967d;
1486
1494
  --avatar-bgColor: #ffffff1a;
1487
1495
  --bgColor-black: #010409;
1488
- --bgColor-closed-emphasis: var(--bgColor-danger-emphasis);
1489
- --bgColor-closed-muted: var(--bgColor-danger-muted);
1496
+ --bgColor-closed-emphasis: var(--bgColor-neutral-emphasis);
1497
+ --bgColor-closed-muted: #2128301a;
1490
1498
  --bgColor-default: #010409;
1491
- --bgColor-done-emphasis: var(--bgColor-neutral-emphasis);
1492
- --bgColor-done-muted: var(--bgColor-neutral-muted);
1493
1499
  --bgColor-inset: #010409;
1494
1500
  --bgColor-inverse: #ffffff;
1495
- --bgColor-success-emphasis: var(--bgColor-accent-emphasis);
1496
- --bgColor-success-muted: var(--bgColor-accent-muted);
1501
+ --bgColor-upsell-emphasis: var(--bgColor-done-emphasis);
1502
+ --bgColor-upsell-muted: var(--bgColor-done-muted);
1497
1503
  --bgColor-white: #ffffff;
1498
1504
  --border-accent-emphasis: 0.0625rem solid #409eff;
1499
1505
  --border-accent-muted: 0.0625rem solid #5cacff;
1500
1506
  --border-attention-emphasis: 0.0625rem solid #e09b13;
1501
1507
  --border-attention-muted: 0.0625rem solid #edaa27;
1502
- --border-danger-emphasis: 0.0625rem solid #f7c843;
1503
- --border-danger-muted: 0.0625rem solid #edaa27;
1508
+ --border-danger-emphasis: 0.0625rem solid #e7811d;
1509
+ --border-danger-muted: 0.0625rem solid #f48b25;
1504
1510
  --border-default: 0.0625rem solid #b7bdc8;
1505
1511
  --border-disabled: 0.0625rem solid #656c761a;
1512
+ --border-done-emphasis: 0.0625rem solid #b87fff;
1513
+ --border-done-muted: 0.0625rem solid #bf8fff;
1506
1514
  --border-severe-emphasis: 0.0625rem solid #e7811d;
1507
1515
  --border-severe-muted: 0.0625rem solid #e7811d;
1508
1516
  --border-sponsors-emphasis: 0.0625rem solid #ef6eb1;
1509
1517
  --border-sponsors-muted: 0.0625rem solid #f87cbd;
1510
1518
  --border-success-emphasis: 0.0625rem solid #409eff;
1519
+ --border-success-muted: 0.0625rem solid #5cacff;
1511
1520
  --border-transparent: 0.0625rem solid #00000000;
1512
- --border-upsell-emphasis: 0.0625rem solid #b87fff;
1513
- --border-upsell-muted: 0.0625rem solid #bf8fff;
1514
- --borderColor-closed-emphasis: var(--borderColor-danger-emphasis);
1515
- --borderColor-closed-muted: var(--borderColor-danger-muted);
1521
+ --borderColor-closed-muted: var(--borderColor-default);
1516
1522
  --borderColor-emphasis: var(--borderColor-default);
1517
1523
  --borderColor-muted: var(--borderColor-default);
1518
- --borderColor-open-emphasis: var(--borderColor-success-emphasis);
1519
- --borderColor-success-muted: var(--borderColor-accent-muted);
1524
+ --borderColor-upsell-emphasis: var(--borderColor-done-emphasis);
1525
+ --borderColor-upsell-muted: var(--borderColor-done-muted);
1520
1526
  --button-danger-bgColor-active: var(--bgColor-danger-emphasis);
1521
1527
  --button-danger-bgColor-rest: var(--control-bgColor-rest);
1522
1528
  --button-danger-borderColor-active: var(--button-danger-borderColor-hover);
1523
1529
  --button-danger-fgColor-active: #ffffff;
1524
- --button-danger-fgColor-disabled: #f0b72f80;
1530
+ --button-danger-fgColor-disabled: #ffb75780;
1525
1531
  --button-danger-fgColor-hover: #ffffff;
1526
1532
  --button-danger-iconColor-hover: #ffffff;
1527
1533
  --button-danger-iconColor-rest: var(--button-danger-fgColor-rest);
@@ -1533,13 +1539,14 @@
1533
1539
  --button-invisible-borderColor-rest: var(--control-transparent-borderColor-rest);
1534
1540
  --button-outline-bgColor-hover: var(--control-bgColor-hover);
1535
1541
  --button-outline-fgColor-active: #ffffff;
1542
+ --button-primary-bgColor-rest: var(--bgColor-success-emphasis);
1536
1543
  --button-primary-borderColor-active: var(--button-primary-borderColor-rest);
1537
1544
  --button-primary-borderColor-hover: var(--button-primary-borderColor-rest);
1538
1545
  --button-primary-fgColor-disabled: #ffffff66;
1539
- --buttonCounter-danger-bgColor-disabled: #7b49000d;
1546
+ --buttonCounter-danger-bgColor-disabled: #8f3c000d;
1540
1547
  --buttonCounter-danger-bgColor-hover: #01040926;
1541
1548
  --buttonCounter-danger-bgColor-rest: #01040926;
1542
- --buttonCounter-danger-fgColor-disabled: #f0b72f80;
1549
+ --buttonCounter-danger-fgColor-disabled: #ffb75780;
1543
1550
  --buttonCounter-danger-fgColor-hover: #ffffff;
1544
1551
  --buttonCounter-danger-fgColor-rest: var(--fgColor-danger);
1545
1552
  --buttonCounter-invisible-bgColor-rest: var(--bgColor-neutral-muted);
@@ -1579,16 +1586,17 @@
1579
1586
  --counter-bgColor-emphasis: var(--bgColor-neutral-emphasis);
1580
1587
  --counter-bgColor-muted: var(--bgColor-neutral-muted);
1581
1588
  --counter-borderColor: var(--borderColor-default);
1582
- --diffBlob-deletionLine-bgColor: #edaa2733;
1589
+ --diffBlob-additionLine-bgColor: var(--bgColor-success-muted);
1590
+ --diffBlob-additionWord-bgColor: var(--bgColor-success-emphasis);
1591
+ --diffBlob-deletionLine-bgColor: #ff808033;
1583
1592
  --diffBlob-emptyLine-bgColor: var(--bgColor-muted);
1584
1593
  --diffBlob-emptyNum-bgColor: var(--bgColor-muted);
1585
1594
  --diffBlob-hunkLine-fgColor: var(--fgColor-muted);
1586
1595
  --fgColor-black: #010409;
1587
- --fgColor-closed: var(--fgColor-danger);
1596
+ --fgColor-closed: var(--fgColor-muted);
1588
1597
  --fgColor-default: #ffffff;
1589
1598
  --fgColor-onEmphasis: #ffffff;
1590
1599
  --fgColor-onInverse: #010409;
1591
- --fgColor-open: var(--fgColor-success);
1592
1600
  --fgColor-white: #ffffff;
1593
1601
  --focus-outlineColor: var(--borderColor-accent-emphasis);
1594
1602
  --header-fgColor-default: #ffffffb3;
@@ -1616,8 +1624,10 @@
1616
1624
  --progressBar-bgColor-accent: var(--bgColor-accent-emphasis);
1617
1625
  --progressBar-bgColor-attention: var(--bgColor-attention-emphasis);
1618
1626
  --progressBar-bgColor-danger: var(--bgColor-danger-emphasis);
1627
+ --progressBar-bgColor-done: var(--bgColor-done-emphasis);
1619
1628
  --progressBar-bgColor-severe: var(--bgColor-severe-emphasis);
1620
1629
  --progressBar-bgColor-sponsors: var(--bgColor-sponsors-emphasis);
1630
+ --progressBar-bgColor-success: var(--bgColor-success-emphasis);
1621
1631
  --reactionButton-selected-fgColor-rest: var(--fgColor-link);
1622
1632
  --selectMenu-borderColor: var(--borderColor-default);
1623
1633
  --selection-bgColor: #194fb1b3;
@@ -1630,17 +1640,17 @@
1630
1640
  --treeViewItem-leadingVisual-iconColor-rest: var(--fgColor-muted);
1631
1641
  --underlineNav-iconColor-rest: var(--fgColor-muted);
1632
1642
  --avatar-borderColor: var(--borderColor-emphasis);
1633
- --bgColor-open-emphasis: var(--bgColor-success-emphasis);
1634
- --bgColor-open-muted: var(--bgColor-success-muted);
1635
1643
  --border-closed-emphasis: var(--border-danger-emphasis);
1636
1644
  --border-closed-muted: var(--border-danger-muted);
1637
1645
  --border-emphasis: 0.0625rem solid #b7bdc8;
1638
1646
  --border-muted: 0.0625rem solid #b7bdc8;
1639
1647
  --border-open-emphasis: var(--border-success-emphasis);
1640
- --border-success-muted: 0.0625rem solid #5cacff;
1648
+ --border-open-muted: var(--border-success-muted);
1649
+ --border-upsell-emphasis: 0.0625rem solid #b87fff;
1650
+ --border-upsell-muted: 0.0625rem solid #bf8fff;
1651
+ --borderColor-closed-emphasis: var(--borderColor-emphasis);
1641
1652
  --borderColor-neutral-emphasis: var(--borderColor-emphasis);
1642
1653
  --borderColor-neutral-muted: var(--borderColor-muted);
1643
- --borderColor-open-muted: var(--borderColor-success-muted);
1644
1654
  --button-danger-bgColor-disabled: var(--control-bgColor-disabled);
1645
1655
  --button-danger-borderColor-rest: var(--control-borderColor-rest);
1646
1656
  --button-default-bgColor-disabled: var(--control-bgColor-disabled);
@@ -1650,7 +1660,6 @@
1650
1660
  --button-invisible-fgColor-disabled: var(--control-fgColor-disabled);
1651
1661
  --button-invisible-iconColor-disabled: var(--control-fgColor-disabled);
1652
1662
  --button-outline-bgColor-disabled: var(--control-bgColor-disabled);
1653
- --button-primary-bgColor-rest: var(--bgColor-success-emphasis);
1654
1663
  --button-primary-fgColor-rest: var(--fgColor-white);
1655
1664
  --button-primary-iconColor-rest: var(--fgColor-white);
1656
1665
  --codeMirror-bgColor: var(--bgColor-default);
@@ -1672,10 +1681,8 @@
1672
1681
  --controlTrack-borderColor-rest: var(--borderColor-emphasis);
1673
1682
  --controlTrack-fgColor-disabled: var(--fgColor-onEmphasis);
1674
1683
  --controlTrack-fgColor-rest: var(--fgColor-default);
1675
- --diffBlob-additionLine-bgColor: #5cacff33;
1676
1684
  --diffBlob-additionLine-fgColor: var(--fgColor-onEmphasis);
1677
1685
  --diffBlob-additionNum-fgColor: var(--fgColor-default);
1678
- --diffBlob-additionWord-bgColor: var(--bgColor-success-emphasis);
1679
1686
  --diffBlob-additionWord-fgColor: var(--fgColor-default);
1680
1687
  --diffBlob-deletionLine-fgColor: var(--fgColor-onEmphasis);
1681
1688
  --diffBlob-deletionNum-fgColor: var(--fgColor-default);
@@ -1685,8 +1692,6 @@
1685
1692
  --diffBlob-hunkNum-fgColor-rest: var(--fgColor-default);
1686
1693
  --focus-outline: 2px solid #409eff;
1687
1694
  --page-header-bgColor: var(--bgColor-default);
1688
- --progressBar-bgColor-done: var(--bgColor-done-emphasis);
1689
- --progressBar-bgColor-success: var(--bgColor-success-emphasis);
1690
1695
  --progressBar-track-bgColor: var(--bgColor-inverse);
1691
1696
  --shadow-floating-large: 0px 0px 0px 1px #b7bdc8, 0px 24px 48px 0px #010409;
1692
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;
@@ -1696,9 +1701,6 @@
1696
1701
  --tooltip-fgColor: var(--fgColor-onInverse);
1697
1702
  --border-neutral-emphasis: 0.0625rem solid #b7bdc8;
1698
1703
  --border-neutral-muted: 0.0625rem solid #b7bdc8;
1699
- --border-open-muted: var(--border-success-muted);
1700
- --borderColor-done-emphasis: var(--borderColor-neutral-emphasis);
1701
- --borderColor-done-muted: var(--borderColor-neutral-muted);
1702
1704
  --button-default-borderColor-active: var(--button-default-borderColor-rest);
1703
1705
  --button-default-borderColor-hover: var(--button-default-borderColor-rest);
1704
1706
  --button-default-fgColor-rest: var(--control-fgColor-rest);
@@ -1708,8 +1710,6 @@
1708
1710
  --controlKnob-borderColor-rest: var(--control-borderColor-emphasis);
1709
1711
  --progressBar-track-borderColor: var(--progressBar-track-bgColor);
1710
1712
  --underlineNav-borderColor-hover: var(--borderColor-neutral-muted);
1711
- --border-done-emphasis: 0.0625rem solid #b7bdc8;
1712
- --border-done-muted: 0.0625rem solid #b7bdc8;
1713
1713
  --button-outline-borderColor-hover: var(--button-default-borderColor-hover);
1714
1714
  --button-outline-borderColor-active: var(--button-outline-borderColor-hover);
1715
1715
  }