@primer/primitives 7.11.7 → 7.11.8-rc.0252b5f

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 (164) 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 +4 -6
  49. package/tokens-next-private/css/functional/themes/dark-colorblind.css +388 -376
  50. package/tokens-next-private/css/functional/themes/dark-dimmed.css +320 -308
  51. package/tokens-next-private/css/functional/themes/dark-high-contrast.css +308 -296
  52. package/tokens-next-private/css/functional/themes/dark-tritanopia.css +340 -328
  53. package/tokens-next-private/css/functional/themes/dark.css +320 -308
  54. package/tokens-next-private/css/functional/themes/light-colorblind.css +348 -286
  55. package/tokens-next-private/css/functional/themes/light-high-contrast.css +270 -208
  56. package/tokens-next-private/css/functional/themes/light-tritanopia.css +290 -228
  57. package/tokens-next-private/css/functional/themes/light.css +270 -208
  58. package/tokens-next-private/docs/functional/size/border.json +3 -1
  59. package/tokens-next-private/docs/functional/themes/dark-colorblind.json +504 -416
  60. package/tokens-next-private/docs/functional/themes/dark-dimmed.json +321 -233
  61. package/tokens-next-private/docs/functional/themes/dark-high-contrast.json +308 -216
  62. package/tokens-next-private/docs/functional/themes/dark-tritanopia.json +447 -357
  63. package/tokens-next-private/docs/functional/themes/dark.json +321 -233
  64. package/tokens-next-private/docs/functional/themes/light-colorblind.json +663 -240
  65. package/tokens-next-private/docs/functional/themes/light-high-contrast.json +502 -77
  66. package/tokens-next-private/docs/functional/themes/light-tritanopia.json +623 -198
  67. package/tokens-next-private/docs/functional/themes/light.json +500 -77
  68. package/tokens-next-private/docs/functional/typography/typography.json +33 -11
  69. package/tokens-next-private/fallbacks/color-fallbacks.json +245 -0
  70. package/tokens-next-private/js/functional/themes/dark-colorblind.js +158 -116
  71. package/tokens-next-private/js/functional/themes/dark-dimmed.js +103 -61
  72. package/tokens-next-private/js/functional/themes/dark-high-contrast.js +97 -55
  73. package/tokens-next-private/js/functional/themes/dark-tritanopia.js +113 -71
  74. package/tokens-next-private/js/functional/themes/dark.js +103 -61
  75. package/tokens-next-private/js/functional/themes/light-colorblind.js +123 -106
  76. package/tokens-next-private/js/functional/themes/light-high-contrast.js +65 -48
  77. package/tokens-next-private/js/functional/themes/light-tritanopia.js +75 -58
  78. package/tokens-next-private/js/functional/themes/light.js +65 -48
  79. package/tokens-next-private/json/functional/themes/dark-colorblind.json +161 -119
  80. package/tokens-next-private/json/functional/themes/dark-dimmed.json +106 -64
  81. package/tokens-next-private/json/functional/themes/dark-high-contrast.json +100 -58
  82. package/tokens-next-private/json/functional/themes/dark-tritanopia.json +116 -74
  83. package/tokens-next-private/json/functional/themes/dark.json +106 -64
  84. package/tokens-next-private/json/functional/themes/light-colorblind.json +124 -107
  85. package/tokens-next-private/json/functional/themes/light-high-contrast.json +66 -49
  86. package/tokens-next-private/json/functional/themes/light-tritanopia.json +76 -59
  87. package/tokens-next-private/json/functional/themes/light.json +66 -49
  88. package/tokens-next-private/scss/functional/size/border.scss +1 -1
  89. package/tokens-next-private/scss/functional/themes/dark-colorblind.scss +121 -115
  90. package/tokens-next-private/scss/functional/themes/dark-dimmed.scss +67 -61
  91. package/tokens-next-private/scss/functional/themes/dark-high-contrast.scss +61 -55
  92. package/tokens-next-private/scss/functional/themes/dark-tritanopia.scss +77 -71
  93. package/tokens-next-private/scss/functional/themes/dark.scss +67 -61
  94. package/tokens-next-private/scss/functional/themes/light-colorblind.scss +101 -70
  95. package/tokens-next-private/scss/functional/themes/light-high-contrast.scss +42 -11
  96. package/tokens-next-private/scss/functional/themes/light-tritanopia.scss +52 -21
  97. package/tokens-next-private/scss/functional/themes/light.scss +42 -11
  98. package/tokens-next-private/scss/functional/typography/typography.scss +11 -11
  99. package/tokens-next-private/ts/functional/themes/dark-colorblind.ts +158 -116
  100. package/tokens-next-private/ts/functional/themes/dark-dimmed.ts +103 -61
  101. package/tokens-next-private/ts/functional/themes/dark-high-contrast.ts +97 -55
  102. package/tokens-next-private/ts/functional/themes/dark-tritanopia.ts +113 -71
  103. package/tokens-next-private/ts/functional/themes/dark.ts +103 -61
  104. package/tokens-next-private/ts/functional/themes/light-colorblind.ts +123 -106
  105. package/tokens-next-private/ts/functional/themes/light-high-contrast.ts +65 -48
  106. package/tokens-next-private/ts/functional/themes/light-tritanopia.ts +75 -58
  107. package/tokens-next-private/ts/functional/themes/light.ts +65 -48
  108. package/tokens-next-private/ts/types/BaseColorDesignTokens.d.ts +1 -1
  109. package/tokens-next-private/ts/types/SizeDesignTokens.d.ts +1 -1
  110. package/tokens-next-private/ts/types/ThemeDesignTokens.d.ts +59 -42
  111. package/tokens-next-private/ts/types/TypographyDesignTokens.d.ts +1 -1
  112. package/tokens-v2-private/css/tokens/base/size/size.css +1 -1
  113. package/tokens-v2-private/css/tokens/base/typography/typography.css +1 -1
  114. package/tokens-v2-private/css/tokens/functional/size/border.css +1 -1
  115. package/tokens-v2-private/css/tokens/functional/size/breakpoints.css +1 -1
  116. package/tokens-v2-private/css/tokens/functional/size/size-coarse.css +1 -1
  117. package/tokens-v2-private/css/tokens/functional/size/size-fine.css +1 -1
  118. package/tokens-v2-private/css/tokens/functional/size/size.css +1 -1
  119. package/tokens-v2-private/css/tokens/functional/typography/typography.css +1 -1
  120. package/tokens-v2-private/js/module/tokens/base/size/size.js +1 -1
  121. package/tokens-v2-private/js/module/tokens/base/typography/typography.js +1 -1
  122. package/tokens-v2-private/js/module/tokens/functional/size/border.js +1 -1
  123. package/tokens-v2-private/js/module/tokens/functional/size/breakpoints.js +1 -1
  124. package/tokens-v2-private/js/module/tokens/functional/size/size-coarse.js +1 -1
  125. package/tokens-v2-private/js/module/tokens/functional/size/size-fine.js +1 -1
  126. package/tokens-v2-private/js/module/tokens/functional/size/size.js +1 -1
  127. package/tokens-v2-private/js/module/tokens/functional/size/viewport.js +1 -1
  128. package/tokens-v2-private/js/module/tokens/functional/typography/typography.js +1 -1
  129. package/tokens-v2-private/js/tokens/base/size/size.js +1 -1
  130. package/tokens-v2-private/js/tokens/base/typography/typography.js +1 -1
  131. package/tokens-v2-private/js/tokens/functional/size/border.js +1 -1
  132. package/tokens-v2-private/js/tokens/functional/size/breakpoints.js +1 -1
  133. package/tokens-v2-private/js/tokens/functional/size/size-coarse.js +1 -1
  134. package/tokens-v2-private/js/tokens/functional/size/size-fine.js +1 -1
  135. package/tokens-v2-private/js/tokens/functional/size/size.js +1 -1
  136. package/tokens-v2-private/js/tokens/functional/size/viewport.js +1 -1
  137. package/tokens-v2-private/js/tokens/functional/typography/typography.js +1 -1
  138. package/tokens-v2-private/scss/tokens/base/size/size.scss +1 -1
  139. package/tokens-v2-private/scss/tokens/base/typography/typography.scss +1 -1
  140. package/tokens-v2-private/scss/tokens/functional/size/border.scss +1 -1
  141. package/tokens-v2-private/scss/tokens/functional/size/breakpoints.scss +1 -1
  142. package/tokens-v2-private/scss/tokens/functional/size/size-coarse.scss +1 -1
  143. package/tokens-v2-private/scss/tokens/functional/size/size-fine.scss +1 -1
  144. package/tokens-v2-private/scss/tokens/functional/size/size.scss +1 -1
  145. package/tokens-v2-private/scss/tokens/functional/size/viewport.scss +1 -1
  146. package/tokens-v2-private/scss/tokens/functional/typography/typography.scss +1 -1
  147. package/tokens-v2-private/ts/tokens/base/size/size.d.ts +1 -1
  148. package/tokens-v2-private/ts/tokens/base/size/size.js +1 -1
  149. package/tokens-v2-private/ts/tokens/base/typography/typography.d.ts +1 -1
  150. package/tokens-v2-private/ts/tokens/base/typography/typography.js +1 -1
  151. package/tokens-v2-private/ts/tokens/functional/size/border.d.ts +1 -1
  152. package/tokens-v2-private/ts/tokens/functional/size/border.js +1 -1
  153. package/tokens-v2-private/ts/tokens/functional/size/breakpoints.d.ts +1 -1
  154. package/tokens-v2-private/ts/tokens/functional/size/breakpoints.js +1 -1
  155. package/tokens-v2-private/ts/tokens/functional/size/size-coarse.d.ts +1 -1
  156. package/tokens-v2-private/ts/tokens/functional/size/size-coarse.js +1 -1
  157. package/tokens-v2-private/ts/tokens/functional/size/size-fine.d.ts +1 -1
  158. package/tokens-v2-private/ts/tokens/functional/size/size-fine.js +1 -1
  159. package/tokens-v2-private/ts/tokens/functional/size/size.d.ts +1 -1
  160. package/tokens-v2-private/ts/tokens/functional/size/size.js +1 -1
  161. package/tokens-v2-private/ts/tokens/functional/size/viewport.d.ts +1 -1
  162. package/tokens-v2-private/ts/tokens/functional/size/viewport.js +1 -1
  163. package/tokens-v2-private/ts/tokens/functional/typography/typography.d.ts +1 -1
  164. package/tokens-v2-private/ts/tokens/functional/typography/typography.js +1 -1
