@primer/primitives 8.1.0 → 8.1.1-rc.29cfc4ea

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 (64) hide show
  1. package/dist/css/base/size/size.css +2 -0
  2. package/dist/css/functional/themes/dark-colorblind.css +28 -18
  3. package/dist/css/functional/themes/dark-dimmed.css +28 -18
  4. package/dist/css/functional/themes/dark-high-contrast.css +10 -0
  5. package/dist/css/functional/themes/dark-tritanopia.css +28 -18
  6. package/dist/css/functional/themes/dark.css +28 -18
  7. package/dist/css/functional/themes/light-colorblind.css +10 -0
  8. package/dist/css/functional/themes/light-high-contrast.css +10 -0
  9. package/dist/css/functional/themes/light-tritanopia.css +10 -0
  10. package/dist/css/functional/themes/light.css +10 -0
  11. package/dist/deprecated/size.json +8 -0
  12. package/dist/docs/base/size/size.json +50 -0
  13. package/dist/docs/functional/size/size.json +12 -0
  14. package/dist/docs/functional/themes/dark-colorblind.json +159 -14
  15. package/dist/docs/functional/themes/dark-dimmed.json +159 -14
  16. package/dist/docs/functional/themes/dark-high-contrast.json +145 -0
  17. package/dist/docs/functional/themes/dark-tritanopia.json +159 -14
  18. package/dist/docs/functional/themes/dark.json +159 -14
  19. package/dist/docs/functional/themes/light-colorblind.json +145 -0
  20. package/dist/docs/functional/themes/light-high-contrast.json +145 -0
  21. package/dist/docs/functional/themes/light-tritanopia.json +145 -0
  22. package/dist/docs/functional/themes/light.json +145 -0
  23. package/dist/docs/functional/typography/typography.json +19 -1
  24. package/dist/fallbacks/base/size/size.json +2 -0
  25. package/dist/figma/dimension/dimension.json +20 -0
  26. package/dist/figma/themes/dark-colorblind.json +108 -28
  27. package/dist/figma/themes/dark-dimmed.json +108 -28
  28. package/dist/figma/themes/dark-high-contrast.json +80 -0
  29. package/dist/figma/themes/dark-tritanopia.json +108 -28
  30. package/dist/figma/themes/dark.json +108 -28
  31. package/dist/figma/themes/light-colorblind.json +80 -0
  32. package/dist/figma/themes/light-high-contrast.json +80 -0
  33. package/dist/figma/themes/light-tritanopia.json +80 -0
  34. package/dist/figma/themes/light.json +80 -0
  35. package/dist/figma/typography/typography.json +12 -1
  36. package/dist/internalCss/dark-colorblind.css +28 -18
  37. package/dist/internalCss/dark-dimmed.css +28 -18
  38. package/dist/internalCss/dark-high-contrast.css +10 -0
  39. package/dist/internalCss/dark-tritanopia.css +28 -18
  40. package/dist/internalCss/dark.css +28 -18
  41. package/dist/internalCss/light-colorblind.css +10 -0
  42. package/dist/internalCss/light-high-contrast.css +10 -0
  43. package/dist/internalCss/light-tritanopia.css +10 -0
  44. package/dist/internalCss/light.css +10 -0
  45. package/dist/styleLint/base/size/size.json +50 -0
  46. package/dist/styleLint/functional/size/size.json +12 -0
  47. package/dist/styleLint/functional/themes/dark-colorblind.json +159 -14
  48. package/dist/styleLint/functional/themes/dark-dimmed.json +159 -14
  49. package/dist/styleLint/functional/themes/dark-high-contrast.json +145 -0
  50. package/dist/styleLint/functional/themes/dark-tritanopia.json +159 -14
  51. package/dist/styleLint/functional/themes/dark.json +159 -14
  52. package/dist/styleLint/functional/themes/light-colorblind.json +145 -0
  53. package/dist/styleLint/functional/themes/light-high-contrast.json +145 -0
  54. package/dist/styleLint/functional/themes/light-tritanopia.json +145 -0
  55. package/dist/styleLint/functional/themes/light.json +145 -0
  56. package/dist/styleLint/functional/typography/typography.json +19 -1
  57. package/package.json +1 -1
  58. package/src/schemas/baseToken.ts +1 -0
  59. package/src/tokens/base/size/size.json +20 -0
  60. package/src/tokens/functional/color/dark/display-dark.json5 +66 -0
  61. package/src/tokens/functional/color/dark/primitives-dark.json5 +3 -3
  62. package/src/tokens/functional/color/light/display-light.json5 +66 -0
  63. package/src/tokens/functional/size/size.json +6 -0
  64. package/src/tokens/functional/typography/typography.json +10 -1
