@primer/primitives 10.8.0-rc.f296f65b → 11.0.0-rc.a6a4b391

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 (95) hide show
  1. package/dist/build/platforms/css.js +2 -1
  2. package/dist/build/schemas/collections.d.ts +1 -1
  3. package/dist/build/schemas/colorToken.d.ts +260 -0
  4. package/dist/build/schemas/colorToken.js +10 -0
  5. package/dist/css/functional/themes/dark-colorblind-high-contrast.css +1658 -0
  6. package/dist/css/functional/themes/dark-colorblind.css +26 -26
  7. package/dist/css/functional/themes/dark-dimmed-high-contrast.css +1658 -0
  8. package/dist/css/functional/themes/dark-dimmed.css +60 -60
  9. package/dist/css/functional/themes/dark-high-contrast.css +24 -24
  10. package/dist/css/functional/themes/dark-tritanopia-high-contrast.css +1658 -0
  11. package/dist/css/functional/themes/dark-tritanopia.css +26 -26
  12. package/dist/css/functional/themes/dark.css +26 -26
  13. package/dist/css/functional/themes/light-colorblind-high-contrast.css +1658 -0
  14. package/dist/css/functional/themes/light-colorblind.css +30 -30
  15. package/dist/css/functional/themes/light-high-contrast.css +32 -32
  16. package/dist/css/functional/themes/light-tritanopia-high-contrast.css +1658 -0
  17. package/dist/css/functional/themes/light-tritanopia.css +28 -28
  18. package/dist/css/functional/themes/light.css +28 -28
  19. package/dist/docs/functional/themes/dark-colorblind-high-contrast.json +43196 -0
  20. package/dist/docs/functional/themes/dark-colorblind.json +7751 -517
  21. package/dist/docs/functional/themes/dark-dimmed-high-contrast.json +43190 -0
  22. package/dist/docs/functional/themes/dark-dimmed.json +7795 -561
  23. package/dist/docs/functional/themes/dark-high-contrast.json +7749 -519
  24. package/dist/docs/functional/themes/dark-tritanopia-high-contrast.json +43194 -0
  25. package/dist/docs/functional/themes/dark-tritanopia.json +7751 -517
  26. package/dist/docs/functional/themes/dark.json +7751 -517
  27. package/dist/docs/functional/themes/light-colorblind-high-contrast.json +43156 -0
  28. package/dist/docs/functional/themes/light-colorblind.json +7742 -508
  29. package/dist/docs/functional/themes/light-high-contrast.json +7758 -528
  30. package/dist/docs/functional/themes/light-tritanopia-high-contrast.json +43156 -0
  31. package/dist/docs/functional/themes/light-tritanopia.json +7740 -506
  32. package/dist/docs/functional/themes/light.json +7740 -506
  33. package/dist/figma/figma.json +18 -8
  34. package/dist/figma/scales/dark-dimmed.json +14 -14
  35. package/dist/figma/themes/dark-colorblind-high-contrast.json +13877 -0
  36. package/dist/figma/themes/dark-colorblind.json +35 -38
  37. package/dist/figma/themes/dark-dimmed-high-contrast.json +13871 -0
  38. package/dist/figma/themes/dark-dimmed.json +102 -107
  39. package/dist/figma/themes/dark-high-contrast.json +28 -34
  40. package/dist/figma/themes/dark-tritanopia-high-contrast.json +13873 -0
  41. package/dist/figma/themes/dark-tritanopia.json +35 -38
  42. package/dist/figma/themes/dark.json +35 -38
  43. package/dist/figma/themes/light-colorblind-high-contrast.json +13857 -0
  44. package/dist/figma/themes/light-colorblind.json +21 -24
  45. package/dist/figma/themes/light-high-contrast.json +46 -51
  46. package/dist/figma/themes/light-tritanopia-high-contrast.json +13856 -0
  47. package/dist/figma/themes/light-tritanopia.json +19 -23
  48. package/dist/figma/themes/light.json +19 -23
  49. package/dist/internalCss/dark-colorblind-high-contrast.css +2266 -0
  50. package/dist/internalCss/dark-colorblind.css +26 -26
  51. package/dist/internalCss/dark-dimmed-high-contrast.css +2266 -0
  52. package/dist/internalCss/dark-dimmed.css +54 -54
  53. package/dist/internalCss/dark-high-contrast.css +24 -24
  54. package/dist/internalCss/dark-tritanopia-high-contrast.css +2266 -0
  55. package/dist/internalCss/dark-tritanopia.css +26 -26
  56. package/dist/internalCss/dark.css +26 -26
  57. package/dist/internalCss/light-colorblind-high-contrast.css +2266 -0
  58. package/dist/internalCss/light-colorblind.css +30 -30
  59. package/dist/internalCss/light-high-contrast.css +32 -32
  60. package/dist/internalCss/light-tritanopia-high-contrast.css +2266 -0
  61. package/dist/internalCss/light-tritanopia.css +28 -28
  62. package/dist/internalCss/light.css +28 -28
  63. package/dist/styleLint/functional/themes/dark-colorblind-high-contrast.json +43196 -0
  64. package/dist/styleLint/functional/themes/dark-colorblind.json +7751 -517
  65. package/dist/styleLint/functional/themes/dark-dimmed-high-contrast.json +43190 -0
  66. package/dist/styleLint/functional/themes/dark-dimmed.json +7795 -561
  67. package/dist/styleLint/functional/themes/dark-high-contrast.json +7749 -519
  68. package/dist/styleLint/functional/themes/dark-tritanopia-high-contrast.json +43194 -0
  69. package/dist/styleLint/functional/themes/dark-tritanopia.json +7751 -517
  70. package/dist/styleLint/functional/themes/dark.json +7751 -517
  71. package/dist/styleLint/functional/themes/light-colorblind-high-contrast.json +43156 -0
  72. package/dist/styleLint/functional/themes/light-colorblind.json +7742 -508
  73. package/dist/styleLint/functional/themes/light-high-contrast.json +7758 -528
  74. package/dist/styleLint/functional/themes/light-tritanopia-high-contrast.json +43156 -0
  75. package/dist/styleLint/functional/themes/light-tritanopia.json +7740 -506
  76. package/dist/styleLint/functional/themes/light.json +7740 -506
  77. package/package.json +1 -1
  78. package/src/tokens/base/color/dark/dark.dimmed.json5 +0 -9
  79. package/src/tokens/component/avatar.json5 +17 -4
  80. package/src/tokens/component/button.json5 +260 -61
  81. package/src/tokens/component/codeMirror.json5 +20 -2
  82. package/src/tokens/component/contribution.json5 +35 -57
  83. package/src/tokens/component/counter.json5 +5 -0
  84. package/src/tokens/component/diffBlob.json5 +75 -8
  85. package/src/tokens/component/header.json5 +2 -0
  86. package/src/tokens/component/overlay.json5 +25 -0
  87. package/src/tokens/component/skeletonLoader.json5 +20 -0
  88. package/src/tokens/component/tooltip.json5 +8 -2
  89. package/src/tokens/component/topicTag.json5 +5 -0
  90. package/src/tokens/functional/color/bgColor.json5 +86 -0
  91. package/src/tokens/functional/color/borderColor.json5 +268 -0
  92. package/src/tokens/functional/color/control.json5 +343 -0
  93. package/src/tokens/functional/color/display.json5 +1334 -1239
  94. package/src/tokens/functional/color/fgColor.json5 +77 -17
  95. package/src/tokens/functional/color/syntax.json5 +44 -2
