@primer/primitives 7.11.7 → 7.11.8-rc.0252b5f

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 (164) hide show
  1. package/dist/js/colors/dark.d.ts +6 -0
  2. package/dist/js/colors/dark.js +12 -6
  3. package/dist/js/colors/dark_colorblind.d.ts +6 -0
  4. package/dist/js/colors/dark_colorblind.js +12 -6
  5. package/dist/js/colors/dark_dimmed.d.ts +6 -0
  6. package/dist/js/colors/dark_dimmed.js +12 -6
  7. package/dist/js/colors/dark_high_contrast.d.ts +6 -0
  8. package/dist/js/colors/dark_high_contrast.js +10 -4
  9. package/dist/js/colors/dark_tritanopia.d.ts +6 -0
  10. package/dist/js/colors/dark_tritanopia.js +12 -6
  11. package/dist/js/colors/index.d.ts +54 -0
  12. package/dist/js/colors/light.d.ts +6 -0
  13. package/dist/js/colors/light.js +9 -3
  14. package/dist/js/colors/light_colorblind.d.ts +6 -0
  15. package/dist/js/colors/light_colorblind.js +9 -3
  16. package/dist/js/colors/light_high_contrast.d.ts +6 -0
  17. package/dist/js/colors/light_high_contrast.js +9 -3
  18. package/dist/js/colors/light_tritanopia.d.ts +6 -0
  19. package/dist/js/colors/light_tritanopia.js +9 -3
  20. package/dist/js/index.d.ts +54 -0
  21. package/dist/json/colors/dark.json +12 -6
  22. package/dist/json/colors/dark_colorblind.json +12 -6
  23. package/dist/json/colors/dark_dimmed.json +12 -6
  24. package/dist/json/colors/dark_high_contrast.json +10 -4
  25. package/dist/json/colors/dark_tritanopia.json +12 -6
  26. package/dist/json/colors/light.json +9 -3
  27. package/dist/json/colors/light_colorblind.json +9 -3
  28. package/dist/json/colors/light_high_contrast.json +9 -3
  29. package/dist/json/colors/light_tritanopia.json +9 -3
  30. package/dist/scss/colors/_dark.scss +11 -5
  31. package/dist/scss/colors/_dark_colorblind.scss +11 -5
  32. package/dist/scss/colors/_dark_dimmed.scss +11 -5
  33. package/dist/scss/colors/_dark_high_contrast.scss +9 -3
  34. package/dist/scss/colors/_dark_tritanopia.scss +11 -5
  35. package/dist/scss/colors/_light.scss +8 -2
  36. package/dist/scss/colors/_light_colorblind.scss +8 -2
  37. package/dist/scss/colors/_light_high_contrast.scss +8 -2
  38. package/dist/scss/colors/_light_tritanopia.scss +8 -2
  39. package/dist/ts/colors/dark.ts +12 -6
  40. package/dist/ts/colors/dark_colorblind.ts +12 -6
  41. package/dist/ts/colors/dark_dimmed.ts +12 -6
  42. package/dist/ts/colors/dark_high_contrast.ts +10 -4
  43. package/dist/ts/colors/dark_tritanopia.ts +12 -6
  44. package/dist/ts/colors/light.ts +9 -3
  45. package/dist/ts/colors/light_colorblind.ts +9 -3
  46. package/dist/ts/colors/light_high_contrast.ts +9 -3
  47. package/dist/ts/colors/light_tritanopia.ts +9 -3
  48. package/package.json +4 -6
  49. package/tokens-next-private/css/functional/themes/dark-colorblind.css +388 -376
  50. package/tokens-next-private/css/functional/themes/dark-dimmed.css +320 -308
  51. package/tokens-next-private/css/functional/themes/dark-high-contrast.css +308 -296
  52. package/tokens-next-private/css/functional/themes/dark-tritanopia.css +340 -328
  53. package/tokens-next-private/css/functional/themes/dark.css +320 -308
  54. package/tokens-next-private/css/functional/themes/light-colorblind.css +348 -286
  55. package/tokens-next-private/css/functional/themes/light-high-contrast.css +270 -208
  56. package/tokens-next-private/css/functional/themes/light-tritanopia.css +290 -228
  57. package/tokens-next-private/css/functional/themes/light.css +270 -208
  58. package/tokens-next-private/docs/functional/size/border.json +3 -1
  59. package/tokens-next-private/docs/functional/themes/dark-colorblind.json +504 -416
  60. package/tokens-next-private/docs/functional/themes/dark-dimmed.json +321 -233
  61. package/tokens-next-private/docs/functional/themes/dark-high-contrast.json +308 -216
  62. package/tokens-next-private/docs/functional/themes/dark-tritanopia.json +447 -357
  63. package/tokens-next-private/docs/functional/themes/dark.json +321 -233
  64. package/tokens-next-private/docs/functional/themes/light-colorblind.json +663 -240
  65. package/tokens-next-private/docs/functional/themes/light-high-contrast.json +502 -77
  66. package/tokens-next-private/docs/functional/themes/light-tritanopia.json +623 -198
  67. package/tokens-next-private/docs/functional/themes/light.json +500 -77
  68. package/tokens-next-private/docs/functional/typography/typography.json +33 -11
  69. package/tokens-next-private/fallbacks/color-fallbacks.json +245 -0
  70. package/tokens-next-private/js/functional/themes/dark-colorblind.js +158 -116
  71. package/tokens-next-private/js/functional/themes/dark-dimmed.js +103 -61
  72. package/tokens-next-private/js/functional/themes/dark-high-contrast.js +97 -55
  73. package/tokens-next-private/js/functional/themes/dark-tritanopia.js +113 -71
  74. package/tokens-next-private/js/functional/themes/dark.js +103 -61
  75. package/tokens-next-private/js/functional/themes/light-colorblind.js +123 -106
  76. package/tokens-next-private/js/functional/themes/light-high-contrast.js +65 -48
  77. package/tokens-next-private/js/functional/themes/light-tritanopia.js +75 -58
  78. package/tokens-next-private/js/functional/themes/light.js +65 -48
  79. package/tokens-next-private/json/functional/themes/dark-colorblind.json +161 -119
  80. package/tokens-next-private/json/functional/themes/dark-dimmed.json +106 -64
  81. package/tokens-next-private/json/functional/themes/dark-high-contrast.json +100 -58
  82. package/tokens-next-private/json/functional/themes/dark-tritanopia.json +116 -74
  83. package/tokens-next-private/json/functional/themes/dark.json +106 -64
  84. package/tokens-next-private/json/functional/themes/light-colorblind.json +124 -107
  85. package/tokens-next-private/json/functional/themes/light-high-contrast.json +66 -49
  86. package/tokens-next-private/json/functional/themes/light-tritanopia.json +76 -59
  87. package/tokens-next-private/json/functional/themes/light.json +66 -49
  88. package/tokens-next-private/scss/functional/size/border.scss +1 -1
  89. package/tokens-next-private/scss/functional/themes/dark-colorblind.scss +121 -115
  90. package/tokens-next-private/scss/functional/themes/dark-dimmed.scss +67 -61
  91. package/tokens-next-private/scss/functional/themes/dark-high-contrast.scss +61 -55
  92. package/tokens-next-private/scss/functional/themes/dark-tritanopia.scss +77 -71
  93. package/tokens-next-private/scss/functional/themes/dark.scss +67 -61
  94. package/tokens-next-private/scss/functional/themes/light-colorblind.scss +101 -70
  95. package/tokens-next-private/scss/functional/themes/light-high-contrast.scss +42 -11
  96. package/tokens-next-private/scss/functional/themes/light-tritanopia.scss +52 -21
  97. package/tokens-next-private/scss/functional/themes/light.scss +42 -11
  98. package/tokens-next-private/scss/functional/typography/typography.scss +11 -11
  99. package/tokens-next-private/ts/functional/themes/dark-colorblind.ts +158 -116
  100. package/tokens-next-private/ts/functional/themes/dark-dimmed.ts +103 -61
  101. package/tokens-next-private/ts/functional/themes/dark-high-contrast.ts +97 -55
  102. package/tokens-next-private/ts/functional/themes/dark-tritanopia.ts +113 -71
  103. package/tokens-next-private/ts/functional/themes/dark.ts +103 -61
  104. package/tokens-next-private/ts/functional/themes/light-colorblind.ts +123 -106
  105. package/tokens-next-private/ts/functional/themes/light-high-contrast.ts +65 -48
  106. package/tokens-next-private/ts/functional/themes/light-tritanopia.ts +75 -58
  107. package/tokens-next-private/ts/functional/themes/light.ts +65 -48
  108. package/tokens-next-private/ts/types/BaseColorDesignTokens.d.ts +1 -1
  109. package/tokens-next-private/ts/types/SizeDesignTokens.d.ts +1 -1
  110. package/tokens-next-private/ts/types/ThemeDesignTokens.d.ts +59 -42
  111. package/tokens-next-private/ts/types/TypographyDesignTokens.d.ts +1 -1
  112. package/tokens-v2-private/css/tokens/base/size/size.css +1 -1
  113. package/tokens-v2-private/css/tokens/base/typography/typography.css +1 -1
  114. package/tokens-v2-private/css/tokens/functional/size/border.css +1 -1
  115. package/tokens-v2-private/css/tokens/functional/size/breakpoints.css +1 -1
  116. package/tokens-v2-private/css/tokens/functional/size/size-coarse.css +1 -1
  117. package/tokens-v2-private/css/tokens/functional/size/size-fine.css +1 -1
  118. package/tokens-v2-private/css/tokens/functional/size/size.css +1 -1
  119. package/tokens-v2-private/css/tokens/functional/typography/typography.css +1 -1
  120. package/tokens-v2-private/js/module/tokens/base/size/size.js +1 -1
  121. package/tokens-v2-private/js/module/tokens/base/typography/typography.js +1 -1
  122. package/tokens-v2-private/js/module/tokens/functional/size/border.js +1 -1
  123. package/tokens-v2-private/js/module/tokens/functional/size/breakpoints.js +1 -1
  124. package/tokens-v2-private/js/module/tokens/functional/size/size-coarse.js +1 -1
  125. package/tokens-v2-private/js/module/tokens/functional/size/size-fine.js +1 -1
  126. package/tokens-v2-private/js/module/tokens/functional/size/size.js +1 -1
  127. package/tokens-v2-private/js/module/tokens/functional/size/viewport.js +1 -1
  128. package/tokens-v2-private/js/module/tokens/functional/typography/typography.js +1 -1
  129. package/tokens-v2-private/js/tokens/base/size/size.js +1 -1
  130. package/tokens-v2-private/js/tokens/base/typography/typography.js +1 -1
  131. package/tokens-v2-private/js/tokens/functional/size/border.js +1 -1
  132. package/tokens-v2-private/js/tokens/functional/size/breakpoints.js +1 -1
  133. package/tokens-v2-private/js/tokens/functional/size/size-coarse.js +1 -1
  134. package/tokens-v2-private/js/tokens/functional/size/size-fine.js +1 -1
  135. package/tokens-v2-private/js/tokens/functional/size/size.js +1 -1
  136. package/tokens-v2-private/js/tokens/functional/size/viewport.js +1 -1
  137. package/tokens-v2-private/js/tokens/functional/typography/typography.js +1 -1
  138. package/tokens-v2-private/scss/tokens/base/size/size.scss +1 -1
  139. package/tokens-v2-private/scss/tokens/base/typography/typography.scss +1 -1
  140. package/tokens-v2-private/scss/tokens/functional/size/border.scss +1 -1
  141. package/tokens-v2-private/scss/tokens/functional/size/breakpoints.scss +1 -1
  142. package/tokens-v2-private/scss/tokens/functional/size/size-coarse.scss +1 -1
  143. package/tokens-v2-private/scss/tokens/functional/size/size-fine.scss +1 -1
  144. package/tokens-v2-private/scss/tokens/functional/size/size.scss +1 -1
  145. package/tokens-v2-private/scss/tokens/functional/size/viewport.scss +1 -1
  146. package/tokens-v2-private/scss/tokens/functional/typography/typography.scss +1 -1
  147. package/tokens-v2-private/ts/tokens/base/size/size.d.ts +1 -1
  148. package/tokens-v2-private/ts/tokens/base/size/size.js +1 -1
  149. package/tokens-v2-private/ts/tokens/base/typography/typography.d.ts +1 -1
  150. package/tokens-v2-private/ts/tokens/base/typography/typography.js +1 -1
  151. package/tokens-v2-private/ts/tokens/functional/size/border.d.ts +1 -1
  152. package/tokens-v2-private/ts/tokens/functional/size/border.js +1 -1
  153. package/tokens-v2-private/ts/tokens/functional/size/breakpoints.d.ts +1 -1
  154. package/tokens-v2-private/ts/tokens/functional/size/breakpoints.js +1 -1
  155. package/tokens-v2-private/ts/tokens/functional/size/size-coarse.d.ts +1 -1
  156. package/tokens-v2-private/ts/tokens/functional/size/size-coarse.js +1 -1
  157. package/tokens-v2-private/ts/tokens/functional/size/size-fine.d.ts +1 -1
  158. package/tokens-v2-private/ts/tokens/functional/size/size-fine.js +1 -1
  159. package/tokens-v2-private/ts/tokens/functional/size/size.d.ts +1 -1
  160. package/tokens-v2-private/ts/tokens/functional/size/size.js +1 -1
  161. package/tokens-v2-private/ts/tokens/functional/size/viewport.d.ts +1 -1
  162. package/tokens-v2-private/ts/tokens/functional/size/viewport.js +1 -1
  163. package/tokens-v2-private/ts/tokens/functional/typography/typography.d.ts +1 -1
  164. package/tokens-v2-private/ts/tokens/functional/typography/typography.js +1 -1
