@primer/primitives 8.1.0-rc.313f1fc7 → 8.1.1-rc.40687c28

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 (57) hide show
  1. package/dist/css/functional/themes/dark-colorblind.css +38 -18
  2. package/dist/css/functional/themes/dark-dimmed.css +38 -18
  3. package/dist/css/functional/themes/dark-high-contrast.css +20 -0
  4. package/dist/css/functional/themes/dark-tritanopia.css +38 -18
  5. package/dist/css/functional/themes/dark.css +38 -18
  6. package/dist/css/functional/themes/light-colorblind.css +20 -0
  7. package/dist/css/functional/themes/light-high-contrast.css +20 -0
  8. package/dist/css/functional/themes/light-tritanopia.css +20 -0
  9. package/dist/css/functional/themes/light.css +20 -0
  10. package/dist/docs/functional/themes/dark-colorblind.json +304 -14
  11. package/dist/docs/functional/themes/dark-dimmed.json +304 -14
  12. package/dist/docs/functional/themes/dark-high-contrast.json +290 -0
  13. package/dist/docs/functional/themes/dark-tritanopia.json +304 -14
  14. package/dist/docs/functional/themes/dark.json +304 -14
  15. package/dist/docs/functional/themes/light-colorblind.json +290 -0
  16. package/dist/docs/functional/themes/light-high-contrast.json +290 -0
  17. package/dist/docs/functional/themes/light-tritanopia.json +290 -0
  18. package/dist/docs/functional/themes/light.json +290 -0
  19. package/dist/docs/functional/typography/typography.json +19 -1
  20. package/dist/figma/themes/dark-colorblind.json +188 -28
  21. package/dist/figma/themes/dark-dimmed.json +188 -28
  22. package/dist/figma/themes/dark-high-contrast.json +160 -0
  23. package/dist/figma/themes/dark-tritanopia.json +188 -28
  24. package/dist/figma/themes/dark.json +188 -28
  25. package/dist/figma/themes/light-colorblind.json +160 -0
  26. package/dist/figma/themes/light-high-contrast.json +160 -0
  27. package/dist/figma/themes/light-tritanopia.json +160 -0
  28. package/dist/figma/themes/light.json +160 -0
  29. package/dist/figma/typography/typography.json +22 -11
  30. package/dist/internalCss/dark-colorblind.css +38 -18
  31. package/dist/internalCss/dark-dimmed.css +38 -18
  32. package/dist/internalCss/dark-high-contrast.css +20 -0
  33. package/dist/internalCss/dark-tritanopia.css +38 -18
  34. package/dist/internalCss/dark.css +38 -18
  35. package/dist/internalCss/light-colorblind.css +20 -0
  36. package/dist/internalCss/light-high-contrast.css +20 -0
  37. package/dist/internalCss/light-tritanopia.css +20 -0
  38. package/dist/internalCss/light.css +20 -0
  39. package/dist/styleLint/functional/themes/dark-colorblind.json +304 -14
  40. package/dist/styleLint/functional/themes/dark-dimmed.json +304 -14
  41. package/dist/styleLint/functional/themes/dark-high-contrast.json +290 -0
  42. package/dist/styleLint/functional/themes/dark-tritanopia.json +304 -14
  43. package/dist/styleLint/functional/themes/dark.json +304 -14
  44. package/dist/styleLint/functional/themes/light-colorblind.json +290 -0
  45. package/dist/styleLint/functional/themes/light-high-contrast.json +290 -0
  46. package/dist/styleLint/functional/themes/light-tritanopia.json +290 -0
  47. package/dist/styleLint/functional/themes/light.json +290 -0
  48. package/dist/styleLint/functional/typography/typography.json +19 -1
  49. package/package.json +1 -1
  50. package/src/PrimerStyleDictionary.ts +6 -0
  51. package/src/platforms/figma.ts +1 -1
  52. package/src/tokens/functional/color/dark/display-dark.json5 +132 -0
  53. package/src/tokens/functional/color/dark/primitives-dark.json5 +3 -3
  54. package/src/tokens/functional/color/light/display-light.json5 +132 -0
  55. package/src/tokens/functional/typography/typography.json +10 -1
  56. package/src/transformers/floatToPixel.ts +9 -2
  57. package/src/transformers/index.ts +1 -0
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,11 +72,21 @@
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;
78
83
  --display-red-borderColor-muted: #58091a;
