@primer/primitives 9.0.0-rc.fa8264ac → 9.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 (81) hide show
  1. package/dist/css/functional/themes/dark-colorblind.css +12 -8
  2. package/dist/css/functional/themes/dark-dimmed.css +10 -6
  3. package/dist/css/functional/themes/dark-high-contrast.css +54 -50
  4. package/dist/css/functional/themes/dark-tritanopia.css +12 -8
  5. package/dist/css/functional/themes/dark.css +10 -6
  6. package/dist/css/functional/themes/light-colorblind.css +16 -12
  7. package/dist/css/functional/themes/light-high-contrast.css +22 -18
  8. package/dist/css/functional/themes/light-tritanopia.css +16 -12
  9. package/dist/css/functional/themes/light.css +14 -10
  10. package/dist/docs/functional/themes/dark-colorblind.json +153 -97
  11. package/dist/docs/functional/themes/dark-dimmed.json +155 -99
  12. package/dist/docs/functional/themes/dark-high-contrast.json +243 -161
  13. package/dist/docs/functional/themes/dark-tritanopia.json +153 -97
  14. package/dist/docs/functional/themes/dark.json +152 -96
  15. package/dist/docs/functional/themes/light-colorblind.json +159 -101
  16. package/dist/docs/functional/themes/light-high-contrast.json +177 -117
  17. package/dist/docs/functional/themes/light-tritanopia.json +159 -101
  18. package/dist/docs/functional/themes/light.json +158 -100
  19. package/dist/figma/figma.json +3 -3
  20. package/dist/figma/scales/dark-dimmed.json +56 -24
  21. package/dist/figma/scales/dark-high-constrast.json +56 -24
  22. package/dist/figma/scales/dark.json +56 -24
  23. package/dist/figma/scales/light-high-constrast.json +59 -27
  24. package/dist/figma/scales/light.json +59 -27
  25. package/dist/figma/shadows/dark-colorblind.json +167 -167
  26. package/dist/figma/shadows/dark-dimmed.json +167 -167
  27. package/dist/figma/shadows/dark-high-contrast.json +167 -167
  28. package/dist/figma/shadows/dark-tritanopia.json +167 -167
  29. package/dist/figma/shadows/dark.json +167 -167
  30. package/dist/figma/shadows/light-colorblind.json +84 -84
  31. package/dist/figma/shadows/light-high-contrast.json +84 -84
  32. package/dist/figma/shadows/light-tritanopia.json +84 -84
  33. package/dist/figma/shadows/light.json +84 -84
  34. package/dist/figma/themes/dark-colorblind.json +1023 -992
  35. package/dist/figma/themes/dark-dimmed.json +1943 -1912
  36. package/dist/figma/themes/dark-high-contrast.json +2865 -2830
  37. package/dist/figma/themes/dark-tritanopia.json +1022 -991
  38. package/dist/figma/themes/dark.json +1019 -988
  39. package/dist/figma/themes/light-colorblind.json +1419 -1387
  40. package/dist/figma/themes/light-high-contrast.json +1254 -1221
  41. package/dist/figma/themes/light-tritanopia.json +1419 -1387
  42. package/dist/figma/themes/light.json +1357 -1325
  43. package/dist/internalCss/dark-colorblind.css +40 -32
  44. package/dist/internalCss/dark-dimmed.css +38 -30
  45. package/dist/internalCss/dark-high-contrast.css +82 -74
  46. package/dist/internalCss/dark-tritanopia.css +40 -32
  47. package/dist/internalCss/dark.css +38 -30
  48. package/dist/internalCss/light-colorblind.css +46 -38
  49. package/dist/internalCss/light-high-contrast.css +52 -44
  50. package/dist/internalCss/light-tritanopia.css +46 -38
  51. package/dist/internalCss/light.css +44 -36
  52. package/dist/styleLint/functional/themes/dark-colorblind.json +153 -97
  53. package/dist/styleLint/functional/themes/dark-dimmed.json +155 -99
  54. package/dist/styleLint/functional/themes/dark-high-contrast.json +243 -161
  55. package/dist/styleLint/functional/themes/dark-tritanopia.json +153 -97
  56. package/dist/styleLint/functional/themes/dark.json +152 -96
  57. package/dist/styleLint/functional/themes/light-colorblind.json +159 -101
  58. package/dist/styleLint/functional/themes/light-high-contrast.json +177 -117
  59. package/dist/styleLint/functional/themes/light-tritanopia.json +159 -101
  60. package/dist/styleLint/functional/themes/light.json +158 -100
  61. package/package.json +1 -1
  62. package/src/schemas/colorToken.ts +1 -1
  63. package/src/schemas/dimensionToken.ts +1 -0
  64. package/src/schemas/scopes.ts +10 -21
  65. package/src/tokens/base/color/dark/dark.dimmed.json5 +0 -20
  66. package/src/tokens/base/color/dark/dark.json5 +29 -11
  67. package/src/tokens/base/color/light/light.json5 +29 -11
  68. package/src/tokens/functional/color/dark/app-dark.json5 +5 -5
  69. package/src/tokens/functional/color/dark/overrides/dark.dimmed.json5 +24 -24
  70. package/src/tokens/functional/color/dark/overrides/dark.high-contrast.json5 +82 -83
  71. package/src/tokens/functional/color/dark/patterns-dark.json5 +62 -37
  72. package/src/tokens/functional/color/dark/primitives-dark.json5 +23 -23
  73. package/src/tokens/functional/color/dark/syntax-dark.json5 +14 -14
  74. package/src/tokens/functional/color/light/app-light.json5 +5 -5
  75. package/src/tokens/functional/color/light/overrides/light.high-contrast.json5 +73 -25
  76. package/src/tokens/functional/color/light/patterns-light.json5 +65 -39
  77. package/src/tokens/functional/color/light/primitives-light.json5 +23 -23
  78. package/src/tokens/functional/color/light/syntax-light.json5 +14 -14
  79. package/src/tokens/functional/shadow/dark.json5 +15 -15
  80. package/src/tokens/functional/shadow/light.json5 +16 -16
  81. package/src/transformers/figmaAttributes.ts +6 -0
package/dist/css/functional/themes/dark-colorblind.css CHANGED
@@ -25,7 +25,7 @@
25
25
  --codeMirror-lineNumber-fgColor: #9198a1;