@@ -181,8 +181,8 @@
181
181
  },
182
182
  "borderColor": {
183
183
  "rest": "#0969da",
184
- "hover": "#00000000",
185
- "active": "#00000000",
184
+ "hover": "#0860ca",
185
+ "active": "#0757ba",
186
186
  "disabled": "#8c959f"
187
187
  }
188
188
  }
@@ -254,9 +254,9 @@
254
254
  "disabled": "#92caff"
255
255
  },
256
256
  "borderColor": {
257
- "rest": "#d0d7decc",
258
- "hover": "#d0d7decc",
259
- "disabled": "#d0d7decc"
257
+ "rest": "#1f232826",
258
+ "hover": "#1f232826",
259
+ "disabled": "#1f232826"
260
260
  },
261
261
  "shadow": {
262
262
  "selected": "inset 0px 1px 0px 0px #0021554d"
@@ -265,6 +265,7 @@
265
265
  "invisible": {
266
266
  "fgColor": {
267
267
  "rest": "#0969da",
268
+ "hover": "#0969da",
268
269
  "disabled": "#8c959f"
269
270
  },
270
271
  "bgColor": {
@@ -329,12 +330,17 @@
329
330
  "buttonCounter": {
330
331
  "default": {
331
332
  "bgColor": {
332
- "rest": "#eaeef280"
333
+ "rest": "#eaeef2"
334
+ }
335
+ },
336
+ "invisible": {
337
+ "bgColor": {
338
+ "rest": "#eaeef2"
333
339
  }
334
340
  },
335
341
  "primary": {
336
342
  "bgColor": {
337
- "rest": "#ffffff33"
343
+ "rest": "#002d1133"
338
344
  }
339
345
  },
340
346
  "outline": {
@@ -342,6 +348,11 @@
342
348
  "rest": "#0969da1a",
343
349
  "hover": "#ffffff33",
344
350
  "disabled": "#0969da0d"
351
+ },
352
+ "fgColor": {
353
+ "rest": "#0550ae",
354
+ "hover": "#ffffff",
355
+ "disabled": "#0969da80"
345
356
  }
346
357
  },
347
358
  "danger": {
@@ -349,6 +360,11 @@
349
360
  "hover": "#ffffff33",
350
361
  "disabled": "#cf222e0d",
351
362
  "rest": "#cf222e1a"
363
+ },
364
+ "fgColor": {
365
+ "rest": "#c21c2c",
366
+ "hover": "#ffffff",
367
+ "disabled": "#d1242f80"
352
368
  }
353
369
  }
354
370
  },
@@ -403,19 +419,15 @@
403
419
  "onEmphasis": "#ffffff",
404
420
  "disabled": "#8c959f",
405
421
  "link": {
406
- "rest": "#0969da",
407
- "inverse": {
408
- "rest": "#54aeff"
409
- },
410
- "control": "#868f99"
422
+ "rest": "#0969da"
411
423
  },
412
424
  "accent": "#0969da",
413
425
  "success": "#0969da",
414
426
  "attention": "#9a6700",
415
427
  "severe": "#cf222e",
416
428
  "danger": "#d1242f",
417
- "open": "#0969da",
418
- "closed": "#d1242f",
429
+ "open": "#cf222e",
430
+ "closed": "#6e7781",
419
431
  "done": "#8250df",
420
432
  "sponsors": "#bf3989"
421
433
  },