@@ -81,8 +81,8 @@
81
81
  --control-checked-fgColor-rest: #ffffff;
82
82
  --control-checked-fgColor-disabled: #ffffff;
83
83
  --control-checked-borderColor-rest: #0969da;
84
- --control-checked-borderColor-hover: #00000000;
85
- --control-checked-borderColor-active: #00000000;
84
+ --control-checked-borderColor-hover: #0860ca;
85
+ --control-checked-borderColor-active: #0757ba;
86
86
  --control-checked-borderColor-disabled: #8c959f;
87
87
  --controlTrack-bgColor-rest: #eaeef2;
88
88
  --controlTrack-bgColor-hover: #dee3e8;
@@ -116,11 +116,12 @@
116
116
  --button-primary-bgColor-hover: #0d6bd8;
117
117
  --button-primary-bgColor-active: #0b64ce;
118
118
  --button-primary-bgColor-disabled: #92caff;
119
- --button-primary-borderColor-rest: #d0d7decc;
120
- --button-primary-borderColor-hover: #d0d7decc;
121
- --button-primary-borderColor-disabled: #d0d7decc;
119
+ --button-primary-borderColor-rest: #1f232826;
120
+ --button-primary-borderColor-hover: #1f232826;
121
+ --button-primary-borderColor-disabled: #1f232826;
122
122
  --button-primary-shadow-selected: inset 0px 1px 0px 0px #0021554d;
123
123
  --button-invisible-fgColor-rest: #0969da;
124
+ --button-invisible-fgColor-hover: #0969da;
124
125
  --button-invisible-fgColor-disabled: #8c959f;
125
126
  --button-invisible-bgColor-rest: #00000000;
126
127
  --button-invisible-bgColor-hover: #d0d7de33;
@@ -153,14 +154,21 @@
153
154
  --button-danger-borderColor-hover: #d0d7de;
154
155
  --button-danger-borderColor-active: #d0d7de;
155
156
  --button-danger-shadow-selected: inset 0px 1px 0px 0px #4c001433;
156
- --buttonCounter-default-bgColor-rest: #eaeef280;
157
- --buttonCounter-primary-bgColor-rest: #ffffff33;
157
+ --buttonCounter-default-bgColor-rest: #eaeef2;
158
+ --buttonCounter-invisible-bgColor-rest: #eaeef2;
159
+ --buttonCounter-primary-bgColor-rest: #002d1133;
158
160
  --buttonCounter-outline-bgColor-rest: #0969da1a;
159
161
  --buttonCounter-outline-bgColor-hover: #ffffff33;
160
162
  --buttonCounter-outline-bgColor-disabled: #0969da0d;
163
+ --buttonCounter-outline-fgColor-rest: #0550ae;
164
+ --buttonCounter-outline-fgColor-hover: #ffffff;
165
+ --buttonCounter-outline-fgColor-disabled: #0969da80;
161
166
  --buttonCounter-danger-bgColor-hover: #ffffff33;
162
167
  --buttonCounter-danger-bgColor-disabled: #cf222e0d;
163
168
  --buttonCounter-danger-bgColor-rest: #cf222e1a;
169
+ --buttonCounter-danger-fgColor-rest: #c21c2c;
170
+ --buttonCounter-danger-fgColor-hover: #ffffff;
171
+ --buttonCounter-danger-fgColor-disabled: #d1242f80;
164
172
  --focus-outlineColor: #0969da;
165
173
  --focus-outline: #0969da solid 2px;
166
174
  --menu-bgColor-active: #ffffff00;
@@ -179,15 +187,13 @@
179
187
  --fgColor-onEmphasis: #ffffff;
180
188
  --fgColor-disabled: #8c959f;
181
189
  --fgColor-link-rest: #0969da;
182
- --fgColor-link-inverse-rest: #54aeff;
183
- --fgColor-link-control: #868f99;
184
190
  --fgColor-accent: #0969da;
185
191
  --fgColor-success: #0969da;
186
192
  --fgColor-attention: #9a6700;
187
193
  --fgColor-severe: #cf222e;
188
194
  --fgColor-danger: #d1242f;
189
- --fgColor-open: #0969da;
190
- --fgColor-closed: #d1242f;
195
+ --fgColor-open: #cf222e;
196
+ --fgColor-closed: #6e7781;
191
197
  --fgColor-done: #8250df;