26
26
  --codeMirror-cursor-fgColor: #f0f6fc;
27
27
  --codeMirror-selection-bgColor: #388bfd66;
28
- --codeMirror-activeline-bgColor: #2f3742b3;
28
+ --codeMirror-activeline-bgColor: #656c7633;
29
29
  --codeMirror-matchingBracket-fgColor: #f0f6fc;
30
30
  --codeMirror-lines-bgColor: #0d1117;
31
31
  --codeMirror-syntax-fgColor-comment: #656c76;
@@ -215,6 +215,8 @@
215
215
  --controlKnob-borderColor-disabled: #212830;
216
216
  --controlKnob-borderColor-checked: #1f6feb;
217
217
  --counter-borderColor: #00000000;
218
+ --counter-bgColor-muted: #656c7633;
219
+ --counter-bgColor-emphasis: #656c76;
218
220
  --button-default-fgColor-rest: #f0f6fc;
219
221
  --button-default-bgColor-rest: #212830;
220
222
  --button-default-bgColor-hover: #262c36;
@@ -280,7 +282,7 @@
280
282
  --button-inactive-bgColor: #262c36;
281
283
  --button-star-iconColor: #e3b341;
282
284
  --buttonCounter-default-bgColor-rest: #2f3742;
283
- --buttonCounter-invisible-bgColor-rest: #2f3742;
285
+ --buttonCounter-invisible-bgColor-rest: #656c7633;
284
286
  --buttonCounter-primary-bgColor-rest: #04260f33;
285
287
  --buttonCounter-outline-bgColor-rest: #051d4d33;
286
288
  --buttonCounter-outline-bgColor-hover: #051d4d33;
@@ -458,7 +460,7 @@
458
460
  --bgColor-black: #010409;
459
461
  --bgColor-disabled: #212830;
460
462
  --bgColor-transparent: #00000000;
461
- --bgColor-neutral-muted: #2f3742b3;
463
+ --bgColor-neutral-muted: #656c7633;
462
464
  --bgColor-neutral-emphasis: #656c76;
463
465
  --bgColor-accent-muted: #388bfd1a;
464
466
  --bgColor-accent-emphasis: #1f6feb;
@@ -472,7 +474,7 @@
472
474
  --bgColor-severe-emphasis: #bd561d;
473
475
  --bgColor-danger-muted: #db6d281a;
474
476
  --bgColor-danger-emphasis: #bd561d;
475
- --bgColor-closed-muted: #2f37421a;
477
+ --bgColor-closed-muted: #656c761a;
476
478
  --bgColor-closed-emphasis: #656c76;
477
479
  --bgColor-done-muted: #ab7df826;
478
480
  --bgColor-done-emphasis: #8957e5;
@@ -592,7 +594,7 @@
592
594
  --codeMirror-lineNumber-fgColor: #9198a1;
593
595
  --codeMirror-cursor-fgColor: #f0f6fc;
594
596
  --codeMirror-selection-bgColor: #388bfd66;
595
- --codeMirror-activeline-bgColor: #2f3742b3;
597
+ --codeMirror-activeline-bgColor: #656c7633;
596
598
  --codeMirror-matchingBracket-fgColor: #f0f6fc;
597
599
  --codeMirror-lines-bgColor: #0d1117;
598
600
  --codeMirror-syntax-fgColor-comment: #656c76;
@@ -782,6 +784,8 @@
782
784
  --controlKnob-borderColor-disabled: #212830;
783
785
  --controlKnob-borderColor-checked: #1f6feb;
784
786
  --counter-borderColor: #00000000;
787
+ --counter-bgColor-muted: #656c7633;
788
+ --counter-bgColor-emphasis: #656c76;
785
789
  --button-default-fgColor-rest: #f0f6fc;
786
790
  --button-default-bgColor-rest: #212830;
787
791
  --button-default-bgColor-hover: #262c36;
@@ -847,7 +851,7 @@
847
851
  --button-inactive-bgColor: #262c36;
848
852
  --button-star-iconColor: #e3b341;
849
853
  --buttonCounter-default-bgColor-rest: #2f3742;
850
- --buttonCounter-invisible-bgColor-rest: #2f3742;
854
+ --buttonCounter-invisible-bgColor-rest: #656c7633;
851
855
  --buttonCounter-primary-bgColor-rest: #04260f33;
852
856
  --buttonCounter-outline-bgColor-rest: #051d4d33;
853
857
  --buttonCounter-outline-bgColor-hover: #051d4d33;
@@ -1025,7 +1029,7 @@
1025
1029
  --bgColor-black: #010409;
1026
1030
  --bgColor-disabled: #212830;
1027
1031
  --bgColor-transparent: #00000000;
1028
- --bgColor-neutral-muted: #2f3742b3;
1032
+ --bgColor-neutral-muted: #656c7633;
1029
1033
  --bgColor-neutral-emphasis: #656c76;
1030
1034
  --bgColor-accent-muted: #388bfd1a;
1031
1035
  --bgColor-accent-emphasis: #1f6feb;
@@ -1039,7 +1043,7 @@
1039
1043
  --bgColor-severe-emphasis: #bd561d;
1040
1044
  --bgColor-danger-muted: #db6d281a;
1041
1045
  --bgColor-danger-emphasis: #bd561d;
1042
- --bgColor-closed-muted: #2f37421a;
1046
+ --bgColor-closed-muted: #656c761a;
1043
1047
  --bgColor-closed-emphasis: #656c76;
1044
1048
  --bgColor-done-muted: #ab7df826;
1045
1049
  --bgColor-done-emphasis: #8957e5;
package/dist/css/functional/themes/dark-dimmed.css CHANGED
@@ -25,7 +25,7 @@
25
25
  --codeMirror-lineNumber-fgColor: #9198a1;
26
26
  --codeMirror-cursor-fgColor: #d1d7e0;
27
27
  --codeMirror-selection-bgColor: #4184e466;
28
- --codeMirror-activeline-bgColor: #2f3742b3;
28
+ --codeMirror-activeline-bgColor: #656c7633;
29
29
  --codeMirror-matchingBracket-fgColor: #d1d7e0;
30
30
  --codeMirror-lines-bgColor: #212830;
31
31
  --codeMirror-syntax-fgColor-comment: #656c76;
@@ -215,6 +215,8 @@
215
215
  --controlKnob-borderColor-disabled: #2a313c;