79
84
  --display-red-borderColor-emphasis: #eb3342;
85
+ --display-coral-bgColor-muted: #3c0614;
86
+ --display-coral-bgColor-emphasis: #eb3342;
87
+ --display-coral-fgColor: #f27d83;
88
+ --display-coral-borderColor-muted: #58091a;
89
+ --display-coral-borderColor-emphasis: #eb3342;
80
90
  --display-yellow-bgColor-muted: #2e1a00;
81
91
  --display-yellow-bgColor-emphasis: #aa7109;
82
92
  --display-yellow-fgColor: #d3910d;
@@ -157,7 +167,7 @@
157
167
  --control-borderColor-success: #1f6feb;
158
168
  --control-borderColor-danger: #bd561d;
159
169
  --control-borderColor-warning: #9e6a03;
160
- --control-iconColor-rest: #848d97;
170
+ --control-iconColor-rest: #8d96a0;
161
171
  --control-transparent-bgColor-rest: #00000000;
162
172
  --control-transparent-bgColor-hover: #b1bac41f;
163
173
  --control-transparent-bgColor-active: #b1bac433;
@@ -184,7 +194,7 @@
184
194
  --controlTrack-bgColor-hover: #292e36;
185
195
  --controlTrack-bgColor-active: #31363e;
186
196
  --controlTrack-bgColor-disabled: #6e7681;
187
- --controlTrack-fgColor-rest: #848d97;
197
+ --controlTrack-fgColor-rest: #8d96a0;
188
198
  --controlTrack-fgColor-disabled: #ffffff;
189
199
  --controlTrack-borderColor-rest: #00000000;
190
200
  --controlTrack-borderColor-disabled: #6e7681;
@@ -221,7 +231,7 @@
221
231
  --button-invisible-fgColor-rest: #4493f8;
222
232
  --button-invisible-fgColor-hover: #58a6ff;
223
233
  --button-invisible-fgColor-disabled: #6e7681;
224
- --button-invisible-iconColor-rest: #848d97;
234
+ --button-invisible-iconColor-rest: #8d96a0;
225
235
  --button-invisible-iconColor-hover: #e6edf3;
226
236
  --button-invisible-iconColor-disabled: #6e7681;
227
237
  --button-invisible-bgColor-rest: #00000000;
@@ -288,10 +298,10 @@
288
298
  --sideNav-bgColor-selected: #21262d;
289
299
  --skeletonLoader-bgColor: #161b22;
290
300
  --timelineBadge-bgColor: #21262d;
291
- --treeViewItem-leadingVisual-iconColor-rest: #848d97;
301
+ --treeViewItem-leadingVisual-iconColor-rest: #8d96a0;
292
302
  --underlineNav-borderColor-active: #f78166;
293
303
  --underlineNav-borderColor-hover: #6e768166;
294
- --underlineNav-iconColor-rest: #848d97;
304
+ --underlineNav-iconColor-rest: #8d96a0;
295
305
  --selection-bgColor: #1f6febb3;
296
306
  --card-bgColor: #161b22;
297
307
  --label-green-bgColor-rest: #122117;
@@ -409,7 +419,7 @@
409
419
  --label-coral-fgColor-hover: #fa8c61;
410
420
  --label-coral-fgColor-active: #fdaa86;
411
421
  --fgColor-default: #e6edf3;
412
- --fgColor-muted: #848d97;
422
+ --fgColor-muted: #8d96a0;
413
423
  --fgColor-onEmphasis: #ffffff;
414
424
  --fgColor-white: #ffffff;
415
425
  --fgColor-black: #010409;
@@ -559,13 +569,13 @@
559
569
  --diffBlob-deletion-bgColor-line: #db6d2826;
