@primer/primitives 7.15.10-rc.d7a91629 → 7.15.11-rc.06eebf07

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 (136) hide show
  1. package/dist/css/functional/themes/dark-colorblind.css +30 -6
  2. package/dist/css/functional/themes/dark-dimmed.css +34 -10
  3. package/dist/css/functional/themes/dark-high-contrast.css +32 -8
  4. package/dist/css/functional/themes/dark-tritanopia.css +30 -6
  5. package/dist/css/functional/themes/dark.css +30 -6
  6. package/dist/css/functional/themes/light-colorblind.css +30 -6
  7. package/dist/css/functional/themes/light-high-contrast.css +32 -8
  8. package/dist/css/functional/themes/light-tritanopia.css +30 -6
  9. package/dist/css/functional/themes/light.css +30 -6
  10. package/dist/docs/functional/themes/dark-colorblind.json +375 -12
  11. package/dist/docs/functional/themes/dark-dimmed.json +377 -14
  12. package/dist/docs/functional/themes/dark-high-contrast.json +378 -15
  13. package/dist/docs/functional/themes/dark-tritanopia.json +375 -12
  14. package/dist/docs/functional/themes/dark.json +375 -12
  15. package/dist/docs/functional/themes/light-colorblind.json +361 -12
  16. package/dist/docs/functional/themes/light-high-contrast.json +364 -15
  17. package/dist/docs/functional/themes/light-tritanopia.json +361 -12
  18. package/dist/docs/functional/themes/light.json +361 -12
  19. package/dist/figma/shadows/dark-colorblind.json +100 -0
  20. package/dist/figma/shadows/dark-dimmed.json +100 -0
  21. package/dist/figma/shadows/dark-high-contrast.json +100 -0
  22. package/dist/figma/shadows/dark-tritanopia.json +100 -0
  23. package/dist/figma/shadows/dark.json +100 -0
  24. package/dist/figma/themes/dark-colorblind.json +298 -23
  25. package/dist/figma/themes/dark-dimmed.json +304 -29
  26. package/dist/figma/themes/dark-high-contrast.json +312 -37
  27. package/dist/figma/themes/dark-tritanopia.json +298 -23
  28. package/dist/figma/themes/dark.json +298 -23
  29. package/dist/figma/themes/light-colorblind.json +198 -23
  30. package/dist/figma/themes/light-high-contrast.json +203 -28
  31. package/dist/figma/themes/light-tritanopia.json +198 -23
  32. package/dist/figma/themes/light.json +198 -23
  33. package/dist/scss/functional/themes/dark-colorblind.scss +15 -3
  34. package/dist/scss/functional/themes/dark-dimmed.scss +17 -5
  35. package/dist/scss/functional/themes/dark-high-contrast.scss +16 -4
  36. package/dist/scss/functional/themes/dark-tritanopia.scss +15 -3
  37. package/dist/scss/functional/themes/dark.scss +15 -3
  38. package/dist/scss/functional/themes/light-colorblind.scss +15 -3
  39. package/dist/scss/functional/themes/light-high-contrast.scss +16 -4
  40. package/dist/scss/functional/themes/light-tritanopia.scss +15 -3
  41. package/dist/scss/functional/themes/light.scss +15 -3
  42. package/package.json +1 -1
  43. package/tokens-next-private/css/functional/themes/dark-colorblind.css +30 -6
  44. package/tokens-next-private/css/functional/themes/dark-dimmed.css +34 -10
  45. package/tokens-next-private/css/functional/themes/dark-high-contrast.css +32 -8
  46. package/tokens-next-private/css/functional/themes/dark-tritanopia.css +30 -6
  47. package/tokens-next-private/css/functional/themes/dark.css +30 -6
  48. package/tokens-next-private/css/functional/themes/light-colorblind.css +30 -6
  49. package/tokens-next-private/css/functional/themes/light-high-contrast.css +32 -8
  50. package/tokens-next-private/css/functional/themes/light-tritanopia.css +30 -6
  51. package/tokens-next-private/css/functional/themes/light.css +30 -6
  52. package/tokens-next-private/docs/functional/themes/dark-colorblind.json +375 -12
  53. package/tokens-next-private/docs/functional/themes/dark-dimmed.json +377 -14
  54. package/tokens-next-private/docs/functional/themes/dark-high-contrast.json +378 -15
  55. package/tokens-next-private/docs/functional/themes/dark-tritanopia.json +375 -12
  56. package/tokens-next-private/docs/functional/themes/dark.json +375 -12
  57. package/tokens-next-private/docs/functional/themes/light-colorblind.json +361 -12
  58. package/tokens-next-private/docs/functional/themes/light-high-contrast.json +364 -15
  59. package/tokens-next-private/docs/functional/themes/light-tritanopia.json +361 -12
  60. package/tokens-next-private/docs/functional/themes/light.json +361 -12
  61. package/tokens-next-private/figma/shadows/dark-colorblind.json +100 -0
  62. package/tokens-next-private/figma/shadows/dark-dimmed.json +100 -0
  63. package/tokens-next-private/figma/shadows/dark-high-contrast.json +100 -0
  64. package/tokens-next-private/figma/shadows/dark-tritanopia.json +100 -0
  65. package/tokens-next-private/figma/shadows/dark.json +100 -0
  66. package/tokens-next-private/figma/themes/dark-colorblind.json +298 -23
  67. package/tokens-next-private/figma/themes/dark-dimmed.json +304 -29
  68. package/tokens-next-private/figma/themes/dark-high-contrast.json +312 -37
  69. package/tokens-next-private/figma/themes/dark-tritanopia.json +298 -23
  70. package/tokens-next-private/figma/themes/dark.json +298 -23
  71. package/tokens-next-private/figma/themes/light-colorblind.json +198 -23
  72. package/tokens-next-private/figma/themes/light-high-contrast.json +203 -28
  73. package/tokens-next-private/figma/themes/light-tritanopia.json +198 -23
  74. package/tokens-next-private/figma/themes/light.json +198 -23
  75. package/tokens-next-private/scss/functional/themes/dark-colorblind.scss +15 -3
  76. package/tokens-next-private/scss/functional/themes/dark-dimmed.scss +17 -5
  77. package/tokens-next-private/scss/functional/themes/dark-high-contrast.scss +16 -4
  78. package/tokens-next-private/scss/functional/themes/dark-tritanopia.scss +15 -3
  79. package/tokens-next-private/scss/functional/themes/dark.scss +15 -3
  80. package/tokens-next-private/scss/functional/themes/light-colorblind.scss +15 -3
  81. package/tokens-next-private/scss/functional/themes/light-high-contrast.scss +16 -4
  82. package/tokens-next-private/scss/functional/themes/light-tritanopia.scss +15 -3
  83. package/tokens-next-private/scss/functional/themes/light.scss +15 -3
  84. package/tokens-v2-private/css/tokens/base/size/size.css +1 -1
  85. package/tokens-v2-private/css/tokens/base/typography/typography.css +1 -1
  86. package/tokens-v2-private/css/tokens/functional/size/border.css +1 -1
  87. package/tokens-v2-private/css/tokens/functional/size/breakpoints.css +1 -1
  88. package/tokens-v2-private/css/tokens/functional/size/size-coarse.css +1 -1
  89. package/tokens-v2-private/css/tokens/functional/size/size-fine.css +1 -1
  90. package/tokens-v2-private/css/tokens/functional/size/size.css +1 -1
  91. package/tokens-v2-private/css/tokens/functional/typography/typography.css +1 -1
  92. package/tokens-v2-private/js/module/tokens/base/size/size.js +1 -1
  93. package/tokens-v2-private/js/module/tokens/base/typography/typography.js +1 -1
  94. package/tokens-v2-private/js/module/tokens/functional/size/border.js +1 -1
  95. package/tokens-v2-private/js/module/tokens/functional/size/breakpoints.js +1 -1
  96. package/tokens-v2-private/js/module/tokens/functional/size/size-coarse.js +1 -1
  97. package/tokens-v2-private/js/module/tokens/functional/size/size-fine.js +1 -1
  98. package/tokens-v2-private/js/module/tokens/functional/size/size.js +1 -1
  99. package/tokens-v2-private/js/module/tokens/functional/size/viewport.js +1 -1
  100. package/tokens-v2-private/js/module/tokens/functional/typography/typography.js +1 -1
  101. package/tokens-v2-private/js/tokens/base/size/size.js +1 -1
  102. package/tokens-v2-private/js/tokens/base/typography/typography.js +1 -1
  103. package/tokens-v2-private/js/tokens/functional/size/border.js +1 -1
  104. package/tokens-v2-private/js/tokens/functional/size/breakpoints.js +1 -1
  105. package/tokens-v2-private/js/tokens/functional/size/size-coarse.js +1 -1
  106. package/tokens-v2-private/js/tokens/functional/size/size-fine.js +1 -1
  107. package/tokens-v2-private/js/tokens/functional/size/size.js +1 -1
  108. package/tokens-v2-private/js/tokens/functional/size/viewport.js +1 -1
  109. package/tokens-v2-private/js/tokens/functional/typography/typography.js +1 -1
  110. package/tokens-v2-private/scss/tokens/base/size/size.scss +1 -1
  111. package/tokens-v2-private/scss/tokens/base/typography/typography.scss +1 -1
  112. package/tokens-v2-private/scss/tokens/functional/size/border.scss +1 -1
  113. package/tokens-v2-private/scss/tokens/functional/size/breakpoints.scss +1 -1
  114. package/tokens-v2-private/scss/tokens/functional/size/size-coarse.scss +1 -1
  115. package/tokens-v2-private/scss/tokens/functional/size/size-fine.scss +1 -1
  116. package/tokens-v2-private/scss/tokens/functional/size/size.scss +1 -1
  117. package/tokens-v2-private/scss/tokens/functional/size/viewport.scss +1 -1
  118. package/tokens-v2-private/scss/tokens/functional/typography/typography.scss +1 -1
  119. package/tokens-v2-private/ts/tokens/base/size/size.d.ts +1 -1
  120. package/tokens-v2-private/ts/tokens/base/size/size.js +1 -1
  121. package/tokens-v2-private/ts/tokens/base/typography/typography.d.ts +1 -1
  122. package/tokens-v2-private/ts/tokens/base/typography/typography.js +1 -1
  123. package/tokens-v2-private/ts/tokens/functional/size/border.d.ts +1 -1
  124. package/tokens-v2-private/ts/tokens/functional/size/border.js +1 -1
  125. package/tokens-v2-private/ts/tokens/functional/size/breakpoints.d.ts +1 -1
  126. package/tokens-v2-private/ts/tokens/functional/size/breakpoints.js +1 -1
  127. package/tokens-v2-private/ts/tokens/functional/size/size-coarse.d.ts +1 -1
  128. package/tokens-v2-private/ts/tokens/functional/size/size-coarse.js +1 -1
  129. package/tokens-v2-private/ts/tokens/functional/size/size-fine.d.ts +1 -1
  130. package/tokens-v2-private/ts/tokens/functional/size/size-fine.js +1 -1
  131. package/tokens-v2-private/ts/tokens/functional/size/size.d.ts +1 -1
  132. package/tokens-v2-private/ts/tokens/functional/size/size.js +1 -1
  133. package/tokens-v2-private/ts/tokens/functional/size/viewport.d.ts +1 -1
  134. package/tokens-v2-private/ts/tokens/functional/size/viewport.js +1 -1
  135. package/tokens-v2-private/ts/tokens/functional/typography/typography.d.ts +1 -1
  136. package/tokens-v2-private/ts/tokens/functional/typography/typography.js +1 -1
