@primer/primitives 4.8.1 → 5.0.0

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 (37) hide show
  1. package/CHANGELOG.md +53 -0
  2. package/README.md +98 -3
  3. package/dist/deprecated/colors.json +1 -0
  4. package/dist/js/colors/dark.d.ts +47 -493
  5. package/dist/js/colors/dark.js +50 -584
  6. package/dist/js/colors/dark_dimmed.d.ts +47 -493
  7. package/dist/js/colors/dark_dimmed.js +51 -585
  8. package/dist/js/colors/dark_high_contrast.d.ts +47 -493
  9. package/dist/js/colors/dark_high_contrast.js +50 -584
  10. package/dist/js/colors/dark_protanopia.d.ts +47 -493
  11. package/dist/js/colors/dark_protanopia.js +50 -584
  12. package/dist/js/colors/index.d.ts +1419 -4095
  13. package/dist/js/colors/light.d.ts +47 -493
  14. package/dist/js/colors/light.js +50 -584
  15. package/dist/js/colors/light_protanopia.d.ts +47 -493
  16. package/dist/js/colors/light_protanopia.js +50 -584
  17. package/dist/js/index.d.ts +1419 -4095
  18. package/dist/json/colors/dark.json +50 -584
  19. package/dist/json/colors/dark_dimmed.json +51 -585
  20. package/dist/json/colors/dark_high_contrast.json +50 -584
  21. package/dist/json/colors/dark_protanopia.json +50 -584
  22. package/dist/json/colors/light.json +50 -584
  23. package/dist/json/colors/light_protanopia.json +50 -584
  24. package/dist/{deprecations → removed}/colors.json +0 -5
  25. package/dist/scss/colors/_dark.scss +27 -415
  26. package/dist/scss/colors/_dark_dimmed.scss +28 -416
  27. package/dist/scss/colors/_dark_high_contrast.scss +27 -415
  28. package/dist/scss/colors/_dark_protanopia.scss +27 -415
  29. package/dist/scss/colors/_light.scss +27 -415
  30. package/dist/scss/colors/_light_protanopia.scss +27 -415
  31. package/dist/ts/colors/dark.ts +50 -584
  32. package/dist/ts/colors/dark_dimmed.ts +51 -585
  33. package/dist/ts/colors/dark_high_contrast.ts +50 -584
  34. package/dist/ts/colors/dark_protanopia.ts +50 -584
  35. package/dist/ts/colors/light.ts +50 -584
  36. package/dist/ts/colors/light_protanopia.ts +50 -584
  37. package/package.json +1 -1
