@primer/primitives 7.11.8-rc.f5a702a → 7.11.8-rc.fa82fd1

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 (159) hide show
  1. package/dist/js/colors/dark.d.ts +6 -0
  2. package/dist/js/colors/dark.js +12 -6
  3. package/dist/js/colors/dark_colorblind.d.ts +6 -0
  4. package/dist/js/colors/dark_colorblind.js +12 -6
  5. package/dist/js/colors/dark_dimmed.d.ts +6 -0
  6. package/dist/js/colors/dark_dimmed.js +12 -6
  7. package/dist/js/colors/dark_high_contrast.d.ts +6 -0
  8. package/dist/js/colors/dark_high_contrast.js +10 -4
  9. package/dist/js/colors/dark_tritanopia.d.ts +6 -0
  10. package/dist/js/colors/dark_tritanopia.js +12 -6
  11. package/dist/js/colors/index.d.ts +54 -0
  12. package/dist/js/colors/light.d.ts +6 -0
  13. package/dist/js/colors/light.js +9 -3
  14. package/dist/js/colors/light_colorblind.d.ts +6 -0
  15. package/dist/js/colors/light_colorblind.js +9 -3
  16. package/dist/js/colors/light_high_contrast.d.ts +6 -0
  17. package/dist/js/colors/light_high_contrast.js +9 -3
  18. package/dist/js/colors/light_tritanopia.d.ts +6 -0
  19. package/dist/js/colors/light_tritanopia.js +9 -3
  20. package/dist/js/index.d.ts +54 -0
  21. package/dist/json/colors/dark.json +12 -6
  22. package/dist/json/colors/dark_colorblind.json +12 -6
  23. package/dist/json/colors/dark_dimmed.json +12 -6
  24. package/dist/json/colors/dark_high_contrast.json +10 -4
  25. package/dist/json/colors/dark_tritanopia.json +12 -6
  26. package/dist/json/colors/light.json +9 -3
  27. package/dist/json/colors/light_colorblind.json +9 -3
  28. package/dist/json/colors/light_high_contrast.json +9 -3
  29. package/dist/json/colors/light_tritanopia.json +9 -3
  30. package/dist/scss/colors/_dark.scss +11 -5
  31. package/dist/scss/colors/_dark_colorblind.scss +11 -5
  32. package/dist/scss/colors/_dark_dimmed.scss +11 -5
  33. package/dist/scss/colors/_dark_high_contrast.scss +9 -3
  34. package/dist/scss/colors/_dark_tritanopia.scss +11 -5
  35. package/dist/scss/colors/_light.scss +8 -2
  36. package/dist/scss/colors/_light_colorblind.scss +8 -2
  37. package/dist/scss/colors/_light_high_contrast.scss +8 -2
  38. package/dist/scss/colors/_light_tritanopia.scss +8 -2
  39. package/dist/ts/colors/dark.ts +12 -6
  40. package/dist/ts/colors/dark_colorblind.ts +12 -6
  41. package/dist/ts/colors/dark_dimmed.ts +12 -6
  42. package/dist/ts/colors/dark_high_contrast.ts +10 -4
  43. package/dist/ts/colors/dark_tritanopia.ts +12 -6
  44. package/dist/ts/colors/light.ts +9 -3
  45. package/dist/ts/colors/light_colorblind.ts +9 -3
  46. package/dist/ts/colors/light_high_contrast.ts +9 -3
  47. package/dist/ts/colors/light_tritanopia.ts +9 -3
  48. package/package.json +1 -1
  49. package/tokens-next-private/css/functional/themes/dark-colorblind.css +34 -20
  50. package/tokens-next-private/css/functional/themes/dark-dimmed.css +34 -20
  51. package/tokens-next-private/css/functional/themes/dark-high-contrast.css +20 -6
  52. package/tokens-next-private/css/functional/themes/dark-tritanopia.css +54 -40
  53. package/tokens-next-private/css/functional/themes/dark.css +34 -20
  54. package/tokens-next-private/css/functional/themes/light-colorblind.css +22 -8
  55. package/tokens-next-private/css/functional/themes/light-high-contrast.css +18 -4
  56. package/tokens-next-private/css/functional/themes/light-tritanopia.css +42 -28
  57. package/tokens-next-private/css/functional/themes/light.css +22 -8
  58. package/tokens-next-private/docs/functional/themes/dark-colorblind.json +241 -150
  59. package/tokens-next-private/docs/functional/themes/dark-dimmed.json +123 -32
  60. package/tokens-next-private/docs/functional/themes/dark-high-contrast.json +106 -11
  61. package/tokens-next-private/docs/functional/themes/dark-tritanopia.json +249 -156
  62. package/tokens-next-private/docs/functional/themes/dark.json +123 -32
  63. package/tokens-next-private/docs/functional/themes/light-colorblind.json +229 -130
  64. package/tokens-next-private/docs/functional/themes/light-high-contrast.json +109 -8
  65. package/tokens-next-private/docs/functional/themes/light-tritanopia.json +243 -142
  66. package/tokens-next-private/docs/functional/themes/light.json +115 -16
  67. package/tokens-next-private/js/functional/themes/dark-colorblind.js +21 -10
  68. package/tokens-next-private/js/functional/themes/dark-dimmed.js +21 -10
  69. package/tokens-next-private/js/functional/themes/dark-high-contrast.js +14 -3
  70. package/tokens-next-private/js/functional/themes/dark-tritanopia.js +31 -20
  71. package/tokens-next-private/js/functional/themes/dark.js +21 -10
  72. package/tokens-next-private/js/functional/themes/light-colorblind.js +15 -4
  73. package/tokens-next-private/js/functional/themes/light-high-contrast.js +13 -2
  74. package/tokens-next-private/js/functional/themes/light-tritanopia.js +25 -14
  75. package/tokens-next-private/js/functional/themes/light.js +15 -4
  76. package/tokens-next-private/json/functional/themes/dark-colorblind.json +21 -10
  77. package/tokens-next-private/json/functional/themes/dark-dimmed.json +21 -10
  78. package/tokens-next-private/json/functional/themes/dark-high-contrast.json +14 -3
  79. package/tokens-next-private/json/functional/themes/dark-tritanopia.json +31 -20
  80. package/tokens-next-private/json/functional/themes/dark.json +21 -10
  81. package/tokens-next-private/json/functional/themes/light-colorblind.json +15 -4
  82. package/tokens-next-private/json/functional/themes/light-high-contrast.json +13 -2
  83. package/tokens-next-private/json/functional/themes/light-tritanopia.json +25 -14
  84. package/tokens-next-private/json/functional/themes/light.json +15 -4
  85. package/tokens-next-private/scss/functional/themes/dark-colorblind.scss +17 -10
  86. package/tokens-next-private/scss/functional/themes/dark-dimmed.scss +17 -10
  87. package/tokens-next-private/scss/functional/themes/dark-high-contrast.scss +10 -3
  88. package/tokens-next-private/scss/functional/themes/dark-tritanopia.scss +27 -20
  89. package/tokens-next-private/scss/functional/themes/dark.scss +17 -10
  90. package/tokens-next-private/scss/functional/themes/light-colorblind.scss +11 -4
  91. package/tokens-next-private/scss/functional/themes/light-high-contrast.scss +9 -2
  92. package/tokens-next-private/scss/functional/themes/light-tritanopia.scss +21 -14
  93. package/tokens-next-private/scss/functional/themes/light.scss +11 -4
  94. package/tokens-next-private/ts/functional/themes/dark-colorblind.ts +21 -10
  95. package/tokens-next-private/ts/functional/themes/dark-dimmed.ts +21 -10
  96. package/tokens-next-private/ts/functional/themes/dark-high-contrast.ts +14 -3
  97. package/tokens-next-private/ts/functional/themes/dark-tritanopia.ts +31 -20
  98. package/tokens-next-private/ts/functional/themes/dark.ts +21 -10
  99. package/tokens-next-private/ts/functional/themes/light-colorblind.ts +15 -4
  100. package/tokens-next-private/ts/functional/themes/light-high-contrast.ts +13 -2
  101. package/tokens-next-private/ts/functional/themes/light-tritanopia.ts +25 -14
  102. package/tokens-next-private/ts/functional/themes/light.ts +15 -4
  103. package/tokens-next-private/ts/types/BaseColorDesignTokens.d.ts +1 -1
  104. package/tokens-next-private/ts/types/SizeDesignTokens.d.ts +1 -1
  105. package/tokens-next-private/ts/types/ThemeDesignTokens.d.ts +12 -1
  106. package/tokens-next-private/ts/types/TypographyDesignTokens.d.ts +1 -1
  107. package/tokens-v2-private/css/tokens/base/size/size.css +1 -1
  108. package/tokens-v2-private/css/tokens/base/typography/typography.css +1 -1
  109. package/tokens-v2-private/css/tokens/functional/size/border.css +1 -1
  110. package/tokens-v2-private/css/tokens/functional/size/breakpoints.css +1 -1
  111. package/tokens-v2-private/css/tokens/functional/size/size-coarse.css +1 -1
  112. package/tokens-v2-private/css/tokens/functional/size/size-fine.css +1 -1
  113. package/tokens-v2-private/css/tokens/functional/size/size.css +1 -1
  114. package/tokens-v2-private/css/tokens/functional/typography/typography.css +1 -1
  115. package/tokens-v2-private/js/module/tokens/base/size/size.js +1 -1
  116. package/tokens-v2-private/js/module/tokens/base/typography/typography.js +1 -1
  117. package/tokens-v2-private/js/module/tokens/functional/size/border.js +1 -1
  118. package/tokens-v2-private/js/module/tokens/functional/size/breakpoints.js +1 -1
  119. package/tokens-v2-private/js/module/tokens/functional/size/size-coarse.js +1 -1
  120. package/tokens-v2-private/js/module/tokens/functional/size/size-fine.js +1 -1
  121. package/tokens-v2-private/js/module/tokens/functional/size/size.js +1 -1
  122. package/tokens-v2-private/js/module/tokens/functional/size/viewport.js +1 -1
  123. package/tokens-v2-private/js/module/tokens/functional/typography/typography.js +1 -1
  124. package/tokens-v2-private/js/tokens/base/size/size.js +1 -1
  125. package/tokens-v2-private/js/tokens/base/typography/typography.js +1 -1
  126. package/tokens-v2-private/js/tokens/functional/size/border.js +1 -1
  127. package/tokens-v2-private/js/tokens/functional/size/breakpoints.js +1 -1
  128. package/tokens-v2-private/js/tokens/functional/size/size-coarse.js +1 -1
  129. package/tokens-v2-private/js/tokens/functional/size/size-fine.js +1 -1
  130. package/tokens-v2-private/js/tokens/functional/size/size.js +1 -1
  131. package/tokens-v2-private/js/tokens/functional/size/viewport.js +1 -1
  132. package/tokens-v2-private/js/tokens/functional/typography/typography.js +1 -1
  133. package/tokens-v2-private/scss/tokens/base/size/size.scss +1 -1
  134. package/tokens-v2-private/scss/tokens/base/typography/typography.scss +1 -1
  135. package/tokens-v2-private/scss/tokens/functional/size/border.scss +1 -1
  136. package/tokens-v2-private/scss/tokens/functional/size/breakpoints.scss +1 -1
  137. package/tokens-v2-private/scss/tokens/functional/size/size-coarse.scss +1 -1
  138. package/tokens-v2-private/scss/tokens/functional/size/size-fine.scss +1 -1
  139. package/tokens-v2-private/scss/tokens/functional/size/size.scss +1 -1
  140. package/tokens-v2-private/scss/tokens/functional/size/viewport.scss +1 -1
  141. package/tokens-v2-private/scss/tokens/functional/typography/typography.scss +1 -1
  142. package/tokens-v2-private/ts/tokens/base/size/size.d.ts +1 -1
  143. package/tokens-v2-private/ts/tokens/base/size/size.js +1 -1
  144. package/tokens-v2-private/ts/tokens/base/typography/typography.d.ts +1 -1
  145. package/tokens-v2-private/ts/tokens/base/typography/typography.js +1 -1
  146. package/tokens-v2-private/ts/tokens/functional/size/border.d.ts +1 -1
  147. package/tokens-v2-private/ts/tokens/functional/size/border.js +1 -1
  148. package/tokens-v2-private/ts/tokens/functional/size/breakpoints.d.ts +1 -1
  149. package/tokens-v2-private/ts/tokens/functional/size/breakpoints.js +1 -1
  150. package/tokens-v2-private/ts/tokens/functional/size/size-coarse.d.ts +1 -1
  151. package/tokens-v2-private/ts/tokens/functional/size/size-coarse.js +1 -1
  152. package/tokens-v2-private/ts/tokens/functional/size/size-fine.d.ts +1 -1
  153. package/tokens-v2-private/ts/tokens/functional/size/size-fine.js +1 -1
  154. package/tokens-v2-private/ts/tokens/functional/size/size.d.ts +1 -1
  155. package/tokens-v2-private/ts/tokens/functional/size/size.js +1 -1
  156. package/tokens-v2-private/ts/tokens/functional/size/viewport.d.ts +1 -1
  157. package/tokens-v2-private/ts/tokens/functional/size/viewport.js +1 -1
  158. package/tokens-v2-private/ts/tokens/functional/typography/typography.d.ts +1 -1
  159. package/tokens-v2-private/ts/tokens/functional/typography/typography.js +1 -1
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@primer/primitives",
3
- "version": "7.11.8-rc.f5a702a",
3
+ "version": "7.11.8-rc.fa82fd1",
4
4
  "description": "Typography, spacing, and color primitives for Primer design system",