192
198
  --fgColor-sponsors: #bf3989;
193
199
  --bgColor-default: #ffffff;
@@ -206,10 +212,10 @@
206
212
  --bgColor-severe-emphasis: #cf222e;
207
213
  --bgColor-danger-muted: #ffebe9;
208
214
  --bgColor-danger-emphasis: #cf222e;
209
- --bgColor-open-muted: #ddf4ff;
210
- --bgColor-open-emphasis: #0f72e3;
211
- --bgColor-closed-muted: #ffebe9;
212
- --bgColor-closed-emphasis: #cf222e;
215
+ --bgColor-open-muted: #ffebe9;
216
+ --bgColor-open-emphasis: #cf222e;
217
+ --bgColor-closed-muted: #f6f8fa;
218
+ --bgColor-closed-emphasis: #6e7781;
213
219
  --bgColor-done-muted: #fbefff;
214
220
  --bgColor-done-emphasis: #8250df;
215
221
  --bgColor-sponsors-muted: #ffeff7;
@@ -230,129 +236,154 @@
230
236
  --borderColor-severe-emphasis: #cf222e;
231
237
  --borderColor-danger-muted: #ff818266;
232
238
  --borderColor-danger-emphasis: #cf222e;
233
- --borderColor-open-muted: #54aeff66;
234
- --borderColor-open-emphasis: #218bff;
235
- --borderColor-closed-muted: #ff818266;
236
- --borderColor-closed-emphasis: #cf222e;
239
+ --borderColor-open-muted: #ff818266;
240
+ --borderColor-open-emphasis: #cf222e;
241
+ --borderColor-closed-muted: #afb8c166;
242
+ --borderColor-closed-emphasis: #6e7781;
237
243
  --borderColor-done-muted: #c297ff66;
238
244
  --borderColor-done-emphasis: #8250df;
239
245
  --borderColor-sponsors-muted: #ff80c866;
240
246
  --borderColor-sponsors-emphasis: #bf3989;
247
+ --color-ansi-black: #24292f;
241
248
  --color-ansi-black-bright: #57606a;
249
+ --color-ansi-white: #6e7781;
242
250
  --color-ansi-white-bright: #8c959f;
243
251
  --color-ansi-gray: #6e7781;
252
+ --color-ansi-red: #cf222e;
244
253
  --color-ansi-red-bright: #a40e26;
254
+ --color-ansi-green: #0550ae;
245
255
  --color-ansi-green-bright: #0969da;
256
+ --color-ansi-yellow: #4d2d00;
246
257
  --color-ansi-yellow-bright: #633c01;
258
+ --color-ansi-blue: #0969da;
247
259
  --color-ansi-blue-bright: #218bff;
260
+ --color-ansi-magenta: #8250df;
248
261
  --color-ansi-magenta-bright: #a475f9;
262
+ --color-ansi-cyan: #1b7c83;
249
263
  --color-ansi-cyan-bright: #3192aa;
250
264
  --color-prettylights-syntax-comment: #6e7781;
265
+ --color-prettylights-syntax-constant: #0550ae;
251
266
  --color-prettylights-syntax-constant-other-reference-link: #0a3069;
252
- --color-prettylights-syntax-entity-tag: #0550ae;
267
+ --color-prettylights-syntax-entity: #8250df;
253
268
  --color-prettylights-syntax-storage-modifier-import: #24292f;
269
+ --color-prettylights-syntax-entity-tag: #0550ae;
254
270
  --color-prettylights-syntax-keyword: #cf222e;
255
- --color-prettylights-syntax-string-regexp: #0550ae;
271
+ --color-prettylights-syntax-string: #0a3069;
256
272
  --color-prettylights-syntax-variable: #a40e26;
273
+ --color-prettylights-syntax-brackethighlighter-unmatched: #82071e;
257
274
  --color-prettylights-syntax-brackethighlighter-angle: #57606a;
275
+ --color-prettylights-syntax-invalid-illegal-text: #f6f8fa;
258
276
  --color-prettylights-syntax-invalid-illegal-bg: #82071e;
277
+ --color-prettylights-syntax-carriage-return-text: #f6f8fa;
259
278
  --color-prettylights-syntax-carriage-return-bg: #cf222e;
279
+ --color-prettylights-syntax-string-regexp: #0550ae;
280
+ --color-prettylights-syntax-markup-list: #3b2300;
281
+ --color-prettylights-syntax-markup-heading: #0550ae;
282
+ --color-prettylights-syntax-markup-italic: #24292f;
283
+ --color-prettylights-syntax-markup-bold: #24292f;
284
+ --color-prettylights-syntax-markup-deleted-text: #82071e;
285
+ --color-prettylights-syntax-markup-deleted-bg: #ffebe9;
286
+ --color-prettylights-syntax-markup-inserted-text: #0550ae;
287
+ --color-prettylights-syntax-markup-inserted-bg: #ddf4ff;
288
+ --color-prettylights-syntax-markup-changed-text: #a40e26;
289
+ --color-prettylights-syntax-markup-changed-bg: #ffcecb;
290
+ --color-prettylights-syntax-markup-ignored-text: #eaeef2;
260
291
  --color-prettylights-syntax-markup-ignored-bg: #0550ae;
261
292
  --color-prettylights-syntax-meta-diff-range: #8250df;
262
293
  --color-prettylights-syntax-sublimelinter-gutter-mark: #8c959f;