package/dist/css/functional/themes/dark-colorblind.css CHANGED
@@ -42,6 +42,16 @@
42
42
  --header-borderColor-divider: #8b949e;
43
43
  --headerSearch-bgColor: #0d1117;
44
44
  --headerSearch-borderColor: #30363d;
45
+ --data-blue-color: #0576ff;
46
+ --data-auburn-color: #a86f6b;
47
+ --data-orange-color: #984b10;
48
+ --data-yellow-color: #895906;
49
+ --data-green-color: #2f6f37;
50
+ --data-teal-color: #106c70;
51
+ --data-purple-color: #975bf1;
52
+ --data-pink-color: #d34591;
53
+ --data-red-color: #eb3342;
54
+ --data-gray-color: #576270;
45
55
  --avatar-bgColor: #ffffff1a;
46
56
  --avatar-borderColor: #30363db3;
47
57
  --avatar-shadow: 0px 0px 0px 2px #0d1117;
@@ -161,8 +171,8 @@
161
171
  --button-danger-borderColor-hover: #f0f6fc1a;
162
172
  --button-danger-borderColor-active: #f0f6fc1a;
163
173
  --button-danger-shadow-selected: 0px 0px 0px 0px #000000;
164
- --button-inactive-fgColor-rest: #8b949e;
165
- --button-inactive-bgColor-rest: #21262d;
174
+ --button-inactive-fgColor: #8b949e;
175
+ --button-inactive-bgColor: #21262d;
166
176
  --buttonCounter-default-bgColor-rest: #30363d;