560
570
  --diffBlob-deletion-bgColor-word: #db6d2866;
561
571
  --diffBlob-hunk-bgColor-num: #388bfd66;
562
- --diffBlob-expander-iconColor: #848d97;
572
+ --diffBlob-expander-iconColor: #8d96a0;
563
573
  --codeMirror-fgColor: #e6edf3;
564
574
  --codeMirror-bgColor: #0d1117;
565
575
  --codeMirror-gutters-bgColor: #0d1117;
566
576
  --codeMirror-gutterMarker-fgColor-default: #0d1117;
567
- --codeMirror-gutterMarker-fgColor-muted: #848d97;
568
- --codeMirror-lineNumber-fgColor: #848d97;
577
+ --codeMirror-gutterMarker-fgColor-muted: #8d96a0;
578
+ --codeMirror-lineNumber-fgColor: #8d96a0;
569
579
  --codeMirror-cursor-fgColor: #e6edf3;
570
580
  --codeMirror-selection-bgColor: #388bfd66;
571
581
  --codeMirror-activeline-bgColor: #6e768166;
@@ -615,11 +625,21 @@
615
625
  --display-purple-fgColor: #b687f7;
616
626
  --display-purple-borderColor-muted: #31146b;
617
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;
618
633
  --display-red-bgColor-muted: #3c0614;
619
634
  --display-red-bgColor-emphasis: #eb3342;
620
635
  --display-red-fgColor: #f27d83;
621
636
  --display-red-borderColor-muted: #58091a;
622
637
  --display-red-borderColor-emphasis: #eb3342;
638
+ --display-coral-bgColor-muted: #3c0614;
639
+ --display-coral-bgColor-emphasis: #eb3342;
640
+ --display-coral-fgColor: #f27d83;
641
+ --display-coral-borderColor-muted: #58091a;
642
+ --display-coral-borderColor-emphasis: #eb3342;
623
643
  --display-yellow-bgColor-muted: #2e1a00;
624
644
  --display-yellow-bgColor-emphasis: #aa7109;
625
645
  --display-yellow-fgColor: #d3910d;
@@ -700,7 +720,7 @@
700
720
  --control-borderColor-success: #1f6feb;
701
721
  --control-borderColor-danger: #bd561d;
702
722
  --control-borderColor-warning: #9e6a03;
703
- --control-iconColor-rest: #848d97;
723
+ --control-iconColor-rest: #8d96a0;
704
724
  --control-transparent-bgColor-rest: #00000000;
705
725
  --control-transparent-bgColor-hover: #b1bac41f;
706
726
  --control-transparent-bgColor-active: #b1bac433;
@@ -727,7 +747,7 @@
727
747
  --controlTrack-bgColor-hover: #292e36;
728
748
  --controlTrack-bgColor-active: #31363e;
729
749
  --controlTrack-bgColor-disabled: #6e7681;
730
- --controlTrack-fgColor-rest: #848d97;
750
+ --controlTrack-fgColor-rest: #8d96a0;
731
751
  --controlTrack-fgColor-disabled: #ffffff;
732
752
  --controlTrack-borderColor-rest: #00000000;
733
753
  --controlTrack-borderColor-disabled: #6e7681;
@@ -764,7 +784,7 @@
764
784
  --button-invisible-fgColor-rest: #4493f8;
765
785
  --button-invisible-fgColor-hover: #58a6ff;
766
786
  --button-invisible-fgColor-disabled: #6e7681;
767
- --button-invisible-iconColor-rest: #848d97;
787
+ --button-invisible-iconColor-rest: #8d96a0;
768
788
  --button-invisible-iconColor-hover: #e6edf3;
769
789
  --button-invisible-iconColor-disabled: #6e7681;
770
790
  --button-invisible-bgColor-rest: #00000000;
@@ -831,10 +851,10 @@
831
851
  --sideNav-bgColor-selected: #21262d;
832
852
  --skeletonLoader-bgColor: #161b22;
833
853
  --timelineBadge-bgColor: #21262d;