263
- --color-scale-black: #1f2328; /* Avoid using scales, use other functional tokens instead */
264
- --color-scale-transparent: #ffffff00; /* Avoid using scales, use other functional tokens instead */
265
- --color-scale-white: #ffffff; /* Avoid using scales, use other functional tokens instead */
266
- --color-scale-gray-0: #f6f8fa; /* Avoid using scales, use other functional tokens instead */
267
- --color-scale-gray-1: #eaeef2; /* Avoid using scales, use other functional tokens instead */
268
- --color-scale-gray-2: #d0d7de; /* Avoid using scales, use other functional tokens instead */
269
- --color-scale-gray-3: #afb8c1; /* Avoid using scales, use other functional tokens instead */
270
- --color-scale-gray-4: #8c959f; /* Avoid using scales, use other functional tokens instead */
271
- --color-scale-gray-5: #6e7781; /* Avoid using scales, use other functional tokens instead */
272
- --color-scale-gray-6: #57606a; /* Avoid using scales, use other functional tokens instead */
273
- --color-scale-gray-7: #424a53; /* Avoid using scales, use other functional tokens instead */
274
- --color-scale-gray-8: #32383f; /* Avoid using scales, use other functional tokens instead */
275
- --color-scale-gray-9: #24292f; /* Avoid using scales, use other functional tokens instead */
276
- --color-scale-blue-0: #ddf4ff; /* Avoid using scales, use other functional tokens instead */
277
- --color-scale-blue-1: #b6e3ff; /* Avoid using scales, use other functional tokens instead */
278
- --color-scale-blue-2: #80ccff; /* Avoid using scales, use other functional tokens instead */
279
- --color-scale-blue-3: #54aeff; /* Avoid using scales, use other functional tokens instead */
280
- --color-scale-blue-4: #218bff; /* Avoid using scales, use other functional tokens instead */
281
- --color-scale-blue-5: #0969da; /* Avoid using scales, use other functional tokens instead */
282
- --color-scale-blue-6: #0550ae; /* Avoid using scales, use other functional tokens instead */
283
- --color-scale-blue-7: #033d8b; /* Avoid using scales, use other functional tokens instead */
284
- --color-scale-blue-8: #0a3069; /* Avoid using scales, use other functional tokens instead */
285
- --color-scale-blue-9: #002155; /* Avoid using scales, use other functional tokens instead */
286
- --color-scale-green-0: #ddf4ff; /* Avoid using scales, use other functional tokens instead */
287
- --color-scale-green-1: #b6e3ff; /* Avoid using scales, use other functional tokens instead */
288
- --color-scale-green-2: #80ccff; /* Avoid using scales, use other functional tokens instead */
289
- --color-scale-green-3: #54aeff; /* Avoid using scales, use other functional tokens instead */
290
- --color-scale-green-4: #218bff; /* Avoid using scales, use other functional tokens instead */
291
- --color-scale-green-5: #0969da; /* Avoid using scales, use other functional tokens instead */
292
- --color-scale-green-6: #0550ae; /* Avoid using scales, use other functional tokens instead */
293
- --color-scale-green-7: #033d8b; /* Avoid using scales, use other functional tokens instead */
294
- --color-scale-green-8: #0a3069; /* Avoid using scales, use other functional tokens instead */
295
- --color-scale-green-9: #002155; /* Avoid using scales, use other functional tokens instead */
296
- --color-scale-yellow-0: #fff8c5; /* Avoid using scales, use other functional tokens instead */
297
- --color-scale-yellow-1: #fae17d; /* Avoid using scales, use other functional tokens instead */
298
- --color-scale-yellow-2: #eac54f; /* Avoid using scales, use other functional tokens instead */
299
- --color-scale-yellow-3: #d4a72c; /* Avoid using scales, use other functional tokens instead */
300
- --color-scale-yellow-4: #bf8700; /* Avoid using scales, use other functional tokens instead */
301
- --color-scale-yellow-5: #9a6700; /* Avoid using scales, use other functional tokens instead */
302
- --color-scale-yellow-6: #7d4e00; /* Avoid using scales, use other functional tokens instead */
303
- --color-scale-yellow-7: #633c01; /* Avoid using scales, use other functional tokens instead */
304
- --color-scale-yellow-8: #4d2d00; /* Avoid using scales, use other functional tokens instead */
305
- --color-scale-yellow-9: #3b2300; /* Avoid using scales, use other functional tokens instead */
306
- --color-scale-orange-0: #ffebe9; /* Avoid using scales, use other functional tokens instead */
307
- --color-scale-orange-1: #ffcecb; /* Avoid using scales, use other functional tokens instead */
308
- --color-scale-orange-2: #ffaba8; /* Avoid using scales, use other functional tokens instead */
309
- --color-scale-orange-3: #ff8182; /* Avoid using scales, use other functional tokens instead */
310
- --color-scale-orange-4: #fa4549; /* Avoid using scales, use other functional tokens instead */
311
- --color-scale-orange-5: #cf222e; /* Avoid using scales, use other functional tokens instead */
312
- --color-scale-orange-6: #a40e26; /* Avoid using scales, use other functional tokens instead */
313
- --color-scale-orange-7: #82071e; /* Avoid using scales, use other functional tokens instead */
314
- --color-scale-orange-8: #660018; /* Avoid using scales, use other functional tokens instead */
315
- --color-scale-orange-9: #4c0014; /* Avoid using scales, use other functional tokens instead */
316
- --color-scale-red-0: #ffebe9; /* Avoid using scales, use other functional tokens instead */
317
- --color-scale-red-1: #ffcecb; /* Avoid using scales, use other functional tokens instead */
318
- --color-scale-red-2: #ffaba8; /* Avoid using scales, use other functional tokens instead */
319
- --color-scale-red-3: #ff8182; /* Avoid using scales, use other functional tokens instead */
320
- --color-scale-red-4: #fa4549; /* Avoid using scales, use other functional tokens instead */
321
- --color-scale-red-5: #cf222e; /* Avoid using scales, use other functional tokens instead */
322
- --color-scale-red-6: #a40e26; /* Avoid using scales, use other functional tokens instead */
323
- --color-scale-red-7: #82071e; /* Avoid using scales, use other functional tokens instead */
324
- --color-scale-red-8: #660018; /* Avoid using scales, use other functional tokens instead */
325
- --color-scale-red-9: #4c0014; /* Avoid using scales, use other functional tokens instead */
326
- --color-scale-purple-0: #fbefff; /* Avoid using scales, use other functional tokens instead */
327
- --color-scale-purple-1: #ecd8ff; /* Avoid using scales, use other functional tokens instead */
328
- --color-scale-purple-2: #d8b9ff; /* Avoid using scales, use other functional tokens instead */
329
- --color-scale-purple-3: #c297ff; /* Avoid using scales, use other functional tokens instead */
330
- --color-scale-purple-4: #a475f9; /* Avoid using scales, use other functional tokens instead */
331
- --color-scale-purple-5: #8250df; /* Avoid using scales, use other functional tokens instead */
332
- --color-scale-purple-6: #6639ba; /* Avoid using scales, use other functional tokens instead */
333
- --color-scale-purple-7: #512a97; /* Avoid using scales, use other functional tokens instead */
334
- --color-scale-purple-8: #3e1f79; /* Avoid using scales, use other functional tokens instead */
335
- --color-scale-purple-9: #2e1461; /* Avoid using scales, use other functional tokens instead */
336
- --color-scale-pink-0: #ffeff7; /* Avoid using scales, use other functional tokens instead */
337
- --color-scale-pink-1: #ffd3eb; /* Avoid using scales, use other functional tokens instead */
338
- --color-scale-pink-2: #ffadda; /* Avoid using scales, use other functional tokens instead */
339
- --color-scale-pink-3: #ff80c8; /* Avoid using scales, use other functional tokens instead */
340
- --color-scale-pink-4: #e85aad; /* Avoid using scales, use other functional tokens instead */
341
- --color-scale-pink-5: #bf3989; /* Avoid using scales, use other functional tokens instead */
342
- --color-scale-pink-6: #99286e; /* Avoid using scales, use other functional tokens instead */
343
- --color-scale-pink-7: #772057; /* Avoid using scales, use other functional tokens instead */
344
- --color-scale-pink-8: #611347; /* Avoid using scales, use other functional tokens instead */
345
- --color-scale-pink-9: #4d0336; /* Avoid using scales, use other functional tokens instead */
346
- --color-scale-coral-0: #fff0eb; /* Avoid using scales, use other functional tokens instead */
347
- --color-scale-coral-1: #ffd6cc; /* Avoid using scales, use other functional tokens instead */
348
- --color-scale-coral-2: #ffb4a1; /* Avoid using scales, use other functional tokens instead */
349
- --color-scale-coral-3: #fd8c73; /* Avoid using scales, use other functional tokens instead */
350
- --color-scale-coral-4: #ec6547; /* Avoid using scales, use other functional tokens instead */
351
- --color-scale-coral-5: #c4432b; /* Avoid using scales, use other functional tokens instead */
352
- --color-scale-coral-6: #9e2f1c; /* Avoid using scales, use other functional tokens instead */
353
- --color-scale-coral-7: #801f0f; /* Avoid using scales, use other functional tokens instead */
354
- --color-scale-coral-8: #691105; /* Avoid using scales, use other functional tokens instead */
355
- --color-scale-coral-9: #510901; /* Avoid using scales, use other functional tokens instead */
294
+ --color-scale-black: #1f2328;
295
+ --color-scale-transparent: #ffffff00;
296
+ --color-scale-white: #ffffff;
297
+ --color-scale-gray-0: #f6f8fa;
298
+ --color-scale-gray-1: #eaeef2;
299
+ --color-scale-gray-2: #d0d7de;
300
+ --color-scale-gray-3: #afb8c1;
301
+ --color-scale-gray-4: #8c959f;
302
+ --color-scale-gray-5: #6e7781;
303
+ --color-scale-gray-6: #57606a;
304
+ --color-scale-gray-7: #424a53;
305
+ --color-scale-gray-8: #32383f;
306
+ --color-scale-gray-9: #24292f;
307
+ --color-scale-blue-0: #ddf4ff;
308
+ --color-scale-blue-1: #b6e3ff;
309
+ --color-scale-blue-2: #80ccff;
310
+ --color-scale-blue-3: #54aeff;
311
+ --color-scale-blue-4: #218bff;
312
+ --color-scale-blue-5: #0969da;
313
+ --color-scale-blue-6: #0550ae;
314
+ --color-scale-blue-7: #033d8b;
315
+ --color-scale-blue-8: #0a3069;
316
+ --color-scale-blue-9: #002155;
317
+ --color-scale-green-0: #ddf4ff;
318
+ --color-scale-green-1: #b6e3ff;
319
+ --color-scale-green-2: #80ccff;
320
+ --color-scale-green-3: #54aeff;
321
+ --color-scale-green-4: #218bff;
322
+ --color-scale-green-5: #0969da;
323
+ --color-scale-green-6: #0550ae;
324
+ --color-scale-green-7: #033d8b;
325
+ --color-scale-green-8: #0a3069;
326
+ --color-scale-green-9: #002155;
327
+ --color-scale-yellow-0: #fff8c5;
328
+ --color-scale-yellow-1: #fae17d;
329
+ --color-scale-yellow-2: #eac54f;
330
+ --color-scale-yellow-3: #d4a72c;
331
+ --color-scale-yellow-4: #bf8700;
332
+ --color-scale-yellow-5: #9a6700;
333
+ --color-scale-yellow-6: #7d4e00;
334
+ --color-scale-yellow-7: #633c01;
335
+ --color-scale-yellow-8: #4d2d00;
336
+ --color-scale-yellow-9: #3b2300;
337
+ --color-scale-orange-0: #ffebe9;
338
+ --color-scale-orange-1: #ffcecb;
339
+ --color-scale-orange-2: #ffaba8;
340
+ --color-scale-orange-3: #ff8182;
341
+ --color-scale-orange-4: #fa4549;
342
+ --color-scale-orange-5: #cf222e;
343
+ --color-scale-orange-6: #a40e26;
344
+ --color-scale-orange-7: #82071e;
345
+ --color-scale-orange-8: #660018;
346
+ --color-scale-orange-9: #4c0014;
347
+ --color-scale-red-0: #ffebe9;
348
+ --color-scale-red-1: #ffcecb;
349
+ --color-scale-red-2: #ffaba8;
350
+ --color-scale-red-3: #ff8182;
351
+ --color-scale-red-4: #fa4549;
352
+ --color-scale-red-5: #cf222e;
353
+ --color-scale-red-6: #a40e26;
354
+ --color-scale-red-7: #82071e;
355
+ --color-scale-red-8: #660018;
356
+ --color-scale-red-9: #4c0014;
357
+ --color-scale-purple-0: #fbefff;
358
+ --color-scale-purple-1: #ecd8ff;
359
+ --color-scale-purple-2: #d8b9ff;
360
+ --color-scale-purple-3: #c297ff;
361
+ --color-scale-purple-4: #a475f9;
362
+ --color-scale-purple-5: #8250df;
363
+ --color-scale-purple-6: #6639ba;
364
+ --color-scale-purple-7: #512a97;
365
+ --color-scale-purple-8: #3e1f79;
366
+ --color-scale-purple-9: #2e1461;
367
+ --color-scale-pink-0: #ffeff7;
368
+ --color-scale-pink-1: #ffd3eb;
369
+ --color-scale-pink-2: #ffadda;
370
+ --color-scale-pink-3: #ff80c8;
371
+ --color-scale-pink-4: #e85aad;
372
+ --color-scale-pink-5: #bf3989;
373
+ --color-scale-pink-6: #99286e;
374
+ --color-scale-pink-7: #772057;
375
+ --color-scale-pink-8: #611347;
376
+ --color-scale-pink-9: #4d0336;
377
+ --color-scale-coral-0: #fff0eb;
378
+ --color-scale-coral-1: #ffd6cc;
379
+ --color-scale-coral-2: #ffb4a1;
380
+ --color-scale-coral-3: #fd8c73;
381
+ --color-scale-coral-4: #ec6547;
382
+ --color-scale-coral-5: #c4432b;
383
+ --color-scale-coral-6: #9e2f1c;
384
+ --color-scale-coral-7: #801f0f;
385
+ --color-scale-coral-8: #691105;
386
+ --color-scale-coral-9: #510901;
356
387
  --shadow-inset: inset 0px 1px 0px 0px #1f23280d;