167
177
  --buttonCounter-invisible-bgColor-rest: #30363d;
168
178
  --buttonCounter-primary-bgColor-rest: #04260f33;
@@ -192,10 +202,11 @@
192
202
  --underlineNav-borderColor-active: #f78166;
193
203
  --underlineNav-borderColor-hover: #6e768166;
194
204
  --underlineNav-iconColor-rest: #848d97;
195
- --selection-bgColor: #4493f833;
205
+ --selection-bgColor: #1f6febb3;
196
206
  --fgColor-default: #e6edf3;
197
207
  --fgColor-muted: #848d97;
198
208
  --fgColor-onEmphasis: #ffffff;
209
+ --fgColor-white: #ffffff;
199
210
  --fgColor-disabled: #6e7681;
200
211
  --fgColor-link: #4493f8;
201
212
  --fgColor-neutral: #6e7681;
@@ -408,6 +419,7 @@
408
419
  --shadow-floating-medium: 0px 0px 0px 1px #30363d, 0px 8px 16px -4px #01040966, 0px 4px 32px -4px #01040966, 0px 24px 48px -12px #01040966, 0px 48px 96px -24px #01040966;
409
420
  --shadow-floating-large: 0px 0px 0px 1px #30363d, 0px 24px 48px 0px #010409;
410
421
  --shadow-floating-xlarge: 0px 0px 0px 1px #30363d, 0px 32px 64px 0px #010409;
422
+ --shadow-floating-legacy: 0px 6px 12px -3px #01040966, 0px 6px 18px 0px #01040966;
411
423
  --outline-focus: #1f6feb solid 2px;
412
424
  }
413
425
  @media (prefers-color-scheme: dark) {
@@ -453,6 +465,16 @@
453
465
  --header-borderColor-divider: #8b949e;
454
466
  --headerSearch-bgColor: #0d1117;
455
467
  --headerSearch-borderColor: #30363d;
468
+ --data-blue-color: #0576ff;
469
+ --data-auburn-color: #a86f6b;
470
+ --data-orange-color: #984b10;
471
+ --data-yellow-color: #895906;
472
+ --data-green-color: #2f6f37;
473
+ --data-teal-color: #106c70;
474
+ --data-purple-color: #975bf1;
475
+ --data-pink-color: #d34591;
476
+ --data-red-color: #eb3342;
477
+ --data-gray-color: #576270;
456
478
  --avatar-bgColor: #ffffff1a;
457
479
  --avatar-borderColor: #30363db3;
458
480
  --avatar-shadow: 0px 0px 0px 2px #0d1117;
@@ -572,8 +594,8 @@
572
594
  --button-danger-borderColor-hover: #f0f6fc1a;
573
595
  --button-danger-borderColor-active: #f0f6fc1a;
574
596
  --button-danger-shadow-selected: 0px 0px 0px 0px #000000;
575
- --button-inactive-fgColor-rest: #8b949e;
576
- --button-inactive-bgColor-rest: #21262d;
597
+ --button-inactive-fgColor: #8b949e;
598
+ --button-inactive-bgColor: #21262d;
577
599
  --buttonCounter-default-bgColor-rest: #30363d;
578
600
  --buttonCounter-invisible-bgColor-rest: #30363d;
579
601
  --buttonCounter-primary-bgColor-rest: #04260f33;
@@ -603,10 +625,11 @@
603
625
  --underlineNav-borderColor-active: #f78166;
604
626
  --underlineNav-borderColor-hover: #6e768166;
605
627
  --underlineNav-iconColor-rest: #848d97;
606
- --selection-bgColor: #4493f833;
628
+ --selection-bgColor: #1f6febb3;
607
629
  --fgColor-default: #e6edf3;
608
630
  --fgColor-muted: #848d97;
609
631
  --fgColor-onEmphasis: #ffffff;
632
+ --fgColor-white: #ffffff;
610
633
  --fgColor-disabled: #6e7681;
611
634
  --fgColor-link: #4493f8;
612
635
  --fgColor-neutral: #6e7681;
@@ -819,6 +842,7 @@
819
842
  --shadow-floating-medium: 0px 0px 0px 1px #30363d, 0px 8px 16px -4px #01040966, 0px 4px 32px -4px #01040966, 0px 24px 48px -12px #01040966, 0px 48px 96px -24px #01040966;
820
843
  --shadow-floating-large: 0px 0px 0px 1px #30363d, 0px 24px 48px 0px #010409;
821
844
  --shadow-floating-xlarge: 0px 0px 0px 1px #30363d, 0px 32px 64px 0px #010409;
845
+ --shadow-floating-legacy: 0px 6px 12px -3px #01040966, 0px 6px 18px 0px #01040966;
822
846
  --outline-focus: #1f6feb solid 2px;
823
847
  }
824
848
  }
package/dist/css/functional/themes/dark-dimmed.css CHANGED
@@ -42,6 +42,16 @@
42
42
  --header-borderColor-divider: #768390;
43
43
  --headerSearch-bgColor: #22272e;
44
44
  --headerSearch-borderColor: #444c56;
45
+ --data-blue-color: #0576ff;
46
+ --data-auburn-color: #a86f6b;
47
+ --data-orange-color: #984b10;
48
+ --data-yellow-color: #895906;
49
+ --data-green-color: #2f6f37;
50
+ --data-teal-color: #106c70;
51
+ --data-purple-color: #975bf1;
52
+ --data-pink-color: #d34591;
53
+ --data-red-color: #eb3342;
54
+ --data-gray-color: #576270;
45
55
  --avatar-bgColor: #cdd9e51a;
46
56
  --avatar-borderColor: #444c56b3;
47
57
  --avatar-shadow: 0px 0px 0px 2px #22272e;
@@ -111,9 +121,9 @@
111
121
  --button-default-borderColor-active: #444c56;
112
122
  --button-default-borderColor-disabled: #373e47b3;
113
123
  --button-default-shadow-resting: 0px 0px 0px 0px #000000;
114
- --button-primary-fgColor-rest: #cdd9e5;
124
+ --button-primary-fgColor-rest: #ffffff;
115
125
  --button-primary-fgColor-disabled: #cdd9e5cc;
116
- --button-primary-iconColor-rest: #cdd9e5;
126
+ --button-primary-iconColor-rest: #ffffff;
117
127
  --button-primary-bgColor-rest: #347d39;