216
216
  --controlKnob-borderColor-checked: #316dca;
217
217
  --counter-borderColor: #00000000;
218
+ --counter-bgColor-muted: #656c7633;
219
+ --counter-bgColor-emphasis: #656c76;
218
220
  --button-default-fgColor-rest: #d1d7e0;
219
221
  --button-default-bgColor-rest: #2a313c;
220
222
  --button-default-bgColor-hover: #2f3742;
@@ -280,7 +282,7 @@
280
282
  --button-inactive-bgColor: #2a313c;
281
283
  --button-star-iconColor: #daaa3f;
282
284
  --buttonCounter-default-bgColor-rest: #2f3742;
283
- --buttonCounter-invisible-bgColor-rest: #2f3742;
285
+ --buttonCounter-invisible-bgColor-rest: #656c7633;
284
286
  --buttonCounter-primary-bgColor-rest: #11341733;
285
287
  --buttonCounter-outline-bgColor-rest: #0f2d5c33;
286
288
  --buttonCounter-outline-bgColor-hover: #0f2d5c33;
@@ -458,7 +460,7 @@
458
460
  --bgColor-black: #1c2128;
459
461
  --bgColor-disabled: #2a313c;
460
462
  --bgColor-transparent: #00000000;
461
- --bgColor-neutral-muted: #2f3742b3;
463
+ --bgColor-neutral-muted: #656c7633;
462
464
  --bgColor-neutral-emphasis: #656c76;
463
465
  --bgColor-accent-muted: #4184e41a;
464
466
  --bgColor-accent-emphasis: #316dca;
@@ -592,7 +594,7 @@
592
594
  --codeMirror-lineNumber-fgColor: #9198a1;
593
595
  --codeMirror-cursor-fgColor: #d1d7e0;
594
596
  --codeMirror-selection-bgColor: #4184e466;
595
- --codeMirror-activeline-bgColor: #2f3742b3;
597
+ --codeMirror-activeline-bgColor: #656c7633;
596
598
  --codeMirror-matchingBracket-fgColor: #d1d7e0;
597
599
  --codeMirror-lines-bgColor: #212830;
598
600
  --codeMirror-syntax-fgColor-comment: #656c76;
@@ -782,6 +784,8 @@
782
784
  --controlKnob-borderColor-disabled: #2a313c;
783
785
  --controlKnob-borderColor-checked: #316dca;
784
786
  --counter-borderColor: #00000000;
787
+ --counter-bgColor-muted: #656c7633;
788
+ --counter-bgColor-emphasis: #656c76;
785
789
  --button-default-fgColor-rest: #d1d7e0;
786
790
  --button-default-bgColor-rest: #2a313c;
787
791
  --button-default-bgColor-hover: #2f3742;
@@ -847,7 +851,7 @@
847
851
  --button-inactive-bgColor: #2a313c;
848
852
  --button-star-iconColor: #daaa3f;
849
853
  --buttonCounter-default-bgColor-rest: #2f3742;
850
- --buttonCounter-invisible-bgColor-rest: #2f3742;
854
+ --buttonCounter-invisible-bgColor-rest: #656c7633;
851
855
  --buttonCounter-primary-bgColor-rest: #11341733;
852
856
  --buttonCounter-outline-bgColor-rest: #0f2d5c33;
853
857
  --buttonCounter-outline-bgColor-hover: #0f2d5c33;
@@ -1025,7 +1029,7 @@
1025
1029
  --bgColor-black: #1c2128;
1026
1030
  --bgColor-disabled: #2a313c;
1027
1031
  --bgColor-transparent: #00000000;
1028
- --bgColor-neutral-muted: #2f3742b3;
1032
+ --bgColor-neutral-muted: #656c7633;
1029
1033
  --bgColor-neutral-emphasis: #656c76;
1030
1034
  --bgColor-accent-muted: #4184e41a;
1031
1035
  --bgColor-accent-emphasis: #316dca;
package/dist/css/functional/themes/dark-high-contrast.css CHANGED
@@ -25,7 +25,7 @@
25
25
  --codeMirror-lineNumber-fgColor: #b7bdc8;
26
26
  --codeMirror-cursor-fgColor: #ffffff;
27
27
  --codeMirror-selection-bgColor: #5cacff66;
28
- --codeMirror-activeline-bgColor: #2f3742b3;
28
+ --codeMirror-activeline-bgColor: #212830;
29
29
  --codeMirror-matchingBracket-fgColor: #ffffff;
30
30
  --codeMirror-lines-bgColor: #010409;
31
31
  --codeMirror-syntax-fgColor-comment: #656c76;
@@ -215,6 +215,8 @@
215
215
  --controlKnob-borderColor-disabled: #262c36;
216
216
  --controlKnob-borderColor-checked: #194fb1;
217
217
  --counter-borderColor: #b7bdc8;
218
+ --counter-bgColor-muted: #212830;
219
+ --counter-bgColor-emphasis: #3d444d;
218
220
  --button-default-fgColor-rest: #ffffff;
219
221
  --button-default-bgColor-rest: #262c36;
220
222
  --button-default-bgColor-hover: #2a313c;
@@ -254,7 +256,7 @@
254
256
  --button-outline-fgColor-rest: #5cacff;
255
257
  --button-outline-fgColor-hover: #71b7ff;
256
258
  --button-outline-fgColor-active: #ffffff;
257
- --button-outline-fgColor-disabled: #73b8ff80;
259
+ --button-outline-fgColor-disabled: #74b9ff80;
258
260
  --button-outline-bgColor-rest: #f0f6fc;
259
261
  --button-outline-bgColor-hover: #2a313c;
260
262
  --button-outline-bgColor-active: #2672f3;
@@ -280,14 +282,14 @@
280
282
  --button-inactive-bgColor: #262c36;
281
283
  --button-star-iconColor: #f7c843;
282
284
  --buttonCounter-default-bgColor-rest: #2f3742;
283
- --buttonCounter-invisible-bgColor-rest: #2f3742;
285
+ --buttonCounter-invisible-bgColor-rest: #212830;
284
286
  --buttonCounter-primary-bgColor-rest: #01040926;
285
287
  --buttonCounter-outline-bgColor-rest: #194fb133;
286
288
  --buttonCounter-outline-bgColor-hover: #194fb133;