834
- --treeViewItem-leadingVisual-iconColor-rest: #848d97;
854
+ --treeViewItem-leadingVisual-iconColor-rest: #8d96a0;
835
855
  --underlineNav-borderColor-active: #f78166;
836
856
  --underlineNav-borderColor-hover: #6e768166;
837
- --underlineNav-iconColor-rest: #848d97;
857
+ --underlineNav-iconColor-rest: #8d96a0;
838
858
  --selection-bgColor: #1f6febb3;
839
859
  --card-bgColor: #161b22;
840
860
  --label-green-bgColor-rest: #122117;
@@ -952,7 +972,7 @@
952
972
  --label-coral-fgColor-hover: #fa8c61;
953
973
  --label-coral-fgColor-active: #fdaa86;
954
974
  --fgColor-default: #e6edf3;
955
- --fgColor-muted: #848d97;
975
+ --fgColor-muted: #8d96a0;
956
976
  --fgColor-onEmphasis: #ffffff;
957
977
  --fgColor-white: #ffffff;
958
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,11 +72,21 @@
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;
78
83
  --display-red-borderColor-muted: #58091a;
79
84
  --display-red-borderColor-emphasis: #eb3342;
85
+ --display-coral-bgColor-muted: #3c0614;
86
+ --display-coral-bgColor-emphasis: #eb3342;
87
+ --display-coral-fgColor: #f27d83;
88
+ --display-coral-borderColor-muted: #58091a;
89
+ --display-coral-borderColor-emphasis: #eb3342;
80
90
  --display-yellow-bgColor-muted: #2e1a00;
81
91
  --display-yellow-bgColor-emphasis: #aa7109;
82
92
  --display-yellow-fgColor: #d3910d;
@@ -157,7 +167,7 @@
157
167
  --control-borderColor-success: #347d39;
158
168
  --control-borderColor-danger: #c93c37;
159
169
  --control-borderColor-warning: #966600;
160
- --control-iconColor-rest: #717e8b;
170
+ --control-iconColor-rest: #778491;
161
171
  --control-transparent-bgColor-rest: #00000000;
162
172
  --control-transparent-bgColor-hover: #909dab1f;
163
173
  --control-transparent-bgColor-active: #909dab33;
@@ -184,7 +194,7 @@
184
194
  --controlTrack-bgColor-hover: #3d444e;
185
195
  --controlTrack-bgColor-active: #434a54;
186
196
  --controlTrack-bgColor-disabled: #636e7b;
187
- --controlTrack-fgColor-rest: #717e8b;
197
+ --controlTrack-fgColor-rest: #778491;
188
198
  --controlTrack-fgColor-disabled: #cdd9e5;
189
199
  --controlTrack-borderColor-rest: #00000000;
190
200
  --controlTrack-borderColor-disabled: #636e7b;
@@ -221,8 +231,8 @@
221
231
  --button-invisible-fgColor-rest: #478be6;
222
232
  --button-invisible-fgColor-hover: #539bf5;
223
233
  --button-invisible-fgColor-disabled: #636e7b;
224
- --button-invisible-iconColor-rest: #717e8b;
225
- --button-invisible-iconColor-hover: #717e8b;
234
+ --button-invisible-iconColor-rest: #778491;
235
+ --button-invisible-iconColor-hover: #778491;
226
236
  --button-invisible-iconColor-disabled: #636e7b;
227
237
  --button-invisible-bgColor-rest: #00000000;
228
238
  --button-invisible-bgColor-hover: #909dab1f;
@@ -288,10 +298,10 @@
288
298
  --sideNav-bgColor-selected: #373e47;
289
299
  --skeletonLoader-bgColor: #2d333b;
290
300
  --timelineBadge-bgColor: #373e47;
291
- --treeViewItem-leadingVisual-iconColor-rest: #717e8b;
301
+ --treeViewItem-leadingVisual-iconColor-rest: #778491;
292
302
  --underlineNav-borderColor-active: #ec775c;
293
303
  --underlineNav-borderColor-hover: #636e7b66;
