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