@@ -449,13 +461,13 @@
449
461
  "emphasis": "#cf222e"
450
462
  },
451
463
  "open": {
452
- "muted": "#ddf4ff",
453
- "emphasis": "#0f72e3"
454
- },
455
- "closed": {
456
464
  "muted": "#ffebe9",
457
465
  "emphasis": "#cf222e"
458
466
  },
467
+ "closed": {
468
+ "muted": "#f6f8fa",
469
+ "emphasis": "#6e7781"
470
+ },
459
471
  "done": {
460
472
  "muted": "#fbefff",
461
473
  "emphasis": "#8250df"
@@ -495,13 +507,13 @@
495
507
  "emphasis": "#cf222e"
496
508
  },
497
509
  "open": {
498
- "muted": "#54aeff66",
499
- "emphasis": "#218bff"
500
- },
501
- "closed": {
502
510
  "muted": "#ff818266",
503
511
  "emphasis": "#cf222e"
504
512
  },
513
+ "closed": {
514
+ "muted": "#afb8c166",
515
+ "emphasis": "#6e7781"
516
+ },
505
517
  "done": {
506
518
  "muted": "#c297ff66",
507
519
  "emphasis": "#8250df"
@@ -513,70 +525,75 @@
513
525
  },
514
526
  "color": {
515
527
  "ansi": {
516
- "black": {
517
- "bright": "#57606a"
518
- },
519
- "white": {
520
- "bright": "#8c959f"
521
- },
528
+ "black": "#24292f",
529
+ "black-bright": "#57606a",
530
+ "white": "#6e7781",
531
+ "white-bright": "#8c959f",
522
532
  "gray": "#6e7781",
523
- "red": {
524
- "bright": "#a40e26"
525
- },
526
- "green": {
527
- "bright": "#0969da"
528
- },
529
- "yellow": {
530
- "bright": "#633c01"
531
- },
532
- "blue": {
533
- "bright": "#218bff"
534
- },
535
- "magenta": {
536
- "bright": "#a475f9"
537
- },
538
- "cyan": {
539
- "bright": "#3192aa"
540
- }
533
+ "red": "#cf222e",
534
+ "red-bright": "#a40e26",
535
+ "green": "#0550ae",
536
+ "green-bright": "#0969da",
537
+ "yellow": "#4d2d00",
538
+ "yellow-bright": "#633c01",
539
+ "blue": "#0969da",
540
+ "blue-bright": "#218bff",
541
+ "magenta": "#8250df",
542
+ "magenta-bright": "#a475f9",
543
+ "cyan": "#1b7c83",
544
+ "cyan-bright": "#3192aa"
541
545
  },
542
546
  "prettylights": {
543
547
  "syntax": {
544
548
  "comment": "#6e7781",
545
- "constant": {
546
- "other": {
547
- "reference": {
548
- "link": "#0a3069"
549
- }
550
- }
551
- },
552
- "entity": {
553
- "tag": "#0550ae"
554
- },
549
+ "constant": "#0550ae",
550
+ "constant-other-reference-link": "#0a3069",
551
+ "entity": "#8250df",
555
552
  "storage": {
556
553
  "modifier": {
557
554
  "import": "#24292f"
558
555
  }
559
556
  },
557
+ "entity-tag": "#0550ae",
560
558
  "keyword": "#cf222e",
561
- "string": {
562
- "regexp": "#0550ae"
563
- },
559
+ "string": "#0a3069",
564
560
  "variable": "#a40e26",
565
561
  "brackethighlighter": {
562
+ "unmatched": "#82071e",
566
563
  "angle": "#57606a"
567
564
  },
568
565
  "invalid": {
569
566
  "illegal": {
567
+ "text": "#f6f8fa",
570
568
  "bg": "#82071e"
571
569
  }
572
570
  },
573
571
  "carriage": {
574
572
  "return": {
573
+ "text": "#f6f8fa",
575
574
  "bg": "#cf222e"
576
575
  }
577
576
  },
577
+ "string-regexp": "#0550ae",
578
578
  "markup": {
579
+ "list": "#3b2300",
580
+ "heading": "#0550ae",
581
+ "italic": "#24292f",
582
+ "bold": "#24292f",
583
+ "deleted": {
584
+ "text": "#82071e",
585
+ "bg": "#ffebe9"
586
+ },
587
+ "inserted": {
588
+ "text": "#0550ae",
589
+ "bg": "#ddf4ff"
590
+ },
591
+ "changed": {
592
+ "text": "#a40e26",
593
+ "bg": "#ffcecb"
594
+ },
579
595
  "ignored": {
596
+ "text": "#eaeef2",
580
597
  "bg": "#0550ae"
581
598
  }
582
599
  },
@@ -181,8 +181,8 @@
181
181
  },
182
182
  "borderColor": {
183
183
  "rest": "#0969da",
184
- "hover": "#00000000",
185
- "active": "#00000000",
184
+ "hover": "#0860ca",
185
+ "active": "#0757ba",
186
186
  "disabled": "#8c959f"
187
187
  }
188
188
  }
@@ -254,9 +254,9 @@
254
254
  "disabled": "#95d8a6"
255
255
  },