package/dist/css/functional/themes/dark-tritanopia.css CHANGED
@@ -3,9 +3,7 @@
3
3
  [data-color-mode="auto"][data-light-theme="dark_tritanopia"],
4
4
  [data-color-mode="auto"][data-light-theme="dark_tritanopia"] ::backdrop {
5
5
  --bgColor-sponsors-muted: #db61a21a;
6
- --button-danger-bgColor-active: #d03533;
7
6
  --button-danger-fgColor-rest: #fa5e55;
8
- --button-danger-iconColor-rest: #fa5e55;
9
7
  --button-outline-bgColor-active: #0d419d;
10
8
  --button-outline-bgColor-disabled: #212830;
11
9
  --button-outline-bgColor-hover: #262c36;
@@ -65,6 +63,7 @@
65
63
  --borderColor-success-muted: #388bfd66;
66
64
  --borderColor-transparent: #00000000;
67
65
  --button-danger-bgColor-hover: #b62324;
66
+ --button-danger-iconColor-rest: var(--button-danger-fgColor-rest);
68
67
  --button-danger-shadow-selected: 0px 0px 0px 0px #000000;
69
68
  --button-default-shadow-resting: 0px 0px 0px 0px #000000;
70
69
  --button-inactive-bgColor: #262c36;
@@ -143,11 +142,7 @@
143
142
  --contribution-default-bgColor-2: #196c2e;
144
143
  --contribution-default-bgColor-3: #2ea043;
145
144
  --contribution-default-bgColor-4: #56d364;
146
- --contribution-default-borderColor-0: #ffffff0d;
147
- --contribution-default-borderColor-1: #ffffff0d;
148
- --contribution-default-borderColor-2: #ffffff0d;
149
- --contribution-default-borderColor-3: #ffffff0d;
150
- --contribution-default-borderColor-4: #ffffff0d;
145
+ --contribution-default-borderColor-0: #0104090d;
151
146
  --contribution-halloween-bgColor-1: #fac68f;
152
147
  --contribution-halloween-bgColor-2: #c46212;
153
148
  --contribution-halloween-bgColor-3: #984b10;
@@ -676,6 +671,7 @@
676
671
  --borderColor-translucent: #ffffff26;
677
672
  --borderColor-upsell-emphasis: var(--borderColor-done-emphasis);
678
673
  --borderColor-upsell-muted: var(--borderColor-done-muted);
674
+ --button-danger-bgColor-active: var(--bgColor-danger-emphasis);
679
675
  --button-danger-bgColor-rest: var(--control-bgColor-rest);
680
676
  --button-danger-fgColor-active: #ffffff;
681
677
  --button-danger-fgColor-disabled: #f8514980;
@@ -694,7 +690,6 @@
694
690
  --button-invisible-iconColor-rest: var(--fgColor-muted);
695
691
  --button-outline-fgColor-active: #ffffff;
696
692
  --button-primary-bgColor-rest: var(--bgColor-success-emphasis);
697
- --button-primary-borderColor-rest: #ffffff1a;
698
693
  --button-primary-fgColor-disabled: #ffffff66;
699
694
  --buttonCounter-danger-bgColor-disabled: #da36330d;
700
695
  --buttonCounter-danger-bgColor-hover: #ffffff33;
@@ -716,6 +711,10 @@
716
711
  --codeMirror-matchingBracket-fgColor: var(--fgColor-default);
717
712
  --codeMirror-selection-bgColor: var(--borderColor-accent-muted);
718
713
  --color-ansi-white-bright: #ffffff;
714
+ --contribution-default-borderColor-1: var(--contribution-default-borderColor-0);
715
+ --contribution-default-borderColor-2: var(--contribution-default-borderColor-0);
716
+ --contribution-default-borderColor-3: var(--contribution-default-borderColor-0);
717
+ --contribution-default-borderColor-4: var(--contribution-default-borderColor-0);
719
718
  --control-bgColor-disabled: var(--bgColor-disabled);
720
719
  --control-bgColor-selected: var(--control-bgColor-rest);
721
720
  --control-borderColor-danger: var(--borderColor-danger-emphasis);
@@ -787,7 +786,6 @@
787
786
  --border-upsell-muted: 0.0625rem solid #ab7df866;
788
787
  --borderColor-neutral-muted: var(--borderColor-muted);
789
788
  --button-danger-bgColor-disabled: var(--control-bgColor-disabled);
790
- --button-danger-borderColor-hover: var(--button-primary-borderColor-rest);
791
789
  --button-danger-borderColor-rest: var(--control-borderColor-rest);
792
790
  --button-default-bgColor-disabled: var(--control-bgColor-disabled);
793
791
  --button-default-borderColor-disabled: var(--control-borderColor-disabled);
@@ -798,8 +796,7 @@
798
796
  --button-invisible-fgColor-hover: var(--control-fgColor-rest);
799
797
  --button-invisible-fgColor-rest: var(--control-fgColor-rest);
800
798
  --button-invisible-iconColor-disabled: var(--control-fgColor-disabled);
801
- --button-primary-borderColor-active: var(--button-primary-borderColor-rest);
802
- --button-primary-borderColor-hover: var(--button-primary-borderColor-rest);
799
+ --button-primary-borderColor-rest: var(--borderColor-translucent);
803
800
  --button-primary-fgColor-rest: var(--fgColor-white);
804
801
  --button-primary-iconColor-rest: var(--fgColor-white);
805
802
  --control-checked-borderColor-disabled: var(--control-checked-bgColor-disabled);
@@ -816,24 +813,25 @@
816
813
  --overlay-borderColor: var(--borderColor-muted);
817
814
  --tooltip-fgColor: var(--fgColor-onEmphasis);
818
815
  --border-neutral-muted: 0.0625rem solid #3d444db3;
819
- --button-danger-borderColor-active: var(--button-danger-borderColor-hover);
816
+ --button-danger-borderColor-hover: var(--button-primary-borderColor-rest);
820
817
  --button-default-borderColor-active: var(--button-default-borderColor-rest);
821
818
  --button-default-borderColor-hover: var(--button-default-borderColor-rest);
819
+ --button-primary-borderColor-active: var(--button-primary-borderColor-rest);
820
+ --button-primary-borderColor-hover: var(--button-primary-borderColor-rest);
822
821
  --shadow-floating-large: 0px 0px 0px 1px #3d444d, 0px 24px 48px 0px #010409;
823
822
  --shadow-floating-medium: 0px 0px 0px 1px #3d444d, 0px 8px 16px -4px #01040966, 0px 4px 32px -4px #01040966, 0px 24px 48px -12px #01040966, 0px 48px 96px -24px #01040966;
824
823
  --shadow-floating-small: 0px 0px 0px 1px #3d444d, 0px 6px 12px -3px #01040966, 0px 6px 18px 0px #01040966;
825
824
  --shadow-floating-xlarge: 0px 0px 0px 1px #3d444d, 0px 32px 64px 0px #010409;
826
825
  --underlineNav-borderColor-hover: var(--borderColor-neutral-muted);
826
+ --button-danger-borderColor-active: var(--button-danger-borderColor-hover);
827
827
  --button-outline-borderColor-hover: var(--button-default-borderColor-hover);
828
828
  --button-outline-borderColor-active: var(--button-outline-borderColor-hover);
829
829
  }