118
128
  --button-primary-bgColor-hover: #3b8640;
119
129
  --button-primary-bgColor-active: #428f46;
@@ -161,8 +171,8 @@
161
171
  --button-danger-borderColor-hover: #cdd9e51a;
162
172
  --button-danger-borderColor-active: #cdd9e51a;
163
173
  --button-danger-shadow-selected: 0px 0px 0px 0px #000000;
164
- --button-inactive-fgColor-rest: #768390;
165
- --button-inactive-bgColor-rest: #373e47;
174
+ --button-inactive-fgColor: #768390;
175
+ --button-inactive-bgColor: #373e47;
166
176
  --buttonCounter-default-bgColor-rest: #444c56;
167
177
  --buttonCounter-invisible-bgColor-rest: #444c56;
168
178
  --buttonCounter-primary-bgColor-rest: #11341733;
@@ -192,10 +202,11 @@
192
202
  --underlineNav-borderColor-active: #ec775c;
193
203
  --underlineNav-borderColor-hover: #636e7b66;
194
204
  --underlineNav-iconColor-rest: #717e8b;
195
- --selection-bgColor: #478be633;
205
+ --selection-bgColor: #316dcab3;
196
206
  --fgColor-default: #c5d1de;
197
207
  --fgColor-muted: #717e8b;
198
208
  --fgColor-onEmphasis: #cdd9e5;
209
+ --fgColor-white: #ffffff;
199
210
  --fgColor-disabled: #636e7b;
200
211
  --fgColor-link: #478be6;
201
212
  --fgColor-neutral: #636e7b;
@@ -408,6 +419,7 @@
408
419
  --shadow-floating-medium: 0px 0px 0px 1px #444c56, 0px 8px 16px -4px #1c212866, 0px 4px 32px -4px #1c212866, 0px 24px 48px -12px #1c212866, 0px 48px 96px -24px #1c212866;
409
420
  --shadow-floating-large: 0px 0px 0px 1px #444c56, 0px 24px 48px 0px #1c2128;
410
421
  --shadow-floating-xlarge: 0px 0px 0px 1px #444c56, 0px 32px 64px 0px #1c2128;
422
+ --shadow-floating-legacy: 0px 6px 12px -3px #1c212866, 0px 6px 18px 0px #1c212866;
411
423
  --outline-focus: #316dca solid 2px;
412
424
  }
413
425
  @media (prefers-color-scheme: dark) {
@@ -453,6 +465,16 @@
453
465
  --header-borderColor-divider: #768390;
454
466
  --headerSearch-bgColor: #22272e;
455
467
  --headerSearch-borderColor: #444c56;
468
+ --data-blue-color: #0576ff;
469
+ --data-auburn-color: #a86f6b;
470
+ --data-orange-color: #984b10;
471
+ --data-yellow-color: #895906;
472
+ --data-green-color: #2f6f37;
473
+ --data-teal-color: #106c70;
474
+ --data-purple-color: #975bf1;
475
+ --data-pink-color: #d34591;
476
+ --data-red-color: #eb3342;
477
+ --data-gray-color: #576270;
456
478
  --avatar-bgColor: #cdd9e51a;
457
479
  --avatar-borderColor: #444c56b3;
458
480
  --avatar-shadow: 0px 0px 0px 2px #22272e;
@@ -522,9 +544,9 @@
522
544
  --button-default-borderColor-active: #444c56;
523
545
  --button-default-borderColor-disabled: #373e47b3;
524
546
  --button-default-shadow-resting: 0px 0px 0px 0px #000000;
525
- --button-primary-fgColor-rest: #cdd9e5;
547
+ --button-primary-fgColor-rest: #ffffff;
526
548
  --button-primary-fgColor-disabled: #cdd9e5cc;
527
- --button-primary-iconColor-rest: #cdd9e5;
549
+ --button-primary-iconColor-rest: #ffffff;
528
550
  --button-primary-bgColor-rest: #347d39;
529
551
  --button-primary-bgColor-hover: #3b8640;
530
552
  --button-primary-bgColor-active: #428f46;
@@ -572,8 +594,8 @@
572
594
  --button-danger-borderColor-hover: #cdd9e51a;
573
595
  --button-danger-borderColor-active: #cdd9e51a;
574
596
  --button-danger-shadow-selected: 0px 0px 0px 0px #000000;
575
- --button-inactive-fgColor-rest: #768390;
576
- --button-inactive-bgColor-rest: #373e47;
597
+ --button-inactive-fgColor: #768390;
598
+ --button-inactive-bgColor: #373e47;
577
599
  --buttonCounter-default-bgColor-rest: #444c56;
578
600
  --buttonCounter-invisible-bgColor-rest: #444c56;
579
601
  --buttonCounter-primary-bgColor-rest: #11341733;
@@ -603,10 +625,11 @@
603
625
  --underlineNav-borderColor-active: #ec775c;
604
626
  --underlineNav-borderColor-hover: #636e7b66;
605
627
  --underlineNav-iconColor-rest: #717e8b;
606
- --selection-bgColor: #478be633;
628
+ --selection-bgColor: #316dcab3;
607
629
  --fgColor-default: #c5d1de;
608
630
  --fgColor-muted: #717e8b;
609
631
  --fgColor-onEmphasis: #cdd9e5;
632
+ --fgColor-white: #ffffff;
610
633
  --fgColor-disabled: #636e7b;
611
634
  --fgColor-link: #478be6;
612
635
  --fgColor-neutral: #636e7b;
@@ -819,6 +842,7 @@
819
842
  --shadow-floating-medium: 0px 0px 0px 1px #444c56, 0px 8px 16px -4px #1c212866, 0px 4px 32px -4px #1c212866, 0px 24px 48px -12px #1c212866, 0px 48px 96px -24px #1c212866;
820
843
  --shadow-floating-large: 0px 0px 0px 1px #444c56, 0px 24px 48px 0px #1c2128;
821
844
  --shadow-floating-xlarge: 0px 0px 0px 1px #444c56, 0px 32px 64px 0px #1c2128;
845
+ --shadow-floating-legacy: 0px 6px 12px -3px #1c212866, 0px 6px 18px 0px #1c212866;
822
846
  --outline-focus: #316dca solid 2px;
823
847
  }
824
848
  }
package/dist/css/functional/themes/dark-high-contrast.css CHANGED
@@ -42,6 +42,16 @@
42
42
  --header-borderColor-divider: #bdc4cc;
43
43
  --headerSearch-bgColor: #0a0c10;
44
44
  --headerSearch-borderColor: #525964;