256
256
  "borderColor": {
257
- "rest": "#d0d7decc",
258
- "hover": "#d0d7decc",
259
- "disabled": "#d0d7decc"
257
+ "rest": "#1f232826",
258
+ "hover": "#1f232826",
259
+ "disabled": "#1f232826"
260
260
  },
261
261
  "shadow": {
262
262
  "selected": "inset 0px 1px 0px 0px #002d114d"
@@ -265,6 +265,7 @@
265
265
  "invisible": {
266
266
  "fgColor": {
267
267
  "rest": "#0969da",
268
+ "hover": "#0969da",
268
269
  "disabled": "#8c959f"
269
270
  },
270
271
  "bgColor": {
@@ -329,12 +330,17 @@
329
330
  "buttonCounter": {
330
331
  "default": {
331
332
  "bgColor": {
332
- "rest": "#eaeef280"
333
+ "rest": "#eaeef2"
334
+ }
335
+ },
336
+ "invisible": {
337
+ "bgColor": {
338
+ "rest": "#eaeef2"
333
339
  }
334
340
  },
335
341
  "primary": {
336
342
  "bgColor": {
337
- "rest": "#ffffff33"
343
+ "rest": "#002d1133"
338
344
  }
339
345
  },
340
346
  "outline": {
@@ -342,6 +348,11 @@
342
348
  "rest": "#0969da1a",
343
349
  "hover": "#ffffff33",
344
350
  "disabled": "#0969da0d"
351
+ },
352
+ "fgColor": {
353
+ "rest": "#0550ae",
354
+ "hover": "#ffffff",
355
+ "disabled": "#0969da80"
345
356
  }
346
357
  },
347
358
  "danger": {
@@ -349,6 +360,11 @@
349
360
  "hover": "#ffffff33",
350
361
  "disabled": "#cf222e0d",
351
362
  "rest": "#cf222e1a"
363
+ },
364
+ "fgColor": {
365
+ "rest": "#c21c2c",
366
+ "hover": "#ffffff",
367
+ "disabled": "#d1242f80"
352
368
  }
353
369
  }
354
370
  },
@@ -403,11 +419,7 @@
403
419
  "onEmphasis": "#ffffff",
404
420
  "disabled": "#8c959f",
405
421
  "link": {
406
- "rest": "#0969da",
407
- "inverse": {
408
- "rest": "#54aeff"
409
- },
410
- "control": "#868f99"
422
+ "rest": "#0969da"
411
423
  },
412
424
  "accent": "#0969da",
413
425
  "success": "#1a7f37",
@@ -513,70 +525,75 @@
513
525
  },