294
- --underlineNav-iconColor-rest: #717e8b;
304
+ --underlineNav-iconColor-rest: #778491;
295
305
  --selection-bgColor: #316dcab3;
296
306
  --card-bgColor: #2d333b;
297
307
  --label-green-bgColor-rest: #122117;
@@ -409,7 +419,7 @@
409
419
  --label-coral-fgColor-hover: #fa8c61;
410
420
  --label-coral-fgColor-active: #fdaa86;
411
421
  --fgColor-default: #c5d1de;
412
- --fgColor-muted: #717e8b;
422
+ --fgColor-muted: #778491;
413
423
  --fgColor-onEmphasis: #cdd9e5;
414
424
  --fgColor-white: #cdd9e5;
415
425
  --fgColor-black: #1c2128;
@@ -564,8 +574,8 @@
564
574
  --codeMirror-bgColor: #22272e;
565
575
  --codeMirror-gutters-bgColor: #22272e;
566
576
  --codeMirror-gutterMarker-fgColor-default: #22272e;
567
- --codeMirror-gutterMarker-fgColor-muted: #717e8b;
568
- --codeMirror-lineNumber-fgColor: #717e8b;
577
+ --codeMirror-gutterMarker-fgColor-muted: #778491;
578
+ --codeMirror-lineNumber-fgColor: #778491;
569
579
  --codeMirror-cursor-fgColor: #c5d1de;
570
580
  --codeMirror-selection-bgColor: #4184e466;
571
581
  --codeMirror-activeline-bgColor: #636e7b66;
@@ -615,11 +625,21 @@
615
625
  --display-purple-fgColor: #b687f7;
616
626
  --display-purple-borderColor-muted: #31146b;
617
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;
618
633
  --display-red-bgColor-muted: #3c0614;
619
634
  --display-red-bgColor-emphasis: #eb3342;
620
635
  --display-red-fgColor: #f27d83;
621
636
  --display-red-borderColor-muted: #58091a;
622
637
  --display-red-borderColor-emphasis: #eb3342;
638
+ --display-coral-bgColor-muted: #3c0614;
639
+ --display-coral-bgColor-emphasis: #eb3342;
640
+ --display-coral-fgColor: #f27d83;
641
+ --display-coral-borderColor-muted: #58091a;
642
+ --display-coral-borderColor-emphasis: #eb3342;
623
643
  --display-yellow-bgColor-muted: #2e1a00;
624
644
  --display-yellow-bgColor-emphasis: #aa7109;
625
645
  --display-yellow-fgColor: #d3910d;
@@ -700,7 +720,7 @@
700
720
  --control-borderColor-success: #347d39;
701
721
  --control-borderColor-danger: #c93c37;
702
722
  --control-borderColor-warning: #966600;
703
- --control-iconColor-rest: #717e8b;
723
+ --control-iconColor-rest: #778491;
704
724
  --control-transparent-bgColor-rest: #00000000;
705
725
  --control-transparent-bgColor-hover: #909dab1f;
706
726
  --control-transparent-bgColor-active: #909dab33;
@@ -727,7 +747,7 @@
727
747
  --controlTrack-bgColor-hover: #3d444e;
728
748
  --controlTrack-bgColor-active: #434a54;
729
749
  --controlTrack-bgColor-disabled: #636e7b;
730
- --controlTrack-fgColor-rest: #717e8b;
750
+ --controlTrack-fgColor-rest: #778491;
731
751
  --controlTrack-fgColor-disabled: #cdd9e5;
732
752
  --controlTrack-borderColor-rest: #00000000;
733
753
  --controlTrack-borderColor-disabled: #636e7b;
@@ -764,8 +784,8 @@
764
784
  --button-invisible-fgColor-rest: #478be6;
765
785
  --button-invisible-fgColor-hover: #539bf5;
766
786
  --button-invisible-fgColor-disabled: #636e7b;
767
- --button-invisible-iconColor-rest: #717e8b;
768
- --button-invisible-iconColor-hover: #717e8b;
787
+ --button-invisible-iconColor-rest: #778491;
788
+ --button-invisible-iconColor-hover: #778491;
769
789
  --button-invisible-iconColor-disabled: #636e7b;