@@ -1,433 +1,24 @@
1
1
  @mixin primer-colors-light_protanopia {
2
2
  & {
3
- --color-auto-black: #1b1f24;
4
- --color-auto-white: #ffffff;
5
- --color-auto-gray-0: #f6f8fa;
6
- --color-auto-gray-1: #eaeef2;
7
- --color-auto-gray-2: #d0d7de;
8
- --color-auto-gray-3: #afb8c1;
9
- --color-auto-gray-4: #8c959f;
10
- --color-auto-gray-5: #6e7781;
11
- --color-auto-gray-6: #57606a;
12
- --color-auto-gray-7: #424a53;
13
- --color-auto-gray-8: #32383f;
14
- --color-auto-gray-9: #24292f;
15
- --color-auto-blue-0: #ddf4ff;
16
- --color-auto-blue-1: #b6e3ff;
17
- --color-auto-blue-2: #80ccff;
18
- --color-auto-blue-3: #54aeff;
19
- --color-auto-blue-4: #218bff;
20
- --color-auto-blue-5: #0969da;
21
- --color-auto-blue-6: #0550ae;
22
- --color-auto-blue-7: #033d8b;
23
- --color-auto-blue-8: #0a3069;
24
- --color-auto-blue-9: #002155;
25
- --color-auto-green-0: #c0f6ff;
26
- --color-auto-green-1: #96e5ff;
27
- --color-auto-green-2: #65ccff;
28
- --color-auto-green-3: #35adff;
29
- --color-auto-green-4: #0088ff;
30
- --color-auto-green-5: #0566d5;
31
- --color-auto-green-6: #054da9;
32
- --color-auto-green-7: #033a86;
33
- --color-auto-green-8: #002d68;
34
- --color-auto-green-9: #001f50;
35
- --color-auto-yellow-0: #fff8c5;
36
- --color-auto-yellow-1: #fae17d;
37
- --color-auto-yellow-2: #eac54f;
38
- --color-auto-yellow-3: #d4a72c;
39
- --color-auto-yellow-4: #bf8700;
40
- --color-auto-yellow-5: #9a6700;
41
- --color-auto-yellow-6: #7d4e00;
42
- --color-auto-yellow-7: #633c01;
43
- --color-auto-yellow-8: #4d2d00;
44
- --color-auto-yellow-9: #3b2300;
45
- --color-auto-orange-0: #fff1e5;
46
- --color-auto-orange-1: #ffd8b5;
47
- --color-auto-orange-2: #ffb77c;
48
- --color-auto-orange-3: #fb8f44;
49
- --color-auto-orange-4: #e16f24;
50
- --color-auto-orange-5: #bc4c00;
51
- --color-auto-orange-6: #953800;
52
- --color-auto-orange-7: #762c00;
53
- --color-auto-orange-8: #5c2200;
54
- --color-auto-orange-9: #471700;
55
- --color-auto-red-0: #fefe48;
56
- --color-auto-red-1: #fee325;
57
- --color-auto-red-2: #f8c200;
58
- --color-auto-red-3: #e7a100;
59
- --color-auto-red-4: #d08002;
60
- --color-auto-red-5: #ac5e00;
61
- --color-auto-red-6: #8b4600;
62
- --color-auto-red-7: #6c3900;
63
- --color-auto-red-8: #4c3100;
64
- --color-auto-red-9: #2f2900;
65
- --color-auto-purple-0: #fbefff;
66
- --color-auto-purple-1: #ecd8ff;
67
- --color-auto-purple-2: #d8b9ff;
68
- --color-auto-purple-3: #c297ff;
69
- --color-auto-purple-4: #a475f9;
70
- --color-auto-purple-5: #8250df;
71
- --color-auto-purple-6: #6639ba;
72
- --color-auto-purple-7: #512a97;
73
- --color-auto-purple-8: #3e1f79;
74
- --color-auto-purple-9: #2e1461;
75
- --color-auto-pink-0: #ffeff7;
76
- --color-auto-pink-1: #ffd3eb;
77
- --color-auto-pink-2: #ffadda;
78
- --color-auto-pink-3: #ff80c8;
79
- --color-auto-pink-4: #e85aad;
80
- --color-auto-pink-5: #bf3989;
81
- --color-auto-pink-6: #99286e;
82
- --color-auto-pink-7: #772057;
83
- --color-auto-pink-8: #611347;
84
- --color-auto-pink-9: #4d0336;
85
- --color-text-primary: #24292f;
86
- --color-text-secondary: #57606a;
87
- --color-text-tertiary: #57606a;
88
- --color-text-placeholder: #6e7781;
89
- --color-text-disabled: #57606a;
90
- --color-text-inverse: #ffffff;
91
- --color-text-link: #0969da;
92
- --color-text-danger: #ac5e00;
93
- --color-text-success: #0566d5;
94
- --color-text-warning: #9a6700;
95
- --color-text-white: #ffffff;
96
- --color-icon-primary: #24292f;
97
- --color-icon-secondary: #57606a;
98
- --color-icon-tertiary: #57606a;
99
- --color-icon-info: #0969da;
100
- --color-icon-danger: #ac5e00;
101
- --color-icon-success: #0566d5;
102
- --color-icon-warning: #9a6700;
103
- --color-border-primary: #d0d7de;
104
- --color-border-secondary: hsla(210,18%,87%,1);
105
- --color-border-tertiary: #d0d7de;
106
- --color-border-overlay: #d0d7de;
107
- --color-border-inverse: #ffffff;
108
- --color-border-info: #0969da;
109
- --color-border-danger: #ac5e00;
110
- --color-border-success: #0088ff;
111
- --color-border-warning: #bf8700;
112
- --color-border-default: #d0d7de;
113
- --color-border-muted: hsla(210,18%,87%,1);
114
- --color-border-subtle: rgba(27,31,36,0.15);
115
- --color-bg-canvas: #ffffff;
116
- --color-bg-canvas-mobile: rgba(0,0,0,0);
117
- --color-bg-canvas-inverse: #6e7781;
118
- --color-bg-canvas-inset: #f6f8fa;
119
- --color-bg-primary: #ffffff;
120
- --color-bg-secondary: #f6f8fa;
121
- --color-bg-tertiary: #f6f8fa;
122
- --color-bg-overlay: #ffffff;
123
- --color-bg-backdrop: rgba(27,31,36,0.5);
124
- --color-bg-info: #ddf4ff;
125
- --color-bg-info-inverse: #0969da;
126
- --color-bg-danger: #fefe48;
127
- --color-bg-danger-inverse: #ac5e00;
128
- --color-bg-success: #c0f6ff;
129
- --color-bg-success-inverse: #0088ff;
130
- --color-bg-warning: #fff8c5;
131
- --color-bg-warning-inverse: #bf8700;
132
- --color-shadow-highlight: inset 0 1px 0 rgba(255,255,255,0.25);
133
- --color-shadow-inset: inset 0 1px 0 rgba(208,215,222,0.2);
134
- --color-shadow-small: 0 1px 0 rgba(27,31,36,0.04);
135
- --color-shadow-medium: 0 3px 6px rgba(140,149,159,0.15);
136
- --color-shadow-large: 0 8px 24px rgba(140,149,159,0.2);
137
- --color-shadow-extra-large: 0 12px 28px rgba(140,149,159,0.3);
138
- --color-state-hover-primary-bg: #0969da;
139
- --color-state-hover-primary-border: #0969da;
140
- --color-state-hover-primary-text: #ffffff;
141
- --color-state-hover-primary-icon: #ffffff;
142
- --color-state-hover-secondary-bg: rgba(234,238,242,0.5);
143
- --color-state-hover-secondary-border: rgba(234,238,242,0.5);
144
- --color-state-selected-primary-bg: #0969da;
145
- --color-state-selected-primary-border: #0969da;
146
- --color-state-selected-primary-text: #ffffff;
147
- --color-state-selected-primary-icon: #ffffff;
148
- --color-state-focus-border: #0969da;
149
- --color-state-focus-shadow: 0 0 0 3px rgba(9,105,218,0.3);
150
- --color-fade-fg-10: rgba(27,31,36,0.1);
151
- --color-fade-fg-15: rgba(27,31,36,0.15);
152
- --color-fade-fg-30: rgba(27,31,36,0.3);
153
- --color-fade-fg-50: rgba(27,31,36,0.5);
154
- --color-fade-fg-70: rgba(27,31,36,0.7);
155
- --color-fade-fg-85: rgba(27,31,36,0.85);
156
- --color-fade-black-10: rgba(27,31,36,0.1);
157
- --color-fade-black-15: rgba(27,31,36,0.15);
158
- --color-fade-black-30: rgba(27,31,36,0.3);
159
- --color-fade-black-50: rgba(27,31,36,0.5);
160
- --color-fade-black-70: rgba(27,31,36,0.7);
161
- --color-fade-black-85: rgba(27,31,36,0.85);
162
- --color-fade-white-10: rgba(255,255,255,0.1);
163
- --color-fade-white-15: rgba(255,255,255,0.15);
164
- --color-fade-white-30: rgba(255,255,255,0.3);
165
- --color-fade-white-50: rgba(255,255,255,0.5);
166
- --color-fade-white-70: rgba(255,255,255,0.7);
167
- --color-fade-white-85: rgba(255,255,255,0.85);
168
- --color-alert-info-text: #24292f;
169
- --color-alert-info-icon: #0969da;
170
- --color-alert-info-bg: #ddf4ff;
171
- --color-alert-info-border: rgba(84,174,255,0.4);
172
- --color-alert-warn-text: #24292f;
173
- --color-alert-warn-icon: #9a6700;
174
- --color-alert-warn-bg: #fff8c5;
175
- --color-alert-warn-border: rgba(212,167,44,0.4);
176
- --color-alert-error-text: #24292f;
177
- --color-alert-error-icon: #ac5e00;
178
- --color-alert-error-bg: #fefe48;
179
- --color-alert-error-border: rgba(231,161,0,0.4);
180
- --color-alert-success-text: #24292f;
181
- --color-alert-success-icon: #0566d5;
182
- --color-alert-success-bg: #c0f6ff;
183
- --color-alert-success-border: rgba(53,173,255,0.4);
184
- --color-autocomplete-shadow: 0 3px 6px rgba(140,149,159,0.15);
185
- --color-autocomplete-row-border: hsla(210,18%,87%,1);
186
- --color-blankslate-icon: #57606a;
187
- --color-counter-text: #24292f;
188
- --color-counter-bg: rgba(175,184,193,0.2);
189
- --color-counter-primary-text: #ffffff;
190
- --color-counter-primary-bg: #6e7781;
191
- --color-counter-secondary-text: #57606a;
192
- --color-counter-secondary-bg: rgba(234,238,242,0.5);
193
- --color-box-blue-border: rgba(84,174,255,0.4);
194
- --color-box-row-yellow-bg: #fff8c5;
195
- --color-box-row-blue-bg: #ddf4ff;
196
- --color-box-header-blue-bg: #ddf4ff;
197
- --color-box-header-blue-border: rgba(84,174,255,0.4);
198
- --color-box-border-info: rgba(84,174,255,0.4);
199
- --color-box-bg-info: #ddf4ff;
200
- --color-box-border-warning: rgba(212,167,44,0.4);
201
- --color-box-bg-warning: #fff8c5;
202
- --color-branch-name-text: #57606a;
203
- --color-branch-name-icon: #57606a;
204
- --color-branch-name-bg: #ddf4ff;
205
- --color-branch-name-link-text: #0969da;
206
- --color-branch-name-link-icon: #0969da;
207
- --color-branch-name-link-bg: #ddf4ff;
208
- --color-markdown-code-bg: rgba(175,184,193,0.2);
209
- --color-markdown-frame-border: #d0d7de;
210
- --color-markdown-blockquote-border: #d0d7de;
211
- --color-markdown-table-border: #d0d7de;
212
- --color-markdown-table-tr-border: hsla(210,18%,87%,1);
213
- --color-filter-item-bar-bg: rgba(234,238,242,0.5);
214
- --color-hidden-text-expander-bg: rgba(175,184,193,0.2);
215
- --color-hidden-text-expander-bg-hover: rgba(84,174,255,0.4);
216
- --color-drag-and-drop-border: #d0d7de;
217
- --color-upload-enabled-border: #d0d7de;
218
- --color-upload-enabled-border-focused: #0969da;
219
- --color-previewable-comment-form-border: #d0d7de;
220
- --color-verified-badge-text: #0566d5;
221
- --color-verified-badge-bg: #ffffff;
222
- --color-verified-badge-border: #d0d7de;
223
- --color-social-count-bg: #ffffff;
224
- --color-tooltip-text: #ffffff;
225
- --color-tooltip-bg: #24292f;
226
- --color-files-explorer-icon: #0969da;
227
- --color-hl-author-bg: #ddf4ff;
228
- --color-hl-author-border: rgba(84,174,255,0.4);
229
- --color-logo-subdued: rgba(175,184,193,0.2);
230
- --color-discussion-border: rgba(53,173,255,0.4);
231
- --color-discussion-bg-success: #0088ff;
232
- --color-actions-workflow-table-sticky-bg: rgba(255,255,255,0.95);
233
- --color-repo-language-color-border: rgba(27,31,36,0.1);
234
- --color-code-selection-bg: rgba(84,174,255,0.4);
235
- --color-highlight-text: #24292f;
236
- --color-highlight-bg: #fff8c5;
237
- --color-blob-line-highlight-bg: #fff8c5;
238
- --color-blob-line-highlight-border: rgba(212,167,44,0.4);
239
- --color-topic-tag-text: #0969da;
240
- --color-topic-tag-bg: #ddf4ff;
241
- --color-topic-tag-hover-bg: #0969da;
242
- --color-topic-tag-active-bg: #ddf4ff;
243
- --color-topic-tag-border: rgba(0,0,0,0);
244
- --color-footer-invertocat-octicon: #6e7781;
245
- --color-footer-invertocat-octicon-hover: #57606a;
246
- --color-dropdown-shadow: 0 8px 24px rgba(140,149,159,0.2);
247
- --color-label-border: #d0d7de;
248
- --color-label-primary-text: #24292f;
249
- --color-label-primary-border: #6e7781;
250
- --color-label-secondary-text: #57606a;
251
- --color-label-secondary-border: #d0d7de;
252
- --color-label-info-text: #0969da;
253
- --color-label-info-border: #0969da;
254
- --color-label-success-text: #0566d5;
255
- --color-label-success-border: #0088ff;
256
- --color-label-warning-text: #9a6700;
257
- --color-label-warning-border: #bf8700;
258
- --color-label-danger-text: #ac5e00;
259
- --color-label-danger-border: #ac5e00;
260
- --color-label-orange-text: #bc4c00;
261
- --color-label-orange-border: #bc4c00;
262
- --color-input-bg: #ffffff;
263
- --color-input-contrast-bg: #f6f8fa;
264
- --color-input-border: #d0d7de;
265
- --color-input-shadow: inset 0 1px 0 rgba(208,215,222,0.2);
266
- --color-input-disabled-border: #d0d7de;
267
- --color-input-warning-border: #bf8700;
268
- --color-input-error-border: #ac5e00;
269
- --color-input-tooltip-success-text: #24292f;
270
- --color-input-tooltip-success-bg: #c0f6ff;
271
- --color-input-tooltip-success-border: rgba(53,173,255,0.4);
272
- --color-input-tooltip-warning-text: #24292f;
273
- --color-input-tooltip-warning-bg: #fff8c5;
274
- --color-input-tooltip-warning-border: rgba(212,167,44,0.4);
275
- --color-input-tooltip-error-text: #24292f;
276
- --color-input-tooltip-error-bg: #fefe48;
277
- --color-input-tooltip-error-border: rgba(231,161,0,0.4);
278
- --color-input-disabled-bg: rgba(175,184,193,0.2);
279
- --color-toast-text: #24292f;
280
- --color-toast-bg: #ffffff;
281
- --color-toast-border: #d0d7de;
282
- --color-toast-shadow: 0 8px 24px rgba(140,149,159,0.2);
283
- --color-toast-icon: #ffffff;
284
- --color-toast-icon-bg: #0969da;
285
- --color-toast-icon-border: rgba(0,0,0,0);
286
- --color-toast-success-text: #24292f;
287
- --color-toast-success-border: #d0d7de;
288
- --color-toast-success-icon: #ffffff;
289
- --color-toast-success-icon-bg: #0088ff;
290
- --color-toast-success-icon-border: rgba(0,0,0,0);
291
- --color-toast-warning-text: #24292f;
292
- --color-toast-warning-border: #d0d7de;
293
- --color-toast-warning-icon: #24292f;
294
- --color-toast-warning-icon-bg: #bf8700;
295
- --color-toast-warning-icon-border: rgba(0,0,0,0);
296
- --color-toast-danger-text: #24292f;
297
- --color-toast-danger-border: #d0d7de;
298
- --color-toast-danger-icon: #ffffff;
299
- --color-toast-danger-icon-bg: #ac5e00;
300
- --color-toast-danger-icon-border: rgba(0,0,0,0);
301
- --color-toast-loading-text: #24292f;
302
- --color-toast-loading-border: #d0d7de;
303
- --color-toast-loading-icon: #ffffff;
304
- --color-toast-loading-icon-bg: #6e7781;
305
- --color-toast-loading-icon-border: rgba(0,0,0,0);
306
- --color-timeline-text: #57606a;
307
- --color-timeline-badge-success-border: rgba(0,0,0,0);
308
- --color-timeline-target-badge-border: #0969da;
309
- --color-timeline-target-badge-shadow: rgba(84,174,255,0.4);
310
- --color-timeline-badge-bg: #eaeef2;
311
- --color-diffstat-neutral-bg: rgba(175,184,193,0.2);
312
- --color-diffstat-neutral-border: rgba(27,31,36,0.15);
313
- --color-diffstat-deletion-border: rgba(27,31,36,0.15);
314
- --color-diffstat-addition-border: rgba(27,31,36,0.15);
315
- --color-diffstat-deletion-bg: #ac5e00;
316
- --color-diffstat-addition-bg: #0088ff;
317
- --color-diff-addition-text: #24292f;
318
- --color-diff-addition-bg: #c0f6ff;
319
- --color-diff-addition-border: rgba(53,173,255,0.4);
320
- --color-diff-deletion-text: #24292f;
321
- --color-diff-deletion-bg: #fefe48;
322
- --color-diff-deletion-border: rgba(231,161,0,0.4);
323
- --color-diff-change-text: #9a6700;
324
- --color-diff-change-bg: #fff8c5;
325
- --color-diff-change-border: rgba(212,167,44,0.4);
326
- --color-merge-box-success-icon-bg: #0088ff;
327
- --color-merge-box-success-icon-text: #ffffff;
328
- --color-merge-box-success-icon-border: rgba(0,0,0,0);
329
- --color-merge-box-success-indicator-bg: #0088ff;
330
- --color-merge-box-success-indicator-border: rgba(0,0,0,0);
331
- --color-merge-box-merged-icon-bg: #8250df;
332
- --color-merge-box-merged-icon-text: #ffffff;
333
- --color-merge-box-merged-icon-border: rgba(0,0,0,0);
334
- --color-merge-box-merged-box-border: #8250df;
335
- --color-merge-box-neutral-icon-bg: #6e7781;
336
- --color-merge-box-neutral-icon-text: #ffffff;
337
- --color-merge-box-neutral-icon-border: rgba(0,0,0,0);
338
- --color-merge-box-neutral-indicator-bg: #6e7781;
339
- --color-merge-box-neutral-indicator-border: rgba(0,0,0,0);
340
- --color-merge-box-warning-icon-bg: #bf8700;
341
- --color-merge-box-warning-icon-text: #ffffff;
342
- --color-merge-box-warning-icon-border: rgba(0,0,0,0);
343
- --color-merge-box-warning-box-border: #bf8700;
344
- --color-merge-box-warning-merge-highlight: rgba(0,0,0,0);
345
- --color-merge-box-error-icon-bg: #ac5e00;
346
- --color-merge-box-error-icon-text: #ffffff;
347
- --color-merge-box-error-icon-border: rgba(0,0,0,0);
348
- --color-merge-box-error-indicator-bg: #ac5e00;
349
- --color-merge-box-error-indicator-border: rgba(0,0,0,0);
350
- --color-underlinenav-border: rgba(0,0,0,0);
351
- --color-underlinenav-border-hover: rgba(175,184,193,0.2);
352
- --color-underlinenav-border-active: #FD8C73;
353
- --color-underlinenav-text: #24292f;
354
- --color-underlinenav-text-hover: #24292f;
355
- --color-underlinenav-text-active: #24292f;
356
- --color-underlinenav-icon: #6e7781;
357
- --color-underlinenav-icon-hover: #6e7781;
358
- --color-underlinenav-icon-active: #24292f;
359
- --color-underlinenav-counter-text: #24292f;
360
- --color-underlinenav-counter-bg: rgba(175,184,193,0.2);
361
- --color-select-menu-border-secondary: hsla(210,18%,87%,1);
362
- --color-select-menu-shadow: 0 8px 24px rgba(140,149,159,0.2);
363
- --color-select-menu-backdrop-bg: rgba(27,31,36,0.5);
364
- --color-select-menu-backdrop-border: rgba(0,0,0,0);
365
- --color-select-menu-tap-highlight: rgba(175,184,193,0.5);
366
- --color-select-menu-tap-focus-bg: #b6e3ff;
367
- --color-sidenav-border-active: #FD8C73;
368
- --color-sidenav-selected-bg: #ffffff;
369
- --color-menu-heading-text: #24292f;
370
- --color-menu-border-active: #FD8C73;
371
- --color-menu-bg-active: rgba(0,0,0,0);
372
- --color-project-card-bg: #ffffff;
373
- --color-project-header-bg: #24292f;
374
- --color-project-sidebar-bg: #ffffff;
375
- --color-project-gradient-in: #ffffff;
376
- --color-project-gradient-out: rgba(255,255,255,0);
377
- --color-pr-state-draft-text: #ffffff;
378
- --color-pr-state-draft-bg: #6e7781;
379
- --color-pr-state-draft-border: rgba(0,0,0,0);
380
- --color-pr-state-open-text: #ffffff;
381
- --color-pr-state-open-bg: #0088ff;
382
- --color-pr-state-open-border: rgba(0,0,0,0);
383
- --color-pr-state-merged-text: #ffffff;
384
- --color-pr-state-merged-bg: #8250df;
385
- --color-pr-state-merged-border: rgba(0,0,0,0);
386
- --color-pr-state-closed-text: #ffffff;
387
- --color-pr-state-closed-bg: #ac5e00;
388
- --color-pr-state-closed-border: rgba(0,0,0,0);
389
- --color-diff-blob-num-text: #6e7781;
390
- --color-diff-blob-num-hover-text: #24292f;
391
- --color-diff-blob-addition-num-hover-text: #24292f;
3
+ --color-canvas-default-transparent: rgba(255,255,255,0);
4
+ --color-marketing-icon-primary: #218bff;
5
+ --color-marketing-icon-secondary: #54aeff;
392
6
  --color-diff-blob-addition-num-text: #24292f;
393
7
  --color-diff-blob-addition-fg: #24292f;
394
8
  --color-diff-blob-addition-num-bg: rgba(53,173,255,0.4);
395
9
  --color-diff-blob-addition-line-bg: rgba(192,246,255,0.5);
396
10
  --color-diff-blob-addition-word-bg: rgba(53,173,255,0.4);
397
- --color-diff-blob-deletion-num-hover-text: #24292f;
398
11
  --color-diff-blob-deletion-num-text: #24292f;
399
12
  --color-diff-blob-deletion-fg: #24292f;
400
13
  --color-diff-blob-deletion-num-bg: rgba(231,161,0,0.4);
401
14
  --color-diff-blob-deletion-line-bg: rgba(254,254,72,0.5);
402
15
  --color-diff-blob-deletion-word-bg: rgba(248,194,0,0.5);
403
- --color-diff-blob-hunk-text: #57606a;
404
16
  --color-diff-blob-hunk-num-bg: rgba(84,174,255,0.4);
405
- --color-diff-blob-hunk-line-bg: #ddf4ff;
406
- --color-diff-blob-empty-block-bg: rgba(234,238,242,0.5);
407
- --color-diff-blob-selected-line-highlight-bg: #fff8c5;
408
- --color-diff-blob-selected-line-highlight-border: rgba(212,167,44,0.4);
409
- --color-diff-blob-expander-hover-icon: #ffffff;
410
- --color-diff-blob-expander-hover-bg: #0969da;
411
17
  --color-diff-blob-expander-icon: #57606a;
412
- --color-diff-blob-comment-button-icon: #ffffff;
413
- --color-diff-blob-comment-button-bg: #0969da;
414
- --color-diff-blob-comment-button-gradient-bg: rgba(0,0,0,0);
415
18
  --color-diff-blob-selected-line-highlight-mix-blend-mode: multiply;
416
- --color-global-nav-logo: #ffffff;
417
- --color-global-nav-bg: #24292f;
418
- --color-global-nav-text: #ffffff;
419
- --color-global-nav-icon: #ffffff;
420
- --color-global-nav-input-bg: #f6f8fa;
421
- --color-global-nav-input-border: #f6f8fa;
422
- --color-global-nav-input-icon: #afb8c1;
423
- --color-global-nav-input-placeholder: #8c959f;
424
- --color-intro-shelf-gradient-left: #ddf4ff;
425
- --color-intro-shelf-gradient-right: #c0f6ff;
426
- --color-intro-shelf-gradient-in: #ffffff;
427
- --color-intro-shelf-gradient-out: rgba(255,255,255,0);
428
- --color-canvas-default-transparent: rgba(255,255,255,0);
429
- --color-marketing-icon-primary: #218bff;
430
- --color-marketing-icon-secondary: #54aeff;
19
+ --color-diffstat-deletion-border: rgba(27,31,36,0.15);
20
+ --color-diffstat-addition-border: rgba(27,31,36,0.15);
21
+ --color-diffstat-addition-bg: #0088ff;
431
22
  --color-search-keyword-hl: #fff8c5;
432
23
  --color-prettylights-syntax-comment: #6e7781;
433
24
  --color-prettylights-syntax-constant: #0550ae;
@@ -551,6 +142,10 @@
551
142
  --color-checks-ansi-magenta-bright: #d8b9ff;
552
143
  --color-checks-ansi-cyan: #76e3ea;
553
144
  --color-checks-ansi-cyan-bright: #b3f0ff;
145
+ --color-project-header-bg: #24292f;
146
+ --color-project-sidebar-bg: #ffffff;
147
+ --color-project-gradient-in: #ffffff;
148
+ --color-project-gradient-out: rgba(255,255,255,0);
554
149
  --color-mktg-success: rgba(3,119,234,1);
555
150
  --color-mktg-info: rgba(19,119,234,1);
556
151
  --color-mktg-bg-shade-gradient-top: rgba(27,31,36,0.065);
@@ -587,12 +182,20 @@
587
182
  --color-avatar-stack-fade: #afb8c1;
588
183
  --color-avatar-stack-fade-more: #d0d7de;
589
184
  --color-avatar-child-shadow: -2px -2px 0 rgba(255,255,255,0.8);
185
+ --color-topic-tag-border: rgba(0,0,0,0);
186
+ --color-select-menu-backdrop-border: rgba(0,0,0,0);
187
+ --color-select-menu-tap-highlight: rgba(175,184,193,0.5);
188
+ --color-select-menu-tap-focus-bg: #b6e3ff;
590
189
  --color-overlay-shadow: 0 1px 3px rgba(27,31,36,0.12), 0 8px 24px rgba(66,74,83,0.12);
591
190
  --color-header-text: rgba(255,255,255,0.7);
592
191
  --color-header-bg: #24292f;
593
192
  --color-header-logo: #ffffff;
594
193
  --color-header-search-bg: #24292f;
595
194
  --color-header-search-border: #57606a;
195
+ --color-sidenav-selected-bg: #ffffff;
196
+ --color-menu-bg-active: rgba(0,0,0,0);
197
+ --color-input-disabled-bg: rgba(175,184,193,0.2);
198
+ --color-timeline-badge-bg: #eaeef2;
596
199
  --color-ansi-black: #24292f;
597
200
  --color-ansi-black-bright: #57606a;
598
201
  --color-ansi-white: #6e7781;
@@ -679,6 +282,8 @@
679
282
  --color-btn-danger-counter-bg: rgba(172,94,0,0.1);
680
283
  --color-btn-danger-icon: #ac5e00;
681
284
  --color-btn-danger-hover-icon: #ffffff;
285
+ --color-underlinenav-icon: #6e7781;
286
+ --color-underlinenav-border-hover: rgba(175,184,193,0.2);
682
287
  --color-fg-default: #24292f;
683
288
  --color-fg-muted: #57606a;
684
289
  --color-fg-subtle: #6e7781;
@@ -687,6 +292,13 @@
687
292
  --color-canvas-overlay: #ffffff;
688
293
  --color-canvas-inset: #f6f8fa;
689
294
  --color-canvas-subtle: #f6f8fa;
295
+ --color-border-default: #d0d7de;
296
+ --color-border-muted: hsla(210,18%,87%,1);
297
+ --color-border-subtle: rgba(27,31,36,0.15);
298
+ --color-shadow-small: 0 1px 0 rgba(27,31,36,0.04);
299
+ --color-shadow-medium: 0 3px 6px rgba(140,149,159,0.15);
300
+ --color-shadow-large: 0 8px 24px rgba(140,149,159,0.2);
301
+ --color-shadow-extra-large: 0 12px 28px rgba(140,149,159,0.3);
690
302
  --color-neutral-emphasis-plus: #24292f;
691
303
  --color-neutral-emphasis: #6e7781;
692
304
  --color-neutral-muted: rgba(175,184,193,0.2);