45
+ --data-blue-color: #0576ff;
46
+ --data-auburn-color: #a86f6b;
47
+ --data-orange-color: #984b10;
48
+ --data-yellow-color: #895906;
49
+ --data-green-color: #2f6f37;
50
+ --data-teal-color: #106c70;
51
+ --data-purple-color: #975bf1;
52
+ --data-pink-color: #d34591;
53
+ --data-red-color: #eb3342;
54
+ --data-gray-color: #576270;
45
55
  --avatar-bgColor: #ffffff1a;
46
56
  --avatar-borderColor: #ffffffe6;
47
57
  --avatar-shadow: 0px 0px 0px 2px #0a0c10;
@@ -147,7 +157,7 @@
147
157
  --button-outline-borderColor-hover: #ffffff1a;
148
158
  --button-outline-borderColor-selected: #ffffff1a;
149
159
  --button-outline-shadow-selected: 0px 0px 0px 0px #000000;
150
- --button-danger-fgColor-rest: #ff8080;
160
+ --button-danger-fgColor-rest: #ff9492;
151
161
  --button-danger-fgColor-hover: #ffffff;
152
162
  --button-danger-fgColor-active: #ffffff;
153
163
  --button-danger-fgColor-disabled: #ff808080;
@@ -161,8 +171,8 @@
161
171
  --button-danger-borderColor-hover: #ffffff1a;
162
172
  --button-danger-borderColor-active: #ffffff1a;
163
173
  --button-danger-shadow-selected: 0px 0px 0px 0px #000000;
164
- --button-inactive-fgColor-rest: #bdc4cc;
165
- --button-inactive-bgColor-rest: #3d424d;
174
+ --button-inactive-fgColor: #bdc4cc;
175
+ --button-inactive-bgColor: #3d424d;
166
176
  --buttonCounter-default-bgColor-rest: #525964;
167
177
  --buttonCounter-invisible-bgColor-rest: #525964;
168
178
  --buttonCounter-primary-bgColor-rest: #01040926;
@@ -192,10 +202,11 @@
192
202
  --underlineNav-borderColor-active: #ff967d;
193
203
  --underlineNav-borderColor-hover: #bdc4cc;
194
204
  --underlineNav-iconColor-rest: #f0f3f6;
195
- --selection-bgColor: #60aeff33;
205
+ --selection-bgColor: #409effb3;
196
206
  --fgColor-default: #fbfcfd;
197
207
  --fgColor-muted: #f0f3f6;
198
208
  --fgColor-onEmphasis: #0a0c10;
209
+ --fgColor-white: #ffffff;
199
210
  --fgColor-disabled: #9ea7b3;
200
211
  --fgColor-link: #60aeff;
201
212
  --fgColor-neutral: #9ea7b3;
@@ -408,6 +419,7 @@
408
419
  --shadow-floating-medium: 0px 0px 0px 1px #7a828e, 0px 8px 16px -4px #01040966, 0px 4px 32px -4px #01040966, 0px 24px 48px -12px #01040966, 0px 48px 96px -24px #01040966;
409
420
  --shadow-floating-large: 0px 0px 0px 1px #7a828e, 0px 24px 48px 0px #010409;
410
421
  --shadow-floating-xlarge: 0px 0px 0px 1px #7a828e, 0px 32px 64px 0px #010409;
422
+ --shadow-floating-legacy: 0px 6px 12px -3px #01040966, 0px 6px 18px 0px #01040966;
411
423
  --outline-focus: #409eff solid 2px;
412
424
  }
413
425
  @media (prefers-color-scheme: dark) {
@@ -453,6 +465,16 @@
453
465
  --header-borderColor-divider: #bdc4cc;
454
466
  --headerSearch-bgColor: #0a0c10;
455
467
  --headerSearch-borderColor: #525964;
468
+ --data-blue-color: #0576ff;
469
+ --data-auburn-color: #a86f6b;
470
+ --data-orange-color: #984b10;
471
+ --data-yellow-color: #895906;
472
+ --data-green-color: #2f6f37;
473
+ --data-teal-color: #106c70;
474
+ --data-purple-color: #975bf1;
475
+ --data-pink-color: #d34591;
476
+ --data-red-color: #eb3342;
477
+ --data-gray-color: #576270;
456
478
  --avatar-bgColor: #ffffff1a;
457
479
  --avatar-borderColor: #ffffffe6;
458
480
  --avatar-shadow: 0px 0px 0px 2px #0a0c10;
@@ -558,7 +580,7 @@
558
580
  --button-outline-borderColor-hover: #ffffff1a;
559
581
  --button-outline-borderColor-selected: #ffffff1a;
560
582
  --button-outline-shadow-selected: 0px 0px 0px 0px #000000;
561
- --button-danger-fgColor-rest: #ff8080;
583
+ --button-danger-fgColor-rest: #ff9492;
562
584
  --button-danger-fgColor-hover: #ffffff;
563
585
  --button-danger-fgColor-active: #ffffff;
564
586
  --button-danger-fgColor-disabled: #ff808080;
@@ -572,8 +594,8 @@
572
594
  --button-danger-borderColor-hover: #ffffff1a;
573
595
  --button-danger-borderColor-active: #ffffff1a;
574
596
  --button-danger-shadow-selected: 0px 0px 0px 0px #000000;
575
- --button-inactive-fgColor-rest: #bdc4cc;
576
- --button-inactive-bgColor-rest: #3d424d;
597
+ --button-inactive-fgColor: #bdc4cc;
598
+ --button-inactive-bgColor: #3d424d;
577
599
  --buttonCounter-default-bgColor-rest: #525964;
578
600
  --buttonCounter-invisible-bgColor-rest: #525964;
579
601
  --buttonCounter-primary-bgColor-rest: #01040926;
@@ -603,10 +625,11 @@
603
625
  --underlineNav-borderColor-active: #ff967d;
604
626
  --underlineNav-borderColor-hover: #bdc4cc;
605
627
  --underlineNav-iconColor-rest: #f0f3f6;
606
- --selection-bgColor: #60aeff33;
628
+ --selection-bgColor: #409effb3;
607
629
  --fgColor-default: #fbfcfd;
608
630
  --fgColor-muted: #f0f3f6;
609
631
  --fgColor-onEmphasis: #0a0c10;
632
+ --fgColor-white: #ffffff;
610
633
  --fgColor-disabled: #9ea7b3;
611
634
  --fgColor-link: #60aeff;
612
635
  --fgColor-neutral: #9ea7b3;
@@ -819,6 +842,7 @@
819
842
  --shadow-floating-medium: 0px 0px 0px 1px #7a828e, 0px 8px 16px -4px #01040966, 0px 4px 32px -4px #01040966, 0px 24px 48px -12px #01040966, 0px 48px 96px -24px #01040966;
820
843
  --shadow-floating-large: 0px 0px 0px 1px #7a828e, 0px 24px 48px 0px #010409;
821
844
  --shadow-floating-xlarge: 0px 0px 0px 1px #7a828e, 0px 32px 64px 0px #010409;
845
+ --shadow-floating-legacy: 0px 6px 12px -3px #01040966, 0px 6px 18px 0px #01040966;
822
846
  --outline-focus: #409eff solid 2px;
823
847
  }
