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