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