287
289
  --buttonCounter-outline-bgColor-disabled: #194fb10d;
288
290
  --buttonCounter-outline-fgColor-rest: #5cacff;
289
291
  --buttonCounter-outline-fgColor-hover: #71b7ff;
290
- --buttonCounter-outline-fgColor-disabled: #73b8ff80;
292
+ --buttonCounter-outline-fgColor-disabled: #74b9ff80;
291
293
  --buttonCounter-danger-bgColor-hover: #01040926;
292
294
  --buttonCounter-danger-bgColor-disabled: #ad01160d;
293
295
  --buttonCounter-danger-bgColor-rest: #01040926;
@@ -296,7 +298,7 @@
296
298
  --buttonCounter-danger-fgColor-disabled: #ff949280;
297
299
  --reactionButton-selected-bgColor-rest: #5cacff33;
298
300
  --reactionButton-selected-bgColor-hover: #5dadff5c;
299
- --reactionButton-selected-fgColor-rest: #73b8ff;
301
+ --reactionButton-selected-fgColor-rest: #74b9ff;
300
302
  --reactionButton-selected-fgColor-hover: #91cbff;
301
303
  --focus-outlineColor: #409eff;
302
304
  --menu-bgColor-active: #151b23;
@@ -437,18 +439,18 @@
437
439
  --fgColor-white: #ffffff;
438
440
  --fgColor-black: #010409;
439
441
  --fgColor-disabled: #9198a199;
440
- --fgColor-link: #73b8ff;
441
- --fgColor-neutral: #b7bdc8;
442
- --fgColor-accent: #73b8ff;
443
- --fgColor-success: #28d751;
444
- --fgColor-open: #28d751;
442
+ --fgColor-link: #74b9ff;
443
+ --fgColor-neutral: #d1d7e0;
444
+ --fgColor-accent: #74b9ff;
445
+ --fgColor-success: #2bd853;
446
+ --fgColor-open: #2bd853;
445
447
  --fgColor-attention: #f0b72f;
446
448
  --fgColor-severe: #fe9a2d;
447
449
  --fgColor-danger: #ff9492;
448
450
  --fgColor-closed: #ff9492;
449
- --fgColor-done: #cb9eff;
450
- --fgColor-upsell: #cb9eff;
451
- --fgColor-sponsors: #ff8dc7;
451
+ --fgColor-done: #d3abff;
452
+ --fgColor-upsell: #d3abff;
453
+ --fgColor-sponsors: #ff90c8;
452
454
  --bgColor-default: #010409;
453
455
  --bgColor-muted: #151b23;
454
456
  --bgColor-inset: #010409;
@@ -458,27 +460,27 @@
458
460
  --bgColor-black: #010409;
459
461
  --bgColor-disabled: #262c36;
460
462
  --bgColor-transparent: #00000000;
461
- --bgColor-neutral-muted: #2f3742b3;
463
+ --bgColor-neutral-muted: #212830;
462
464
  --bgColor-neutral-emphasis: #3d444d;
463
- --bgColor-accent-muted: #409eff1a;
465
+ --bgColor-accent-muted: #5cacff1a;
464
466
  --bgColor-accent-emphasis: #194fb1;
465
- --bgColor-success-muted: #0ac74024;
467
+ --bgColor-success-muted: #0ac74026;
466
468
  --bgColor-success-emphasis: #006222;
467
- --bgColor-open-muted: #0ac74024;
469
+ --bgColor-open-muted: #0ac74026;
468
470
  --bgColor-open-emphasis: #006222;
469
471
  --bgColor-attention-muted: #edaa2726;
470
472
  --bgColor-attention-emphasis: #7b4900;
471
- --bgColor-severe-muted: #f48b2516;
473
+ --bgColor-severe-muted: #f48b251a;
472
474
  --bgColor-severe-emphasis: #8f3c00;
473
- --bgColor-danger-muted: #ff808017;
475
+ --bgColor-danger-muted: #ff80801a;
474
476
  --bgColor-danger-emphasis: #ad0116;
475
- --bgColor-closed-muted: #ff808017;
477
+ --bgColor-closed-muted: #ff80801a;
476
478
  --bgColor-closed-emphasis: #ad0116;
477
- --bgColor-done-muted: #b87fff17;
479
+ --bgColor-done-muted: #bf8fff26;
478
480
  --bgColor-done-emphasis: #6921d7;
479
- --bgColor-upsell-muted: #b87fff17;
481
+ --bgColor-upsell-muted: #bf8fff26;
480
482
  --bgColor-upsell-emphasis: #6921d7;
481
- --bgColor-sponsors-muted: #ef6eb117;
483
+ --bgColor-sponsors-muted: #f87cbd1a;
482
484
  --bgColor-sponsors-emphasis: #9c1d6a;
483
485
  --borderColor-default: #b7bdc8;
484
486
  --borderColor-muted: #b7bdc8;
@@ -500,11 +502,11 @@
500
502
  --borderColor-severe-emphasis: #e7811d;
501
503
  --borderColor-danger-muted: #ff8080;
502
504
  --borderColor-danger-emphasis: #ff6a69;
503
- --borderColor-closed-muted: #ff808066;
505
+ --borderColor-closed-muted: #ff8080;
504
506
  --borderColor-closed-emphasis: #ff6a69;
505
507
  --borderColor-done-muted: #bf8fff;
506
508
  --borderColor-done-emphasis: #b87fff;
507
- --borderColor-upsell-muted: #bf8fff66;
509
+ --borderColor-upsell-muted: #bf8fff;
508
510
  --borderColor-upsell-emphasis: #b87fff;
509
511
  --borderColor-sponsors-muted: #f87cbd;
510
512
  --borderColor-sponsors-emphasis: #ef6eb1;
@@ -592,7 +594,7 @@
592
594
  --codeMirror-lineNumber-fgColor: #b7bdc8;
593
595
  --codeMirror-cursor-fgColor: #ffffff;
594
596
  --codeMirror-selection-bgColor: #5cacff66;
595
- --codeMirror-activeline-bgColor: #2f3742b3;
597
+ --codeMirror-activeline-bgColor: #212830;
596
598
  --codeMirror-matchingBracket-fgColor: #ffffff;
597
599
  --codeMirror-lines-bgColor: #010409;
598
600
  --codeMirror-syntax-fgColor-comment: #656c76;
