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