@primer/primitives 4.7.0 → 4.8.0-rc.bdc0e17

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 (52) hide show
  1. package/CHANGELOG.md +18 -0
  2. package/dist/js/colors/dark.d.ts +1 -0
  3. package/dist/js/colors/dark.js +1 -0
  4. package/dist/js/colors/dark_dimmed.d.ts +1 -0
  5. package/dist/js/colors/dark_dimmed.js +1 -0
  6. package/dist/js/colors/dark_high_contrast.d.ts +1 -0
  7. package/dist/js/colors/dark_high_contrast.js +1 -0
  8. package/dist/js/{colors_v2/dark_high_contrast.d.ts → colors/dark_protanopia.d.ts} +1 -0
  9. package/dist/js/{colors_v2/dark.js → colors/dark_protanopia.js} +229 -228
  10. package/dist/js/colors/index.d.ts +1860 -2
  11. package/dist/js/colors/index.js +3 -1
  12. package/dist/js/colors/light.d.ts +1 -0
  13. package/dist/js/colors/light.js +1 -0
  14. package/dist/js/{colors_v2/dark.d.ts → colors/light_protanopia.d.ts} +2 -1
  15. package/dist/js/{colors_v2/light.js → colors/light_protanopia.js} +223 -222
  16. package/dist/js/index.d.ts +13 -1861
  17. package/dist/js/index.js +1 -2
  18. package/dist/json/colors/dark.json +1 -0
  19. package/dist/json/colors/dark_dimmed.json +1 -0
  20. package/dist/json/colors/dark_high_contrast.json +1 -0
  21. package/dist/json/{colors_v2/dark.json → colors/dark_protanopia.json} +229 -228
  22. package/dist/json/colors/light.json +1 -0
  23. package/dist/json/{colors_v2/light.json → colors/light_protanopia.json} +223 -222
  24. package/dist/scss/colors/_dark.scss +1 -0
  25. package/dist/scss/colors/_dark_dimmed.scss +1 -0
  26. package/dist/scss/colors/_dark_high_contrast.scss +1 -0
  27. package/dist/scss/{colors_v2/_dark.scss → colors/_dark_protanopia.scss} +230 -229
  28. package/dist/scss/colors/_light.scss +1 -0
  29. package/dist/scss/{colors_v2/_light.scss → colors/_light_protanopia.scss} +224 -223
  30. package/dist/ts/colors/dark.ts +1 -0
  31. package/dist/ts/colors/dark_dimmed.ts +1 -0
  32. package/dist/ts/colors/dark_high_contrast.ts +1 -0
  33. package/dist/ts/{colors_v2/dark.ts → colors/dark_protanopia.ts} +229 -228
  34. package/dist/ts/colors/index.ts +3 -1
  35. package/dist/ts/colors/light.ts +1 -0
  36. package/dist/ts/{colors_v2/light.ts → colors/light_protanopia.ts} +223 -222
  37. package/dist/ts/index.ts +1 -2
  38. package/package.json +4 -2
  39. package/dist/deprecations/colors_v2.json +0 -397
  40. package/dist/js/colors_v2/dark_dimmed.d.ts +0 -927
  41. package/dist/js/colors_v2/dark_dimmed.js +0 -1115
  42. package/dist/js/colors_v2/dark_high_contrast.js +0 -1115
  43. package/dist/js/colors_v2/index.d.ts +0 -3707
  44. package/dist/js/colors_v2/index.js +0 -10
  45. package/dist/js/colors_v2/light.d.ts +0 -927
  46. package/dist/json/colors_v2/dark_dimmed.json +0 -1113
  47. package/dist/json/colors_v2/dark_high_contrast.json +0 -1113
  48. package/dist/scss/colors_v2/_dark_dimmed.scss +0 -821
  49. package/dist/scss/colors_v2/_dark_high_contrast.scss +0 -821
  50. package/dist/ts/colors_v2/dark_dimmed.ts +0 -1113
  51. package/dist/ts/colors_v2/dark_high_contrast.ts +0 -1113
  52. package/dist/ts/colors_v2/index.ts +0 -5