770
790
  --button-invisible-bgColor-rest: #00000000;
771
791
  --button-invisible-bgColor-hover: #909dab1f;
@@ -831,10 +851,10 @@
831
851
  --sideNav-bgColor-selected: #373e47;
832
852
  --skeletonLoader-bgColor: #2d333b;
833
853
  --timelineBadge-bgColor: #373e47;
834
- --treeViewItem-leadingVisual-iconColor-rest: #717e8b;
854
+ --treeViewItem-leadingVisual-iconColor-rest: #778491;
835
855
  --underlineNav-borderColor-active: #ec775c;
836
856
  --underlineNav-borderColor-hover: #636e7b66;
837
- --underlineNav-iconColor-rest: #717e8b;
857
+ --underlineNav-iconColor-rest: #778491;
838
858
  --selection-bgColor: #316dcab3;
839
859
  --card-bgColor: #2d333b;
840
860
  --label-green-bgColor-rest: #122117;
@@ -952,7 +972,7 @@
952
972
  --label-coral-fgColor-hover: #fa8c61;
953
973
  --label-coral-fgColor-active: #fdaa86;
954
974
  --fgColor-default: #c5d1de;
955
- --fgColor-muted: #717e8b;
975
+ --fgColor-muted: #778491;
956
976
  --fgColor-onEmphasis: #cdd9e5;
957
977
  --fgColor-white: #cdd9e5;
958
978
  --fgColor-black: #1c2128;
package/dist/css/functional/themes/dark-high-contrast.css CHANGED
@@ -72,11 +72,21 @@
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;
78
83
  --display-red-borderColor-muted: #58091a;
79
84
  --display-red-borderColor-emphasis: #eb3342;
85
+ --display-coral-bgColor-muted: #3c0614;
86
+ --display-coral-bgColor-emphasis: #eb3342;
87
+ --display-coral-fgColor: #f27d83;
88
+ --display-coral-borderColor-muted: #58091a;
89
+ --display-coral-borderColor-emphasis: #eb3342;
80
90
  --display-yellow-bgColor-muted: #2e1a00;
81
91
  --display-yellow-bgColor-emphasis: #aa7109;
82
92
  --display-yellow-fgColor: #d3910d;
@@ -615,11 +625,21 @@
615
625
  --display-purple-fgColor: #b687f7;
616
626
  --display-purple-borderColor-muted: #31146b;
617
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;
618
633
  --display-red-bgColor-muted: #3c0614;
619
634
  --display-red-bgColor-emphasis: #eb3342;
620
635
  --display-red-fgColor: #f27d83;
621
636
  --display-red-borderColor-muted: #58091a;
622
637
  --display-red-borderColor-emphasis: #eb3342;
638
+ --display-coral-bgColor-muted: #3c0614;
639
+ --display-coral-bgColor-emphasis: #eb3342;
640
+ --display-coral-fgColor: #f27d83;
641
+ --display-coral-borderColor-muted: #58091a;
642
+ --display-coral-borderColor-emphasis: #eb3342;
623
643
  --display-yellow-bgColor-muted: #2e1a00;
624
644
  --display-yellow-bgColor-emphasis: #aa7109;
625
645
  --display-yellow-fgColor: #d3910d;
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,11 +72,21 @@
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;
78
83
  --display-red-borderColor-muted: #58091a;
79
84
  --display-red-borderColor-emphasis: #eb3342;
85
+ --display-coral-bgColor-muted: #3c0614;
86
+ --display-coral-bgColor-emphasis: #eb3342;
87
+ --display-coral-fgColor: #f27d83;
88
+ --display-coral-borderColor-muted: #58091a;
89
+ --display-coral-borderColor-emphasis: #eb3342;
80
90
  --display-yellow-bgColor-muted: #2e1a00;
81
91
  --display-yellow-bgColor-emphasis: #aa7109;
82
92
  --display-yellow-fgColor: #d3910d;
@@ -157,7 +167,7 @@
157
167
  --control-borderColor-success: #1f6feb;