357
388
  --shadow-highlight: inset 0px 1px 0px 0px #ffffff40;
358
389
  --shadow-resting-xsmall: 0px 1px 0px 0px #1f23280f;
@@ -446,8 +477,8 @@
446
477
  --control-checked-fgColor-rest: #ffffff;
447
478
  --control-checked-fgColor-disabled: #ffffff;
448
479
  --control-checked-borderColor-rest: #0969da;
449
- --control-checked-borderColor-hover: #00000000;
450
- --control-checked-borderColor-active: #00000000;
480
+ --control-checked-borderColor-hover: #0860ca;
481
+ --control-checked-borderColor-active: #0757ba;
451
482
  --control-checked-borderColor-disabled: #8c959f;
452
483
  --controlTrack-bgColor-rest: #eaeef2;
453
484
  --controlTrack-bgColor-hover: #dee3e8;
@@ -481,11 +512,12 @@
481
512
  --button-primary-bgColor-hover: #0d6bd8;
482
513
  --button-primary-bgColor-active: #0b64ce;
483
514
  --button-primary-bgColor-disabled: #92caff;
484
- --button-primary-borderColor-rest: #d0d7decc;
485
- --button-primary-borderColor-hover: #d0d7decc;
486
- --button-primary-borderColor-disabled: #d0d7decc;
515
+ --button-primary-borderColor-rest: #1f232826;
516
+ --button-primary-borderColor-hover: #1f232826;
517
+ --button-primary-borderColor-disabled: #1f232826;
487
518
  --button-primary-shadow-selected: inset 0px 1px 0px 0px #0021554d;
488
519
  --button-invisible-fgColor-rest: #0969da;
520
+ --button-invisible-fgColor-hover: #0969da;
489
521
  --button-invisible-fgColor-disabled: #8c959f;
490
522
  --button-invisible-bgColor-rest: #00000000;
491
523
  --button-invisible-bgColor-hover: #d0d7de33;
@@ -518,14 +550,21 @@
518
550
  --button-danger-borderColor-hover: #d0d7de;
519
551
  --button-danger-borderColor-active: #d0d7de;
520
552
  --button-danger-shadow-selected: inset 0px 1px 0px 0px #4c001433;