824
848
  }
package/dist/css/functional/themes/dark-tritanopia.css CHANGED
@@ -42,6 +42,16 @@
42
42
  --header-borderColor-divider: #8b949e;
43
43
  --headerSearch-bgColor: #0d1117;
44
44
  --headerSearch-borderColor: #30363d;
45
+ --data-blue-color: #0576ff;
46
+ --data-auburn-color: #a86f6b;
47
+ --data-orange-color: #984b10;
48
+ --data-yellow-color: #895906;
49
+ --data-green-color: #2f6f37;
50
+ --data-teal-color: #106c70;
51
+ --data-purple-color: #975bf1;
52
+ --data-pink-color: #d34591;
53
+ --data-red-color: #eb3342;
54
+ --data-gray-color: #576270;
45
55
  --avatar-bgColor: #ffffff1a;
46
56
  --avatar-borderColor: #30363db3;
47
57
  --avatar-shadow: 0px 0px 0px 2px #0d1117;
@@ -161,8 +171,8 @@
161
171
  --button-danger-borderColor-hover: #f0f6fc1a;
162
172
  --button-danger-borderColor-active: #f0f6fc1a;
163
173
  --button-danger-shadow-selected: 0px 0px 0px 0px #000000;
164
- --button-inactive-fgColor-rest: #8b949e;
165
- --button-inactive-bgColor-rest: #21262d;
174
+ --button-inactive-fgColor: #8b949e;
175
+ --button-inactive-bgColor: #21262d;
166
176
  --buttonCounter-default-bgColor-rest: #30363d;
167
177
  --buttonCounter-invisible-bgColor-rest: #30363d;
168
178
  --buttonCounter-primary-bgColor-rest: #04260f33;
@@ -192,10 +202,11 @@
192
202
  --underlineNav-borderColor-active: #f78166;
193
203
  --underlineNav-borderColor-hover: #6e768166;
194
204
  --underlineNav-iconColor-rest: #848d97;
195
- --selection-bgColor: #4493f833;
205
+ --selection-bgColor: #1f6febb3;
196
206
  --fgColor-default: #e6edf3;
197
207
  --fgColor-muted: #848d97;
198
208
  --fgColor-onEmphasis: #ffffff;
209
+ --fgColor-white: #ffffff;
199
210
  --fgColor-disabled: #6e7681;
200
211
  --fgColor-link: #4493f8;
201
212
  --fgColor-neutral: #6e7681;
@@ -408,6 +419,7 @@
408
419
  --shadow-floating-medium: 0px 0px 0px 1px #30363d, 0px 8px 16px -4px #01040966, 0px 4px 32px -4px #01040966, 0px 24px 48px -12px #01040966, 0px 48px 96px -24px #01040966;
409
420
  --shadow-floating-large: 0px 0px 0px 1px #30363d, 0px 24px 48px 0px #010409;
410
421
  --shadow-floating-xlarge: 0px 0px 0px 1px #30363d, 0px 32px 64px 0px #010409;
422
+ --shadow-floating-legacy: 0px 6px 12px -3px #01040966, 0px 6px 18px 0px #01040966;
411
423
  --outline-focus: #1f6feb solid 2px;
412
424
  }
413
425
  @media (prefers-color-scheme: dark) {
@@ -453,6 +465,16 @@
453
465
  --header-borderColor-divider: #8b949e;
454
466
  --headerSearch-bgColor: #0d1117;
455
467
  --headerSearch-borderColor: #30363d;
468
+ --data-blue-color: #0576ff;
469
+ --data-auburn-color: #a86f6b;
470
+ --data-orange-color: #984b10;
471
+ --data-yellow-color: #895906;
472
+ --data-green-color: #2f6f37;
473
+ --data-teal-color: #106c70;
474
+ --data-purple-color: #975bf1;
475
+ --data-pink-color: #d34591;
476
+ --data-red-color: #eb3342;
477
+ --data-gray-color: #576270;
456
478
  --avatar-bgColor: #ffffff1a;
457
479
  --avatar-borderColor: #30363db3;
458
480
  --avatar-shadow: 0px 0px 0px 2px #0d1117;
@@ -572,8 +594,8 @@
572
594
  --button-danger-borderColor-hover: #f0f6fc1a;
573
595
  --button-danger-borderColor-active: #f0f6fc1a;
574
596
  --button-danger-shadow-selected: 0px 0px 0px 0px #000000;
575
- --button-inactive-fgColor-rest: #8b949e;
576
- --button-inactive-bgColor-rest: #21262d;
597
+ --button-inactive-fgColor: #8b949e;
598
+ --button-inactive-bgColor: #21262d;
577
599
  --buttonCounter-default-bgColor-rest: #30363d;
578
600
  --buttonCounter-invisible-bgColor-rest: #30363d;
579
601
  --buttonCounter-primary-bgColor-rest: #04260f33;
@@ -603,10 +625,11 @@
603
625
  --underlineNav-borderColor-active: #f78166;
604
626
  --underlineNav-borderColor-hover: #6e768166;
605
627
  --underlineNav-iconColor-rest: #848d97;
606
- --selection-bgColor: #4493f833;
628
+ --selection-bgColor: #1f6febb3;
607
629
  --fgColor-default: #e6edf3;
608
630
  --fgColor-muted: #848d97;
609
631
  --fgColor-onEmphasis: #ffffff;
632
+ --fgColor-white: #ffffff;
610
633
  --fgColor-disabled: #6e7681;
611
634
  --fgColor-link: #4493f8;
612
635
  --fgColor-neutral: #6e7681;
@@ -819,6 +842,7 @@
819
842
  --shadow-floating-medium: 0px 0px 0px 1px #30363d, 0px 8px 16px -4px #01040966, 0px 4px 32px -4px #01040966, 0px 24px 48px -12px #01040966, 0px 48px 96px -24px #01040966;
820
843
  --shadow-floating-large: 0px 0px 0px 1px #30363d, 0px 24px 48px 0px #010409;
821
844
  --shadow-floating-xlarge: 0px 0px 0px 1px #30363d, 0px 32px 64px 0px #010409;
845
+ --shadow-floating-legacy: 0px 6px 12px -3px #01040966, 0px 6px 18px 0px #01040966;
822
846
  --outline-focus: #1f6feb solid 2px;
823
847
  }