158
168
  --control-borderColor-danger: #da3633;
159
169
  --control-borderColor-warning: #9e6a03;
160
- --control-iconColor-rest: #848d97;
170
+ --control-iconColor-rest: #8d96a0;
161
171
  --control-transparent-bgColor-rest: #00000000;
162
172
  --control-transparent-bgColor-hover: #b1bac41f;
163
173
  --control-transparent-bgColor-active: #b1bac433;
@@ -184,7 +194,7 @@
184
194
  --controlTrack-bgColor-hover: #292e36;
185
195
  --controlTrack-bgColor-active: #31363e;
186
196
  --controlTrack-bgColor-disabled: #6e7681;
187
- --controlTrack-fgColor-rest: #848d97;
197
+ --controlTrack-fgColor-rest: #8d96a0;
188
198
  --controlTrack-fgColor-disabled: #ffffff;
189
199
  --controlTrack-borderColor-rest: #00000000;
190
200
  --controlTrack-borderColor-disabled: #6e7681;
@@ -221,7 +231,7 @@
221
231
  --button-invisible-fgColor-rest: #4493f8;
222
232
  --button-invisible-fgColor-hover: #58a6ff;
223
233
  --button-invisible-fgColor-disabled: #6e7681;
224
- --button-invisible-iconColor-rest: #848d97;
234
+ --button-invisible-iconColor-rest: #8d96a0;
225
235
  --button-invisible-iconColor-hover: #e6edf3;
226
236
  --button-invisible-iconColor-disabled: #6e7681;
227
237
  --button-invisible-bgColor-rest: #00000000;
@@ -288,10 +298,10 @@
288
298
  --sideNav-bgColor-selected: #21262d;
289
299
  --skeletonLoader-bgColor: #161b22;
290
300
  --timelineBadge-bgColor: #21262d;
291
- --treeViewItem-leadingVisual-iconColor-rest: #848d97;
301
+ --treeViewItem-leadingVisual-iconColor-rest: #8d96a0;
292
302
  --underlineNav-borderColor-active: #f78166;
293
303
  --underlineNav-borderColor-hover: #6e768166;
294
- --underlineNav-iconColor-rest: #848d97;
304
+ --underlineNav-iconColor-rest: #8d96a0;
295
305
  --selection-bgColor: #1f6febb3;
296
306
  --card-bgColor: #161b22;
297
307
  --label-green-bgColor-rest: #122117;
@@ -409,7 +419,7 @@
409
419
  --label-coral-fgColor-hover: #fa8c61;
410
420
  --label-coral-fgColor-active: #fdaa86;
411
421
  --fgColor-default: #e6edf3;
412
- --fgColor-muted: #848d97;
422
+ --fgColor-muted: #8d96a0;
413
423
  --fgColor-onEmphasis: #ffffff;
414
424
  --fgColor-white: #ffffff;
415
425
  --fgColor-black: #010409;
@@ -559,13 +569,13 @@
559
569
  --diffBlob-deletion-bgColor-line: #f8514926;
560
570
  --diffBlob-deletion-bgColor-word: #f8514966;
561
571
  --diffBlob-hunk-bgColor-num: #388bfd66;
562
- --diffBlob-expander-iconColor: #848d97;
572
+ --diffBlob-expander-iconColor: #8d96a0;
563
573
  --codeMirror-fgColor: #e6edf3;
564
574
  --codeMirror-bgColor: #0d1117;
565
575
  --codeMirror-gutters-bgColor: #0d1117;
566
576
  --codeMirror-gutterMarker-fgColor-default: #0d1117;
567
- --codeMirror-gutterMarker-fgColor-muted: #848d97;
568
- --codeMirror-lineNumber-fgColor: #848d97;
577
+ --codeMirror-gutterMarker-fgColor-muted: #8d96a0;
578
+ --codeMirror-lineNumber-fgColor: #8d96a0;
569
579
  --codeMirror-cursor-fgColor: #e6edf3;
570
580
  --codeMirror-selection-bgColor: #388bfd66;