5
5
  "files": [
6
6
  "dist",
package/tokens-next-private/css/functional/themes/dark-colorblind.css CHANGED
@@ -42,7 +42,7 @@
42
42
  --headerSearch-bgColor: #0d1117;
43
43
  --headerSearch-borderColor: #30363d;
44
44
  --avatar-bgColor: #ffffff1a;
45
- --avatar-borderColor: #00000000;
45
+ --avatar-borderColor: #30363d66;
46
46
  --avatar-shadow: 0px 0px 0px 2px #0d1117;
47
47
  --avatarStack-fade-bgColor-default: #30363d;
48
48
  --avatarStack-fade-bgColor-muted: #21262d;
@@ -116,11 +116,12 @@
116
116
  --button-primary-bgColor-hover: #2a7aef;
117
117
  --button-primary-bgColor-active: #3685f3;
118
118
  --button-primary-bgColor-disabled: #1158c7;
119
- --button-primary-borderColor-rest: #30363dcc;
120
- --button-primary-borderColor-hover: #30363dcc;
121
- --button-primary-borderColor-disabled: #30363dcc;
119
+ --button-primary-borderColor-rest: #f0f6fc1a;
120
+ --button-primary-borderColor-hover: #f0f6fc1a;
121
+ --button-primary-borderColor-disabled: #f0f6fc1a;
122
122
  --button-primary-shadow-selected: 0px 0px 0px 0px #000000;
123
123
  --button-invisible-fgColor-rest: #2f81f7;
124
+ --button-invisible-fgColor-hover: #58a6ff;
124
125
  --button-invisible-fgColor-disabled: #484f58;
125
126
  --button-invisible-bgColor-rest: #00000000;
126
127
  --button-invisible-bgColor-hover: #b1bac41f;
@@ -128,8 +129,8 @@
128
129
  --button-invisible-bgColor-disabled: #00000000;
129
130
  --button-invisible-borderColor-rest: #00000000;
130
131
  --button-invisible-borderColor-hover: #00000000;
131
- --button-outline-fgColor-rest: #2f81f7;
132
- --button-outline-fgColor-hover: #2f81f7;
132
+ --button-outline-fgColor-rest: #388bfd;
133
+ --button-outline-fgColor-hover: #58a6ff;
133
134
  --button-outline-fgColor-active: #ffffff;
134
135
  --button-outline-fgColor-disabled: #2f81f780;
135
136
  --button-outline-bgColor-rest: #f0f6fc;
@@ -154,13 +155,19 @@
154
155
  --button-danger-borderColor-active: #b5531d;
155
156
  --button-danger-shadow-selected: 0px 0px 0px 0px #000000;
156
157
  --buttonCounter-default-bgColor-rest: #30363d;
157
- --buttonCounter-primary-bgColor-rest: #ffffff33;
158
- --buttonCounter-outline-bgColor-rest: #1f6feb1a;
159
- --buttonCounter-outline-bgColor-hover: #ffffff33;
158
+ --buttonCounter-primary-bgColor-rest: #04260f33;
159
+ --buttonCounter-outline-bgColor-rest: #051d4d33;
160
+ --buttonCounter-outline-bgColor-hover: #051d4d33;
160
161
  --buttonCounter-outline-bgColor-disabled: #1f6feb0d;
162
+ --buttonCounter-outline-fgColor-rest: #388bfd;
163
+ --buttonCounter-outline-fgColor-hover: #58a6ff;
164
+ --buttonCounter-outline-fgColor-disabled: #2f81f780;
161
165
  --buttonCounter-danger-bgColor-hover: #ffffff33;
162
166
  --buttonCounter-danger-bgColor-disabled: #bd561d0d;
163
- --buttonCounter-danger-bgColor-rest: #bd561d1a;
167
+ --buttonCounter-danger-bgColor-rest: #49020233;
168
+ --buttonCounter-danger-fgColor-rest: #db6d28;
169
+ --buttonCounter-danger-fgColor-hover: #ffffff;
170
+ --buttonCounter-danger-fgColor-disabled: #db6d2880;
164
171
  --focus-outlineColor: #1f6feb;
165
172
  --menu-bgColor-active: #161b22;
166
173
  --overlay-bgColor: #161b22;
@@ -432,7 +439,7 @@
432
439
  --headerSearch-bgColor: #0d1117;
433
440
  --headerSearch-borderColor: #30363d;
434
441
  --avatar-bgColor: #ffffff1a;
435
- --avatar-borderColor: #00000000;
442
+ --avatar-borderColor: #30363d66;
436
443
  --avatar-shadow: 0px 0px 0px 2px #0d1117;
437
444
  --avatarStack-fade-bgColor-default: #30363d;
438
445
  --avatarStack-fade-bgColor-muted: #21262d;
@@ -506,11 +513,12 @@
506
513
  --button-primary-bgColor-hover: #2a7aef;
507
514
  --button-primary-bgColor-active: #3685f3;
508
515
  --button-primary-bgColor-disabled: #1158c7;
509
- --button-primary-borderColor-rest: #30363dcc;
510
- --button-primary-borderColor-hover: #30363dcc;
511
- --button-primary-borderColor-disabled: #30363dcc;
516
+ --button-primary-borderColor-rest: #f0f6fc1a;
517
+ --button-primary-borderColor-hover: #f0f6fc1a;
518
+ --button-primary-borderColor-disabled: #f0f6fc1a;
512
519
  --button-primary-shadow-selected: 0px 0px 0px 0px #000000;
513
520
  --button-invisible-fgColor-rest: #2f81f7;
521
+ --button-invisible-fgColor-hover: #58a6ff;
514
522
  --button-invisible-fgColor-disabled: #484f58;
515
523
  --button-invisible-bgColor-rest: #00000000;
516
524
  --button-invisible-bgColor-hover: #b1bac41f;
@@ -518,8 +526,8 @@
518
526
  --button-invisible-bgColor-disabled: #00000000;
519
527
  --button-invisible-borderColor-rest: #00000000;
520
528
  --button-invisible-borderColor-hover: #00000000;
521
- --button-outline-fgColor-rest: #2f81f7;
522
- --button-outline-fgColor-hover: #2f81f7;
529
+ --button-outline-fgColor-rest: #388bfd;
530
+ --button-outline-fgColor-hover: #58a6ff;
523
531
  --button-outline-fgColor-active: #ffffff;
524
532
  --button-outline-fgColor-disabled: #2f81f780;
525
533
  --button-outline-bgColor-rest: #f0f6fc;
@@ -544,13 +552,19 @@
544
552
  --button-danger-borderColor-active: #b5531d;
545
553
  --button-danger-shadow-selected: 0px 0px 0px 0px #000000;
546
554
  --buttonCounter-default-bgColor-rest: #30363d;
547
- --buttonCounter-primary-bgColor-rest: #ffffff33;
548
- --buttonCounter-outline-bgColor-rest: #1f6feb1a;
549
- --buttonCounter-outline-bgColor-hover: #ffffff33;
555
+ --buttonCounter-primary-bgColor-rest: #04260f33;
556
+ --buttonCounter-outline-bgColor-rest: #051d4d33;
557
+ --buttonCounter-outline-bgColor-hover: #051d4d33;
550
558
  --buttonCounter-outline-bgColor-disabled: #1f6feb0d;
559
+ --buttonCounter-outline-fgColor-rest: #388bfd;
560
+ --buttonCounter-outline-fgColor-hover: #58a6ff;
561
+ --buttonCounter-outline-fgColor-disabled: #2f81f780;
551
562
  --buttonCounter-danger-bgColor-hover: #ffffff33;
552
563
  --buttonCounter-danger-bgColor-disabled: #bd561d0d;
553
- --buttonCounter-danger-bgColor-rest: #bd561d1a;
564
+ --buttonCounter-danger-bgColor-rest: #49020233;
565
+ --buttonCounter-danger-fgColor-rest: #db6d28;
566
+ --buttonCounter-danger-fgColor-hover: #ffffff;
567
+ --buttonCounter-danger-fgColor-disabled: #db6d2880;
554
568
  --focus-outlineColor: #1f6feb;
555
569
  --menu-bgColor-active: #161b22;
556
570
  --overlay-bgColor: #161b22;
package/tokens-next-private/css/functional/themes/dark-dimmed.css CHANGED
@@ -42,7 +42,7 @@
42
42
  --headerSearch-bgColor: #22272e;
43
43
  --headerSearch-borderColor: #444c56;
44
44
  --avatar-bgColor: #cdd9e51a;
45
- --avatar-borderColor: #00000000;
45
+ --avatar-borderColor: #444c5666;
46
46
  --avatar-shadow: 0px 0px 0px 2px #22272e;
47
47
  --avatarStack-fade-bgColor-default: #444c56;
48
48
  --avatarStack-fade-bgColor-muted: #373e47;
@@ -116,11 +116,12 @@
116
116
  --button-primary-bgColor-hover: #3b8640;
117
117
  --button-primary-bgColor-active: #428f46;
118
118
  --button-primary-bgColor-disabled: #50a254;
119
- --button-primary-borderColor-rest: #444c56cc;
120
- --button-primary-borderColor-hover: #444c56cc;
121
- --button-primary-borderColor-disabled: #444c56cc;
119
+ --button-primary-borderColor-rest: #cdd9e51a;
120
+ --button-primary-borderColor-hover: #cdd9e51a;
121
+ --button-primary-borderColor-disabled: #cdd9e51a;
122
122
  --button-primary-shadow-selected: 0px 0px 0px 0px #000000;
123
123
  --button-invisible-fgColor-rest: #3b7cdb;
124
+ --button-invisible-fgColor-hover: #539bf5;
124
125
  --button-invisible-fgColor-disabled: #545d68;
125
126
  --button-invisible-bgColor-rest: #00000000;
126
127
  --button-invisible-bgColor-hover: #909dab1f;
@@ -128,8 +129,8 @@
128
129
  --button-invisible-bgColor-disabled: #00000000;
129
130
  --button-invisible-borderColor-rest: #00000000;
130
131
  --button-invisible-borderColor-hover: #00000000;
131
- --button-outline-fgColor-rest: #3b7cdb;
132
- --button-outline-fgColor-hover: #3b7cdb;
132
+ --button-outline-fgColor-rest: #4184e4;
133
+ --button-outline-fgColor-hover: #539bf5;
133
134
  --button-outline-fgColor-active: #cdd9e5;
134
135
  --button-outline-fgColor-disabled: #3b7cdb80;
135
136
  --button-outline-bgColor-rest: #cdd9e5;
@@ -154,13 +155,19 @@
154
155
  --button-danger-borderColor-active: #c33d38;
155
156
  --button-danger-shadow-selected: 0px 0px 0px 0px #000000;
156
157
  --buttonCounter-default-bgColor-rest: #444c56;
157
- --buttonCounter-primary-bgColor-rest: #cdd9e533;
158
- --buttonCounter-outline-bgColor-rest: #316dca1a;
159
- --buttonCounter-outline-bgColor-hover: #cdd9e533;
158
+ --buttonCounter-primary-bgColor-rest: #11341733;
159
+ --buttonCounter-outline-bgColor-rest: #0f2d5c33;
160
+ --buttonCounter-outline-bgColor-hover: #0f2d5c33;
160
161
  --buttonCounter-outline-bgColor-disabled: #316dca0d;
162
+ --buttonCounter-outline-fgColor-rest: #4184e4;
163
+ --buttonCounter-outline-fgColor-hover: #539bf5;
164
+ --buttonCounter-outline-fgColor-disabled: #3b7cdb80;
161
165
  --buttonCounter-danger-bgColor-hover: #cdd9e533;
162
166
  --buttonCounter-danger-bgColor-disabled: #c93c370d;
163
- --buttonCounter-danger-bgColor-rest: #c93c371a;
167
+ --buttonCounter-danger-bgColor-rest: #5d0f1233;
168
+ --buttonCounter-danger-fgColor-rest: #e5534b;
169
+ --buttonCounter-danger-fgColor-hover: #cdd9e5;
170
+ --buttonCounter-danger-fgColor-disabled: #e5534b80;
164
171
  --focus-outlineColor: #316dca;
165
172
  --menu-bgColor-active: #2d333b;
166
173
  --overlay-bgColor: #2d333b;
@@ -432,7 +439,7 @@
432
439
  --headerSearch-bgColor: #22272e;
433
440
  --headerSearch-borderColor: #444c56;
434
441
  --avatar-bgColor: #cdd9e51a;
435
- --avatar-borderColor: #00000000;
442
+ --avatar-borderColor: #444c5666;
436
443
  --avatar-shadow: 0px 0px 0px 2px #22272e;
437
444
  --avatarStack-fade-bgColor-default: #444c56;
438
445
  --avatarStack-fade-bgColor-muted: #373e47;
@@ -506,11 +513,12 @@
506
513
  --button-primary-bgColor-hover: #3b8640;
507
514
  --button-primary-bgColor-active: #428f46;
508
515
  --button-primary-bgColor-disabled: #50a254;
509
- --button-primary-borderColor-rest: #444c56cc;
510
- --button-primary-borderColor-hover: #444c56cc;
511
- --button-primary-borderColor-disabled: #444c56cc;
516
+ --button-primary-borderColor-rest: #cdd9e51a;
517
+ --button-primary-borderColor-hover: #cdd9e51a;
518
+ --button-primary-borderColor-disabled: #cdd9e51a;
512
519
  --button-primary-shadow-selected: 0px 0px 0px 0px #000000;
513
520
  --button-invisible-fgColor-rest: #3b7cdb;
521
+ --button-invisible-fgColor-hover: #539bf5;
514
522
  --button-invisible-fgColor-disabled: #545d68;
515
523
  --button-invisible-bgColor-rest: #00000000;
516
524
  --button-invisible-bgColor-hover: #909dab1f;
@@ -518,8 +526,8 @@
518
526
  --button-invisible-bgColor-disabled: #00000000;
519
527
  --button-invisible-borderColor-rest: #00000000;
520
528
  --button-invisible-borderColor-hover: #00000000;
521
- --button-outline-fgColor-rest: #3b7cdb;
522
- --button-outline-fgColor-hover: #3b7cdb;
529
+ --button-outline-fgColor-rest: #4184e4;
530
+ --button-outline-fgColor-hover: #539bf5;
523
531
  --button-outline-fgColor-active: #cdd9e5;
524
532
  --button-outline-fgColor-disabled: #3b7cdb80;
525
533
  --button-outline-bgColor-rest: #cdd9e5;
@@ -544,13 +552,19 @@
544
552
  --button-danger-borderColor-active: #c33d38;
545
553
  --button-danger-shadow-selected: 0px 0px 0px 0px #000000;
546
554
  --buttonCounter-default-bgColor-rest: #444c56;
547
- --buttonCounter-primary-bgColor-rest: #cdd9e533;
548
- --buttonCounter-outline-bgColor-rest: #316dca1a;
549
- --buttonCounter-outline-bgColor-hover: #cdd9e533;
555
+ --buttonCounter-primary-bgColor-rest: #11341733;
556
+ --buttonCounter-outline-bgColor-rest: #0f2d5c33;
557
+ --buttonCounter-outline-bgColor-hover: #0f2d5c33;
550
558
  --buttonCounter-outline-bgColor-disabled: #316dca0d;
559
+ --buttonCounter-outline-fgColor-rest: #4184e4;
560
+ --buttonCounter-outline-fgColor-hover: #539bf5;
561
+ --buttonCounter-outline-fgColor-disabled: #3b7cdb80;
551
562
  --buttonCounter-danger-bgColor-hover: #cdd9e533;
552
563
  --buttonCounter-danger-bgColor-disabled: #c93c370d;
553
- --buttonCounter-danger-bgColor-rest: #c93c371a;
564
+ --buttonCounter-danger-bgColor-rest: #5d0f1233;
565
+ --buttonCounter-danger-fgColor-rest: #e5534b;
566
+ --buttonCounter-danger-fgColor-hover: #cdd9e5;
567
+ --buttonCounter-danger-fgColor-disabled: #e5534b80;
554
568
  --focus-outlineColor: #316dca;
555
569
  --menu-bgColor-active: #2d333b;
556
570
  --overlay-bgColor: #2d333b;
package/tokens-next-private/css/functional/themes/dark-high-contrast.css CHANGED
@@ -121,6 +121,7 @@
121
121
  --button-primary-borderColor-disabled: #4ae16866;
122
122
  --button-primary-shadow-selected: 0px 0px 0px 0px #000000;
123
123
  --button-invisible-fgColor-rest: #409eff;
124
+ --button-invisible-fgColor-hover: #71b7ff;
124
125
  --button-invisible-fgColor-disabled: #7a828e;
125
126
  --button-invisible-bgColor-rest: #00000000;
126
127
  --button-invisible-bgColor-hover: #272b33;
@@ -129,7 +130,7 @@
129
130
  --button-invisible-borderColor-rest: #00000000;
130
131
  --button-invisible-borderColor-hover: #7a828e;
131
132
  --button-outline-fgColor-rest: #409eff;
132
- --button-outline-fgColor-hover: #409eff;
133
+ --button-outline-fgColor-hover: #71b7ff;
133
134
  --button-outline-fgColor-active: #ffffff;
134
135
  --button-outline-fgColor-disabled: #409eff80;
135
136
  --button-outline-bgColor-rest: #ffffff;
@@ -155,12 +156,18 @@
155
156
  --button-danger-shadow-selected: 0px 0px 0px 0px #000000;
156
157
  --buttonCounter-default-bgColor-rest: #525964;
157
158
  --buttonCounter-primary-bgColor-rest: #01040926;
158
- --buttonCounter-outline-bgColor-rest: #409eff1a;
159
- --buttonCounter-outline-bgColor-hover: #ffffff33;
159
+ --buttonCounter-outline-bgColor-rest: #194fb133;
160
+ --buttonCounter-outline-bgColor-hover: #194fb133;
160
161
  --buttonCounter-outline-bgColor-disabled: #409eff0d;
162
+ --buttonCounter-outline-fgColor-rest: #409eff;
163
+ --buttonCounter-outline-fgColor-hover: #71b7ff;
164
+ --buttonCounter-outline-fgColor-disabled: #409eff80;
161
165
  --buttonCounter-danger-bgColor-hover: #01040926;
162
166
  --buttonCounter-danger-bgColor-disabled: #ff6a690d;
163
167
  --buttonCounter-danger-bgColor-rest: #01040926;
168
+ --buttonCounter-danger-fgColor-rest: #ff6a69;
169
+ --buttonCounter-danger-fgColor-hover: #ffffff;
170
+ --buttonCounter-danger-fgColor-disabled: #ff6a6980;
164
171
  --focus-outlineColor: #409eff;
165
172
  --menu-bgColor-active: #272b33;
166
173
  --overlay-bgColor: #272b33;
@@ -511,6 +518,7 @@
511
518
  --button-primary-borderColor-disabled: #4ae16866;
512
519
  --button-primary-shadow-selected: 0px 0px 0px 0px #000000;
513
520
  --button-invisible-fgColor-rest: #409eff;
521
+ --button-invisible-fgColor-hover: #71b7ff;
514
522
  --button-invisible-fgColor-disabled: #7a828e;
515
523
  --button-invisible-bgColor-rest: #00000000;
516
524
  --button-invisible-bgColor-hover: #272b33;
@@ -519,7 +527,7 @@
519
527
  --button-invisible-borderColor-rest: #00000000;
520
528
  --button-invisible-borderColor-hover: #7a828e;
521
529
  --button-outline-fgColor-rest: #409eff;
522
- --button-outline-fgColor-hover: #409eff;
530
+ --button-outline-fgColor-hover: #71b7ff;
523
531
  --button-outline-fgColor-active: #ffffff;
524
532
  --button-outline-fgColor-disabled: #409eff80;
525
533
  --button-outline-bgColor-rest: #ffffff;
@@ -545,12 +553,18 @@
545
553
  --button-danger-shadow-selected: 0px 0px 0px 0px #000000;
546
554
  --buttonCounter-default-bgColor-rest: #525964;
547
555
  --buttonCounter-primary-bgColor-rest: #01040926;
548
- --buttonCounter-outline-bgColor-rest: #409eff1a;
549
- --buttonCounter-outline-bgColor-hover: #ffffff33;
556
+ --buttonCounter-outline-bgColor-rest: #194fb133;
557
+ --buttonCounter-outline-bgColor-hover: #194fb133;
550
558
  --buttonCounter-outline-bgColor-disabled: #409eff0d;
559
+ --buttonCounter-outline-fgColor-rest: #409eff;
560
+ --buttonCounter-outline-fgColor-hover: #71b7ff;
561
+ --buttonCounter-outline-fgColor-disabled: #409eff80;
551
562
  --buttonCounter-danger-bgColor-hover: #01040926;
552
563
  --buttonCounter-danger-bgColor-disabled: #ff6a690d;
553
564
  --buttonCounter-danger-bgColor-rest: #01040926;
565
+ --buttonCounter-danger-fgColor-rest: #ff6a69;
566
+ --buttonCounter-danger-fgColor-hover: #ffffff;
567
+ --buttonCounter-danger-fgColor-disabled: #ff6a6980;
554
568
  --focus-outlineColor: #409eff;
555
569
  --menu-bgColor-active: #272b33;
556
570
  --overlay-bgColor: #272b33;
package/tokens-next-private/css/functional/themes/dark-tritanopia.css CHANGED
@@ -42,7 +42,7 @@
42
42
  --headerSearch-bgColor: #0d1117;
43
43
  --headerSearch-borderColor: #30363d;
44
44
  --avatar-bgColor: #ffffff1a;
45
- --avatar-borderColor: #00000000;
45
+ --avatar-borderColor: #30363d66;
46
46
  --avatar-shadow: 0px 0px 0px 2px #0d1117;
47
47
  --avatarStack-fade-bgColor-default: #30363d;
48
48
  --avatarStack-fade-bgColor-muted: #21262d;
@@ -116,11 +116,12 @@
116
116
  --button-primary-bgColor-hover: #2a7aef;
117
117
  --button-primary-bgColor-active: #3685f3;
118
118
  --button-primary-bgColor-disabled: #5fabfe;
119
- --button-primary-borderColor-rest: #30363dcc;
120
- --button-primary-borderColor-hover: #30363dcc;
121
- --button-primary-borderColor-disabled: #30363dcc;
119
+ --button-primary-borderColor-rest: #f0f6fc1a;
120
+ --button-primary-borderColor-hover: #f0f6fc1a;
121
+ --button-primary-borderColor-disabled: #f0f6fc1a;
122
122
  --button-primary-shadow-selected: 0px 0px 0px 0px #000000;
123
123
  --button-invisible-fgColor-rest: #2f81f7;
124
+ --button-invisible-fgColor-hover: #58a6ff;
124
125
  --button-invisible-fgColor-disabled: #484f58;
125
126
  --button-invisible-bgColor-rest: #00000000;
126
127
  --button-invisible-bgColor-hover: #b1bac41f;
@@ -128,8 +129,8 @@
128
129
  --button-invisible-bgColor-disabled: #00000000;
129
130
  --button-invisible-borderColor-rest: #00000000;
130
131
  --button-invisible-borderColor-hover: #00000000;
131
- --button-outline-fgColor-rest: #2f81f7;
132
- --button-outline-fgColor-hover: #2f81f7;
132
+ --button-outline-fgColor-rest: #388bfd;
133
+ --button-outline-fgColor-hover: #58a6ff;
133
134
  --button-outline-fgColor-active: #ffffff;
134
135
  --button-outline-fgColor-disabled: #2f81f780;
135
136
  --button-outline-bgColor-rest: #f0f6fc;
@@ -154,13 +155,19 @@
154
155
  --button-danger-borderColor-active: #d03533;
155
156
  --button-danger-shadow-selected: 0px 0px 0px 0px #000000;
156
157
  --buttonCounter-default-bgColor-rest: #30363d;
157
- --buttonCounter-primary-bgColor-rest: #ffffff33;
158
- --buttonCounter-outline-bgColor-rest: #1f6feb1a;
159
- --buttonCounter-outline-bgColor-hover: #ffffff33;
158
+ --buttonCounter-primary-bgColor-rest: #04260f33;
159
+ --buttonCounter-outline-bgColor-rest: #051d4d33;
160
+ --buttonCounter-outline-bgColor-hover: #051d4d33;
160
161
  --buttonCounter-outline-bgColor-disabled: #1f6feb0d;
162
+ --buttonCounter-outline-fgColor-rest: #388bfd;
163
+ --buttonCounter-outline-fgColor-hover: #58a6ff;
164
+ --buttonCounter-outline-fgColor-disabled: #2f81f780;
161
165
  --buttonCounter-danger-bgColor-hover: #ffffff33;
162
166
  --buttonCounter-danger-bgColor-disabled: #da36330d;
163
- --buttonCounter-danger-bgColor-rest: #da36331a;
167
+ --buttonCounter-danger-bgColor-rest: #49020233;
168
+ --buttonCounter-danger-fgColor-rest: #f85149;
169
+ --buttonCounter-danger-fgColor-hover: #ffffff;
170
+ --buttonCounter-danger-fgColor-disabled: #f8514980;
164
171
  --focus-outlineColor: #1f6feb;
165
172
  --menu-bgColor-active: #161b22;
166
173
  --overlay-bgColor: #161b22;
@@ -185,8 +192,8 @@
185
192
  --fgColor-attention: #d29922;
186
193
  --fgColor-severe: #f85149;
187
194
  --fgColor-danger: #f85149;
188
- --fgColor-open: #58a6ff;
189
- --fgColor-closed: #f85149;
195
+ --fgColor-open: #f85149;
196
+ --fgColor-closed: #6e7681;
190
197
  --fgColor-done: #a371f7;
191
198
  --fgColor-sponsors: #db61a2;
192
199
  --bgColor-default: #0d1117;
@@ -205,10 +212,10 @@
205
212
  --bgColor-severe-emphasis: #da3633;
206
213
  --bgColor-danger-muted: #f851491a;
207
214
  --bgColor-danger-emphasis: #da3633;
208
- --bgColor-open-muted: #388bfd1a;
209
- --bgColor-open-emphasis: #1f6feb;
210
- --bgColor-closed-muted: #f8514926;
211
- --bgColor-closed-emphasis: #da3633;
215
+ --bgColor-open-muted: #f851491a;
216
+ --bgColor-open-emphasis: #da3633;
217
+ --bgColor-closed-muted: #6e768126;
218
+ --bgColor-closed-emphasis: #484f58;
212
219
  --bgColor-done-muted: #a371f726;
213
220
  --bgColor-done-emphasis: #8957e5;
214
221
  --bgColor-sponsors-muted: #db61a21a;
@@ -229,10 +236,10 @@
229
236
  --borderColor-severe-emphasis: #da3633;
230
237
  --borderColor-danger-muted: #f8514966;
231
238
  --borderColor-danger-emphasis: #da3633;
232
- --borderColor-open-muted: #388bfd66;
233
- --borderColor-open-emphasis: #1f6feb;
234
- --borderColor-closed-muted: #f8514966;
235
- --borderColor-closed-emphasis: #da3633;
239
+ --borderColor-open-muted: #f8514966;
240
+ --borderColor-open-emphasis: #da3633;
241
+ --borderColor-closed-muted: #6e768166;
242
+ --borderColor-closed-emphasis: #484f58;
236
243
  --borderColor-done-muted: #a371f766;
237
244
  --borderColor-done-emphasis: #8957e5;
238
245
  --borderColor-sponsors-muted: #db61a266;
@@ -432,7 +439,7 @@
432
439
  --headerSearch-bgColor: #0d1117;
433
440
  --headerSearch-borderColor: #30363d;
434
441
  --avatar-bgColor: #ffffff1a;
435
- --avatar-borderColor: #00000000;
442
+ --avatar-borderColor: #30363d66;
436
443
  --avatar-shadow: 0px 0px 0px 2px #0d1117;
437
444
  --avatarStack-fade-bgColor-default: #30363d;
438
445
  --avatarStack-fade-bgColor-muted: #21262d;
@@ -506,11 +513,12 @@
506
513
  --button-primary-bgColor-hover: #2a7aef;
507
514
  --button-primary-bgColor-active: #3685f3;
508
515
  --button-primary-bgColor-disabled: #5fabfe;
509
- --button-primary-borderColor-rest: #30363dcc;
510
- --button-primary-borderColor-hover: #30363dcc;
511
- --button-primary-borderColor-disabled: #30363dcc;
516
+ --button-primary-borderColor-rest: #f0f6fc1a;
517
+ --button-primary-borderColor-hover: #f0f6fc1a;
518
+ --button-primary-borderColor-disabled: #f0f6fc1a;
512
519
  --button-primary-shadow-selected: 0px 0px 0px 0px #000000;
513
520
  --button-invisible-fgColor-rest: #2f81f7;
521
+ --button-invisible-fgColor-hover: #58a6ff;
514
522
  --button-invisible-fgColor-disabled: #484f58;
515
523
  --button-invisible-bgColor-rest: #00000000;
516
524
  --button-invisible-bgColor-hover: #b1bac41f;
@@ -518,8 +526,8 @@
518
526
  --button-invisible-bgColor-disabled: #00000000;
519
527
  --button-invisible-borderColor-rest: #00000000;
520
528
  --button-invisible-borderColor-hover: #00000000;
521
- --button-outline-fgColor-rest: #2f81f7;
522
- --button-outline-fgColor-hover: #2f81f7;
529
+ --button-outline-fgColor-rest: #388bfd;
530
+ --button-outline-fgColor-hover: #58a6ff;
523
531
  --button-outline-fgColor-active: #ffffff;
524
532
  --button-outline-fgColor-disabled: #2f81f780;
525
533
  --button-outline-bgColor-rest: #f0f6fc;
@@ -544,13 +552,19 @@
544
552
  --button-danger-borderColor-active: #d03533;
545
553
  --button-danger-shadow-selected: 0px 0px 0px 0px #000000;
546
554
  --buttonCounter-default-bgColor-rest: #30363d;
547
- --buttonCounter-primary-bgColor-rest: #ffffff33;
548
- --buttonCounter-outline-bgColor-rest: #1f6feb1a;
549
- --buttonCounter-outline-bgColor-hover: #ffffff33;
555
+ --buttonCounter-primary-bgColor-rest: #04260f33;
556
+ --buttonCounter-outline-bgColor-rest: #051d4d33;
557
+ --buttonCounter-outline-bgColor-hover: #051d4d33;
550
558
  --buttonCounter-outline-bgColor-disabled: #1f6feb0d;
559
+ --buttonCounter-outline-fgColor-rest: #388bfd;
560
+ --buttonCounter-outline-fgColor-hover: #58a6ff;
561
+ --buttonCounter-outline-fgColor-disabled: #2f81f780;
551
562
  --buttonCounter-danger-bgColor-hover: #ffffff33;
552
563
  --buttonCounter-danger-bgColor-disabled: #da36330d;
553
- --buttonCounter-danger-bgColor-rest: #da36331a;
564
+ --buttonCounter-danger-bgColor-rest: #49020233;
565
+ --buttonCounter-danger-fgColor-rest: #f85149;
566
+ --buttonCounter-danger-fgColor-hover: #ffffff;
567
+ --buttonCounter-danger-fgColor-disabled: #f8514980;
554
568
  --focus-outlineColor: #1f6feb;
555
569
  --menu-bgColor-active: #161b22;
556
570
  --overlay-bgColor: #161b22;
@@ -575,8 +589,8 @@
575
589
  --fgColor-attention: #d29922;
576
590
  --fgColor-severe: #f85149;
577
591
  --fgColor-danger: #f85149;
578
- --fgColor-open: #58a6ff;
579
- --fgColor-closed: #f85149;
592
+ --fgColor-open: #f85149;
593
+ --fgColor-closed: #6e7681;
580
594
  --fgColor-done: #a371f7;
581
595
  --fgColor-sponsors: #db61a2;
582
596
  --bgColor-default: #0d1117;
@@ -595,10 +609,10 @@
595
609
  --bgColor-severe-emphasis: #da3633;
596
610
  --bgColor-danger-muted: #f851491a;
597
611
  --bgColor-danger-emphasis: #da3633;
598
- --bgColor-open-muted: #388bfd1a;
599
- --bgColor-open-emphasis: #1f6feb;
600
- --bgColor-closed-muted: #f8514926;
601
- --bgColor-closed-emphasis: #da3633;
612
+ --bgColor-open-muted: #f851491a;
613
+ --bgColor-open-emphasis: #da3633;
614
+ --bgColor-closed-muted: #6e768126;
615
+ --bgColor-closed-emphasis: #484f58;
602
616
  --bgColor-done-muted: #a371f726;
603
617
  --bgColor-done-emphasis: #8957e5;
604
618
  --bgColor-sponsors-muted: #db61a21a;
@@ -619,10 +633,10 @@
619
633
  --borderColor-severe-emphasis: #da3633;
620
634
  --borderColor-danger-muted: #f8514966;
621
635
  --borderColor-danger-emphasis: #da3633;
622
- --borderColor-open-muted: #388bfd66;
623
- --borderColor-open-emphasis: #1f6feb;
624
- --borderColor-closed-muted: #f8514966;
625
- --borderColor-closed-emphasis: #da3633;
636
+ --borderColor-open-muted: #f8514966;
637
+ --borderColor-open-emphasis: #da3633;
638
+ --borderColor-closed-muted: #6e768166;
639
+ --borderColor-closed-emphasis: #484f58;
626
640
  --borderColor-done-muted: #a371f766;
627
641
  --borderColor-done-emphasis: #8957e5;
628
642
  --borderColor-sponsors-muted: #db61a266;
package/tokens-next-private/css/functional/themes/dark.css CHANGED
@@ -42,7 +42,7 @@
42
42
  --headerSearch-bgColor: #0d1117;
43
43
  --headerSearch-borderColor: #30363d;
44
44
  --avatar-bgColor: #ffffff1a;
45
- --avatar-borderColor: #00000000;
45
+ --avatar-borderColor: #30363d66;
46
46
  --avatar-shadow: 0px 0px 0px 2px #0d1117;
47
47
  --avatarStack-fade-bgColor-default: #30363d;
48
48
  --avatarStack-fade-bgColor-muted: #21262d;
@@ -116,11 +116,12 @@
116
116
  --button-primary-bgColor-hover: #29903b;
117
117
  --button-primary-bgColor-active: #2e9a40;
118
118
  --button-primary-bgColor-disabled: #46bf57;
119
- --button-primary-borderColor-rest: #30363dcc;
120
- --button-primary-borderColor-hover: #30363dcc;
121
- --button-primary-borderColor-disabled: #30363dcc;
119
+ --button-primary-borderColor-rest: #f0f6fc1a;
120
+ --button-primary-borderColor-hover: #f0f6fc1a;
121
+ --button-primary-borderColor-disabled: #f0f6fc1a;
122
122
  --button-primary-shadow-selected: 0px 0px 0px 0px #000000;
123
123
  --button-invisible-fgColor-rest: #2f81f7;
124
+ --button-invisible-fgColor-hover: #58a6ff;
124
125
  --button-invisible-fgColor-disabled: #484f58;
125
126
  --button-invisible-bgColor-rest: #00000000;
126
127
  --button-invisible-bgColor-hover: #b1bac41f;
@@ -128,8 +129,8 @@
128
129
  --button-invisible-bgColor-disabled: #00000000;
129
130
  --button-invisible-borderColor-rest: #00000000;
130
131
  --button-invisible-borderColor-hover: #00000000;
131
- --button-outline-fgColor-rest: #2f81f7;
132
- --button-outline-fgColor-hover: #2f81f7;
132
+ --button-outline-fgColor-rest: #388bfd;
133
+ --button-outline-fgColor-hover: #58a6ff;
133
134
  --button-outline-fgColor-active: #ffffff;
134
135
  --button-outline-fgColor-disabled: #2f81f780;
135
136
  --button-outline-bgColor-rest: #f0f6fc;
@@ -154,13 +155,19 @@
154
155
  --button-danger-borderColor-active: #d03533;
155
156
  --button-danger-shadow-selected: 0px 0px 0px 0px #000000;
156
157
  --buttonCounter-default-bgColor-rest: #30363d;
157
- --buttonCounter-primary-bgColor-rest: #ffffff33;
158
- --buttonCounter-outline-bgColor-rest: #1f6feb1a;
159
- --buttonCounter-outline-bgColor-hover: #ffffff33;
158
+ --buttonCounter-primary-bgColor-rest: #04260f33;
159
+ --buttonCounter-outline-bgColor-rest: #051d4d33;
160
+ --buttonCounter-outline-bgColor-hover: #051d4d33;
160
161
  --buttonCounter-outline-bgColor-disabled: #1f6feb0d;
162
+ --buttonCounter-outline-fgColor-rest: #388bfd;
163
+ --buttonCounter-outline-fgColor-hover: #58a6ff;
164
+ --buttonCounter-outline-fgColor-disabled: #2f81f780;
161
165
  --buttonCounter-danger-bgColor-hover: #ffffff33;
162
166
  --buttonCounter-danger-bgColor-disabled: #da36330d;
163
- --buttonCounter-danger-bgColor-rest: #da36331a;
167
+ --buttonCounter-danger-bgColor-rest: #49020233;
168
+ --buttonCounter-danger-fgColor-rest: #f85149;
169
+ --buttonCounter-danger-fgColor-hover: #ffffff;
170
+ --buttonCounter-danger-fgColor-disabled: #f8514980;
164
171
  --focus-outlineColor: #1f6feb;
165
172
  --menu-bgColor-active: #161b22;
166
173
  --overlay-bgColor: #161b22;
@@ -432,7 +439,7 @@
432
439
  --headerSearch-bgColor: #0d1117;
433
440
  --headerSearch-borderColor: #30363d;
434
441
  --avatar-bgColor: #ffffff1a;
435
- --avatar-borderColor: #00000000;
442
+ --avatar-borderColor: #30363d66;
436
443
  --avatar-shadow: 0px 0px 0px 2px #0d1117;
437
444
  --avatarStack-fade-bgColor-default: #30363d;
438
445
  --avatarStack-fade-bgColor-muted: #21262d;
@@ -506,11 +513,12 @@
506
513
  --button-primary-bgColor-hover: #29903b;
507
514
  --button-primary-bgColor-active: #2e9a40;
508
515
  --button-primary-bgColor-disabled: #46bf57;
509
- --button-primary-borderColor-rest: #30363dcc;
510
- --button-primary-borderColor-hover: #30363dcc;
511
- --button-primary-borderColor-disabled: #30363dcc;
516
+ --button-primary-borderColor-rest: #f0f6fc1a;
517
+ --button-primary-borderColor-hover: #f0f6fc1a;
518
+ --button-primary-borderColor-disabled: #f0f6fc1a;
512
519
  --button-primary-shadow-selected: 0px 0px 0px 0px #000000;
513
520
  --button-invisible-fgColor-rest: #2f81f7;
521
+ --button-invisible-fgColor-hover: #58a6ff;
514
522
  --button-invisible-fgColor-disabled: #484f58;
515
523
  --button-invisible-bgColor-rest: #00000000;
516
524
  --button-invisible-bgColor-hover: #b1bac41f;
@@ -518,8 +526,8 @@
518
526
  --button-invisible-bgColor-disabled: #00000000;
519
527
  --button-invisible-borderColor-rest: #00000000;
520
528
  --button-invisible-borderColor-hover: #00000000;
521
- --button-outline-fgColor-rest: #2f81f7;
522
- --button-outline-fgColor-hover: #2f81f7;
529
+ --button-outline-fgColor-rest: #388bfd;
530
+ --button-outline-fgColor-hover: #58a6ff;
523
531
  --button-outline-fgColor-active: #ffffff;
524
532
  --button-outline-fgColor-disabled: #2f81f780;
525
533
  --button-outline-bgColor-rest: #f0f6fc;
@@ -544,13 +552,19 @@
544
552
  --button-danger-borderColor-active: #d03533;
545
553
  --button-danger-shadow-selected: 0px 0px 0px 0px #000000;
546
554
  --buttonCounter-default-bgColor-rest: #30363d;
547
- --buttonCounter-primary-bgColor-rest: #ffffff33;
548
- --buttonCounter-outline-bgColor-rest: #1f6feb1a;
549
- --buttonCounter-outline-bgColor-hover: #ffffff33;
555
+ --buttonCounter-primary-bgColor-rest: #04260f33;
556
+ --buttonCounter-outline-bgColor-rest: #051d4d33;
557
+ --buttonCounter-outline-bgColor-hover: #051d4d33;
550
558
  --buttonCounter-outline-bgColor-disabled: #1f6feb0d;
559
+ --buttonCounter-outline-fgColor-rest: #388bfd;
560
+ --buttonCounter-outline-fgColor-hover: #58a6ff;
561
+ --buttonCounter-outline-fgColor-disabled: #2f81f780;
551
562
  --buttonCounter-danger-bgColor-hover: #ffffff33;
552
563
  --buttonCounter-danger-bgColor-disabled: #da36330d;
553
- --buttonCounter-danger-bgColor-rest: #da36331a;
564
+ --buttonCounter-danger-bgColor-rest: #49020233;
565
+ --buttonCounter-danger-fgColor-rest: #f85149;
566
+ --buttonCounter-danger-fgColor-hover: #ffffff;
567
+ --buttonCounter-danger-fgColor-disabled: #f8514980;
554
568
  --focus-outlineColor: #1f6feb;
555
569
  --menu-bgColor-active: #161b22;
556
570
  --overlay-bgColor: #161b22;