@@ -782,6 +784,8 @@
782
784
  --controlKnob-borderColor-disabled: #262c36;
783
785
  --controlKnob-borderColor-checked: #194fb1;
784
786
  --counter-borderColor: #b7bdc8;
787
+ --counter-bgColor-muted: #212830;
788
+ --counter-bgColor-emphasis: #3d444d;
785
789
  --button-default-fgColor-rest: #ffffff;
786
790
  --button-default-bgColor-rest: #262c36;
787
791
  --button-default-bgColor-hover: #2a313c;
@@ -821,7 +825,7 @@
821
825
  --button-outline-fgColor-rest: #5cacff;
822
826
  --button-outline-fgColor-hover: #71b7ff;
823
827
  --button-outline-fgColor-active: #ffffff;
824
- --button-outline-fgColor-disabled: #73b8ff80;
828
+ --button-outline-fgColor-disabled: #74b9ff80;
825
829
  --button-outline-bgColor-rest: #f0f6fc;
826
830
  --button-outline-bgColor-hover: #2a313c;
827
831
  --button-outline-bgColor-active: #2672f3;
@@ -847,14 +851,14 @@
847
851
  --button-inactive-bgColor: #262c36;
848
852
  --button-star-iconColor: #f7c843;
849
853
  --buttonCounter-default-bgColor-rest: #2f3742;
850
- --buttonCounter-invisible-bgColor-rest: #2f3742;
854
+ --buttonCounter-invisible-bgColor-rest: #212830;
851
855
  --buttonCounter-primary-bgColor-rest: #01040926;
852
856
  --buttonCounter-outline-bgColor-rest: #194fb133;
853
857
  --buttonCounter-outline-bgColor-hover: #194fb133;
854
858
  --buttonCounter-outline-bgColor-disabled: #194fb10d;
855
859
  --buttonCounter-outline-fgColor-rest: #5cacff;
856
860
  --buttonCounter-outline-fgColor-hover: #71b7ff;
857
- --buttonCounter-outline-fgColor-disabled: #73b8ff80;
861
+ --buttonCounter-outline-fgColor-disabled: #74b9ff80;
858
862
  --buttonCounter-danger-bgColor-hover: #01040926;
859
863
  --buttonCounter-danger-bgColor-disabled: #ad01160d;
860
864
  --buttonCounter-danger-bgColor-rest: #01040926;
@@ -863,7 +867,7 @@
863
867
  --buttonCounter-danger-fgColor-disabled: #ff949280;
864
868
  --reactionButton-selected-bgColor-rest: #5cacff33;
865
869
  --reactionButton-selected-bgColor-hover: #5dadff5c;
866
- --reactionButton-selected-fgColor-rest: #73b8ff;
870
+ --reactionButton-selected-fgColor-rest: #74b9ff;
867
871
  --reactionButton-selected-fgColor-hover: #91cbff;
868
872
  --focus-outlineColor: #409eff;
869
873
  --menu-bgColor-active: #151b23;
@@ -1004,18 +1008,18 @@
1004
1008
  --fgColor-white: #ffffff;
1005
1009
  --fgColor-black: #010409;
1006
1010
  --fgColor-disabled: #9198a199;
1007
- --fgColor-link: #73b8ff;
1008
- --fgColor-neutral: #b7bdc8;
1009
- --fgColor-accent: #73b8ff;
1010
- --fgColor-success: #28d751;
1011
- --fgColor-open: #28d751;
1011
+ --fgColor-link: #74b9ff;
1012
+ --fgColor-neutral: #d1d7e0;
1013
+ --fgColor-accent: #74b9ff;
1014
+ --fgColor-success: #2bd853;
1015
+ --fgColor-open: #2bd853;
1012
1016
  --fgColor-attention: #f0b72f;
1013
1017
  --fgColor-severe: #fe9a2d;
1014
1018
  --fgColor-danger: #ff9492;
1015
1019
  --fgColor-closed: #ff9492;
1016
- --fgColor-done: #cb9eff;
1017
- --fgColor-upsell: #cb9eff;
1018
- --fgColor-sponsors: #ff8dc7;
1020
+ --fgColor-done: #d3abff;
1021
+ --fgColor-upsell: #d3abff;
1022
+ --fgColor-sponsors: #ff90c8;
1019
1023
  --bgColor-default: #010409;
1020
1024
  --bgColor-muted: #151b23;
1021
1025
  --bgColor-inset: #010409;
@@ -1025,27 +1029,27 @@
1025
1029
  --bgColor-black: #010409;
1026
1030
  --bgColor-disabled: #262c36;
1027
1031
  --bgColor-transparent: #00000000;
1028
- --bgColor-neutral-muted: #2f3742b3;
1032
+ --bgColor-neutral-muted: #212830;
1029
1033
  --bgColor-neutral-emphasis: #3d444d;
1030
- --bgColor-accent-muted: #409eff1a;
1034
+ --bgColor-accent-muted: #5cacff1a;
1031
1035
  --bgColor-accent-emphasis: #194fb1;
1032
- --bgColor-success-muted: #0ac74024;
1036
+ --bgColor-success-muted: #0ac74026;
1033
1037
  --bgColor-success-emphasis: #006222;
1034
- --bgColor-open-muted: #0ac74024;
1038
+ --bgColor-open-muted: #0ac74026;
1035
1039
  --bgColor-open-emphasis: #006222;
1036
1040
  --bgColor-attention-muted: #edaa2726;
1037
1041
  --bgColor-attention-emphasis: #7b4900;
1038
- --bgColor-severe-muted: #f48b2516;
1042
+ --bgColor-severe-muted: #f48b251a;
1039
1043
  --bgColor-severe-emphasis: #8f3c00;
1040
- --bgColor-danger-muted: #ff808017;
1044
+ --bgColor-danger-muted: #ff80801a;
1041
1045
  --bgColor-danger-emphasis: #ad0116;
1042
- --bgColor-closed-muted: #ff808017;
1046
+ --bgColor-closed-muted: #ff80801a;
1043
1047
  --bgColor-closed-emphasis: #ad0116;
1044
- --bgColor-done-muted: #b87fff17;
1048
+ --bgColor-done-muted: #bf8fff26;
1045
1049
  --bgColor-done-emphasis: #6921d7;