824
848
  }
package/dist/css/functional/themes/dark.css CHANGED
@@ -42,6 +42,16 @@
42
42
  --header-borderColor-divider: #8b949e;
43
43
  --headerSearch-bgColor: #0d1117;
44
44
  --headerSearch-borderColor: #30363d;
45
+ --data-blue-color: #0576ff;
46
+ --data-auburn-color: #a86f6b;
47
+ --data-orange-color: #984b10;
48
+ --data-yellow-color: #895906;
49
+ --data-green-color: #2f6f37;
50
+ --data-teal-color: #106c70;
51
+ --data-purple-color: #975bf1;
52
+ --data-pink-color: #d34591;
53
+ --data-red-color: #eb3342;
54
+ --data-gray-color: #576270;
45
55
  --avatar-bgColor: #ffffff1a;
46
56
  --avatar-borderColor: #30363db3;
47
57
  --avatar-shadow: 0px 0px 0px 2px #0d1117;
@@ -161,8 +171,8 @@
161
171
  --button-danger-borderColor-hover: #f0f6fc1a;
162
172
  --button-danger-borderColor-active: #f0f6fc1a;
163
173
  --button-danger-shadow-selected: 0px 0px 0px 0px #000000;
164
- --button-inactive-fgColor-rest: #8b949e;
165
- --button-inactive-bgColor-rest: #21262d;
174
+ --button-inactive-fgColor: #8b949e;
175
+ --button-inactive-bgColor: #21262d;
166
176
  --buttonCounter-default-bgColor-rest: #30363d;
167
177
  --buttonCounter-invisible-bgColor-rest: #30363d;
168
178
  --buttonCounter-primary-bgColor-rest: #04260f33;
@@ -192,10 +202,11 @@
192
202
  --underlineNav-borderColor-active: #f78166;
193
203
  --underlineNav-borderColor-hover: #6e768166;
194
204
  --underlineNav-iconColor-rest: #848d97;
195
- --selection-bgColor: #4493f833;
205
+ --selection-bgColor: #1f6febb3;
196
206
  --fgColor-default: #e6edf3;
197
207
  --fgColor-muted: #848d97;
198
208
  --fgColor-onEmphasis: #ffffff;
209
+ --fgColor-white: #ffffff;
199
210
  --fgColor-disabled: #6e7681;
200
211
  --fgColor-link: #4493f8;
201
212
  --fgColor-neutral: #6e7681;
@@ -408,6 +419,7 @@
408
419
  --shadow-floating-medium: 0px 0px 0px 1px #30363d, 0px 8px 16px -4px #01040966, 0px 4px 32px -4px #01040966, 0px 24px 48px -12px #01040966, 0px 48px 96px -24px #01040966;
409
420
  --shadow-floating-large: 0px 0px 0px 1px #30363d, 0px 24px 48px 0px #010409;
410
421
  --shadow-floating-xlarge: 0px 0px 0px 1px #30363d, 0px 32px 64px 0px #010409;
422
+ --shadow-floating-legacy: 0px 6px 12px -3px #01040966, 0px 6px 18px 0px #01040966;
411
423
  --outline-focus: #1f6feb solid 2px;
412
424
  }
413
425
  @media (prefers-color-scheme: dark) {
@@ -453,6 +465,16 @@
453
465
  --header-borderColor-divider: #8b949e;
454
466
  --headerSearch-bgColor: #0d1117;
455
467
  --headerSearch-borderColor: #30363d;
468
+ --data-blue-color: #0576ff;
469
+ --data-auburn-color: #a86f6b;
470
+ --data-orange-color: #984b10;
471
+ --data-yellow-color: #895906;
472
+ --data-green-color: #2f6f37;
473
+ --data-teal-color: #106c70;
474
+ --data-purple-color: #975bf1;
475
+ --data-pink-color: #d34591;
476
+ --data-red-color: #eb3342;
477
+ --data-gray-color: #576270;
456
478
  --avatar-bgColor: #ffffff1a;
457
479
  --avatar-borderColor: #30363db3;
458
480
  --avatar-shadow: 0px 0px 0px 2px #0d1117;
@@ -572,8 +594,8 @@
572
594
  --button-danger-borderColor-hover: #f0f6fc1a;
573
595
  --button-danger-borderColor-active: #f0f6fc1a;
574
596
  --button-danger-shadow-selected: 0px 0px 0px 0px #000000;
575
- --button-inactive-fgColor-rest: #8b949e;
576
- --button-inactive-bgColor-rest: #21262d;
597
+ --button-inactive-fgColor: #8b949e;
598
+ --button-inactive-bgColor: #21262d;
577
599
  --buttonCounter-default-bgColor-rest: #30363d;
578
600
  --buttonCounter-invisible-bgColor-rest: #30363d;
579
601
  --buttonCounter-primary-bgColor-rest: #04260f33;
@@ -603,10 +625,11 @@
603
625
  --underlineNav-borderColor-active: #f78166;
604
626
  --underlineNav-borderColor-hover: #6e768166;
605
627
  --underlineNav-iconColor-rest: #848d97;
606
- --selection-bgColor: #4493f833;
628
+ --selection-bgColor: #1f6febb3;
607
629
  --fgColor-default: #e6edf3;
608
630
  --fgColor-muted: #848d97;
609
631
  --fgColor-onEmphasis: #ffffff;
632
+ --fgColor-white: #ffffff;
610
633
  --fgColor-disabled: #6e7681;
611
634
  --fgColor-link: #4493f8;
612
635
  --fgColor-neutral: #6e7681;
@@ -819,6 +842,7 @@
819
842
  --shadow-floating-medium: 0px 0px 0px 1px #30363d, 0px 8px 16px -4px #01040966, 0px 4px 32px -4px #01040966, 0px 24px 48px -12px #01040966, 0px 48px 96px -24px #01040966;
820
843
  --shadow-floating-large: 0px 0px 0px 1px #30363d, 0px 24px 48px 0px #010409;
821
844
  --shadow-floating-xlarge: 0px 0px 0px 1px #30363d, 0px 32px 64px 0px #010409;
845
+ --shadow-floating-legacy: 0px 6px 12px -3px #01040966, 0px 6px 18px 0px #01040966;
822
846
  --outline-focus: #1f6feb solid 2px;
823
847
  }