package/dist/css/base/size/size.css CHANGED
@@ -1,5 +1,7 @@
1
1
  :root {
2
+ --base-size-2: 0.125rem;
2
3
  --base-size-4: 0.25rem;
4
+ --base-size-6: 0.375rem;
3
5
  --base-size-8: 0.5rem;
4
6
  --base-size-12: 0.75rem;
5
7
  --base-size-16: 1rem;
package/dist/css/functional/themes/dark-colorblind.css CHANGED
@@ -16,13 +16,13 @@
16
16
  --diffBlob-deletion-bgColor-line: #db6d2826;
17
17
  --diffBlob-deletion-bgColor-word: #db6d2866;
18
18
  --diffBlob-hunk-bgColor-num: #388bfd66;
19
- --diffBlob-expander-iconColor: #848d97;
19
+ --diffBlob-expander-iconColor: #8d96a0;
20
20
  --codeMirror-fgColor: #e6edf3;
21
21
  --codeMirror-bgColor: #0d1117;
22
22
  --codeMirror-gutters-bgColor: #0d1117;
23
23
  --codeMirror-gutterMarker-fgColor-default: #0d1117;
24
- --codeMirror-gutterMarker-fgColor-muted: #848d97;
25
- --codeMirror-lineNumber-fgColor: #848d97;
24
+ --codeMirror-gutterMarker-fgColor-muted: #8d96a0;
25
+ --codeMirror-lineNumber-fgColor: #8d96a0;
26
26
  --codeMirror-cursor-fgColor: #e6edf3;
27
27
  --codeMirror-selection-bgColor: #388bfd66;
28
28
  --codeMirror-activeline-bgColor: #6e768166;
@@ -72,6 +72,11 @@
72
72
  --display-purple-fgColor: #b687f7;
73
73
  --display-purple-borderColor-muted: #31146b;
74
74
  --display-purple-borderColor-emphasis: #975bf1;
75
+ --display-plum-bgColor-muted: #2a0e3f;
76
+ --display-plum-bgColor-emphasis: #b643ef;
77
+ --display-plum-fgColor: #d07ef7;
78
+ --display-plum-borderColor-muted: #40125e;
79
+ --display-plum-borderColor-emphasis: #b643ef;
75
80
  --display-red-bgColor-muted: #3c0614;
76
81
  --display-red-bgColor-emphasis: #eb3342;
77
82
  --display-red-fgColor: #f27d83;
@@ -162,7 +167,7 @@
162
167
  --control-borderColor-success: #1f6feb;
163
168
  --control-borderColor-danger: #bd561d;
164
169
  --control-borderColor-warning: #9e6a03;
165
- --control-iconColor-rest: #848d97;
170
+ --control-iconColor-rest: #8d96a0;
166
171
  --control-transparent-bgColor-rest: #00000000;
167
172
  --control-transparent-bgColor-hover: #b1bac41f;
168
173
  --control-transparent-bgColor-active: #b1bac433;
@@ -189,7 +194,7 @@
189
194
  --controlTrack-bgColor-hover: #292e36;
190
195
  --controlTrack-bgColor-active: #31363e;
191
196
  --controlTrack-bgColor-disabled: #6e7681;
192
- --controlTrack-fgColor-rest: #848d97;
197
+ --controlTrack-fgColor-rest: #8d96a0;
193
198
  --controlTrack-fgColor-disabled: #ffffff;
194
199
  --controlTrack-borderColor-rest: #00000000;
195
200
  --controlTrack-borderColor-disabled: #6e7681;
@@ -226,7 +231,7 @@
226
231
  --button-invisible-fgColor-rest: #4493f8;
227
232
  --button-invisible-fgColor-hover: #58a6ff;
228
233
  --button-invisible-fgColor-disabled: #6e7681;
229
- --button-invisible-iconColor-rest: #848d97;
234
+ --button-invisible-iconColor-rest: #8d96a0;
230
235
  --button-invisible-iconColor-hover: #e6edf3;
231
236
  --button-invisible-iconColor-disabled: #6e7681;
232
237
  --button-invisible-bgColor-rest: #00000000;
@@ -293,10 +298,10 @@
293
298
  --sideNav-bgColor-selected: #21262d;
294
299
  --skeletonLoader-bgColor: #161b22;
295
300
  --timelineBadge-bgColor: #21262d;
296
- --treeViewItem-leadingVisual-iconColor-rest: #848d97;
301
+ --treeViewItem-leadingVisual-iconColor-rest: #8d96a0;
297
302
  --underlineNav-borderColor-active: #f78166;
298
303
  --underlineNav-borderColor-hover: #6e768166;
299
- --underlineNav-iconColor-rest: #848d97;
304
+ --underlineNav-iconColor-rest: #8d96a0;
300
305
  --selection-bgColor: #1f6febb3;
301
306
  --card-bgColor: #161b22;
302
307
  --label-green-bgColor-rest: #122117;
@@ -414,7 +419,7 @@
414
419
  --label-coral-fgColor-hover: #fa8c61;
415
420
  --label-coral-fgColor-active: #fdaa86;
416
421
  --fgColor-default: #e6edf3;
417
- --fgColor-muted: #848d97;
422
+ --fgColor-muted: #8d96a0;
418
423
  --fgColor-onEmphasis: #ffffff;
419
424
  --fgColor-white: #ffffff;
420
425
  --fgColor-black: #010409;
@@ -564,13 +569,13 @@
564
569
  --diffBlob-deletion-bgColor-line: #db6d2826;
565
570
  --diffBlob-deletion-bgColor-word: #db6d2866;
566
571
  --diffBlob-hunk-bgColor-num: #388bfd66;
567
- --diffBlob-expander-iconColor: #848d97;
572
+ --diffBlob-expander-iconColor: #8d96a0;
568
573
  --codeMirror-fgColor: #e6edf3;
569
574
  --codeMirror-bgColor: #0d1117;
570
575
  --codeMirror-gutters-bgColor: #0d1117;
571
576
  --codeMirror-gutterMarker-fgColor-default: #0d1117;
572
- --codeMirror-gutterMarker-fgColor-muted: #848d97;
573
- --codeMirror-lineNumber-fgColor: #848d97;
577
+ --codeMirror-gutterMarker-fgColor-muted: #8d96a0;
578
+ --codeMirror-lineNumber-fgColor: #8d96a0;
574
579
  --codeMirror-cursor-fgColor: #e6edf3;
575
580
  --codeMirror-selection-bgColor: #388bfd66;
576
581
  --codeMirror-activeline-bgColor: #6e768166;
@@ -620,6 +625,11 @@
620
625
  --display-purple-fgColor: #b687f7;
621
626
  --display-purple-borderColor-muted: #31146b;
622
627
  --display-purple-borderColor-emphasis: #975bf1;
628
+ --display-plum-bgColor-muted: #2a0e3f;
629
+ --display-plum-bgColor-emphasis: #b643ef;
630
+ --display-plum-fgColor: #d07ef7;
631
+ --display-plum-borderColor-muted: #40125e;
632
+ --display-plum-borderColor-emphasis: #b643ef;
623
633
  --display-red-bgColor-muted: #3c0614;
624
634
  --display-red-bgColor-emphasis: #eb3342;
625
635
  --display-red-fgColor: #f27d83;
@@ -710,7 +720,7 @@
710
720
  --control-borderColor-success: #1f6feb;
711
721
  --control-borderColor-danger: #bd561d;
712
722
  --control-borderColor-warning: #9e6a03;
713
- --control-iconColor-rest: #848d97;
723
+ --control-iconColor-rest: #8d96a0;
714
724
  --control-transparent-bgColor-rest: #00000000;
715
725
  --control-transparent-bgColor-hover: #b1bac41f;
716
726
  --control-transparent-bgColor-active: #b1bac433;
@@ -737,7 +747,7 @@
737
747
  --controlTrack-bgColor-hover: #292e36;
738
748
  --controlTrack-bgColor-active: #31363e;
739
749
  --controlTrack-bgColor-disabled: #6e7681;
740
- --controlTrack-fgColor-rest: #848d97;
750
+ --controlTrack-fgColor-rest: #8d96a0;
741
751
  --controlTrack-fgColor-disabled: #ffffff;
742
752
  --controlTrack-borderColor-rest: #00000000;
743
753
  --controlTrack-borderColor-disabled: #6e7681;
@@ -774,7 +784,7 @@
774
784
  --button-invisible-fgColor-rest: #4493f8;
775
785
  --button-invisible-fgColor-hover: #58a6ff;
776
786
  --button-invisible-fgColor-disabled: #6e7681;
777
- --button-invisible-iconColor-rest: #848d97;
787
+ --button-invisible-iconColor-rest: #8d96a0;
778
788
  --button-invisible-iconColor-hover: #e6edf3;
779
789
  --button-invisible-iconColor-disabled: #6e7681;
780
790
  --button-invisible-bgColor-rest: #00000000;
@@ -841,10 +851,10 @@
841
851
  --sideNav-bgColor-selected: #21262d;
842
852
  --skeletonLoader-bgColor: #161b22;
843
853
  --timelineBadge-bgColor: #21262d;
844
- --treeViewItem-leadingVisual-iconColor-rest: #848d97;
854
+ --treeViewItem-leadingVisual-iconColor-rest: #8d96a0;
845
855
  --underlineNav-borderColor-active: #f78166;
846
856
  --underlineNav-borderColor-hover: #6e768166;
847
- --underlineNav-iconColor-rest: #848d97;
857
+ --underlineNav-iconColor-rest: #8d96a0;
848
858
  --selection-bgColor: #1f6febb3;
849
859
  --card-bgColor: #161b22;
850
860
  --label-green-bgColor-rest: #122117;
@@ -962,7 +972,7 @@
962
972
  --label-coral-fgColor-hover: #fa8c61;
963
973
  --label-coral-fgColor-active: #fdaa86;
964
974
  --fgColor-default: #e6edf3;
965
- --fgColor-muted: #848d97;
975
+ --fgColor-muted: #8d96a0;
966
976
  --fgColor-onEmphasis: #ffffff;
967
977
  --fgColor-white: #ffffff;
968
978
  --fgColor-black: #010409;
package/dist/css/functional/themes/dark-dimmed.css CHANGED
@@ -21,8 +21,8 @@
21
21
  --codeMirror-bgColor: #22272e;
22
22
  --codeMirror-gutters-bgColor: #22272e;
23
23
  --codeMirror-gutterMarker-fgColor-default: #22272e;
24
- --codeMirror-gutterMarker-fgColor-muted: #717e8b;
25
- --codeMirror-lineNumber-fgColor: #717e8b;
24
+ --codeMirror-gutterMarker-fgColor-muted: #778491;
25
+ --codeMirror-lineNumber-fgColor: #778491;
26
26
  --codeMirror-cursor-fgColor: #c5d1de;
27
27
  --codeMirror-selection-bgColor: #4184e466;
28
28
  --codeMirror-activeline-bgColor: #636e7b66;
@@ -72,6 +72,11 @@
72
72
  --display-purple-fgColor: #b687f7;
73
73
  --display-purple-borderColor-muted: #31146b;
74
74
  --display-purple-borderColor-emphasis: #975bf1;
75
+ --display-plum-bgColor-muted: #2a0e3f;
76
+ --display-plum-bgColor-emphasis: #b643ef;
77
+ --display-plum-fgColor: #d07ef7;
78
+ --display-plum-borderColor-muted: #40125e;
79
+ --display-plum-borderColor-emphasis: #b643ef;
75
80
  --display-red-bgColor-muted: #3c0614;
76
81
  --display-red-bgColor-emphasis: #eb3342;
77
82
  --display-red-fgColor: #f27d83;
@@ -162,7 +167,7 @@
162
167
  --control-borderColor-success: #347d39;
163
168
  --control-borderColor-danger: #c93c37;
164
169
  --control-borderColor-warning: #966600;
165
- --control-iconColor-rest: #717e8b;
170
+ --control-iconColor-rest: #778491;
166
171
  --control-transparent-bgColor-rest: #00000000;
167
172
  --control-transparent-bgColor-hover: #909dab1f;
168
173
  --control-transparent-bgColor-active: #909dab33;
@@ -189,7 +194,7 @@
189
194
  --controlTrack-bgColor-hover: #3d444e;
190
195
  --controlTrack-bgColor-active: #434a54;
191
196
  --controlTrack-bgColor-disabled: #636e7b;
192
- --controlTrack-fgColor-rest: #717e8b;
197
+ --controlTrack-fgColor-rest: #778491;
193
198
  --controlTrack-fgColor-disabled: #cdd9e5;
194
199
  --controlTrack-borderColor-rest: #00000000;
195
200
  --controlTrack-borderColor-disabled: #636e7b;
@@ -226,8 +231,8 @@
226
231
  --button-invisible-fgColor-rest: #478be6;
227
232
  --button-invisible-fgColor-hover: #539bf5;
228
233
  --button-invisible-fgColor-disabled: #636e7b;
229
- --button-invisible-iconColor-rest: #717e8b;
230
- --button-invisible-iconColor-hover: #717e8b;
234
+ --button-invisible-iconColor-rest: #778491;
235
+ --button-invisible-iconColor-hover: #778491;
231
236
  --button-invisible-iconColor-disabled: #636e7b;
232
237
  --button-invisible-bgColor-rest: #00000000;
233
238
  --button-invisible-bgColor-hover: #909dab1f;
@@ -293,10 +298,10 @@
293
298
  --sideNav-bgColor-selected: #373e47;
294
299
  --skeletonLoader-bgColor: #2d333b;
295
300
  --timelineBadge-bgColor: #373e47;
296
- --treeViewItem-leadingVisual-iconColor-rest: #717e8b;
301
+ --treeViewItem-leadingVisual-iconColor-rest: #778491;
297
302
  --underlineNav-borderColor-active: #ec775c;
298
303
  --underlineNav-borderColor-hover: #636e7b66;
299
- --underlineNav-iconColor-rest: #717e8b;
304
+ --underlineNav-iconColor-rest: #778491;
300
305
  --selection-bgColor: #316dcab3;
301
306
  --card-bgColor: #2d333b;
302
307
  --label-green-bgColor-rest: #122117;
@@ -414,7 +419,7 @@
414
419
  --label-coral-fgColor-hover: #fa8c61;
415
420
  --label-coral-fgColor-active: #fdaa86;
416
421
  --fgColor-default: #c5d1de;
417
- --fgColor-muted: #717e8b;
422
+ --fgColor-muted: #778491;
418
423
  --fgColor-onEmphasis: #cdd9e5;
419
424
  --fgColor-white: #cdd9e5;
420
425
  --fgColor-black: #1c2128;
@@ -569,8 +574,8 @@
569
574
  --codeMirror-bgColor: #22272e;
570
575
  --codeMirror-gutters-bgColor: #22272e;
571
576
  --codeMirror-gutterMarker-fgColor-default: #22272e;
572
- --codeMirror-gutterMarker-fgColor-muted: #717e8b;
573
- --codeMirror-lineNumber-fgColor: #717e8b;
577
+ --codeMirror-gutterMarker-fgColor-muted: #778491;
578
+ --codeMirror-lineNumber-fgColor: #778491;
574
579
  --codeMirror-cursor-fgColor: #c5d1de;
575
580
  --codeMirror-selection-bgColor: #4184e466;
576
581
  --codeMirror-activeline-bgColor: #636e7b66;
@@ -620,6 +625,11 @@
620
625
  --display-purple-fgColor: #b687f7;
621
626
  --display-purple-borderColor-muted: #31146b;
622
627
  --display-purple-borderColor-emphasis: #975bf1;
628
+ --display-plum-bgColor-muted: #2a0e3f;
629
+ --display-plum-bgColor-emphasis: #b643ef;
630
+ --display-plum-fgColor: #d07ef7;
631
+ --display-plum-borderColor-muted: #40125e;
632
+ --display-plum-borderColor-emphasis: #b643ef;
623
633
  --display-red-bgColor-muted: #3c0614;
624
634
  --display-red-bgColor-emphasis: #eb3342;
625
635
  --display-red-fgColor: #f27d83;
@@ -710,7 +720,7 @@
710
720
  --control-borderColor-success: #347d39;
711
721
  --control-borderColor-danger: #c93c37;
712
722
  --control-borderColor-warning: #966600;
713
- --control-iconColor-rest: #717e8b;
723
+ --control-iconColor-rest: #778491;
714
724
  --control-transparent-bgColor-rest: #00000000;
715
725
  --control-transparent-bgColor-hover: #909dab1f;
716
726
  --control-transparent-bgColor-active: #909dab33;
@@ -737,7 +747,7 @@
737
747
  --controlTrack-bgColor-hover: #3d444e;
738
748
  --controlTrack-bgColor-active: #434a54;
739
749
  --controlTrack-bgColor-disabled: #636e7b;
740
- --controlTrack-fgColor-rest: #717e8b;
750
+ --controlTrack-fgColor-rest: #778491;
741
751
  --controlTrack-fgColor-disabled: #cdd9e5;
742
752
  --controlTrack-borderColor-rest: #00000000;
743
753
  --controlTrack-borderColor-disabled: #636e7b;
@@ -774,8 +784,8 @@
774
784
  --button-invisible-fgColor-rest: #478be6;
775
785
  --button-invisible-fgColor-hover: #539bf5;
776
786
  --button-invisible-fgColor-disabled: #636e7b;
777
- --button-invisible-iconColor-rest: #717e8b;
778
- --button-invisible-iconColor-hover: #717e8b;
787
+ --button-invisible-iconColor-rest: #778491;
788
+ --button-invisible-iconColor-hover: #778491;
779
789
  --button-invisible-iconColor-disabled: #636e7b;
780
790
  --button-invisible-bgColor-rest: #00000000;
781
791
  --button-invisible-bgColor-hover: #909dab1f;
@@ -841,10 +851,10 @@
841
851
  --sideNav-bgColor-selected: #373e47;
842
852
  --skeletonLoader-bgColor: #2d333b;
843
853
  --timelineBadge-bgColor: #373e47;
844
- --treeViewItem-leadingVisual-iconColor-rest: #717e8b;
854
+ --treeViewItem-leadingVisual-iconColor-rest: #778491;
845
855
  --underlineNav-borderColor-active: #ec775c;
846
856
  --underlineNav-borderColor-hover: #636e7b66;
847
- --underlineNav-iconColor-rest: #717e8b;
857
+ --underlineNav-iconColor-rest: #778491;
848
858
  --selection-bgColor: #316dcab3;
849
859
  --card-bgColor: #2d333b;
850
860
  --label-green-bgColor-rest: #122117;
@@ -962,7 +972,7 @@
962
972
  --label-coral-fgColor-hover: #fa8c61;
963
973
  --label-coral-fgColor-active: #fdaa86;
964
974
  --fgColor-default: #c5d1de;
965
- --fgColor-muted: #717e8b;
975
+ --fgColor-muted: #778491;
966
976
  --fgColor-onEmphasis: #cdd9e5;
967
977
  --fgColor-white: #cdd9e5;
968
978
  --fgColor-black: #1c2128;
package/dist/css/functional/themes/dark-high-contrast.css CHANGED
@@ -72,6 +72,11 @@
72
72
  --display-purple-fgColor: #b687f7;
73
73
  --display-purple-borderColor-muted: #31146b;
74
74
  --display-purple-borderColor-emphasis: #975bf1;
75
+ --display-plum-bgColor-muted: #2a0e3f;
76
+ --display-plum-bgColor-emphasis: #b643ef;
77
+ --display-plum-fgColor: #d07ef7;
78
+ --display-plum-borderColor-muted: #40125e;
79
+ --display-plum-borderColor-emphasis: #b643ef;
75
80
  --display-red-bgColor-muted: #3c0614;
76
81
  --display-red-bgColor-emphasis: #eb3342;
77
82
  --display-red-fgColor: #f27d83;
@@ -620,6 +625,11 @@
620
625
  --display-purple-fgColor: #b687f7;
621
626
  --display-purple-borderColor-muted: #31146b;
622
627
  --display-purple-borderColor-emphasis: #975bf1;
628
+ --display-plum-bgColor-muted: #2a0e3f;
629
+ --display-plum-bgColor-emphasis: #b643ef;
630
+ --display-plum-fgColor: #d07ef7;
631
+ --display-plum-borderColor-muted: #40125e;
632
+ --display-plum-borderColor-emphasis: #b643ef;
623
633
  --display-red-bgColor-muted: #3c0614;
624
634
  --display-red-bgColor-emphasis: #eb3342;
625
635
  --display-red-fgColor: #f27d83;
package/dist/css/functional/themes/dark-tritanopia.css CHANGED
@@ -16,13 +16,13 @@
16
16
  --diffBlob-deletion-bgColor-line: #f8514926;
17
17
  --diffBlob-deletion-bgColor-word: #f8514966;
18
18
  --diffBlob-hunk-bgColor-num: #388bfd66;
19
- --diffBlob-expander-iconColor: #848d97;
19
+ --diffBlob-expander-iconColor: #8d96a0;
20
20
  --codeMirror-fgColor: #e6edf3;
21
21
  --codeMirror-bgColor: #0d1117;
22
22
  --codeMirror-gutters-bgColor: #0d1117;
23
23
  --codeMirror-gutterMarker-fgColor-default: #0d1117;
24
- --codeMirror-gutterMarker-fgColor-muted: #848d97;
25
- --codeMirror-lineNumber-fgColor: #848d97;
24
+ --codeMirror-gutterMarker-fgColor-muted: #8d96a0;
25
+ --codeMirror-lineNumber-fgColor: #8d96a0;
26
26
  --codeMirror-cursor-fgColor: #e6edf3;
27
27
  --codeMirror-selection-bgColor: #388bfd66;
28
28
  --codeMirror-activeline-bgColor: #6e768166;
@@ -72,6 +72,11 @@
72
72
  --display-purple-fgColor: #b687f7;
73
73
  --display-purple-borderColor-muted: #31146b;
74
74
  --display-purple-borderColor-emphasis: #975bf1;
75
+ --display-plum-bgColor-muted: #2a0e3f;
76
+ --display-plum-bgColor-emphasis: #b643ef;
77
+ --display-plum-fgColor: #d07ef7;
78
+ --display-plum-borderColor-muted: #40125e;
79
+ --display-plum-borderColor-emphasis: #b643ef;
75
80
  --display-red-bgColor-muted: #3c0614;
76
81
  --display-red-bgColor-emphasis: #eb3342;
77
82
  --display-red-fgColor: #f27d83;
@@ -162,7 +167,7 @@
162
167
  --control-borderColor-success: #1f6feb;
163
168
  --control-borderColor-danger: #da3633;
164
169
  --control-borderColor-warning: #9e6a03;
165
- --control-iconColor-rest: #848d97;
170
+ --control-iconColor-rest: #8d96a0;
166
171
  --control-transparent-bgColor-rest: #00000000;
167
172
  --control-transparent-bgColor-hover: #b1bac41f;
168
173
  --control-transparent-bgColor-active: #b1bac433;
@@ -189,7 +194,7 @@
189
194
  --controlTrack-bgColor-hover: #292e36;
190
195
  --controlTrack-bgColor-active: #31363e;
191
196
  --controlTrack-bgColor-disabled: #6e7681;
192
- --controlTrack-fgColor-rest: #848d97;
197
+ --controlTrack-fgColor-rest: #8d96a0;
193
198
  --controlTrack-fgColor-disabled: #ffffff;
194
199
  --controlTrack-borderColor-rest: #00000000;
195
200
  --controlTrack-borderColor-disabled: #6e7681;
@@ -226,7 +231,7 @@
226
231
  --button-invisible-fgColor-rest: #4493f8;
227
232
  --button-invisible-fgColor-hover: #58a6ff;
228
233
  --button-invisible-fgColor-disabled: #6e7681;
229
- --button-invisible-iconColor-rest: #848d97;
234
+ --button-invisible-iconColor-rest: #8d96a0;
230
235
  --button-invisible-iconColor-hover: #e6edf3;
231
236
  --button-invisible-iconColor-disabled: #6e7681;
232
237
  --button-invisible-bgColor-rest: #00000000;
@@ -293,10 +298,10 @@
293
298
  --sideNav-bgColor-selected: #21262d;
294
299
  --skeletonLoader-bgColor: #161b22;
295
300
  --timelineBadge-bgColor: #21262d;
296
- --treeViewItem-leadingVisual-iconColor-rest: #848d97;
301
+ --treeViewItem-leadingVisual-iconColor-rest: #8d96a0;
297
302
  --underlineNav-borderColor-active: #f78166;
298
303
  --underlineNav-borderColor-hover: #6e768166;
299
- --underlineNav-iconColor-rest: #848d97;
304
+ --underlineNav-iconColor-rest: #8d96a0;
300
305
  --selection-bgColor: #1f6febb3;
301
306
  --card-bgColor: #161b22;
302
307
  --label-green-bgColor-rest: #122117;
@@ -414,7 +419,7 @@
414
419
  --label-coral-fgColor-hover: #fa8c61;
415
420
  --label-coral-fgColor-active: #fdaa86;
416
421
  --fgColor-default: #e6edf3;
417
- --fgColor-muted: #848d97;
422
+ --fgColor-muted: #8d96a0;
418
423
  --fgColor-onEmphasis: #ffffff;
419
424
  --fgColor-white: #ffffff;
420
425
  --fgColor-black: #010409;
@@ -564,13 +569,13 @@
564
569
  --diffBlob-deletion-bgColor-line: #f8514926;
565
570
  --diffBlob-deletion-bgColor-word: #f8514966;
566
571
  --diffBlob-hunk-bgColor-num: #388bfd66;
567
- --diffBlob-expander-iconColor: #848d97;
572
+ --diffBlob-expander-iconColor: #8d96a0;
568
573
  --codeMirror-fgColor: #e6edf3;
569
574
  --codeMirror-bgColor: #0d1117;
570
575
  --codeMirror-gutters-bgColor: #0d1117;
571
576
  --codeMirror-gutterMarker-fgColor-default: #0d1117;
572
- --codeMirror-gutterMarker-fgColor-muted: #848d97;
573
- --codeMirror-lineNumber-fgColor: #848d97;
577
+ --codeMirror-gutterMarker-fgColor-muted: #8d96a0;
578
+ --codeMirror-lineNumber-fgColor: #8d96a0;
574
579
  --codeMirror-cursor-fgColor: #e6edf3;
575
580
  --codeMirror-selection-bgColor: #388bfd66;
576
581
  --codeMirror-activeline-bgColor: #6e768166;
@@ -620,6 +625,11 @@
620
625
  --display-purple-fgColor: #b687f7;
621
626
  --display-purple-borderColor-muted: #31146b;
622
627
  --display-purple-borderColor-emphasis: #975bf1;
628
+ --display-plum-bgColor-muted: #2a0e3f;
629
+ --display-plum-bgColor-emphasis: #b643ef;
630
+ --display-plum-fgColor: #d07ef7;
631
+ --display-plum-borderColor-muted: #40125e;
632
+ --display-plum-borderColor-emphasis: #b643ef;
623
633
  --display-red-bgColor-muted: #3c0614;
624
634
  --display-red-bgColor-emphasis: #eb3342;
625
635
  --display-red-fgColor: #f27d83;
@@ -710,7 +720,7 @@
710
720
  --control-borderColor-success: #1f6feb;
711
721
  --control-borderColor-danger: #da3633;
712
722
  --control-borderColor-warning: #9e6a03;
713
- --control-iconColor-rest: #848d97;
723
+ --control-iconColor-rest: #8d96a0;
714
724
  --control-transparent-bgColor-rest: #00000000;
715
725
  --control-transparent-bgColor-hover: #b1bac41f;
716
726
  --control-transparent-bgColor-active: #b1bac433;
@@ -737,7 +747,7 @@
737
747
  --controlTrack-bgColor-hover: #292e36;
738
748
  --controlTrack-bgColor-active: #31363e;
739
749
  --controlTrack-bgColor-disabled: #6e7681;
740
- --controlTrack-fgColor-rest: #848d97;
750
+ --controlTrack-fgColor-rest: #8d96a0;
741
751
  --controlTrack-fgColor-disabled: #ffffff;
742
752
  --controlTrack-borderColor-rest: #00000000;
743
753
  --controlTrack-borderColor-disabled: #6e7681;
@@ -774,7 +784,7 @@
774
784
  --button-invisible-fgColor-rest: #4493f8;
775
785
  --button-invisible-fgColor-hover: #58a6ff;
776
786
  --button-invisible-fgColor-disabled: #6e7681;
777
- --button-invisible-iconColor-rest: #848d97;
787
+ --button-invisible-iconColor-rest: #8d96a0;
778
788
  --button-invisible-iconColor-hover: #e6edf3;
779
789
  --button-invisible-iconColor-disabled: #6e7681;
780
790
  --button-invisible-bgColor-rest: #00000000;
@@ -841,10 +851,10 @@
841
851
  --sideNav-bgColor-selected: #21262d;
842
852
  --skeletonLoader-bgColor: #161b22;
843
853
  --timelineBadge-bgColor: #21262d;
844
- --treeViewItem-leadingVisual-iconColor-rest: #848d97;
854
+ --treeViewItem-leadingVisual-iconColor-rest: #8d96a0;
845
855
  --underlineNav-borderColor-active: #f78166;
846
856
  --underlineNav-borderColor-hover: #6e768166;
847
- --underlineNav-iconColor-rest: #848d97;
857
+ --underlineNav-iconColor-rest: #8d96a0;
848
858
  --selection-bgColor: #1f6febb3;
849
859
  --card-bgColor: #161b22;
850
860
  --label-green-bgColor-rest: #122117;
@@ -962,7 +972,7 @@
962
972
  --label-coral-fgColor-hover: #fa8c61;
963
973
  --label-coral-fgColor-active: #fdaa86;
964
974
  --fgColor-default: #e6edf3;
965
- --fgColor-muted: #848d97;
975
+ --fgColor-muted: #8d96a0;
966
976
  --fgColor-onEmphasis: #ffffff;
967
977
  --fgColor-white: #ffffff;
968
978
  --fgColor-black: #010409;
package/dist/css/functional/themes/dark.css CHANGED
@@ -16,13 +16,13 @@
16
16
  --diffBlob-deletion-bgColor-line: #f8514926;
17
17
  --diffBlob-deletion-bgColor-word: #f8514966;
18
18
  --diffBlob-hunk-bgColor-num: #388bfd66;
19
- --diffBlob-expander-iconColor: #848d97;
19
+ --diffBlob-expander-iconColor: #8d96a0;
20
20
  --codeMirror-fgColor: #e6edf3;
21
21
  --codeMirror-bgColor: #0d1117;
22
22
  --codeMirror-gutters-bgColor: #0d1117;
23
23
  --codeMirror-gutterMarker-fgColor-default: #0d1117;
24
- --codeMirror-gutterMarker-fgColor-muted: #848d97;
25
- --codeMirror-lineNumber-fgColor: #848d97;
24
+ --codeMirror-gutterMarker-fgColor-muted: #8d96a0;
25
+ --codeMirror-lineNumber-fgColor: #8d96a0;
26
26
  --codeMirror-cursor-fgColor: #e6edf3;
27
27
  --codeMirror-selection-bgColor: #388bfd66;
28
28
  --codeMirror-activeline-bgColor: #6e768166;
@@ -72,6 +72,11 @@
72
72
  --display-purple-fgColor: #b687f7;
73
73
  --display-purple-borderColor-muted: #31146b;
74
74
  --display-purple-borderColor-emphasis: #975bf1;
75
+ --display-plum-bgColor-muted: #2a0e3f;
76
+ --display-plum-bgColor-emphasis: #b643ef;
77
+ --display-plum-fgColor: #d07ef7;
78
+ --display-plum-borderColor-muted: #40125e;
79
+ --display-plum-borderColor-emphasis: #b643ef;
75
80
  --display-red-bgColor-muted: #3c0614;
76
81
  --display-red-bgColor-emphasis: #eb3342;
77
82
  --display-red-fgColor: #f27d83;
@@ -162,7 +167,7 @@
162
167
  --control-borderColor-success: #238636;
163
168
  --control-borderColor-danger: #da3633;
164
169
  --control-borderColor-warning: #9e6a03;
165
- --control-iconColor-rest: #848d97;
170
+ --control-iconColor-rest: #8d96a0;
166
171
  --control-transparent-bgColor-rest: #00000000;
167
172
  --control-transparent-bgColor-hover: #b1bac41f;
168
173
  --control-transparent-bgColor-active: #b1bac433;
@@ -189,7 +194,7 @@
189
194
  --controlTrack-bgColor-hover: #292e36;
190
195
  --controlTrack-bgColor-active: #31363e;
191
196
  --controlTrack-bgColor-disabled: #6e7681;
192
- --controlTrack-fgColor-rest: #848d97;
197
+ --controlTrack-fgColor-rest: #8d96a0;
193
198
  --controlTrack-fgColor-disabled: #ffffff;
194
199
  --controlTrack-borderColor-rest: #00000000;
195
200
  --controlTrack-borderColor-disabled: #6e7681;
@@ -226,7 +231,7 @@
226
231
  --button-invisible-fgColor-rest: #4493f8;
227
232
  --button-invisible-fgColor-hover: #58a6ff;
228
233
  --button-invisible-fgColor-disabled: #6e7681;
229
- --button-invisible-iconColor-rest: #848d97;
234
+ --button-invisible-iconColor-rest: #8d96a0;
230
235
  --button-invisible-iconColor-hover: #e6edf3;
231
236
  --button-invisible-iconColor-disabled: #6e7681;
232
237
  --button-invisible-bgColor-rest: #00000000;
@@ -293,10 +298,10 @@
293
298
  --sideNav-bgColor-selected: #21262d;
294
299
  --skeletonLoader-bgColor: #161b22;
295
300
  --timelineBadge-bgColor: #21262d;
296
- --treeViewItem-leadingVisual-iconColor-rest: #848d97;
301
+ --treeViewItem-leadingVisual-iconColor-rest: #8d96a0;
297
302
  --underlineNav-borderColor-active: #f78166;
298
303
  --underlineNav-borderColor-hover: #6e768166;
299
- --underlineNav-iconColor-rest: #848d97;
304
+ --underlineNav-iconColor-rest: #8d96a0;
300
305
  --selection-bgColor: #1f6febb3;
301
306
  --card-bgColor: #161b22;
302
307
  --label-green-bgColor-rest: #122117;
@@ -414,7 +419,7 @@
414
419
  --label-coral-fgColor-hover: #fa8c61;
415
420
  --label-coral-fgColor-active: #fdaa86;
416
421
  --fgColor-default: #e6edf3;
417
- --fgColor-muted: #848d97;
422
+ --fgColor-muted: #8d96a0;
418
423
  --fgColor-onEmphasis: #ffffff;
419
424
  --fgColor-white: #ffffff;
420
425
  --fgColor-black: #010409;
@@ -564,13 +569,13 @@
564
569
  --diffBlob-deletion-bgColor-line: #f8514926;
565
570
  --diffBlob-deletion-bgColor-word: #f8514966;
566
571
  --diffBlob-hunk-bgColor-num: #388bfd66;
567
- --diffBlob-expander-iconColor: #848d97;
572
+ --diffBlob-expander-iconColor: #8d96a0;
568
573
  --codeMirror-fgColor: #e6edf3;
569
574
  --codeMirror-bgColor: #0d1117;
570
575
  --codeMirror-gutters-bgColor: #0d1117;
571
576
  --codeMirror-gutterMarker-fgColor-default: #0d1117;
572
- --codeMirror-gutterMarker-fgColor-muted: #848d97;
573
- --codeMirror-lineNumber-fgColor: #848d97;
577
+ --codeMirror-gutterMarker-fgColor-muted: #8d96a0;
578
+ --codeMirror-lineNumber-fgColor: #8d96a0;
574
579
  --codeMirror-cursor-fgColor: #e6edf3;
575
580
  --codeMirror-selection-bgColor: #388bfd66;
576
581
  --codeMirror-activeline-bgColor: #6e768166;
@@ -620,6 +625,11 @@
620
625
  --display-purple-fgColor: #b687f7;
621
626
  --display-purple-borderColor-muted: #31146b;
622
627
  --display-purple-borderColor-emphasis: #975bf1;
628
+ --display-plum-bgColor-muted: #2a0e3f;
629
+ --display-plum-bgColor-emphasis: #b643ef;
630
+ --display-plum-fgColor: #d07ef7;
631
+ --display-plum-borderColor-muted: #40125e;
632
+ --display-plum-borderColor-emphasis: #b643ef;
623
633
  --display-red-bgColor-muted: #3c0614;
624
634
  --display-red-bgColor-emphasis: #eb3342;
625
635
  --display-red-fgColor: #f27d83;
@@ -710,7 +720,7 @@
710
720
  --control-borderColor-success: #238636;
711
721
  --control-borderColor-danger: #da3633;
712
722
  --control-borderColor-warning: #9e6a03;
713
- --control-iconColor-rest: #848d97;
723
+ --control-iconColor-rest: #8d96a0;
714
724
  --control-transparent-bgColor-rest: #00000000;
715
725
  --control-transparent-bgColor-hover: #b1bac41f;
716
726
  --control-transparent-bgColor-active: #b1bac433;
@@ -737,7 +747,7 @@
737
747
  --controlTrack-bgColor-hover: #292e36;
738
748
  --controlTrack-bgColor-active: #31363e;
739
749
  --controlTrack-bgColor-disabled: #6e7681;
740
- --controlTrack-fgColor-rest: #848d97;
750
+ --controlTrack-fgColor-rest: #8d96a0;
741
751
  --controlTrack-fgColor-disabled: #ffffff;
742
752
  --controlTrack-borderColor-rest: #00000000;
743
753
  --controlTrack-borderColor-disabled: #6e7681;
@@ -774,7 +784,7 @@
774
784
  --button-invisible-fgColor-rest: #4493f8;
775
785
  --button-invisible-fgColor-hover: #58a6ff;
776
786
  --button-invisible-fgColor-disabled: #6e7681;
777
- --button-invisible-iconColor-rest: #848d97;
787
+ --button-invisible-iconColor-rest: #8d96a0;
778
788
  --button-invisible-iconColor-hover: #e6edf3;
779
789
  --button-invisible-iconColor-disabled: #6e7681;
780
790
  --button-invisible-bgColor-rest: #00000000;
@@ -841,10 +851,10 @@
841
851
  --sideNav-bgColor-selected: #21262d;
842
852
  --skeletonLoader-bgColor: #161b22;
843
853
  --timelineBadge-bgColor: #21262d;
844
- --treeViewItem-leadingVisual-iconColor-rest: #848d97;
854
+ --treeViewItem-leadingVisual-iconColor-rest: #8d96a0;
845
855
  --underlineNav-borderColor-active: #f78166;
846
856
  --underlineNav-borderColor-hover: #6e768166;
847
- --underlineNav-iconColor-rest: #848d97;
857
+ --underlineNav-iconColor-rest: #8d96a0;
848
858
  --selection-bgColor: #1f6febb3;
849
859
  --card-bgColor: #161b22;
850
860
  --label-green-bgColor-rest: #122117;
@@ -962,7 +972,7 @@
962
972
  --label-coral-fgColor-hover: #fa8c61;
963
973
  --label-coral-fgColor-active: #fdaa86;
964
974
  --fgColor-default: #e6edf3;
965
- --fgColor-muted: #848d97;
975
+ --fgColor-muted: #8d96a0;
966
976
  --fgColor-onEmphasis: #ffffff;
967
977
  --fgColor-white: #ffffff;
968
978
  --fgColor-black: #010409;
package/dist/css/functional/themes/light-colorblind.css CHANGED
@@ -72,6 +72,11 @@
72
72
  --display-purple-fgColor: #783ae4;
73
73
  --display-purple-borderColor-muted: #e6d2fe;
74
74
  --display-purple-borderColor-emphasis: #894ceb;
75
+ --display-plum-bgColor-muted: #f8e5ff;
76
+ --display-plum-bgColor-emphasis: #a830e8;
77
+ --display-plum-fgColor: #961edc;
78
+ --display-plum-borderColor-muted: #f0cdfe;
79
+ --display-plum-borderColor-emphasis: #a830e8;
75
80
  --display-red-bgColor-muted: #ffe2e0;
76
81
  --display-red-bgColor-emphasis: #df0c24;
77
82
  --display-red-fgColor: #c50d28;
@@ -620,6 +625,11 @@
620
625
  --display-purple-fgColor: #783ae4;
621
626
  --display-purple-borderColor-muted: #e6d2fe;
622
627
  --display-purple-borderColor-emphasis: #894ceb;
628
+ --display-plum-bgColor-muted: #f8e5ff;
629
+ --display-plum-bgColor-emphasis: #a830e8;
630
+ --display-plum-fgColor: #961edc;
631
+ --display-plum-borderColor-muted: #f0cdfe;
632
+ --display-plum-borderColor-emphasis: #a830e8;
623
633
  --display-red-bgColor-muted: #ffe2e0;
624
634
  --display-red-bgColor-emphasis: #df0c24;
625
635
  --display-red-fgColor: #c50d28;
package/dist/css/functional/themes/light-high-contrast.css CHANGED
@@ -72,6 +72,11 @@
72
72
  --display-purple-fgColor: #783ae4;
73
73
  --display-purple-borderColor-muted: #e6d2fe;
74
74
  --display-purple-borderColor-emphasis: #894ceb;
75
+ --display-plum-bgColor-muted: #f8e5ff;
76
+ --display-plum-bgColor-emphasis: #a830e8;
77
+ --display-plum-fgColor: #961edc;
78
+ --display-plum-borderColor-muted: #f0cdfe;
79
+ --display-plum-borderColor-emphasis: #a830e8;
75
80
  --display-red-bgColor-muted: #ffe2e0;
76
81
  --display-red-bgColor-emphasis: #df0c24;
77
82
  --display-red-fgColor: #c50d28;
@@ -620,6 +625,11 @@
620
625
  --display-purple-fgColor: #783ae4;
621
626
  --display-purple-borderColor-muted: #e6d2fe;
622
627
  --display-purple-borderColor-emphasis: #894ceb;
628
+ --display-plum-bgColor-muted: #f8e5ff;
629
+ --display-plum-bgColor-emphasis: #a830e8;
630
+ --display-plum-fgColor: #961edc;
631
+ --display-plum-borderColor-muted: #f0cdfe;
632
+ --display-plum-borderColor-emphasis: #a830e8;
623
633
  --display-red-bgColor-muted: #ffe2e0;
624
634
  --display-red-bgColor-emphasis: #df0c24;
625
635
  --display-red-fgColor: #c50d28;