@@ -1,1113 +0,0 @@
1
- {
2
- "auto": {
3
- "black": "#ff0000",
4
- "white": "#ff0000",
5
- "gray": [
6
- "#ff0000",
7
- "#ff0000",
8
- "#ff0000",
9
- "#ff0000",
10
- "#ff0000",
11
- "#ff0000",
12
- "#ff0000",
13
- "#ff0000",
14
- "#ff0000",
15
- "#ff0000"
16
- ],
17
- "blue": [
18
- "#ff0000",
19
- "#ff0000",
20
- "#ff0000",
21
- "#ff0000",
22
- "#ff0000",
23
- "#ff0000",
24
- "#ff0000",
25
- "#ff0000",
26
- "#ff0000",
27
- "#ff0000"
28
- ],
29
- "green": [
30
- "#ff0000",
31
- "#ff0000",
32
- "#ff0000",
33
- "#ff0000",
34
- "#ff0000",
35
- "#ff0000",
36
- "#ff0000",
37
- "#ff0000",
38
- "#ff0000",
39
- "#ff0000"
40
- ],
41
- "yellow": [
42
- "#ff0000",
43
- "#ff0000",
44
- "#ff0000",
45
- "#ff0000",
46
- "#ff0000",
47
- "#ff0000",
48
- "#ff0000",
49
- "#ff0000",
50
- "#ff0000",
51
- "#ff0000"
52
- ],
53
- "orange": [
54
- "#ff0000",
55
- "#ff0000",
56
- "#ff0000",
57
- "#ff0000",
58
- "#ff0000",
59
- "#ff0000",
60
- "#ff0000",
61
- "#ff0000",
62
- "#ff0000",
63
- "#ff0000"
64
- ],
65
- "red": [
66
- "#ff0000",
67
- "#ff0000",
68
- "#ff0000",
69
- "#ff0000",
70
- "#ff0000",
71
- "#ff0000",
72
- "#ff0000",
73
- "#ff0000",
74
- "#ff0000",
75
- "#ff0000"
76
- ],
77
- "purple": [
78
- "#ff0000",
79
- "#ff0000",
80
- "#ff0000",
81
- "#ff0000",
82
- "#ff0000",
83
- "#ff0000",
84
- "#ff0000",
85
- "#ff0000",
86
- "#ff0000",
87
- "#ff0000"
88
- ],
89
- "pink": [
90
- "#ff0000",
91
- "#ff0000",
92
- "#ff0000",
93
- "#ff0000",
94
- "#ff0000",
95
- "#ff0000",
96
- "#ff0000",
97
- "#ff0000",
98
- "#ff0000",
99
- "#ff0000"
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": "#ff0000"
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": "rgba(158,167,179,0.4)",
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": "#ff0000",
187
- "fg15": "#ff0000",
188
- "fg30": "#ff0000",
189
- "fg50": "#ff0000",
190
- "fg70": "#ff0000",
191
- "fg85": "#ff0000",
192
- "black10": "#ff0000",
193
- "black15": "#ff0000",
194
- "black30": "#ff0000",
195
- "black50": "#ff0000",
196
- "black70": "#ff0000",
197
- "black85": "#ff0000",
198
- "white10": "#ff0000",
199
- "white15": "#ff0000",
200
- "white30": "#ff0000",
201
- "white50": "#ff0000",
202
- "white70": "#ff0000",
203
- "white85": "#ff0000"
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
- }
549
- },
550
- "diffBlob": {
551
- "numText": "#7a828e",
552
- "numHoverText": "#f0f3f6",
553
- "addition": {
554
- "numHoverText": "#f0f3f6",
555
- "numText": "#f0f3f6",
556
- "fg": "#0a0c10",
557
- "numBg": "rgba(38,205,77,0.3)",
558
- "lineBg": "rgba(9,180,58,0.15)",
559
- "wordBg": "#09b43a"
560
- },
561
- "deletion": {
562
- "numHoverText": "#f0f3f6",
563
- "lineBg": "rgba(255,106,105,0.15)",
564
- "wordBg": "#ff6a69",
565
- "numText": "#f0f3f6",
566
- "fg": "#0a0c10",
567
- "numBg": "rgba(255,106,105,0.3)"
568
- },
569
- "hunk": {
570
- "text": "#f0f3f6",
571
- "numBg": "rgba(64,158,255,0.4)",
572
- "lineBg": "rgba(64,158,255,0.15)"
573
- },
574
- "emptyBlockBg": "rgba(158,167,179,0.1)",
575
- "selectedLineHighlightBg": "rgba(224,155,19,0.15)",
576
- "selectedLineHighlightBorder": "#e09b13",
577
- "expander": {
578
- "hoverIcon": "#0a0c10",
579
- "hoverBg": "#409eff",
580
- "icon": "#0a0c10"
581
- },
582
- "commentButton": {
583
- "icon": "#0a0c10",
584
- "bg": "#409eff",
585
- "gradientBg": "rgba(0,0,0,0)"
586
- },
587
- "selectedLineHighlightMixBlendMode": "screen"
588
- },
589
- "globalNav": {
590
- "logo": "#ff0000",
591
- "bg": "#ff0000",
592
- "text": "#ff0000",
593
- "icon": "#ff0000",
594
- "inputBg": "#ff0000",
595
- "inputBorder": "#ff0000",
596
- "inputIcon": "#ff0000",
597
- "inputPlaceholder": "#ff0000"
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
- "marketingIcon": {
606
- "primary": "#91cbff",
607
- "secondary": "#409eff"
608
- },
609
- "searchKeyword": {
610
- "hl": "rgba(240,183,47,0.4)"
611
- },
612
- "prettylights": {
613
- "syntax": {
614
- "comment": "#bdc4cc",
615
- "constant": "#91cbff",
616
- "entity": "#dbb7ff",
617
- "storageModifierImport": "#f0f3f6",
618
- "entityTag": "#72f088",
619
- "keyword": "#ff9492",
620
- "string": "#addcff",
621
- "variable": "#ffb757",
622
- "brackethighlighterUnmatched": "#ff6a69",
623
- "invalidIllegalText": "#ffffff",
624
- "invalidIllegalBg": "#e82a2f",
625
- "carriageReturnText": "#ffffff",
626
- "carriageReturnBg": "#ff4445",
627
- "stringRegexp": "#72f088",
628
- "markupList": "#fbd669",
629
- "markupHeading": "#409eff",
630
- "markupItalic": "#f0f3f6",
631
- "markupBold": "#f0f3f6",
632
- "markupDeletedText": "#ffdedb",
633
- "markupDeletedBg": "#cc1421",
634
- "markupInsertedText": "#acf7b6",
635
- "markupInsertedBg": "#007728",
636
- "markupChangedText": "#ffe1b4",
637
- "markupChangedBg": "#a74c00",
638
- "markupIgnoredText": "#f0f3f6",
639
- "markupIgnoredBg": "#318bf8",
640
- "metaDiffRange": "#dbb7ff",
641
- "brackethighlighterAngle": "#bdc4cc",
642
- "sublimelinterGutterMark": "#7a828e",
643
- "constantOtherReferenceLink": "#addcff"
644
- }
645
- },
646
- "codemirror": {
647
- "text": "#f0f3f6",
648
- "bg": "#0a0c10",
649
- "guttersBg": "#0a0c10",
650
- "guttermarkerText": "#0a0c10",
651
- "guttermarkerSubtleText": "#7a828e",
652
- "linenumberText": "#f0f3f6",
653
- "cursor": "#f0f3f6",
654
- "selectionBg": "rgba(64,158,255,0.4)",
655
- "activelineBg": "rgba(158,167,179,0.1)",
656
- "matchingbracketText": "#f0f3f6",
657
- "linesBg": "#0a0c10",
658
- "syntax": {
659
- "comment": "#bdc4cc",
660
- "constant": "#91cbff",
661
- "entity": "#dbb7ff",
662
- "keyword": "#ff9492",
663
- "storage": "#ff9492",
664
- "string": "#addcff",
665
- "support": "#91cbff",
666
- "variable": "#ffb757"
667
- }
668
- },
669
- "checks": {
670
- "bg": "#010409",
671
- "runBorderWidth": "1px",
672
- "containerBorderWidth": "1px",
673
- "textPrimary": "#f0f3f6",
674
- "textSecondary": "#f0f3f6",
675
- "textLink": "#71b7ff",
676
- "btnIcon": "#f0f3f6",
677
- "btnHoverIcon": "#f0f3f6",
678
- "btnHoverBg": "rgba(158,167,179,0.1)",
679
- "inputText": "#f0f3f6",
680
- "inputPlaceholderText": "#7a828e",
681
- "inputFocusText": "#f0f3f6",
682
- "inputBg": "#272b33",
683
- "inputShadow": "0 0 0 1px (obj) => get_1.default(obj, path)",
684
- "donutError": "#ff6a69",
685
- "donutPending": "#f0b72f",
686
- "donutSuccess": "#09b43a",
687
- "donutNeutral": "#bdc4cc",
688
- "dropdownText": "#f0f3f6",
689
- "dropdownBg": "#272b33",
690
- "dropdownBorder": "#7a828e",
691
- "dropdownShadow": "rgba(1,4,9,0.3)",
692
- "dropdownHoverText": "#f0f3f6",
693
- "dropdownHoverBg": "rgba(158,167,179,0.1)",
694
- "dropdownBtnHoverText": "#f0f3f6",
695
- "dropdownBtnHoverBg": "rgba(158,167,179,0.1)",
696
- "scrollbarThumbBg": "rgba(158,167,179,0.4)",
697
- "headerLabelText": "#f0f3f6",
698
- "headerLabelOpenText": "#f0f3f6",
699
- "headerBorder": "#7a828e",
700
- "headerIcon": "#f0f3f6",
701
- "lineText": "#f0f3f6",
702
- "lineNumText": "#7a828e",
703
- "lineTimestampText": "#7a828e",
704
- "lineHoverBg": "rgba(158,167,179,0.1)",
705
- "lineSelectedBg": "rgba(64,158,255,0.15)",
706
- "lineSelectedNumText": "#71b7ff",
707
- "lineDtFmText": "#0a0c10",
708
- "lineDtFmBg": "#e09b13",
709
- "gateBg": "rgba(224,155,19,0.15)",
710
- "gateText": "#f0f3f6",
711
- "gateWaitingText": "#f0b72f",
712
- "stepHeaderOpenBg": "#272b33",
713
- "stepErrorText": "#ff6a69",
714
- "stepWarningText": "#f0b72f",
715
- "loglineText": "#f0f3f6",
716
- "loglineNumText": "#7a828e",
717
- "loglineDebugText": "#b780ff",
718
- "loglineErrorText": "#f0f3f6",
719
- "loglineErrorNumText": "#7a828e",
720
- "loglineErrorBg": "rgba(255,106,105,0.15)",
721
- "loglineWarningText": "#f0f3f6",
722
- "loglineWarningNumText": "#f0b72f",
723
- "loglineWarningBg": "rgba(224,155,19,0.15)",
724
- "loglineCommandText": "#71b7ff",
725
- "loglineSectionText": "#26cd4d",
726
- "ansi": {
727
- "black": "#0a0c10",
728
- "blackBright": "#272b33",
729
- "white": "#d9dee3",
730
- "whiteBright": "#d9dee3",
731
- "gray": "#9ea7b3",
732
- "red": "#ff9492",
733
- "redBright": "#ffb1af",
734
- "green": "#26cd4d",
735
- "greenBright": "#4ae168",
736
- "yellow": "#f0b72f",
737
- "yellowBright": "#f7c843",
738
- "blue": "#71b7ff",
739
- "blueBright": "#91cbff",
740
- "magenta": "#cb9eff",
741
- "magentaBright": "#dbb7ff",
742
- "cyan": "#76e3ea",
743
- "cyanBright": "#b3f0ff"
744
- }
745
- },
746
- "mktg": {
747
- "success": "rgba(9,180,58,1)",
748
- "info": "rgba(64,158,255,1)",
749
- "bgShadeGradient": {
750
- "top": "rgba(1,4,9,0.065)",
751
- "bottom": "rgba(1,4,9,0)"
752
- },
753
- "btn": {
754
- "bg": {
755
- "top": "hsla(228,82%,66%,1)",
756
- "bottom": "#4969ed"
757
- },
758
- "bgOverlay": {
759
- "top": "hsla(228,74%,59%,1)",
760
- "bottom": "#3355e0"
761
- },
762
- "text": "#ffffff",
763
- "primary": {
764
- "bg": {
765
- "top": "hsla(137,56%,46%,1)",
766
- "bottom": "#2ea44f"
767
- },
768
- "bgOverlay": {
769
- "top": "hsla(134,60%,38%,1)",
770
- "bottom": "#22863a"
771
- },
772
- "text": "#ffffff"
773
- },
774
- "enterprise": {
775
- "bg": {
776
- "top": "hsla(249,100%,72%,1)",
777
- "bottom": "#6f57ff"
778
- },
779
- "bgOverlay": {
780
- "top": "hsla(248,65%,63%,1)",
781
- "bottom": "#614eda"
782
- },
783
- "text": "#ffffff"
784
- },
785
- "outline": {
786
- "text": "#ffffff",
787
- "border": "rgba(255,255,255,0.3)",
788
- "hover": {
789
- "text": "#ffffff",
790
- "border": "rgba(255,255,255,0.5)"
791
- },
792
- "focus": {
793
- "border": "#ffffff",
794
- "borderInset": "rgba(255,255,255,0.5)"
795
- }
796
- },
797
- "dark": {
798
- "text": "#ffffff",
799
- "border": "rgba(255,255,255,0.3)",
800
- "hover": {
801
- "text": "#ffffff",
802
- "border": "rgba(255,255,255,0.5)"
803
- },
804
- "focus": {
805
- "border": "#ffffff",
806
- "borderInset": "rgba(255,255,255,0.5)"
807
- }
808
- }
809
- }
810
- },
811
- "avatar": {
812
- "bg": "rgba(255,255,255,0.1)",
813
- "border": "rgba(255,255,255,0.9)",
814
- "stackFade": "#525964",
815
- "stackFadeMore": "#272b33",
816
- "childShadow": "-2px -2px 0 #0a0c10"
817
- },
818
- "overlay": {
819
- "shadow": "0 0 0 1px #525964, 0 16px 32px rgba(1,4,9,0.85)"
820
- },
821
- "header": {
822
- "text": "rgba(255,255,255,0.7)",
823
- "bg": "#272b33",
824
- "logo": "#ffffff"
825
- },
826
- "headerSearch": {
827
- "bg": "#0a0c10",
828
- "border": "#525964"
829
- },
830
- "ansi": {
831
- "black": "#7a828e",
832
- "blackBright": "#9ea7b3",
833
- "white": "#d9dee3",
834
- "whiteBright": "#ffffff",
835
- "gray": "#9ea7b3",
836
- "red": "#ff9492",
837
- "redBright": "#ffb1af",
838
- "green": "#26cd4d",
839
- "greenBright": "#4ae168",
840
- "yellow": "#f0b72f",
841
- "yellowBright": "#f7c843",
842
- "blue": "#71b7ff",
843
- "blueBright": "#91cbff",
844
- "magenta": "#cb9eff",
845
- "magentaBright": "#dbb7ff",
846
- "cyan": "#39c5cf",
847
- "cyanBright": "#56d4dd"
848
- },
849
- "btn": {
850
- "text": "#f0f3f6",
851
- "bg": "#272b33",
852
- "border": "#7a828e",
853
- "shadow": "0 0 transparent",
854
- "insetShadow": "0 0 transparent",
855
- "hoverBg": "#525964",
856
- "hoverBorder": "#bdc4cc",
857
- "activeBg": "hsla(217,10%,33%,1)",
858
- "activeBorder": "#9ea7b3",
859
- "selectedBg": "rgba(82,89,100,0.9)",
860
- "focusBg": "#272b33",
861
- "focusBorder": "#bdc4cc",
862
- "focusShadow": "0 0 0 3px rgba(189,196,204,0.3)",
863
- "shadowActive": "inset 0 0.15em 0.3em rgba(1,4,9,0.15)",
864
- "shadowInputFocus": "0 0 0 0.2em rgba(64,158,255,0.3)",
865
- "counterBg": "#525964",
866
- "primary": {
867
- "text": "#0a0c10",
868
- "bg": "#09b43a",
869
- "border": "#4ae168",
870
- "shadow": "0 0 transparent",
871
- "insetShadow": "0 0 transparent",
872
- "hoverBg": "#26cd4d",
873
- "hoverBorder": "#4ae168",
874
- "selectedBg": "#09b43a",
875
- "selectedShadow": "0 0 transparent",
876
- "disabledText": "rgba(10,12,16,0.5)",
877
- "disabledBg": "rgba(9,180,58,0.6)",
878
- "disabledBorder": "rgba(74,225,104,0.4)",
879
- "focusBg": "#09b43a",
880
- "focusBorder": "#7a828e",
881
- "focusShadow": "0 0 0 3px rgba(46,164,79,0.4)",
882
- "icon": "#0a0c10",
883
- "counterBg": "rgba(1,4,9,0.15)"
884
- },
885
- "outline": {
886
- "text": "#71b7ff",
887
- "hoverText": "#71b7ff",
888
- "hoverBg": "#525964",
889
- "hoverBorder": "#7a828e",
890
- "hoverShadow": "0 1px 0 rgba(1,4,9,0.1)",
891
- "hoverInsetShadow": "inset 0 1px 0 rgba(255,255,255,0.03)",
892
- "hoverCounterBg": "rgba(255,255,255,0.2)",
893
- "selectedText": "#ffffff",
894
- "selectedBg": "#2672f3",
895
- "selectedBorder": "#7a828e",
896
- "selectedShadow": "0 0 transparent",
897
- "disabledText": "rgba(113,183,255,0.5)",
898
- "disabledBg": "#0a0c10",
899
- "disabledCounterBg": "rgba(64,158,255,0.05)",
900
- "focusBorder": "#7a828e",
901
- "focusShadow": "0 0 0 3px rgba(49,139,248,0.4)",
902
- "counterBg": "rgba(64,158,255,0.1)"
903
- },
904
- "danger": {
905
- "text": "#ff6a69",
906
- "hoverText": "#0a0c10",
907
- "hoverBg": "#ff6a69",
908
- "hoverBorder": "#ff6a69",
909
- "hoverShadow": "0 0 transparent",
910
- "hoverInsetShadow": "0 0 transparent",
911
- "hoverIcon": "#0a0c10",
912
- "hoverCounterBg": "rgba(1,4,9,0.15)",
913
- "selectedText": "#ffffff",
914
- "selectedBg": "#ff4445",
915
- "selectedBorder": "#ff9492",
916
- "selectedShadow": "0 0 transparent",
917
- "disabledText": "rgba(255,106,105,0.5)",
918
- "disabledBg": "#0a0c10",
919
- "disabledCounterBg": "rgba(255,106,105,0.05)",
920
- "focusBorder": "#ff6a69",
921
- "focusShadow": "0 0 0 3px rgba(255,106,105,0.4)",
922
- "counterBg": "rgba(1,4,9,0.15)",
923
- "icon": "#ff6a69"
924
- }
925
- },
926
- "fg": {
927
- "default": "#f0f3f6",
928
- "muted": "#f0f3f6",
929
- "subtle": "#7a828e",
930
- "onEmphasis": "#0a0c10"
931
- },
932
- "canvas": {
933
- "default": "#0a0c10",
934
- "overlay": "#272b33",
935
- "inset": "#010409",
936
- "subtle": "#272b33"
937
- },
938
- "neutral": {
939
- "emphasisPlus": "#ffffff",
940
- "emphasis": "#9ea7b3",
941
- "muted": "rgba(158,167,179,0.4)",
942
- "subtle": "rgba(158,167,179,0.1)"
943
- },
944
- "accent": {
945
- "fg": "#71b7ff",
946
- "emphasis": "#409eff",
947
- "muted": "#409eff",
948
- "subtle": "rgba(64,158,255,0.15)"
949
- },
950
- "success": {
951
- "fg": "#26cd4d",
952
- "emphasis": "#09b43a",
953
- "muted": "#09b43a",
954
- "subtle": "rgba(9,180,58,0.15)"
955
- },
956
- "attention": {
957
- "fg": "#f0b72f",
958
- "emphasis": "#e09b13",
959
- "muted": "#e09b13",
960
- "subtle": "rgba(224,155,19,0.15)"
961
- },
962
- "severe": {
963
- "fg": "#e7811d",
964
- "emphasis": "#e7811d",
965
- "muted": "#e7811d",
966
- "subtle": "rgba(231,129,29,0.15)"
967
- },
968
- "danger": {
969
- "fg": "#ff6a69",
970
- "emphasis": "#ff6a69",
971
- "muted": "#ff6a69",
972
- "subtle": "rgba(255,106,105,0.15)"
973
- },
974
- "done": {
975
- "fg": "#b780ff",
976
- "emphasis": "#b87fff",
977
- "muted": "#b780ff",
978
- "subtle": "rgba(183,128,255,0.15)"
979
- },
980
- "sponsors": {
981
- "fg": "#ef6eb1",
982
- "emphasis": "#ef6eb1",
983
- "muted": "#ef6eb1",
984
- "subtle": "rgba(239,110,177,0.15)"
985
- },
986
- "primer": {
987
- "canvas": {
988
- "backdrop": "rgba(1,4,9,0.8)",
989
- "sticky": "rgba(10,12,16,0.95)"
990
- },
991
- "border": {
992
- "active": "#FF967D",
993
- "contrast": "rgba(255,255,255,0.2)"
994
- },
995
- "shadow": {
996
- "highlight": "0 0 transparent",
997
- "inset": "0 0 transparent",
998
- "focus": "0 0 0 3px #1e60d5"
999
- }
1000
- },
1001
- "scale": {
1002
- "black": "#010409",
1003
- "white": "#ffffff",
1004
- "gray": [
1005
- "#ffffff",
1006
- "#f0f3f6",
1007
- "#d9dee3",
1008
- "#bdc4cc",
1009
- "#9ea7b3",
1010
- "#7a828e",
1011
- "#525964",
1012
- "#272b33",
1013
- "#272b33",
1014
- "#0a0c10"
1015
- ],
1016
- "blue": [
1017
- "#caeaff",
1018
- "#addcff",
1019
- "#91cbff",
1020
- "#71b7ff",
1021
- "#409eff",
1022
- "#409eff",
1023
- "#318bf8",
1024
- "#2672f3",
1025
- "#1e60d5",
1026
- "#194fb1"
1027
- ],
1028
- "green": [
1029
- "#acf7b6",
1030
- "#72f088",
1031
- "#4ae168",
1032
- "#26cd4d",
1033
- "#09b43a",
1034
- "#09b43a",
1035
- "#02a232",
1036
- "#008c2c",
1037
- "#007728",
1038
- "#006222"
1039
- ],
1040
- "yellow": [
1041
- "#fbe59e",
1042
- "#fbd669",
1043
- "#f7c843",
1044
- "#f0b72f",
1045
- "#e09b13",
1046
- "#e09b13",
1047
- "#c88508",
1048
- "#ae7104",
1049
- "#945d02",
1050
- "#7b4900"
1051
- ],
1052
- "orange": [
1053
- "#ffe1b4",
1054
- "#ffcf86",
1055
- "#ffb757",
1056
- "#fe9a2d",
1057
- "#e7811d",
1058
- "#e7811d",
1059
- "#d57014",
1060
- "#bf5e0a",
1061
- "#a74c00",
1062
- "#8f3c00"
1063
- ],
1064
- "red": [
1065
- "#ffdedb",
1066
- "#ffc9c7",
1067
- "#ffb1af",
1068
- "#ff9492",
1069
- "#ff6a69",
1070
- "#ff6a69",
1071
- "#ff4445",
1072
- "#e82a2f",
1073
- "#cc1421",
1074
- "#ad0116"
1075
- ],
1076
- "purple": [
1077
- "#f0dfff",
1078
- "#e6ccff",
1079
- "#dbb7ff",
1080
- "#cb9eff",
1081
- "#b780ff",
1082
- "#b87fff",
1083
- "#a66bff",
1084
- "#954ffd",
1085
- "#8031f7",
1086
- "#6921d7"
1087
- ],
1088
- "pink": [
1089
- "#ffdceb",
1090
- "#ffc7e1",
1091
- "#ffadd4",
1092
- "#ff8dc7",
1093
- "#ef6eb1",
1094
- "#ef6eb1",
1095
- "#e456a3",
1096
- "#d23d91",
1097
- "#b72c7d",
1098
- "#9c1d6a"
1099
- ],
1100
- "coral": [
1101
- "#FFDED4",
1102
- "#FFCBB9",
1103
- "#FFB39B",
1104
- "#FF967D",
1105
- "#FC704F",
1106
- "#FC704F",
1107
- "#F75133",
1108
- "#E03B21",
1109
- "#C62612",
1110
- "#A91500"
1111
- ]
1112
- }
1113
- }