514
526
  "color": {
515
527
  "ansi": {
516
- "black": {
517
- "bright": "#57606a"
518
- },
519
- "white": {
520
- "bright": "#8c959f"
521
- },
528
+ "black": "#24292f",
529
+ "black-bright": "#57606a",
530
+ "white": "#6e7781",
531
+ "white-bright": "#8c959f",
522
532
  "gray": "#6e7781",
523
- "red": {
524
- "bright": "#a40e26"
525
- },
526
- "green": {
527
- "bright": "#1a7f37"
528
- },
529
- "yellow": {
530
- "bright": "#633c01"
531
- },
532
- "blue": {
533
- "bright": "#218bff"
534
- },
535
- "magenta": {
536
- "bright": "#a475f9"
537
- },
538
- "cyan": {
539
- "bright": "#3192aa"
540
- }
533
+ "red": "#cf222e",
534
+ "red-bright": "#a40e26",
535
+ "green": "#116329",
536
+ "green-bright": "#1a7f37",
537
+ "yellow": "#4d2d00",
538
+ "yellow-bright": "#633c01",
539
+ "blue": "#0969da",
540
+ "blue-bright": "#218bff",
541
+ "magenta": "#8250df",
542
+ "magenta-bright": "#a475f9",
543
+ "cyan": "#1b7c83",
544
+ "cyan-bright": "#3192aa"
541
545
  },
542
546
  "prettylights": {
543
547
  "syntax": {
544
548
  "comment": "#6e7781",
545
- "constant": {
546
- "other": {
547
- "reference": {
548
- "link": "#0a3069"
549
- }
550
- }
551
- },
552
- "entity": {
553
- "tag": "#0550ae"
554
- },
549
+ "constant": "#0550ae",
550
+ "constant-other-reference-link": "#0a3069",
551
+ "entity": "#8250df",
555
552
  "storage": {
556
553
  "modifier": {
557
554
  "import": "#24292f"
558
555
  }
559
556
  },
557
+ "entity-tag": "#0550ae",
560
558
  "keyword": "#cf222e",
561
- "string": {
562
- "regexp": "#116329"
563
- },
559
+ "string": "#0a3069",
564
560
  "variable": "#953800",
565
561
  "brackethighlighter": {
562
+ "unmatched": "#82071e",
566
563
  "angle": "#57606a"
567
564
  },
568
565
  "invalid": {
569
566
  "illegal": {
567
+ "text": "#f6f8fa",
570
568
  "bg": "#82071e"
571
569
  }
572
570
  },
573
571
  "carriage": {
574
572
  "return": {
573
+ "text": "#f6f8fa",
575
574
  "bg": "#cf222e"
576
575
  }
577
576
  },
577
+ "string-regexp": "#116329",
578
578
  "markup": {
579
+ "list": "#3b2300",
580
+ "heading": "#0550ae",
581
+ "italic": "#24292f",
582
+ "bold": "#24292f",
583
+ "deleted": {
584
+ "text": "#82071e",
585
+ "bg": "#ffebe9"
586
+ },
587
+ "inserted": {
588
+ "text": "#116329",
589
+ "bg": "#dafbe1"
590
+ },
591
+ "changed": {
592
+ "text": "#953800",
593
+ "bg": "#ffd8b5"
594
+ },
579
595
  "ignored": {
596
+ "text": "#eaeef2",
580
597
  "bg": "#0550ae"
581
598
  }
582
599
  },
@@ -1,6 +1,6 @@
1
1
  @mixin primer-colors-border {
2
2
  & {
3
- --boxShadow-thin: inset 0 0 0 max(1px, 0.0625rem);
3
+ --boxShadow-thin: inset 0 0 0 max(1px, 0.0625rem); /* Thin shadow for borders */
4
4
  --boxShadow-thick: inset 0 0 0 max(2px, 0.125rem);
5
5
  --boxShadow-thicker: inset 0 0 0 max(4px, 0.25rem);
6
6
  --borderWidth-thin: max(1px, 0.0625rem);