521
- --buttonCounter-default-bgColor-rest: #eaeef280;
522
- --buttonCounter-primary-bgColor-rest: #ffffff33;
553
+ --buttonCounter-default-bgColor-rest: #eaeef2;
554
+ --buttonCounter-invisible-bgColor-rest: #eaeef2;
555
+ --buttonCounter-primary-bgColor-rest: #002d1133;
523
556
  --buttonCounter-outline-bgColor-rest: #0969da1a;
524
557
  --buttonCounter-outline-bgColor-hover: #ffffff33;
525
558
  --buttonCounter-outline-bgColor-disabled: #0969da0d;
559
+ --buttonCounter-outline-fgColor-rest: #0550ae;
560
+ --buttonCounter-outline-fgColor-hover: #ffffff;
561
+ --buttonCounter-outline-fgColor-disabled: #0969da80;
526
562
  --buttonCounter-danger-bgColor-hover: #ffffff33;
527
563
  --buttonCounter-danger-bgColor-disabled: #cf222e0d;
528
564
  --buttonCounter-danger-bgColor-rest: #cf222e1a;
565
+ --buttonCounter-danger-fgColor-rest: #c21c2c;
566
+ --buttonCounter-danger-fgColor-hover: #ffffff;
567
+ --buttonCounter-danger-fgColor-disabled: #d1242f80;
529
568
  --focus-outlineColor: #0969da;
530
569
  --focus-outline: #0969da solid 2px;
531
570
  --menu-bgColor-active: #ffffff00;
@@ -544,15 +583,13 @@
544
583
  --fgColor-onEmphasis: #ffffff;
545
584
  --fgColor-disabled: #8c959f;
546
585
  --fgColor-link-rest: #0969da;
547
- --fgColor-link-inverse-rest: #54aeff;
548
- --fgColor-link-control: #868f99;
549
586
  --fgColor-accent: #0969da;
550
587
  --fgColor-success: #0969da;
551
588
  --fgColor-attention: #9a6700;
552
589
  --fgColor-severe: #cf222e;
553
590
  --fgColor-danger: #d1242f;
554
- --fgColor-open: #0969da;
555
- --fgColor-closed: #d1242f;
591
+ --fgColor-open: #cf222e;
592
+ --fgColor-closed: #6e7781;
556
593
  --fgColor-done: #8250df;
557
594
  --fgColor-sponsors: #bf3989;
558
595
  --bgColor-default: #ffffff;
@@ -571,10 +608,10 @@
571
608
  --bgColor-severe-emphasis: #cf222e;
572
609
  --bgColor-danger-muted: #ffebe9;
573
610
  --bgColor-danger-emphasis: #cf222e;
574
- --bgColor-open-muted: #ddf4ff;
575
- --bgColor-open-emphasis: #0f72e3;
576
- --bgColor-closed-muted: #ffebe9;
577
- --bgColor-closed-emphasis: #cf222e;
611
+ --bgColor-open-muted: #ffebe9;
612
+ --bgColor-open-emphasis: #cf222e;
613
+ --bgColor-closed-muted: #f6f8fa;
614
+ --bgColor-closed-emphasis: #6e7781;
578
615
  --bgColor-done-muted: #fbefff;
579
616
  --bgColor-done-emphasis: #8250df;
580
617
  --bgColor-sponsors-muted: #ffeff7;
@@ -595,129 +632,154 @@
595
632
  --borderColor-severe-emphasis: #cf222e;
596
633
  --borderColor-danger-muted: #ff818266;
597
634
  --borderColor-danger-emphasis: #cf222e;
598
- --borderColor-open-muted: #54aeff66;
599
- --borderColor-open-emphasis: #218bff;
600
- --borderColor-closed-muted: #ff818266;
601
- --borderColor-closed-emphasis: #cf222e;
635
+ --borderColor-open-muted: #ff818266;
636
+ --borderColor-open-emphasis: #cf222e;
637
+ --borderColor-closed-muted: #afb8c166;
638
+ --borderColor-closed-emphasis: #6e7781;
602
639
  --borderColor-done-muted: #c297ff66;
603
640
  --borderColor-done-emphasis: #8250df;
604
641
  --borderColor-sponsors-muted: #ff80c866;
605
642
  --borderColor-sponsors-emphasis: #bf3989;
643
+ --color-ansi-black: #24292f;
606
644
  --color-ansi-black-bright: #57606a;
645
+ --color-ansi-white: #6e7781;
607
646
  --color-ansi-white-bright: #8c959f;
608
647
  --color-ansi-gray: #6e7781;
648
+ --color-ansi-red: #cf222e;
609
649
  --color-ansi-red-bright: #a40e26;
650
+ --color-ansi-green: #0550ae;
610
651
  --color-ansi-green-bright: #0969da;
652
+ --color-ansi-yellow: #4d2d00;
611
653
  --color-ansi-yellow-bright: #633c01;
654
+ --color-ansi-blue: #0969da;
612
655
  --color-ansi-blue-bright: #218bff;
656
+ --color-ansi-magenta: #8250df;
613
657
  --color-ansi-magenta-bright: #a475f9;
658
+ --color-ansi-cyan: #1b7c83;
614
659
  --color-ansi-cyan-bright: #3192aa;
615
660
  --color-prettylights-syntax-comment: #6e7781;
661
+ --color-prettylights-syntax-constant: #0550ae;
616
662
  --color-prettylights-syntax-constant-other-reference-link: #0a3069;
617
- --color-prettylights-syntax-entity-tag: #0550ae;
663
+ --color-prettylights-syntax-entity: #8250df;
618
664
  --color-prettylights-syntax-storage-modifier-import: #24292f;
665
+ --color-prettylights-syntax-entity-tag: #0550ae;
619
666
  --color-prettylights-syntax-keyword: #cf222e;
620
- --color-prettylights-syntax-string-regexp: #0550ae;
667
+ --color-prettylights-syntax-string: #0a3069;
621
668
  --color-prettylights-syntax-variable: #a40e26;
669
+ --color-prettylights-syntax-brackethighlighter-unmatched: #82071e;
622
670
  --color-prettylights-syntax-brackethighlighter-angle: #57606a;
671
+ --color-prettylights-syntax-invalid-illegal-text: #f6f8fa;
623
672
  --color-prettylights-syntax-invalid-illegal-bg: #82071e;
673
+ --color-prettylights-syntax-carriage-return-text: #f6f8fa;
624
674
  --color-prettylights-syntax-carriage-return-bg: #cf222e;
675
+ --color-prettylights-syntax-string-regexp: #0550ae;
676
+ --color-prettylights-syntax-markup-list: #3b2300;
677
+ --color-prettylights-syntax-markup-heading: #0550ae;
678
+ --color-prettylights-syntax-markup-italic: #24292f;
679
+ --color-prettylights-syntax-markup-bold: #24292f;
680
+ --color-prettylights-syntax-markup-deleted-text: #82071e;
681
+ --color-prettylights-syntax-markup-deleted-bg: #ffebe9;
682
+ --color-prettylights-syntax-markup-inserted-text: #0550ae;
683
+ --color-prettylights-syntax-markup-inserted-bg: #ddf4ff;
684
+ --color-prettylights-syntax-markup-changed-text: #a40e26;
685
+ --color-prettylights-syntax-markup-changed-bg: #ffcecb;
686
+ --color-prettylights-syntax-markup-ignored-text: #eaeef2;
625
687
  --color-prettylights-syntax-markup-ignored-bg: #0550ae;
626
688
  --color-prettylights-syntax-meta-diff-range: #8250df;