1046
- --bgColor-upsell-muted: #b87fff17;
1050
+ --bgColor-upsell-muted: #bf8fff26;
1047
1051
  --bgColor-upsell-emphasis: #6921d7;
1048
- --bgColor-sponsors-muted: #ef6eb117;
1052
+ --bgColor-sponsors-muted: #f87cbd1a;
1049
1053
  --bgColor-sponsors-emphasis: #9c1d6a;
1050
1054
  --borderColor-default: #b7bdc8;
1051
1055
  --borderColor-muted: #b7bdc8;
@@ -1067,11 +1071,11 @@
1067
1071
  --borderColor-severe-emphasis: #e7811d;
1068
1072
  --borderColor-danger-muted: #ff8080;
1069
1073
  --borderColor-danger-emphasis: #ff6a69;
1070
- --borderColor-closed-muted: #ff808066;
1074
+ --borderColor-closed-muted: #ff8080;
1071
1075
  --borderColor-closed-emphasis: #ff6a69;
1072
1076
  --borderColor-done-muted: #bf8fff;
1073
1077
  --borderColor-done-emphasis: #b87fff;
1074
- --borderColor-upsell-muted: #bf8fff66;
1078
+ --borderColor-upsell-muted: #bf8fff;
1075
1079
  --borderColor-upsell-emphasis: #b87fff;
1076
1080
  --borderColor-sponsors-muted: #f87cbd;
1077
1081
  --borderColor-sponsors-emphasis: #ef6eb1;
package/dist/css/functional/themes/dark-tritanopia.css CHANGED
@@ -25,7 +25,7 @@
25
25
  --codeMirror-lineNumber-fgColor: #9198a1;
26
26
  --codeMirror-cursor-fgColor: #f0f6fc;
27
27
  --codeMirror-selection-bgColor: #388bfd66;
28
- --codeMirror-activeline-bgColor: #2f3742b3;
28
+ --codeMirror-activeline-bgColor: #656c7633;
29
29
  --codeMirror-matchingBracket-fgColor: #f0f6fc;
30
30
  --codeMirror-lines-bgColor: #0d1117;
31
31
  --codeMirror-syntax-fgColor-comment: #656c76;
@@ -215,6 +215,8 @@
215
215
  --controlKnob-borderColor-disabled: #212830;
216
216
  --controlKnob-borderColor-checked: #1f6feb;
217
217
  --counter-borderColor: #00000000;
218
+ --counter-bgColor-muted: #656c7633;
219
+ --counter-bgColor-emphasis: #656c76;
218
220
  --button-default-fgColor-rest: #f0f6fc;
219
221
  --button-default-bgColor-rest: #212830;
220
222
  --button-default-bgColor-hover: #262c36;
@@ -280,7 +282,7 @@
280
282
  --button-inactive-bgColor: #262c36;
281
283
  --button-star-iconColor: #e3b341;
282
284
  --buttonCounter-default-bgColor-rest: #2f3742;
283
- --buttonCounter-invisible-bgColor-rest: #2f3742;
285
+ --buttonCounter-invisible-bgColor-rest: #656c7633;
284
286
  --buttonCounter-primary-bgColor-rest: #04260f33;
285
287
  --buttonCounter-outline-bgColor-rest: #051d4d33;
286
288
  --buttonCounter-outline-bgColor-hover: #051d4d33;
@@ -458,7 +460,7 @@
458
460
  --bgColor-black: #010409;
459
461
  --bgColor-disabled: #212830;
460
462
  --bgColor-transparent: #00000000;
461
- --bgColor-neutral-muted: #2f3742b3;
463
+ --bgColor-neutral-muted: #656c7633;
462
464
  --bgColor-neutral-emphasis: #656c76;
463
465
  --bgColor-accent-muted: #388bfd1a;
464
466
  --bgColor-accent-emphasis: #1f6feb;
@@ -472,7 +474,7 @@
472
474
  --bgColor-severe-emphasis: #da3633;
473
475
  --bgColor-danger-muted: #f851491a;
474
476
  --bgColor-danger-emphasis: #da3633;
475
- --bgColor-closed-muted: #2f37421a;
477
+ --bgColor-closed-muted: #656c761a;
476
478
  --bgColor-closed-emphasis: #656c76;
477
479
  --bgColor-done-muted: #ab7df826;
478
480
  --bgColor-done-emphasis: #8957e5;
@@ -592,7 +594,7 @@
592
594
  --codeMirror-lineNumber-fgColor: #9198a1;
593
595
  --codeMirror-cursor-fgColor: #f0f6fc;
594
596
  --codeMirror-selection-bgColor: #388bfd66;
595
- --codeMirror-activeline-bgColor: #2f3742b3;
597
+ --codeMirror-activeline-bgColor: #656c7633;
596
598
  --codeMirror-matchingBracket-fgColor: #f0f6fc;
597
599
  --codeMirror-lines-bgColor: #0d1117;
598
600
  --codeMirror-syntax-fgColor-comment: #656c76;
@@ -782,6 +784,8 @@
782
784
  --controlKnob-borderColor-disabled: #212830;
783
785
  --controlKnob-borderColor-checked: #1f6feb;
784
786
  --counter-borderColor: #00000000;
787
+ --counter-bgColor-muted: #656c7633;
788
+ --counter-bgColor-emphasis: #656c76;
785
789
  --button-default-fgColor-rest: #f0f6fc;
786
790
  --button-default-bgColor-rest: #212830;
787
791
  --button-default-bgColor-hover: #262c36;
@@ -847,7 +851,7 @@
847
851
  --button-inactive-bgColor: #262c36;
848
852
  --button-star-iconColor: #e3b341;
849
853
  --buttonCounter-default-bgColor-rest: #2f3742;
850
- --buttonCounter-invisible-bgColor-rest: #2f3742;
854
+ --buttonCounter-invisible-bgColor-rest: #656c7633;
851
855
  --buttonCounter-primary-bgColor-rest: #04260f33;
852
856
  --buttonCounter-outline-bgColor-rest: #051d4d33;
853
857
  --buttonCounter-outline-bgColor-hover: #051d4d33;
@@ -1025,7 +1029,7 @@
1025
1029
  --bgColor-black: #010409;
1026
1030
  --bgColor-disabled: #212830;
1027
1031
  --bgColor-transparent: #00000000;
1028
- --bgColor-neutral-muted: #2f3742b3;
1032
+ --bgColor-neutral-muted: #656c7633;
1029
1033
  --bgColor-neutral-emphasis: #656c76;
