@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,559 +1,13 @@
1
1
  "use strict";
2
2
  Object.defineProperty(exports, "__esModule", { value: true });
3
3
  exports.default = {
4
- "auto": {
5
- "black": "#f0f6fc",
6
- "white": "#010409",
7
- "gray": [
8
- "#0d1117",
9
- "#161b22",
10
- "#21262d",
11
- "#30363d",
12
- "#484f58",
13
- "#6e7681",
14
- "#8b949e",
15
- "#b1bac4",
16
- "#c9d1d9",
17
- "#f0f6fc"
18
- ],
19
- "blue": [
20
- "#051d4d",
21
- "#0c2d6b",
22
- "#0d419d",
23
- "#1158c7",
24
- "#1f6feb",
25
- "#388bfd",
26
- "#58a6ff",
27
- "#79c0ff",
28
- "#a5d6ff",
29
- "#cae8ff"
30
- ],
31
- "green": [
32
- "#041843",
33
- "#0a2861",
34
- "#0b3c92",
35
- "#0f53bc",
36
- "#1d69e0",
37
- "#1585fd",
38
- "#42a0ff",
39
- "#66baff",
40
- "#83d4ff",
41
- "#a0e8ff"
42
- ],
43
- "yellow": [
44
- "#341a00",
45
- "#4b2900",
46
- "#693e00",
47
- "#845306",
48
- "#9e6a03",
49
- "#bb8009",
50
- "#d29922",
51
- "#e3b341",
52
- "#f2cc60",
53
- "#f8e3a1"
54
- ],
55
- "orange": [
56
- "#3d1300",
57
- "#5a1e02",
58
- "#762d0a",
59
- "#9b4215",
60
- "#bd561d",
61
- "#db6d28",
62
- "#f0883e",
63
- "#ffa657",
64
- "#ffc680",
65
- "#ffdfb6"
66
- ],
67
- "red": [
68
- "#292100",
69
- "#452f00",
70
- "#633e00",
71
- "#865401",
72
- "#a66900",
73
- "#c38000",
74
- "#d69a00",
75
- "#e6b716",
76
- "#ecd334",
77
- "#f0ec59"
78
- ],
79
- "purple": [
80
- "#271052",
81
- "#3c1e70",
82
- "#553098",
83
- "#6e40c9",
84
- "#8957e5",
85
- "#a371f7",
86
- "#bc8cff",
87
- "#d2a8ff",
88
- "#e2c5ff",
89
- "#eddeff"
90
- ],
91
- "pink": [
92
- "#42062a",
93
- "#5e103e",
94
- "#7d2457",
95
- "#9e3670",
96
- "#bf4b8a",
97
- "#db61a2",
98
- "#f778ba",
99
- "#ff9bce",
100
- "#ffbedd",
101
- "#ffdaec"
102
- ]
103
- },
104
- "text": {
105
- "primary": "#c9d1d9",
106
- "secondary": "#8b949e",
107
- "tertiary": "#8b949e",
108
- "placeholder": "#484f58",
109
- "disabled": "#8b949e",
110
- "inverse": "#f0f6fc",
111
- "link": "#58a6ff",
112
- "danger": "#c38000",
113
- "success": "#42a0ff",
114
- "warning": "#d29922",
115
- "white": "#f0f6fc"
116
- },
117
- "icon": {
118
- "primary": "#c9d1d9",
119
- "secondary": "#8b949e",
120
- "tertiary": "#8b949e",
121
- "info": "#58a6ff",
122
- "danger": "#c38000",
123
- "success": "#42a0ff",
124
- "warning": "#d29922"
125
- },
126
- "border": {
127
- "primary": "#30363d",
128
- "secondary": "#21262d",
129
- "tertiary": "#30363d",
130
- "overlay": "#30363d",
131
- "inverse": "#f0f6fc",
132
- "info": "#1f6feb",
133
- "danger": "#a66900",
134
- "success": "#1d69e0",
135
- "warning": "#9e6a03",
136
- "default": "#30363d",
137
- "muted": "#21262d",
138
- "subtle": "rgba(240,246,252,0.1)"
139
- },
140
- "bg": {
141
- "canvas": "#0d1117",
142
- "canvasMobile": "rgba(0,0,0,0)",
143
- "canvasInverse": "#6e7681",
144
- "canvasInset": "#010409",
145
- "primary": "#0d1117",
146
- "secondary": "#161b22",
147
- "tertiary": "#161b22",
148
- "overlay": "#161b22",
149
- "backdrop": "rgba(1,4,9,0.8)",
150
- "info": "rgba(56,139,253,0.15)",
151
- "infoInverse": "#1f6feb",
152
- "danger": "rgba(195,128,0,0.15)",
153
- "dangerInverse": "#a66900",
154
- "success": "rgba(21,133,253,0.15)",
155
- "successInverse": "#1d69e0",
156
- "warning": "rgba(187,128,9,0.15)",
157
- "warningInverse": "#9e6a03"
158
- },
159
- "shadow": {
160
- "highlight": "0 0 transparent",
161
- "inset": "0 0 transparent",
162
- "small": "0 0 transparent",
163
- "medium": "0 3px 6px #010409",
164
- "large": "0 8px 24px #010409",
165
- "extraLarge": "0 12px 48px #010409"
166
- },
167
- "state": {
168
- "hover": {
169
- "primaryBg": "#1f6feb",
170
- "primaryBorder": "#1f6feb",
171
- "primaryText": "#f0f6fc",
172
- "primaryIcon": "#f0f6fc",
173
- "secondaryBg": "rgba(110,118,129,0.1)",
174
- "secondaryBorder": "rgba(110,118,129,0.1)"
175
- },
176
- "selected": {
177
- "primaryBg": "#1f6feb",
178
- "primaryBorder": "#1f6feb",
179
- "primaryText": "#f0f6fc",
180
- "primaryIcon": "#f0f6fc"
181
- },
182
- "focus": {
183
- "border": "#1f6feb",
184
- "shadow": "0 0 0 3px #0c2d6b"
185
- }
186
- },
187
- "fade": {
188
- "fg10": "rgba(240,246,252,0.1)",
189
- "fg15": "rgba(240,246,252,0.15)",
190
- "fg30": "rgba(240,246,252,0.3)",
191
- "fg50": "rgba(240,246,252,0.5)",
192
- "fg70": "rgba(240,246,252,0.7)",
193
- "fg85": "rgba(240,246,252,0.85)",
194
- "black10": "rgba(1,4,9,0.1)",
195
- "black15": "rgba(1,4,9,0.15)",
196
- "black30": "rgba(1,4,9,0.3)",
197
- "black50": "rgba(1,4,9,0.5)",
198
- "black70": "rgba(1,4,9,0.7)",
199
- "black85": "rgba(1,4,9,0.85)",
200
- "white10": "rgba(240,246,252,0.1)",
201
- "white15": "rgba(240,246,252,0.15)",
202
- "white30": "rgba(240,246,252,0.3)",
203
- "white50": "rgba(240,246,252,0.5)",
204
- "white70": "rgba(240,246,252,0.7)",
205
- "white85": "rgba(240,246,252,0.85)"
206
- },
207
- "alert": {
208
- "info": {
209
- "text": "#c9d1d9",
210
- "icon": "#58a6ff",
211
- "bg": "rgba(56,139,253,0.15)",
212
- "border": "rgba(56,139,253,0.4)"
213
- },
214
- "warn": {
215
- "text": "#c9d1d9",
216
- "icon": "#d29922",
217
- "bg": "rgba(187,128,9,0.15)",
218
- "border": "rgba(187,128,9,0.4)"
219
- },
220
- "error": {
221
- "text": "#c9d1d9",
222
- "icon": "#c38000",
223
- "bg": "rgba(195,128,0,0.15)",
224
- "border": "rgba(195,128,0,0.4)"
225
- },
226
- "success": {
227
- "text": "#c9d1d9",
228
- "icon": "#42a0ff",
229
- "bg": "rgba(21,133,253,0.15)",
230
- "border": "rgba(21,133,253,0.4)"
231
- }
232
- },
233
- "autocomplete": {
234
- "shadow": "0 3px 6px #010409",
235
- "rowBorder": "#21262d"
236
- },
237
- "blankslate": {
238
- "icon": "#8b949e"
239
- },
240
- "counter": {
241
- "text": "#c9d1d9",
242
- "bg": "rgba(110,118,129,0.4)",
243
- "primary": {
244
- "text": "#f0f6fc",
245
- "bg": "#6e7681"
246
- },
247
- "secondary": {
248
- "text": "#8b949e",
249
- "bg": "rgba(110,118,129,0.1)"
250
- }
251
- },
252
- "box": {
253
- "blueBorder": "rgba(56,139,253,0.4)",
254
- "rowYellowBg": "rgba(187,128,9,0.15)",
255
- "rowBlueBg": "rgba(56,139,253,0.15)",
256
- "headerBlueBg": "rgba(56,139,253,0.15)",
257
- "headerBlueBorder": "rgba(56,139,253,0.4)",
258
- "borderInfo": "rgba(56,139,253,0.4)",
259
- "bgInfo": "rgba(56,139,253,0.15)",
260
- "borderWarning": "rgba(187,128,9,0.4)",
261
- "bgWarning": "rgba(187,128,9,0.15)"
262
- },
263
- "branchName": {
264
- "text": "#8b949e",
265
- "icon": "#8b949e",
266
- "bg": "rgba(56,139,253,0.15)",
267
- "link": {
268
- "text": "#58a6ff",
269
- "icon": "#58a6ff",
270
- "bg": "rgba(56,139,253,0.15)"
271
- }
272
- },
273
- "markdown": {
274
- "codeBg": "rgba(110,118,129,0.4)",
275
- "frameBorder": "#30363d",
276
- "blockquoteBorder": "#30363d",
277
- "tableBorder": "#30363d",
278
- "tableTrBorder": "#21262d"
279
- },
280
- "filterItem": {
281
- "barBg": "rgba(110,118,129,0.1)"
282
- },
283
- "hiddenTextExpander": {
284
- "bg": "rgba(110,118,129,0.4)",
285
- "bgHover": "rgba(56,139,253,0.4)"
286
- },
287
- "dragAndDrop": {
288
- "border": "#30363d"
289
- },
290
- "uploadEnabled": {
291
- "border": "#30363d",
292
- "borderFocused": "#1f6feb"
293
- },
294
- "previewableCommentForm": {
295
- "border": "#30363d"
296
- },
297
- "verifiedBadge": {
298
- "text": "#42a0ff",
299
- "bg": "#0d1117",
300
- "border": "#30363d"
301
- },
302
- "socialCount": {
303
- "bg": "#0d1117"
304
- },
305
- "tooltip": {
306
- "text": "#f0f6fc",
307
- "bg": "#6e7681"
308
- },
309
- "filesExplorerIcon": "#58a6ff",
310
- "hlAuthorBg": "rgba(56,139,253,0.15)",
311
- "hlAuthorBorder": "rgba(56,139,253,0.4)",
312
- "logoSubdued": "rgba(110,118,129,0.4)",
313
- "discussionBorder": "rgba(21,133,253,0.4)",
314
- "discussionBgSuccess": "#1d69e0",
315
- "actionsWorkflowTableStickyBg": "rgba(13,17,23,0.95)",
316
- "repoLanguageColorBorder": "rgba(240,246,252,0.2)",
317
- "codeSelectionBg": "rgba(56,139,253,0.4)",
318
- "highlight": {
319
- "text": "#c9d1d9",
320
- "bg": "rgba(187,128,9,0.15)"
321
- },
322
- "blob": {
323
- "lineHighlightBg": "rgba(187,128,9,0.15)",
324
- "lineHighlightBorder": "rgba(187,128,9,0.4)"
325
- },
326
- "topicTag": {
327
- "text": "#58a6ff",
328
- "bg": "rgba(56,139,253,0.15)",
329
- "hoverBg": "#1f6feb",
330
- "activeBg": "rgba(56,139,253,0.15)",
331
- "border": "rgba(0,0,0,0)"
332
- },
333
- "footerInvertocat": {
334
- "octicon": "#484f58",
335
- "octiconHover": "#8b949e"
336
- },
337
- "dropdown": {
338
- "shadow": "0 8px 24px #010409"
339
- },
340
- "label": {
341
- "border": "#30363d",
342
- "primary": {
343
- "text": "#c9d1d9",
344
- "border": "#6e7681"
345
- },
346
- "secondary": {
347
- "text": "#8b949e",
348
- "border": "#30363d"
349
- },
350
- "info": {
351
- "text": "#58a6ff",
352
- "border": "#1f6feb"
353
- },
354
- "success": {
355
- "text": "#42a0ff",
356
- "border": "#1d69e0"
357
- },
358
- "warning": {
359
- "text": "#d29922",
360
- "border": "#9e6a03"
361
- },
362
- "danger": {
363
- "text": "#c38000",
364
- "border": "#a66900"
365
- },
366
- "orange": {
367
- "text": "#db6d28",
368
- "border": "#bd561d"
369
- }
370
- },
371
- "input": {
372
- "bg": "#0d1117",
373
- "contrastBg": "#010409",
374
- "border": "#30363d",
375
- "shadow": "0 0 transparent",
376
- "disabledBorder": "#30363d",
377
- "warningBorder": "#9e6a03",
378
- "errorBorder": "#a66900",
379
- "tooltip": {
380
- "success": {
381
- "text": "#c9d1d9",
382
- "bg": "rgba(21,133,253,0.15)",
383
- "border": "rgba(21,133,253,0.4)"
384
- },
385
- "warning": {
386
- "text": "#c9d1d9",
387
- "bg": "rgba(187,128,9,0.15)",
388
- "border": "rgba(187,128,9,0.4)"
389
- },
390
- "error": {
391
- "text": "#c9d1d9",
392
- "bg": "rgba(195,128,0,0.15)",
393
- "border": "rgba(195,128,0,0.4)"
394
- }
395
- },
396
- "disabledBg": "rgba(110,118,129,0)"
397
- },
398
- "toast": {
399
- "text": "#c9d1d9",
400
- "bg": "#0d1117",
401
- "border": "#30363d",
402
- "shadow": "0 8px 24px #010409",
403
- "icon": "#f0f6fc",
404
- "iconBg": "#1f6feb",
405
- "iconBorder": "rgba(0,0,0,0)",
406
- "success": {
407
- "text": "#c9d1d9",
408
- "border": "#30363d",
409
- "icon": "#f0f6fc",
410
- "iconBg": "#1d69e0",
411
- "iconBorder": "rgba(0,0,0,0)"
412
- },
413
- "warning": {
414
- "text": "#c9d1d9",
415
- "border": "#30363d",
416
- "icon": "#c9d1d9",
417
- "iconBg": "#9e6a03",
418
- "iconBorder": "rgba(0,0,0,0)"
419
- },
420
- "danger": {
421
- "text": "#c9d1d9",
422
- "border": "#30363d",
423
- "icon": "#f0f6fc",
424
- "iconBg": "#a66900",
425
- "iconBorder": "rgba(0,0,0,0)"
426
- },
427
- "loading": {
428
- "text": "#c9d1d9",
429
- "border": "#30363d",
430
- "icon": "#f0f6fc",
431
- "iconBg": "#6e7681",
432
- "iconBorder": "rgba(0,0,0,0)"
433
- }
434
- },
435
- "timeline": {
436
- "text": "#8b949e",
437
- "badgeSuccessBorder": "rgba(0,0,0,0)",
438
- "targetBadgeBorder": "#1f6feb",
439
- "targetBadgeShadow": "rgba(56,139,253,0.4)",
440
- "badgeBg": "#21262d"
441
- },
442
- "diffstat": {
443
- "neutralBg": "rgba(110,118,129,0.4)",
444
- "neutralBorder": "rgba(240,246,252,0.1)",
445
- "deletionBorder": "rgba(240,246,252,0.1)",
446
- "additionBorder": "rgba(240,246,252,0.1)",
447
- "deletionBg": "#a66900",
448
- "additionBg": "#42a0ff"
449
- },
450
- "diff": {
451
- "addition": {
452
- "text": "#c9d1d9",
453
- "bg": "rgba(21,133,253,0.15)",
454
- "border": "rgba(21,133,253,0.4)"
455
- },
456
- "deletion": {
457
- "text": "#c9d1d9",
458
- "bg": "rgba(195,128,0,0.15)",
459
- "border": "rgba(195,128,0,0.4)"
460
- },
461
- "change": {
462
- "text": "#d29922",
463
- "bg": "rgba(187,128,9,0.15)",
464
- "border": "rgba(187,128,9,0.4)"
465
- }
466
- },
467
- "mergeBox": {
468
- "successIconBg": "#1d69e0",
469
- "successIconText": "#f0f6fc",
470
- "successIconBorder": "rgba(0,0,0,0)",
471
- "successIndicatorBg": "#1d69e0",
472
- "successIndicatorBorder": "rgba(0,0,0,0)",
473
- "mergedIconBg": "#8957e5",
474
- "mergedIconText": "#f0f6fc",
475
- "mergedIconBorder": "rgba(0,0,0,0)",
476
- "mergedBoxBorder": "#8957e5",
477
- "neutralIconBg": "#6e7681",
478
- "neutralIconText": "#f0f6fc",
479
- "neutralIconBorder": "rgba(0,0,0,0)",
480
- "neutralIndicatorBg": "#6e7681",
481
- "neutralIndicatorBorder": "rgba(0,0,0,0)",
482
- "warningIconBg": "#9e6a03",
483
- "warningIconText": "#f0f6fc",
484
- "warningIconBorder": "rgba(0,0,0,0)",
485
- "warningBoxBorder": "#9e6a03",
486
- "warningMergeHighlight": "rgba(0,0,0,0)",
487
- "errorIconBg": "#a66900",
488
- "errorIconText": "#f0f6fc",
489
- "errorIconBorder": "rgba(0,0,0,0)",
490
- "errorIndicatorBg": "#a66900",
491
- "errorIndicatorBorder": "rgba(0,0,0,0)"
492
- },
493
- "underlinenav": {
494
- "border": "rgba(0,0,0,0)",
495
- "borderHover": "rgba(110,118,129,0.4)",
496
- "borderActive": "#F78166",
497
- "text": "#c9d1d9",
498
- "textHover": "#c9d1d9",
499
- "textActive": "#c9d1d9",
500
- "icon": "#484f58",
501
- "iconHover": "#484f58",
502
- "iconActive": "#c9d1d9",
503
- "counterText": "#c9d1d9",
504
- "counterBg": "rgba(110,118,129,0.4)"
505
- },
506
- "selectMenu": {
507
- "borderSecondary": "#21262d",
508
- "shadow": "0 8px 24px #010409",
509
- "backdropBg": "rgba(1,4,9,0.8)",
510
- "backdropBorder": "#484f58",
511
- "tapHighlight": "rgba(48,54,61,0.5)",
512
- "tapFocusBg": "#0c2d6b"
513
- },
514
- "sidenav": {
515
- "borderActive": "#F78166",
516
- "selectedBg": "#21262d"
517
- },
518
- "menu": {
519
- "headingText": "#c9d1d9",
520
- "borderActive": "#F78166",
521
- "bgActive": "#161b22"
522
- },
523
- "project": {
524
- "cardBg": "#161b22",
525
- "headerBg": "#0d1117",
526
- "sidebarBg": "#161b22",
527
- "gradientIn": "#161b22",
528
- "gradientOut": "rgba(22,27,34,0)"
529
- },
530
- "prState": {
531
- "draft": {
532
- "text": "#f0f6fc",
533
- "bg": "#6e7681",
534
- "border": "rgba(0,0,0,0)"
535
- },
536
- "open": {
537
- "text": "#f0f6fc",
538
- "bg": "#1d69e0",
539
- "border": "rgba(0,0,0,0)"
540
- },
541
- "merged": {
542
- "text": "#f0f6fc",
543
- "bg": "#8957e5",
544
- "border": "rgba(0,0,0,0)"
545
- },
546
- "closed": {
547
- "text": "#f0f6fc",
548
- "bg": "#a66900",
549
- "border": "rgba(0,0,0,0)"
550
- }
4
+ "canvasDefaultTransparent": "rgba(13,17,23,0)",
5
+ "marketingIcon": {
6
+ "primary": "#79c0ff",
7
+ "secondary": "#1f6feb"
551
8
  },
552
9
  "diffBlob": {
553
- "numText": "#484f58",
554
- "numHoverText": "#c9d1d9",
555
10
  "addition": {
556
- "numHoverText": "#c9d1d9",
557
11
  "numText": "#c9d1d9",
558
12
  "fg": "#c9d1d9",
559
13
  "numBg": "rgba(66,160,255,0.3)",
@@ -561,7 +15,6 @@ exports.default = {
561
15
  "wordBg": "rgba(21,133,253,0.4)"
562
16
  },
563
17
  "deletion": {
564
- "numHoverText": "#c9d1d9",
565
18
  "numText": "#c9d1d9",
566
19
  "fg": "#c9d1d9",
567
20
  "numBg": "rgba(195,128,0,0.3)",
@@ -569,45 +22,17 @@ exports.default = {
569
22
  "wordBg": "rgba(195,128,0,0.4)"
570
23
  },
571
24
  "hunk": {
572
- "text": "#8b949e",
573
- "numBg": "rgba(56,139,253,0.4)",
574
- "lineBg": "rgba(56,139,253,0.15)"
25
+ "numBg": "rgba(56,139,253,0.4)"
575
26
  },
576
- "emptyBlockBg": "rgba(110,118,129,0.1)",
577
- "selectedLineHighlightBg": "rgba(187,128,9,0.15)",
578
- "selectedLineHighlightBorder": "rgba(187,128,9,0.4)",
579
27
  "expander": {
580
- "hoverIcon": "#f0f6fc",
581
- "hoverBg": "#1f6feb",
582
28
  "icon": "#8b949e"
583
29
  },
584
- "commentButton": {
585
- "icon": "#f0f6fc",
586
- "bg": "#1f6feb",
587
- "gradientBg": "rgba(0,0,0,0)"
588
- },
589
30
  "selectedLineHighlightMixBlendMode": "screen"
590
31
  },
591
- "globalNav": {
592
- "logo": "#f0f6fc",
593
- "bg": "#161b22",
594
- "text": "#c9d1d9",
595
- "icon": "#c9d1d9",
596
- "inputBg": "#0d1117",
597
- "inputBorder": "#21262d",
598
- "inputIcon": "#21262d",
599
- "inputPlaceholder": "#484f58"
600
- },
601
- "introShelf": {
602
- "gradientLeft": "rgba(56,139,253,0.15)",
603
- "gradientRight": "rgba(21,133,253,0.15)",
604
- "gradientIn": "#0d1117",
605
- "gradientOut": "rgba(240,246,252,0)"
606
- },
607
- "canvasDefaultTransparent": "rgba(13,17,23,0)",
608
- "marketingIcon": {
609
- "primary": "#79c0ff",
610
- "secondary": "#1f6feb"
32
+ "diffstat": {
33
+ "deletionBorder": "rgba(240,246,252,0.1)",
34
+ "additionBorder": "rgba(240,246,252,0.1)",
35
+ "additionBg": "#42a0ff"
611
36
  },
612
37
  "searchKeyword": {
613
38
  "hl": "rgba(210,153,34,0.4)"
@@ -746,6 +171,12 @@ exports.default = {
746
171
  "cyanBright": "#b3f0ff"
747
172
  }
748
173
  },
174
+ "project": {
175
+ "headerBg": "#0d1117",
176
+ "sidebarBg": "#161b22",
177
+ "gradientIn": "#161b22",
178
+ "gradientOut": "rgba(22,27,34,0)"
179
+ },
749
180
  "mktg": {
750
181
  "success": "rgba(25,119,239,1)",
751
182
  "info": "rgba(42,123,243,1)",
@@ -818,6 +249,14 @@ exports.default = {
818
249
  "stackFadeMore": "#21262d",
819
250
  "childShadow": "-2px -2px 0 #0d1117"
820
251
  },
252
+ "topicTag": {
253
+ "border": "rgba(0,0,0,0)"
254
+ },
255
+ "selectMenu": {
256
+ "backdropBorder": "#484f58",
257
+ "tapHighlight": "rgba(48,54,61,0.5)",
258
+ "tapFocusBg": "#0c2d6b"
259
+ },
821
260
  "overlay": {
822
261
  "shadow": "0 0 0 1px #30363d, 0 16px 32px rgba(1,4,9,0.85)"
823
262
  },
@@ -830,6 +269,18 @@ exports.default = {
830
269
  "bg": "#0d1117",
831
270
  "border": "#30363d"
832
271
  },
272
+ "sidenav": {
273
+ "selectedBg": "#21262d"
274
+ },
275
+ "menu": {
276
+ "bgActive": "#161b22"
277
+ },
278
+ "input": {
279
+ "disabledBg": "rgba(110,118,129,0)"
280
+ },
281
+ "timeline": {
282
+ "badgeBg": "#21262d"
283
+ },
833
284
  "ansi": {
834
285
  "black": "#484f58",
835
286
  "blackBright": "#6e7681",
@@ -926,6 +377,10 @@ exports.default = {
926
377
  "icon": "#c38000"
927
378
  }
928
379
  },
380
+ "underlinenav": {
381
+ "icon": "#484f58",
382
+ "borderHover": "rgba(110,118,129,0.4)"
383
+ },
929
384
  "fg": {
930
385
  "default": "#c9d1d9",
931
386
  "muted": "#8b949e",
@@ -938,6 +393,17 @@ exports.default = {
938
393
  "inset": "#010409",
939
394
  "subtle": "#161b22"
940
395
  },
396
+ "border": {
397
+ "default": "#30363d",
398
+ "muted": "#21262d",
399
+ "subtle": "rgba(240,246,252,0.1)"
400
+ },
401
+ "shadow": {
402
+ "small": "0 0 transparent",
403
+ "medium": "0 3px 6px #010409",
404
+ "large": "0 8px 24px #010409",
405
+ "extraLarge": "0 12px 48px #010409"
406
+ },
941
407
  "neutral": {
942
408
  "emphasisPlus": "#6e7681",
943
409
  "emphasis": "#6e7681",