627
689
  --color-prettylights-syntax-sublimelinter-gutter-mark: #8c959f;
628
- --color-scale-black: #1f2328; /* Avoid using scales, use other functional tokens instead */
629
- --color-scale-transparent: #ffffff00; /* Avoid using scales, use other functional tokens instead */
630
- --color-scale-white: #ffffff; /* Avoid using scales, use other functional tokens instead */
631
- --color-scale-gray-0: #f6f8fa; /* Avoid using scales, use other functional tokens instead */
632
- --color-scale-gray-1: #eaeef2; /* Avoid using scales, use other functional tokens instead */
633
- --color-scale-gray-2: #d0d7de; /* Avoid using scales, use other functional tokens instead */
634
- --color-scale-gray-3: #afb8c1; /* Avoid using scales, use other functional tokens instead */
635
- --color-scale-gray-4: #8c959f; /* Avoid using scales, use other functional tokens instead */
636
- --color-scale-gray-5: #6e7781; /* Avoid using scales, use other functional tokens instead */
637
- --color-scale-gray-6: #57606a; /* Avoid using scales, use other functional tokens instead */
638
- --color-scale-gray-7: #424a53; /* Avoid using scales, use other functional tokens instead */
639
- --color-scale-gray-8: #32383f; /* Avoid using scales, use other functional tokens instead */
640
- --color-scale-gray-9: #24292f; /* Avoid using scales, use other functional tokens instead */
641
- --color-scale-blue-0: #ddf4ff; /* Avoid using scales, use other functional tokens instead */
642
- --color-scale-blue-1: #b6e3ff; /* Avoid using scales, use other functional tokens instead */
643
- --color-scale-blue-2: #80ccff; /* Avoid using scales, use other functional tokens instead */
644
- --color-scale-blue-3: #54aeff; /* Avoid using scales, use other functional tokens instead */
645
- --color-scale-blue-4: #218bff; /* Avoid using scales, use other functional tokens instead */
646
- --color-scale-blue-5: #0969da; /* Avoid using scales, use other functional tokens instead */
647
- --color-scale-blue-6: #0550ae; /* Avoid using scales, use other functional tokens instead */
648
- --color-scale-blue-7: #033d8b; /* Avoid using scales, use other functional tokens instead */
649
- --color-scale-blue-8: #0a3069; /* Avoid using scales, use other functional tokens instead */
650
- --color-scale-blue-9: #002155; /* Avoid using scales, use other functional tokens instead */
651
- --color-scale-green-0: #ddf4ff; /* Avoid using scales, use other functional tokens instead */
652
- --color-scale-green-1: #b6e3ff; /* Avoid using scales, use other functional tokens instead */
653
- --color-scale-green-2: #80ccff; /* Avoid using scales, use other functional tokens instead */
654
- --color-scale-green-3: #54aeff; /* Avoid using scales, use other functional tokens instead */
655
- --color-scale-green-4: #218bff; /* Avoid using scales, use other functional tokens instead */
656
- --color-scale-green-5: #0969da; /* Avoid using scales, use other functional tokens instead */
657
- --color-scale-green-6: #0550ae; /* Avoid using scales, use other functional tokens instead */
658
- --color-scale-green-7: #033d8b; /* Avoid using scales, use other functional tokens instead */
659
- --color-scale-green-8: #0a3069; /* Avoid using scales, use other functional tokens instead */
660
- --color-scale-green-9: #002155; /* Avoid using scales, use other functional tokens instead */
661
- --color-scale-yellow-0: #fff8c5; /* Avoid using scales, use other functional tokens instead */
662
- --color-scale-yellow-1: #fae17d; /* Avoid using scales, use other functional tokens instead */
663
- --color-scale-yellow-2: #eac54f; /* Avoid using scales, use other functional tokens instead */
664
- --color-scale-yellow-3: #d4a72c; /* Avoid using scales, use other functional tokens instead */
665
- --color-scale-yellow-4: #bf8700; /* Avoid using scales, use other functional tokens instead */
666
- --color-scale-yellow-5: #9a6700; /* Avoid using scales, use other functional tokens instead */
667
- --color-scale-yellow-6: #7d4e00; /* Avoid using scales, use other functional tokens instead */
668
- --color-scale-yellow-7: #633c01; /* Avoid using scales, use other functional tokens instead */
669
- --color-scale-yellow-8: #4d2d00; /* Avoid using scales, use other functional tokens instead */
670
- --color-scale-yellow-9: #3b2300; /* Avoid using scales, use other functional tokens instead */
671
- --color-scale-orange-0: #ffebe9; /* Avoid using scales, use other functional tokens instead */
672
- --color-scale-orange-1: #ffcecb; /* Avoid using scales, use other functional tokens instead */
673
- --color-scale-orange-2: #ffaba8; /* Avoid using scales, use other functional tokens instead */
674
- --color-scale-orange-3: #ff8182; /* Avoid using scales, use other functional tokens instead */
675
- --color-scale-orange-4: #fa4549; /* Avoid using scales, use other functional tokens instead */
676
- --color-scale-orange-5: #cf222e; /* Avoid using scales, use other functional tokens instead */
677
- --color-scale-orange-6: #a40e26; /* Avoid using scales, use other functional tokens instead */
678
- --color-scale-orange-7: #82071e; /* Avoid using scales, use other functional tokens instead */
679
- --color-scale-orange-8: #660018; /* Avoid using scales, use other functional tokens instead */
680
- --color-scale-orange-9: #4c0014; /* Avoid using scales, use other functional tokens instead */
681
- --color-scale-red-0: #ffebe9; /* Avoid using scales, use other functional tokens instead */
682
- --color-scale-red-1: #ffcecb; /* Avoid using scales, use other functional tokens instead */
683
- --color-scale-red-2: #ffaba8; /* Avoid using scales, use other functional tokens instead */
684
- --color-scale-red-3: #ff8182; /* Avoid using scales, use other functional tokens instead */
685
- --color-scale-red-4: #fa4549; /* Avoid using scales, use other functional tokens instead */
686
- --color-scale-red-5: #cf222e; /* Avoid using scales, use other functional tokens instead */
687
- --color-scale-red-6: #a40e26; /* Avoid using scales, use other functional tokens instead */
688
- --color-scale-red-7: #82071e; /* Avoid using scales, use other functional tokens instead */
689
- --color-scale-red-8: #660018; /* Avoid using scales, use other functional tokens instead */
690
- --color-scale-red-9: #4c0014; /* Avoid using scales, use other functional tokens instead */
691
- --color-scale-purple-0: #fbefff; /* Avoid using scales, use other functional tokens instead */
692
- --color-scale-purple-1: #ecd8ff; /* Avoid using scales, use other functional tokens instead */
693
- --color-scale-purple-2: #d8b9ff; /* Avoid using scales, use other functional tokens instead */
694
- --color-scale-purple-3: #c297ff; /* Avoid using scales, use other functional tokens instead */
695
- --color-scale-purple-4: #a475f9; /* Avoid using scales, use other functional tokens instead */
696
- --color-scale-purple-5: #8250df; /* Avoid using scales, use other functional tokens instead */
697
- --color-scale-purple-6: #6639ba; /* Avoid using scales, use other functional tokens instead */
698
- --color-scale-purple-7: #512a97; /* Avoid using scales, use other functional tokens instead */
699
- --color-scale-purple-8: #3e1f79; /* Avoid using scales, use other functional tokens instead */
700
- --color-scale-purple-9: #2e1461; /* Avoid using scales, use other functional tokens instead */
701
- --color-scale-pink-0: #ffeff7; /* Avoid using scales, use other functional tokens instead */
702
- --color-scale-pink-1: #ffd3eb; /* Avoid using scales, use other functional tokens instead */
703
- --color-scale-pink-2: #ffadda; /* Avoid using scales, use other functional tokens instead */
704
- --color-scale-pink-3: #ff80c8; /* Avoid using scales, use other functional tokens instead */
705
- --color-scale-pink-4: #e85aad; /* Avoid using scales, use other functional tokens instead */
706
- --color-scale-pink-5: #bf3989; /* Avoid using scales, use other functional tokens instead */
707
- --color-scale-pink-6: #99286e; /* Avoid using scales, use other functional tokens instead */
708
- --color-scale-pink-7: #772057; /* Avoid using scales, use other functional tokens instead */
709
- --color-scale-pink-8: #611347; /* Avoid using scales, use other functional tokens instead */
710
- --color-scale-pink-9: #4d0336; /* Avoid using scales, use other functional tokens instead */
711
- --color-scale-coral-0: #fff0eb; /* Avoid using scales, use other functional tokens instead */
712
- --color-scale-coral-1: #ffd6cc; /* Avoid using scales, use other functional tokens instead */
713
- --color-scale-coral-2: #ffb4a1; /* Avoid using scales, use other functional tokens instead */
714
- --color-scale-coral-3: #fd8c73; /* Avoid using scales, use other functional tokens instead */
715
- --color-scale-coral-4: #ec6547; /* Avoid using scales, use other functional tokens instead */
716
- --color-scale-coral-5: #c4432b; /* Avoid using scales, use other functional tokens instead */
717
- --color-scale-coral-6: #9e2f1c; /* Avoid using scales, use other functional tokens instead */
718
- --color-scale-coral-7: #801f0f; /* Avoid using scales, use other functional tokens instead */
719
- --color-scale-coral-8: #691105; /* Avoid using scales, use other functional tokens instead */
720
- --color-scale-coral-9: #510901; /* Avoid using scales, use other functional tokens instead */
690
+ --color-scale-black: #1f2328;
691
+ --color-scale-transparent: #ffffff00;
692
+ --color-scale-white: #ffffff;
693
+ --color-scale-gray-0: #f6f8fa;
694
+ --color-scale-gray-1: #eaeef2;
695
+ --color-scale-gray-2: #d0d7de;
696
+ --color-scale-gray-3: #afb8c1;
697
+ --color-scale-gray-4: #8c959f;
698
+ --color-scale-gray-5: #6e7781;
699
+ --color-scale-gray-6: #57606a;
700
+ --color-scale-gray-7: #424a53;
701
+ --color-scale-gray-8: #32383f;
702
+ --color-scale-gray-9: #24292f;
703
+ --color-scale-blue-0: #ddf4ff;
704
+ --color-scale-blue-1: #b6e3ff;
705
+ --color-scale-blue-2: #80ccff;
706
+ --color-scale-blue-3: #54aeff;
707
+ --color-scale-blue-4: #218bff;
708
+ --color-scale-blue-5: #0969da;
709
+ --color-scale-blue-6: #0550ae;
710
+ --color-scale-blue-7: #033d8b;
711
+ --color-scale-blue-8: #0a3069;
712
+ --color-scale-blue-9: #002155;
713
+ --color-scale-green-0: #ddf4ff;
714
+ --color-scale-green-1: #b6e3ff;
715
+ --color-scale-green-2: #80ccff;
716
+ --color-scale-green-3: #54aeff;
717
+ --color-scale-green-4: #218bff;
718
+ --color-scale-green-5: #0969da;
719
+ --color-scale-green-6: #0550ae;
720
+ --color-scale-green-7: #033d8b;
721
+ --color-scale-green-8: #0a3069;
722
+ --color-scale-green-9: #002155;
723
+ --color-scale-yellow-0: #fff8c5;
724
+ --color-scale-yellow-1: #fae17d;
725
+ --color-scale-yellow-2: #eac54f;
726
+ --color-scale-yellow-3: #d4a72c;
727
+ --color-scale-yellow-4: #bf8700;
728
+ --color-scale-yellow-5: #9a6700;
729
+ --color-scale-yellow-6: #7d4e00;
730
+ --color-scale-yellow-7: #633c01;
731
+ --color-scale-yellow-8: #4d2d00;
732
+ --color-scale-yellow-9: #3b2300;
733
+ --color-scale-orange-0: #ffebe9;
734
+ --color-scale-orange-1: #ffcecb;
735
+ --color-scale-orange-2: #ffaba8;
736
+ --color-scale-orange-3: #ff8182;
737
+ --color-scale-orange-4: #fa4549;
738
+ --color-scale-orange-5: #cf222e;
739
+ --color-scale-orange-6: #a40e26;
740
+ --color-scale-orange-7: #82071e;
741
+ --color-scale-orange-8: #660018;
742
+ --color-scale-orange-9: #4c0014;
743
+ --color-scale-red-0: #ffebe9;
744
+ --color-scale-red-1: #ffcecb;
745
+ --color-scale-red-2: #ffaba8;
746
+ --color-scale-red-3: #ff8182;
747
+ --color-scale-red-4: #fa4549;
748
+ --color-scale-red-5: #cf222e;
749
+ --color-scale-red-6: #a40e26;
750
+ --color-scale-red-7: #82071e;
751
+ --color-scale-red-8: #660018;
752
+ --color-scale-red-9: #4c0014;
753
+ --color-scale-purple-0: #fbefff;
754
+ --color-scale-purple-1: #ecd8ff;
755
+ --color-scale-purple-2: #d8b9ff;
756
+ --color-scale-purple-3: #c297ff;
757
+ --color-scale-purple-4: #a475f9;
758
+ --color-scale-purple-5: #8250df;
759
+ --color-scale-purple-6: #6639ba;
760
+ --color-scale-purple-7: #512a97;
761
+ --color-scale-purple-8: #3e1f79;
762
+ --color-scale-purple-9: #2e1461;
763
+ --color-scale-pink-0: #ffeff7;
764
+ --color-scale-pink-1: #ffd3eb;
765
+ --color-scale-pink-2: #ffadda;
766
+ --color-scale-pink-3: #ff80c8;
767
+ --color-scale-pink-4: #e85aad;
768
+ --color-scale-pink-5: #bf3989;
769
+ --color-scale-pink-6: #99286e;
770
+ --color-scale-pink-7: #772057;
771
+ --color-scale-pink-8: #611347;
772
+ --color-scale-pink-9: #4d0336;
773
+ --color-scale-coral-0: #fff0eb;
774
+ --color-scale-coral-1: #ffd6cc;
775
+ --color-scale-coral-2: #ffb4a1;
776
+ --color-scale-coral-3: #fd8c73;
777
+ --color-scale-coral-4: #ec6547;
778
+ --color-scale-coral-5: #c4432b;
779
+ --color-scale-coral-6: #9e2f1c;
780
+ --color-scale-coral-7: #801f0f;
781
+ --color-scale-coral-8: #691105;
782
+ --color-scale-coral-9: #510901;
721
783
  --shadow-inset: inset 0px 1px 0px 0px #1f23280d;
722
784
  --shadow-highlight: inset 0px 1px 0px 0px #ffffff40;
723
785
  --shadow-resting-xsmall: 0px 1px 0px 0px #1f23280f;