1030
1034
  --bgColor-accent-muted: #388bfd1a;
1031
1035
  --bgColor-accent-emphasis: #1f6feb;
@@ -1039,7 +1043,7 @@
1039
1043
  --bgColor-severe-emphasis: #da3633;
1040
1044
  --bgColor-danger-muted: #f851491a;
1041
1045
  --bgColor-danger-emphasis: #da3633;
1042
- --bgColor-closed-muted: #2f37421a;
1046
+ --bgColor-closed-muted: #656c761a;
1043
1047
  --bgColor-closed-emphasis: #656c76;
1044
1048
  --bgColor-done-muted: #ab7df826;
1045
1049
  --bgColor-done-emphasis: #8957e5;
package/dist/css/functional/themes/dark.css CHANGED
@@ -25,7 +25,7 @@
25
25
  --codeMirror-lineNumber-fgColor: #9198a1;
26
26
  --codeMirror-cursor-fgColor: #f0f6fc;
27
27
  --codeMirror-selection-bgColor: #388bfd66;
28
- --codeMirror-activeline-bgColor: #2f3742b3;
28
+ --codeMirror-activeline-bgColor: #656c7633;
29
29
  --codeMirror-matchingBracket-fgColor: #f0f6fc;
30
30
  --codeMirror-lines-bgColor: #0d1117;
31
31
  --codeMirror-syntax-fgColor-comment: #656c76;
@@ -215,6 +215,8 @@
215
215
  --controlKnob-borderColor-disabled: #212830;
216
216
  --controlKnob-borderColor-checked: #1f6feb;
217
217
  --counter-borderColor: #00000000;
218
+ --counter-bgColor-muted: #656c7633;
219
+ --counter-bgColor-emphasis: #656c76;
218
220
  --button-default-fgColor-rest: #f0f6fc;
219
221
  --button-default-bgColor-rest: #212830;
220
222
  --button-default-bgColor-hover: #262c36;
@@ -280,7 +282,7 @@
280
282
  --button-inactive-bgColor: #262c36;
281
283
  --button-star-iconColor: #e3b341;
282
284
  --buttonCounter-default-bgColor-rest: #2f3742;
283
- --buttonCounter-invisible-bgColor-rest: #2f3742;
285
+ --buttonCounter-invisible-bgColor-rest: #656c7633;
284
286
  --buttonCounter-primary-bgColor-rest: #04260f33;
285
287
  --buttonCounter-outline-bgColor-rest: #051d4d33;
286
288
  --buttonCounter-outline-bgColor-hover: #051d4d33;
@@ -458,7 +460,7 @@
458
460
  --bgColor-black: #010409;
459
461
  --bgColor-disabled: #212830;
460
462
  --bgColor-transparent: #00000000;
461
- --bgColor-neutral-muted: #2f3742b3;
463
+ --bgColor-neutral-muted: #656c7633;
462
464
  --bgColor-neutral-emphasis: #656c76;
463
465
  --bgColor-accent-muted: #388bfd1a;
464
466
  --bgColor-accent-emphasis: #1f6feb;
@@ -592,7 +594,7 @@
592
594
  --codeMirror-lineNumber-fgColor: #9198a1;
593
595
  --codeMirror-cursor-fgColor: #f0f6fc;
594
596
  --codeMirror-selection-bgColor: #388bfd66;
595
- --codeMirror-activeline-bgColor: #2f3742b3;
597
+ --codeMirror-activeline-bgColor: #656c7633;
596
598
  --codeMirror-matchingBracket-fgColor: #f0f6fc;
597
599
  --codeMirror-lines-bgColor: #0d1117;
598
600
  --codeMirror-syntax-fgColor-comment: #656c76;
@@ -782,6 +784,8 @@
782
784
  --controlKnob-borderColor-disabled: #212830;
783
785
  --controlKnob-borderColor-checked: #1f6feb;
784
786
  --counter-borderColor: #00000000;
787
+ --counter-bgColor-muted: #656c7633;
788
+ --counter-bgColor-emphasis: #656c76;
785
789
  --button-default-fgColor-rest: #f0f6fc;
786
790
  --button-default-bgColor-rest: #212830;
787
791
  --button-default-bgColor-hover: #262c36;
@@ -847,7 +851,7 @@
847
851
  --button-inactive-bgColor: #262c36;
848
852
  --button-star-iconColor: #e3b341;
849
853
  --buttonCounter-default-bgColor-rest: #2f3742;
850
- --buttonCounter-invisible-bgColor-rest: #2f3742;
854
+ --buttonCounter-invisible-bgColor-rest: #656c7633;
851
855
  --buttonCounter-primary-bgColor-rest: #04260f33;
852
856
  --buttonCounter-outline-bgColor-rest: #051d4d33;
853
857
  --buttonCounter-outline-bgColor-hover: #051d4d33;
@@ -1025,7 +1029,7 @@
1025
1029
  --bgColor-black: #010409;
1026
1030
  --bgColor-disabled: #212830;
1027
1031
  --bgColor-transparent: #00000000;
1028
- --bgColor-neutral-muted: #2f3742b3;
1032
+ --bgColor-neutral-muted: #656c7633;
1029
1033
  --bgColor-neutral-emphasis: #656c76;
1030
1034
  --bgColor-accent-muted: #388bfd1a;
1031
1035
  --bgColor-accent-emphasis: #1f6feb;
package/dist/css/functional/themes/light-colorblind.css CHANGED
@@ -25,7 +25,7 @@
25
25
  --codeMirror-lineNumber-fgColor: #59636e;
26
26
  --codeMirror-cursor-fgColor: #1f2328;
27
27
  --codeMirror-selection-bgColor: #54aeff66;
28
- --codeMirror-activeline-bgColor: #e0e6ebb3;
28
+ --codeMirror-activeline-bgColor: #818b981f;
29
29
  --codeMirror-matchingBracket-fgColor: #1f2328;
30
30
  --codeMirror-lines-bgColor: #ffffff;
31
31
  --codeMirror-syntax-fgColor-comment: #1f2328;
@@ -215,6 +215,8 @@
215
215
  --controlKnob-borderColor-disabled: #eff2f5;
216
216
  --controlKnob-borderColor-checked: #0969da;
217
217
  --counter-borderColor: #ffffff00;