571
581
  --codeMirror-activeline-bgColor: #6e768166;
@@ -615,11 +625,21 @@
615
625
  --display-purple-fgColor: #b687f7;
616
626
  --display-purple-borderColor-muted: #31146b;
617
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;
618
633
  --display-red-bgColor-muted: #3c0614;
619
634
  --display-red-bgColor-emphasis: #eb3342;
620
635
  --display-red-fgColor: #f27d83;
621
636
  --display-red-borderColor-muted: #58091a;
622
637
  --display-red-borderColor-emphasis: #eb3342;
638
+ --display-coral-bgColor-muted: #3c0614;
639
+ --display-coral-bgColor-emphasis: #eb3342;
640
+ --display-coral-fgColor: #f27d83;
641
+ --display-coral-borderColor-muted: #58091a;
642
+ --display-coral-borderColor-emphasis: #eb3342;
623
643
  --display-yellow-bgColor-muted: #2e1a00;
624
644
  --display-yellow-bgColor-emphasis: #aa7109;
625
645
  --display-yellow-fgColor: #d3910d;
@@ -700,7 +720,7 @@
700
720
  --control-borderColor-success: #1f6feb;
701
721
  --control-borderColor-danger: #da3633;
702
722
  --control-borderColor-warning: #9e6a03;
703
- --control-iconColor-rest: #848d97;
723
+ --control-iconColor-rest: #8d96a0;
704
724
  --control-transparent-bgColor-rest: #00000000;
705
725
  --control-transparent-bgColor-hover: #b1bac41f;
706
726
  --control-transparent-bgColor-active: #b1bac433;
@@ -727,7 +747,7 @@
727
747
  --controlTrack-bgColor-hover: #292e36;
728
748
  --controlTrack-bgColor-active: #31363e;
729
749
  --controlTrack-bgColor-disabled: #6e7681;
730
- --controlTrack-fgColor-rest: #848d97;
750
+ --controlTrack-fgColor-rest: #8d96a0;
731
751
  --controlTrack-fgColor-disabled: #ffffff;
732
752
  --controlTrack-borderColor-rest: #00000000;
733
753
  --controlTrack-borderColor-disabled: #6e7681;
@@ -764,7 +784,7 @@
764
784
  --button-invisible-fgColor-rest: #4493f8;
765
785
  --button-invisible-fgColor-hover: #58a6ff;
766
786
  --button-invisible-fgColor-disabled: #6e7681;
767
- --button-invisible-iconColor-rest: #848d97;
787
+ --button-invisible-iconColor-rest: #8d96a0;
768
788
  --button-invisible-iconColor-hover: #e6edf3;
769
789
  --button-invisible-iconColor-disabled: #6e7681;
770
790
  --button-invisible-bgColor-rest: #00000000;
@@ -831,10 +851,10 @@
831
851
  --sideNav-bgColor-selected: #21262d;
832
852
  --skeletonLoader-bgColor: #161b22;
833
853
  --timelineBadge-bgColor: #21262d;
834
- --treeViewItem-leadingVisual-iconColor-rest: #848d97;
854
+ --treeViewItem-leadingVisual-iconColor-rest: #8d96a0;
835
855
  --underlineNav-borderColor-active: #f78166;
836
856
  --underlineNav-borderColor-hover: #6e768166;
837
- --underlineNav-iconColor-rest: #848d97;
857
+ --underlineNav-iconColor-rest: #8d96a0;
838
858
  --selection-bgColor: #1f6febb3;
839
859
  --card-bgColor: #161b22;
840
860
  --label-green-bgColor-rest: #122117;
@@ -952,7 +972,7 @@
952
972
  --label-coral-fgColor-hover: #fa8c61;
953
973
  --label-coral-fgColor-active: #fdaa86;
954
974
  --fgColor-default: #e6edf3;
955
- --fgColor-muted: #848d97;
975
+ --fgColor-muted: #8d96a0;
956
976
  --fgColor-onEmphasis: #ffffff;
957
977
  --fgColor-white: #ffffff;
958
978
  --fgColor-black: #010409;