830
830
  @media (prefers-color-scheme: dark) {
831
- [data-color-mode="auto"][data-dark-theme="dark_tritanopia"],
832
- [data-color-mode="auto"][data-dark-theme="dark_tritanopia"] ::backdrop {
831
+ [data-color-mode][data-color-mode="auto"][data-dark-theme="dark_tritanopia"],
832
+ [data-color-mode][data-color-mode="auto"][data-dark-theme="dark_tritanopia"] ::backdrop {
833
833
  --bgColor-sponsors-muted: #db61a21a;
834
- --button-danger-bgColor-active: #d03533;
835
834
  --button-danger-fgColor-rest: #fa5e55;
836
- --button-danger-iconColor-rest: #fa5e55;
837
835
  --button-outline-bgColor-active: #0d419d;
838
836
  --button-outline-bgColor-disabled: #212830;
839
837
  --button-outline-bgColor-hover: #262c36;
@@ -893,6 +891,7 @@
893
891
  --borderColor-success-muted: #388bfd66;
894
892
  --borderColor-transparent: #00000000;
895
893
  --button-danger-bgColor-hover: #b62324;
894
+ --button-danger-iconColor-rest: var(--button-danger-fgColor-rest);
896
895
  --button-danger-shadow-selected: 0px 0px 0px 0px #000000;
897
896
  --button-default-shadow-resting: 0px 0px 0px 0px #000000;
898
897
  --button-inactive-bgColor: #262c36;
@@ -971,11 +970,7 @@
971
970
  --contribution-default-bgColor-2: #196c2e;
972
971
  --contribution-default-bgColor-3: #2ea043;
973
972
  --contribution-default-bgColor-4: #56d364;
974
- --contribution-default-borderColor-0: #ffffff0d;
975
- --contribution-default-borderColor-1: #ffffff0d;
976
- --contribution-default-borderColor-2: #ffffff0d;
977
- --contribution-default-borderColor-3: #ffffff0d;
978
- --contribution-default-borderColor-4: #ffffff0d;
973
+ --contribution-default-borderColor-0: #0104090d;
979
974
  --contribution-halloween-bgColor-1: #fac68f;
980
975
  --contribution-halloween-bgColor-2: #c46212;
981
976
  --contribution-halloween-bgColor-3: #984b10;
@@ -1504,6 +1499,7 @@
1504
1499
  --borderColor-translucent: #ffffff26;
1505
1500
  --borderColor-upsell-emphasis: var(--borderColor-done-emphasis);
1506
1501
  --borderColor-upsell-muted: var(--borderColor-done-muted);
1502
+ --button-danger-bgColor-active: var(--bgColor-danger-emphasis);
1507
1503
  --button-danger-bgColor-rest: var(--control-bgColor-rest);
1508
1504
  --button-danger-fgColor-active: #ffffff;
1509
1505
  --button-danger-fgColor-disabled: #f8514980;
@@ -1522,7 +1518,6 @@
1522
1518
  --button-invisible-iconColor-rest: var(--fgColor-muted);
1523
1519
  --button-outline-fgColor-active: #ffffff;
1524
1520
  --button-primary-bgColor-rest: var(--bgColor-success-emphasis);
1525
- --button-primary-borderColor-rest: #ffffff1a;
1526
1521
  --button-primary-fgColor-disabled: #ffffff66;
1527
1522
  --buttonCounter-danger-bgColor-disabled: #da36330d;
1528
1523
  --buttonCounter-danger-bgColor-hover: #ffffff33;
@@ -1544,6 +1539,10 @@
1544
1539
  --codeMirror-matchingBracket-fgColor: var(--fgColor-default);
1545
1540
  --codeMirror-selection-bgColor: var(--borderColor-accent-muted);
1546
1541
  --color-ansi-white-bright: #ffffff;
1542
+ --contribution-default-borderColor-1: var(--contribution-default-borderColor-0);
1543
+ --contribution-default-borderColor-2: var(--contribution-default-borderColor-0);
1544
+ --contribution-default-borderColor-3: var(--contribution-default-borderColor-0);
1545
+ --contribution-default-borderColor-4: var(--contribution-default-borderColor-0);
1547
1546
  --control-bgColor-disabled: var(--bgColor-disabled);
1548
1547
  --control-bgColor-selected: var(--control-bgColor-rest);
1549
1548
  --control-borderColor-danger: var(--borderColor-danger-emphasis);
@@ -1615,7 +1614,6 @@
1615
1614
  --border-upsell-muted: 0.0625rem solid #ab7df866;
1616
1615
  --borderColor-neutral-muted: var(--borderColor-muted);
1617
1616
  --button-danger-bgColor-disabled: var(--control-bgColor-disabled);
1618
- --button-danger-borderColor-hover: var(--button-primary-borderColor-rest);
1619
1617
  --button-danger-borderColor-rest: var(--control-borderColor-rest);
1620
1618
  --button-default-bgColor-disabled: var(--control-bgColor-disabled);
1621
1619
  --button-default-borderColor-disabled: var(--control-borderColor-disabled);
@@ -1626,8 +1624,7 @@
1626
1624
  --button-invisible-fgColor-hover: var(--control-fgColor-rest);
1627
1625
  --button-invisible-fgColor-rest: var(--control-fgColor-rest);
1628
1626
  --button-invisible-iconColor-disabled: var(--control-fgColor-disabled);
1629
- --button-primary-borderColor-active: var(--button-primary-borderColor-rest);
1630
- --button-primary-borderColor-hover: var(--button-primary-borderColor-rest);
1627
+ --button-primary-borderColor-rest: var(--borderColor-translucent);
1631
1628
  --button-primary-fgColor-rest: var(--fgColor-white);
1632
1629
  --button-primary-iconColor-rest: var(--fgColor-white);
1633
1630
  --control-checked-borderColor-disabled: var(--control-checked-bgColor-disabled);
@@ -1644,14 +1641,17 @@
1644
1641
  --overlay-borderColor: var(--borderColor-muted);
1645
1642
  --tooltip-fgColor: var(--fgColor-onEmphasis);
1646
1643
  --border-neutral-muted: 0.0625rem solid #3d444db3;
1647
- --button-danger-borderColor-active: var(--button-danger-borderColor-hover);
1644
+ --button-danger-borderColor-hover: var(--button-primary-borderColor-rest);
1648
1645
  --button-default-borderColor-active: var(--button-default-borderColor-rest);
1649
1646
  --button-default-borderColor-hover: var(--button-default-borderColor-rest);
1647
+ --button-primary-borderColor-active: var(--button-primary-borderColor-rest);
1648
+ --button-primary-borderColor-hover: var(--button-primary-borderColor-rest);
1650
1649
  --shadow-floating-large: 0px 0px 0px 1px #3d444d, 0px 24px 48px 0px #010409;
1651
1650
  --shadow-floating-medium: 0px 0px 0px 1px #3d444d, 0px 8px 16px -4px #01040966, 0px 4px 32px -4px #01040966, 0px 24px 48px -12px #01040966, 0px 48px 96px -24px #01040966;
1652
1651
  --shadow-floating-small: 0px 0px 0px 1px #3d444d, 0px 6px 12px -3px #01040966, 0px 6px 18px 0px #01040966;
1653
1652
  --shadow-floating-xlarge: 0px 0px 0px 1px #3d444d, 0px 32px 64px 0px #010409;
1654
1653
  --underlineNav-borderColor-hover: var(--borderColor-neutral-muted);
1654
+ --button-danger-borderColor-active: var(--button-danger-borderColor-hover);
1655
1655
  --button-outline-borderColor-hover: var(--button-default-borderColor-hover);
1656
1656
  --button-outline-borderColor-active: var(--button-outline-borderColor-hover);
1657
1657
  }
package/dist/css/functional/themes/dark.css CHANGED
@@ -2,9 +2,7 @@
2
2
  [data-color-mode="dark"][data-dark-theme="dark"] ::backdrop,
3
3
  [data-color-mode="auto"][data-light-theme="dark"],
4
4
  [data-color-mode="auto"][data-light-theme="dark"] ::backdrop {
5
- --button-danger-bgColor-active: #d03533;
6
5
  --button-danger-fgColor-rest: #fa5e55;
7
- --button-danger-iconColor-rest: #fa5e55;
8
6
  --button-primary-bgColor-active: #2e9a40;
9
7
  --button-primary-bgColor-disabled: #105823;
10
8
  --button-primary-bgColor-hover: #29903b;
@@ -58,6 +56,7 @@
58
56
  --borderColor-success-muted: #2ea04366;
59
57
  --borderColor-transparent: #00000000;
60
58
  --button-danger-bgColor-hover: #b62324;
59
+ --button-danger-iconColor-rest: var(--button-danger-fgColor-rest);
61
60
  --button-danger-shadow-selected: 0px 0px 0px 0px #000000;
62
61
  --button-default-shadow-resting: 0px 0px 0px 0px #000000;
63
62
  --button-inactive-bgColor: #262c36;
@@ -137,11 +136,7 @@
137
136
  --contribution-default-bgColor-2: #196c2e;
138
137
  --contribution-default-bgColor-3: #2ea043;
139
138
  --contribution-default-bgColor-4: #56d364;
140
- --contribution-default-borderColor-0: #ffffff0d;
141
- --contribution-default-borderColor-1: #ffffff0d;
142
- --contribution-default-borderColor-2: #ffffff0d;
143
- --contribution-default-borderColor-3: #ffffff0d;
144
- --contribution-default-borderColor-4: #ffffff0d;
139
+ --contribution-default-borderColor-0: #0104090d;
145
140
  --contribution-halloween-bgColor-1: #fac68f;
146
141
  --contribution-halloween-bgColor-2: #c46212;
147
142
  --contribution-halloween-bgColor-3: #984b10;
@@ -671,6 +666,7 @@
671
666
  --borderColor-translucent: #ffffff26;
672
667
  --borderColor-upsell-emphasis: var(--borderColor-done-emphasis);
673
668
  --borderColor-upsell-muted: var(--borderColor-done-muted);
669
+ --button-danger-bgColor-active: var(--bgColor-danger-emphasis);
674
670
  --button-danger-bgColor-rest: var(--control-bgColor-rest);
675
671
  --button-danger-fgColor-active: #ffffff;
676
672
  --button-danger-fgColor-disabled: #f8514980;
@@ -690,7 +686,6 @@
690
686
  --button-outline-bgColor-hover: var(--control-bgColor-hover);
691
687
  --button-outline-fgColor-active: #ffffff;
692
688
  --button-primary-bgColor-rest: var(--bgColor-success-emphasis);
693
- --button-primary-borderColor-rest: #ffffff1a;
694
689
  --button-primary-fgColor-disabled: #ffffff66;
695
690
  --buttonCounter-danger-bgColor-disabled: #da36330d;
696
691
  --buttonCounter-danger-bgColor-hover: #ffffff33;
@@ -712,6 +707,10 @@
712
707
  --codeMirror-matchingBracket-fgColor: var(--fgColor-default);
713
708
  --codeMirror-selection-bgColor: var(--borderColor-accent-muted);
714
709
  --color-ansi-white-bright: #ffffff;
710
+ --contribution-default-borderColor-1: var(--contribution-default-borderColor-0);
711
+ --contribution-default-borderColor-2: var(--contribution-default-borderColor-0);
712
+ --contribution-default-borderColor-3: var(--contribution-default-borderColor-0);
713
+ --contribution-default-borderColor-4: var(--contribution-default-borderColor-0);
715
714
  --control-bgColor-disabled: var(--bgColor-disabled);
716
715
  --control-bgColor-selected: var(--control-bgColor-rest);
717
716
  --control-borderColor-danger: var(--borderColor-danger-emphasis);
@@ -786,7 +785,6 @@
786
785
  --border-upsell-muted: 0.0625rem solid #ab7df866;
787
786
  --borderColor-neutral-muted: var(--borderColor-muted);
788
787
  --button-danger-bgColor-disabled: var(--control-bgColor-disabled);
789
- --button-danger-borderColor-hover: var(--button-primary-borderColor-rest);
790
788
  --button-danger-borderColor-rest: var(--control-borderColor-rest);
791
789
  --button-default-bgColor-disabled: var(--control-bgColor-disabled);
792
790
  --button-default-borderColor-disabled: var(--control-borderColor-disabled);
@@ -798,8 +796,7 @@
798
796
  --button-invisible-fgColor-rest: var(--control-fgColor-rest);
799
797
  --button-invisible-iconColor-disabled: var(--control-fgColor-disabled);
800
798
  --button-outline-bgColor-disabled: var(--control-bgColor-disabled);
801
- --button-primary-borderColor-active: var(--button-primary-borderColor-rest);
802
- --button-primary-borderColor-hover: var(--button-primary-borderColor-rest);
799
+ --button-primary-borderColor-rest: var(--borderColor-translucent);
803
800
  --button-primary-fgColor-rest: var(--fgColor-white);
804
801
  --button-primary-iconColor-rest: var(--fgColor-white);
805
802
  --control-checked-borderColor-disabled: var(--control-checked-bgColor-disabled);
@@ -816,23 +813,24 @@
816
813
  --overlay-borderColor: var(--borderColor-muted);
817
814
  --tooltip-fgColor: var(--fgColor-onEmphasis);
818
815
  --border-neutral-muted: 0.0625rem solid #3d444db3;
819
- --button-danger-borderColor-active: var(--button-danger-borderColor-hover);
816
+ --button-danger-borderColor-hover: var(--button-primary-borderColor-rest);
820
817
  --button-default-borderColor-active: var(--button-default-borderColor-rest);
821
818
  --button-default-borderColor-hover: var(--button-default-borderColor-rest);
819
+ --button-primary-borderColor-active: var(--button-primary-borderColor-rest);
820
+ --button-primary-borderColor-hover: var(--button-primary-borderColor-rest);
822
821
  --shadow-floating-large: 0px 0px 0px 1px #3d444d, 0px 24px 48px 0px #010409;
823
822
  --shadow-floating-medium: 0px 0px 0px 1px #3d444d, 0px 8px 16px -4px #01040966, 0px 4px 32px -4px #01040966, 0px 24px 48px -12px #01040966, 0px 48px 96px -24px #01040966;
824
823
  --shadow-floating-small: 0px 0px 0px 1px #3d444d, 0px 6px 12px -3px #01040966, 0px 6px 18px 0px #01040966;
825
824
  --shadow-floating-xlarge: 0px 0px 0px 1px #3d444d, 0px 32px 64px 0px #010409;
826
825
  --underlineNav-borderColor-hover: var(--borderColor-neutral-muted);
826
+ --button-danger-borderColor-active: var(--button-danger-borderColor-hover);
827
827
  --button-outline-borderColor-hover: var(--button-default-borderColor-hover);
828
828
  --button-outline-borderColor-active: var(--button-outline-borderColor-hover);
829
829
  }
830
830
  @media (prefers-color-scheme: dark) {
831
- [data-color-mode="auto"][data-dark-theme="dark"],
832
- [data-color-mode="auto"][data-dark-theme="dark"] ::backdrop {
833
- --button-danger-bgColor-active: #d03533;
831
+ [data-color-mode][data-color-mode="auto"][data-dark-theme="dark"],
832
+ [data-color-mode][data-color-mode="auto"][data-dark-theme="dark"] ::backdrop {
834
833
  --button-danger-fgColor-rest: #fa5e55;
835
- --button-danger-iconColor-rest: #fa5e55;
836
834
  --button-primary-bgColor-active: #2e9a40;
837
835
  --button-primary-bgColor-disabled: #105823;
838
836
  --button-primary-bgColor-hover: #29903b;
@@ -886,6 +884,7 @@
886
884
  --borderColor-success-muted: #2ea04366;
887
885
  --borderColor-transparent: #00000000;
888
886
  --button-danger-bgColor-hover: #b62324;
887
+ --button-danger-iconColor-rest: var(--button-danger-fgColor-rest);
889
888
  --button-danger-shadow-selected: 0px 0px 0px 0px #000000;
890
889
  --button-default-shadow-resting: 0px 0px 0px 0px #000000;
891
890
  --button-inactive-bgColor: #262c36;
@@ -965,11 +964,7 @@
965
964
  --contribution-default-bgColor-2: #196c2e;
966
965
  --contribution-default-bgColor-3: #2ea043;
967
966
  --contribution-default-bgColor-4: #56d364;
968
- --contribution-default-borderColor-0: #ffffff0d;
969
- --contribution-default-borderColor-1: #ffffff0d;
970
- --contribution-default-borderColor-2: #ffffff0d;
971
- --contribution-default-borderColor-3: #ffffff0d;
972
- --contribution-default-borderColor-4: #ffffff0d;
967
+ --contribution-default-borderColor-0: #0104090d;
973
968
  --contribution-halloween-bgColor-1: #fac68f;
974
969
  --contribution-halloween-bgColor-2: #c46212;
975
970
  --contribution-halloween-bgColor-3: #984b10;
@@ -1499,6 +1494,7 @@
1499
1494
  --borderColor-translucent: #ffffff26;
1500
1495
  --borderColor-upsell-emphasis: var(--borderColor-done-emphasis);
1501
1496
  --borderColor-upsell-muted: var(--borderColor-done-muted);
1497
+ --button-danger-bgColor-active: var(--bgColor-danger-emphasis);
1502
1498
  --button-danger-bgColor-rest: var(--control-bgColor-rest);
1503
1499
  --button-danger-fgColor-active: #ffffff;
1504
1500
  --button-danger-fgColor-disabled: #f8514980;
@@ -1518,7 +1514,6 @@
1518
1514
  --button-outline-bgColor-hover: var(--control-bgColor-hover);
1519
1515
  --button-outline-fgColor-active: #ffffff;
1520
1516
  --button-primary-bgColor-rest: var(--bgColor-success-emphasis);
1521
- --button-primary-borderColor-rest: #ffffff1a;
1522
1517
  --button-primary-fgColor-disabled: #ffffff66;
1523
1518
  --buttonCounter-danger-bgColor-disabled: #da36330d;
1524
1519
  --buttonCounter-danger-bgColor-hover: #ffffff33;
@@ -1540,6 +1535,10 @@
1540
1535
  --codeMirror-matchingBracket-fgColor: var(--fgColor-default);
1541
1536
  --codeMirror-selection-bgColor: var(--borderColor-accent-muted);
1542
1537
  --color-ansi-white-bright: #ffffff;
1538
+ --contribution-default-borderColor-1: var(--contribution-default-borderColor-0);
1539
+ --contribution-default-borderColor-2: var(--contribution-default-borderColor-0);
1540
+ --contribution-default-borderColor-3: var(--contribution-default-borderColor-0);
1541
+ --contribution-default-borderColor-4: var(--contribution-default-borderColor-0);
1543
1542
  --control-bgColor-disabled: var(--bgColor-disabled);
1544
1543
  --control-bgColor-selected: var(--control-bgColor-rest);
1545
1544
  --control-borderColor-danger: var(--borderColor-danger-emphasis);
@@ -1614,7 +1613,6 @@
1614
1613
  --border-upsell-muted: 0.0625rem solid #ab7df866;
1615
1614
  --borderColor-neutral-muted: var(--borderColor-muted);
1616
1615
  --button-danger-bgColor-disabled: var(--control-bgColor-disabled);
1617
- --button-danger-borderColor-hover: var(--button-primary-borderColor-rest);
1618
1616
  --button-danger-borderColor-rest: var(--control-borderColor-rest);
1619
1617
  --button-default-bgColor-disabled: var(--control-bgColor-disabled);
1620
1618
  --button-default-borderColor-disabled: var(--control-borderColor-disabled);
@@ -1626,8 +1624,7 @@
1626
1624
  --button-invisible-fgColor-rest: var(--control-fgColor-rest);
1627
1625
  --button-invisible-iconColor-disabled: var(--control-fgColor-disabled);
1628
1626
  --button-outline-bgColor-disabled: var(--control-bgColor-disabled);
1629
- --button-primary-borderColor-active: var(--button-primary-borderColor-rest);
1630
- --button-primary-borderColor-hover: var(--button-primary-borderColor-rest);
1627
+ --button-primary-borderColor-rest: var(--borderColor-translucent);
1631
1628
  --button-primary-fgColor-rest: var(--fgColor-white);
1632
1629
  --button-primary-iconColor-rest: var(--fgColor-white);
1633
1630
  --control-checked-borderColor-disabled: var(--control-checked-bgColor-disabled);
@@ -1644,14 +1641,17 @@
1644
1641
  --overlay-borderColor: var(--borderColor-muted);
1645
1642
  --tooltip-fgColor: var(--fgColor-onEmphasis);
1646
1643
  --border-neutral-muted: 0.0625rem solid #3d444db3;
1647
- --button-danger-borderColor-active: var(--button-danger-borderColor-hover);
1644
+ --button-danger-borderColor-hover: var(--button-primary-borderColor-rest);
1648
1645
  --button-default-borderColor-active: var(--button-default-borderColor-rest);
1649
1646
  --button-default-borderColor-hover: var(--button-default-borderColor-rest);
1647
+ --button-primary-borderColor-active: var(--button-primary-borderColor-rest);
1648
+ --button-primary-borderColor-hover: var(--button-primary-borderColor-rest);
1650
1649
  --shadow-floating-large: 0px 0px 0px 1px #3d444d, 0px 24px 48px 0px #010409;
1651
1650
  --shadow-floating-medium: 0px 0px 0px 1px #3d444d, 0px 8px 16px -4px #01040966, 0px 4px 32px -4px #01040966, 0px 24px 48px -12px #01040966, 0px 48px 96px -24px #01040966;
1652
1651
  --shadow-floating-small: 0px 0px 0px 1px #3d444d, 0px 6px 12px -3px #01040966, 0px 6px 18px 0px #01040966;
1653
1652
  --shadow-floating-xlarge: 0px 0px 0px 1px #3d444d, 0px 32px 64px 0px #010409;
1654
1653
  --underlineNav-borderColor-hover: var(--borderColor-neutral-muted);
1654
+ --button-danger-borderColor-active: var(--button-danger-borderColor-hover);
1655
1655
  --button-outline-borderColor-hover: var(--button-default-borderColor-hover);
1656
1656
  --button-outline-borderColor-active: var(--button-outline-borderColor-hover);
1657
1657
  }