218
+ --counter-bgColor-muted: #818b981f;
219
+ --counter-bgColor-emphasis: #59636e;
218
220
  --button-default-fgColor-rest: #25292e;
219
221
  --button-default-bgColor-rest: #f6f8fa;
220
222
  --button-default-bgColor-hover: #eff2f5;
@@ -279,8 +281,8 @@
279
281
  --button-inactive-fgColor: #59636e;
280
282
  --button-inactive-bgColor: #e6eaef;
281
283
  --button-star-iconColor: #eac54f;
282
- --buttonCounter-default-bgColor-rest: #e0e6ebb3;
283
- --buttonCounter-invisible-bgColor-rest: #e0e6ebb3;
284
+ --buttonCounter-default-bgColor-rest: #818b981f;
285
+ --buttonCounter-invisible-bgColor-rest: #818b981f;
284
286
  --buttonCounter-primary-bgColor-rest: #002d1133;
285
287
  --buttonCounter-outline-bgColor-rest: #0969da1a;
286
288
  --buttonCounter-outline-bgColor-hover: #ffffff33;
@@ -459,7 +461,7 @@
459
461
  --bgColor-black: #1f2328;
460
462
  --bgColor-disabled: #eff2f5;
461
463
  --bgColor-transparent: #ffffff00;
462
- --bgColor-neutral-muted: #e0e6ebb3;
464
+ --bgColor-neutral-muted: #818b981f;
463
465
  --bgColor-neutral-emphasis: #59636e;
464
466
  --bgColor-accent-muted: #ddf4ff;
465
467
  --bgColor-accent-emphasis: #0969da;
@@ -473,7 +475,7 @@
473
475
  --bgColor-severe-emphasis: #bc4c00;
474
476
  --bgColor-danger-muted: #fff1e5;
475
477
  --bgColor-danger-emphasis: #bc4c00;
476
- --bgColor-closed-muted: #e0e6ebb3;
478
+ --bgColor-closed-muted: #818b981f;
477
479
  --bgColor-closed-emphasis: #59636e;
478
480
  --bgColor-done-muted: #fbefff;
479
481
  --bgColor-done-emphasis: #8250df;
@@ -488,7 +490,7 @@
488
490
  --borderColor-transparent: #ffffff00;
489
491
  --borderColor-translucent: #1f232826;
490
492
  --borderColor-neutral-muted: #d1d9e0b3;
491
- --borderColor-neutral-emphasis: #818b98;
493
+ --borderColor-neutral-emphasis: #59636e;
492
494
  --borderColor-accent-muted: #54aeff66;
493
495
  --borderColor-accent-emphasis: #0969da;
494
496
  --borderColor-success-muted: #54aeff66;
@@ -592,7 +594,7 @@
592
594
  --codeMirror-lineNumber-fgColor: #59636e;
593
595
  --codeMirror-cursor-fgColor: #1f2328;
594
596
  --codeMirror-selection-bgColor: #54aeff66;
595
- --codeMirror-activeline-bgColor: #e0e6ebb3;
597
+ --codeMirror-activeline-bgColor: #818b981f;
596
598
  --codeMirror-matchingBracket-fgColor: #1f2328;
597
599
  --codeMirror-lines-bgColor: #ffffff;
598
600
  --codeMirror-syntax-fgColor-comment: #1f2328;
@@ -782,6 +784,8 @@
782
784
  --controlKnob-borderColor-disabled: #eff2f5;
783
785
  --controlKnob-borderColor-checked: #0969da;
784
786
  --counter-borderColor: #ffffff00;
787
+ --counter-bgColor-muted: #818b981f;
788
+ --counter-bgColor-emphasis: #59636e;
785
789
  --button-default-fgColor-rest: #25292e;
786
790
  --button-default-bgColor-rest: #f6f8fa;
787
791
  --button-default-bgColor-hover: #eff2f5;
@@ -846,8 +850,8 @@
846
850
  --button-inactive-fgColor: #59636e;
847
851
  --button-inactive-bgColor: #e6eaef;
848
852
  --button-star-iconColor: #eac54f;
849
- --buttonCounter-default-bgColor-rest: #e0e6ebb3;
850
- --buttonCounter-invisible-bgColor-rest: #e0e6ebb3;
853
+ --buttonCounter-default-bgColor-rest: #818b981f;
854
+ --buttonCounter-invisible-bgColor-rest: #818b981f;
851
855
  --buttonCounter-primary-bgColor-rest: #002d1133;
852
856
  --buttonCounter-outline-bgColor-rest: #0969da1a;
853
857
  --buttonCounter-outline-bgColor-hover: #ffffff33;
@@ -1026,7 +1030,7 @@
1026
1030
  --bgColor-black: #1f2328;
1027
1031
  --bgColor-disabled: #eff2f5;
1028
1032
  --bgColor-transparent: #ffffff00;
1029
- --bgColor-neutral-muted: #e0e6ebb3;
1033
+ --bgColor-neutral-muted: #818b981f;
1030
1034
  --bgColor-neutral-emphasis: #59636e;
1031
1035
  --bgColor-accent-muted: #ddf4ff;
1032
1036
  --bgColor-accent-emphasis: #0969da;
@@ -1040,7 +1044,7 @@
1040
1044
  --bgColor-severe-emphasis: #bc4c00;
1041
1045
  --bgColor-danger-muted: #fff1e5;
1042
1046
  --bgColor-danger-emphasis: #bc4c00;
1043
- --bgColor-closed-muted: #e0e6ebb3;
1047
+ --bgColor-closed-muted: #818b981f;
1044
1048
  --bgColor-closed-emphasis: #59636e;
1045
1049
  --bgColor-done-muted: #fbefff;
1046
1050
  --bgColor-done-emphasis: #8250df;
@@ -1055,7 +1059,7 @@
1055
1059
  --borderColor-transparent: #ffffff00;
1056
1060
  --borderColor-translucent: #1f232826;
1057
1061
  --borderColor-neutral-muted: #d1d9e0b3;
1058
- --borderColor-neutral-emphasis: #818b98;
1062
+ --borderColor-neutral-emphasis: #59636e;
1059
1063
  --borderColor-accent-muted: #54aeff66;
1060
1064
  --borderColor-accent-emphasis: #0969da;
1061
1065
  --borderColor-success-muted: #54aeff66;