824
848
  }
package/dist/css/functional/themes/light-colorblind.css CHANGED
@@ -42,6 +42,16 @@
42
42
  --header-borderColor-divider: #57606a;
43
43
  --headerSearch-bgColor: #24292f;
44
44
  --headerSearch-borderColor: #57606a;
45
+ --data-blue-color: #006edb;
46
+ --data-auburn-color: #9d615c;
47
+ --data-orange-color: #eb670f;
48
+ --data-yellow-color: #b88700;
49
+ --data-green-color: #30a147;
50
+ --data-teal-color: #179b9b;
51
+ --data-purple-color: #894ceb;
52
+ --data-pink-color: #ce2c85;
53
+ --data-red-color: #df0c24;
54
+ --data-gray-color: #808fa3;
45
55
  --avatar-bgColor: #ffffff;
46
56
  --avatar-borderColor: #d0d7de;
47
57
  --avatar-shadow: 0px 0px 0px 2px #ffffffcc;
@@ -161,8 +171,8 @@
161
171
  --button-danger-borderColor-hover: #1f232826;
162
172
  --button-danger-borderColor-active: #1f232826;
163
173
  --button-danger-shadow-selected: inset 0px 1px 0px 0px #47170033;
164
- --button-inactive-fgColor-rest: #57606a;
165
- --button-inactive-bgColor-rest: #eaeef2;
174
+ --button-inactive-fgColor: #57606a;
175
+ --button-inactive-bgColor: #eaeef2;
166
176
  --buttonCounter-default-bgColor-rest: #afb8c133;
167
177
  --buttonCounter-invisible-bgColor-rest: #afb8c133;
168
178
  --buttonCounter-primary-bgColor-rest: #002d1133;
@@ -193,10 +203,11 @@
193
203
  --underlineNav-borderColor-active: #fd8c73;
194
204
  --underlineNav-borderColor-hover: #afb8c133;
195
205
  --underlineNav-iconColor-rest: #636c76;
196
- --selection-bgColor: #0969da1a;
206
+ --selection-bgColor: #0969da33;
197
207
  --fgColor-default: #1f2328;
198
208
  --fgColor-muted: #636c76;
199
209
  --fgColor-onEmphasis: #ffffff;
210
+ --fgColor-white: #ffffff;
200
211
  --fgColor-disabled: #8c959f;
201
212
  --fgColor-link: #0969da;
202
213
  --fgColor-neutral: #6e7781;
@@ -409,6 +420,7 @@
409
420
  --shadow-floating-medium: 0px 0px 0px 1px #d0d7de, 0px 8px 16px -4px #424a5314, 0px 4px 32px -4px #424a5314, 0px 24px 48px -12px #424a5314, 0px 48px 96px -24px #424a5314;
410
421
  --shadow-floating-large: 0px 0px 0px 1px #d0d7de, 0px 40px 80px 0px #424a533d;
411
422
  --shadow-floating-xlarge: 0px 0px 0px 1px #d0d7de, 0px 56px 112px 0px #424a5352;
423
+ --shadow-floating-legacy: 0px 6px 12px -3px #424a530a, 0px 6px 18px 0px #424a531f;
412
424
  }
413
425
  @media (prefers-color-scheme: dark) {
414
426
  [data-color-mode="auto"][data-dark-theme="light_colorblind"],
@@ -453,6 +465,16 @@
453
465
  --header-borderColor-divider: #57606a;
454
466
  --headerSearch-bgColor: #24292f;
455
467
  --headerSearch-borderColor: #57606a;
468
+ --data-blue-color: #006edb;
469
+ --data-auburn-color: #9d615c;
470
+ --data-orange-color: #eb670f;
471
+ --data-yellow-color: #b88700;
472
+ --data-green-color: #30a147;
473
+ --data-teal-color: #179b9b;
474
+ --data-purple-color: #894ceb;
475
+ --data-pink-color: #ce2c85;
476
+ --data-red-color: #df0c24;
477
+ --data-gray-color: #808fa3;
456
478
  --avatar-bgColor: #ffffff;
457
479
  --avatar-borderColor: #d0d7de;
458
480
  --avatar-shadow: 0px 0px 0px 2px #ffffffcc;
@@ -572,8 +594,8 @@
572
594
  --button-danger-borderColor-hover: #1f232826;
573
595
  --button-danger-borderColor-active: #1f232826;
574
596
  --button-danger-shadow-selected: inset 0px 1px 0px 0px #47170033;
575
- --button-inactive-fgColor-rest: #57606a;
576
- --button-inactive-bgColor-rest: #eaeef2;
597
+ --button-inactive-fgColor: #57606a;
598
+ --button-inactive-bgColor: #eaeef2;
577
599
  --buttonCounter-default-bgColor-rest: #afb8c133;
578
600
  --buttonCounter-invisible-bgColor-rest: #afb8c133;
579
601
  --buttonCounter-primary-bgColor-rest: #002d1133;
@@ -604,10 +626,11 @@
604
626
  --underlineNav-borderColor-active: #fd8c73;
605
627
  --underlineNav-borderColor-hover: #afb8c133;
606
628
  --underlineNav-iconColor-rest: #636c76;
607
- --selection-bgColor: #0969da1a;
629
+ --selection-bgColor: #0969da33;
608
630
  --fgColor-default: #1f2328;
609
631
  --fgColor-muted: #636c76;
610
632
  --fgColor-onEmphasis: #ffffff;
633
+ --fgColor-white: #ffffff;
611
634
  --fgColor-disabled: #8c959f;
612
635
  --fgColor-link: #0969da;
613
636
  --fgColor-neutral: #6e7781;
@@ -820,5 +843,6 @@
820
843
  --shadow-floating-medium: 0px 0px 0px 1px #d0d7de, 0px 8px 16px -4px #424a5314, 0px 4px 32px -4px #424a5314, 0px 24px 48px -12px #424a5314, 0px 48px 96px -24px #424a5314;
821
844
  --shadow-floating-large: 0px 0px 0px 1px #d0d7de, 0px 40px 80px 0px #424a533d;
822
845
  --shadow-floating-xlarge: 0px 0px 0px 1px #d0d7de, 0px 56px 112px 0px #424a5352;
846
+ --shadow-floating-legacy: 0px 6px 12px -3px #424a530a, 0px 6px 18px 0px #424a531f;
823
847
  }
824
848
  }