@primer/primitives 7.16.0-rc.08adab70 → 7.16.0-rc.3aeafa57

package/dist/css/functional/themes/dark-colorblind.css

@@ -288,6 +288,7 @@
   --underlineNav-borderColor-hover: #6e768166;
   --underlineNav-iconColor-rest: #848d97;
   --selection-bgColor: #1f6febb3;
+  --card-bgColor: #161b22;
   --fgColor-default: #e6edf3;
   --fgColor-muted: #848d97;
   --fgColor-onEmphasis: #ffffff;
@@ -304,6 +305,7 @@
   --fgColor-open: #f0883e;
   --fgColor-closed: #8b949e;
   --fgColor-done: #a371f7;
+  --fgColor-upsell: #a371f7;
   --fgColor-sponsors: #db61a2;
   --bgColor-default: #0d1117;
   --bgColor-muted: #161b22;
@@ -332,6 +334,8 @@
   --bgColor-closed-emphasis: #6e7681;
   --bgColor-done-muted: #a371f726;
   --bgColor-done-emphasis: #8957e5;
+  --bgColor-upsell-muted: #a371f726;
+  --bgColor-upsell-emphasis: #8957e5;
   --bgColor-sponsors-muted: #db61a21a;
   --bgColor-sponsors-emphasis: #bf4b8a;
   --borderColor-default: #30363d;
@@ -357,6 +361,8 @@
   --borderColor-closed-emphasis: #6e7681;
   --borderColor-done-muted: #a371f766;
   --borderColor-done-emphasis: #8957e5;
+  --borderColor-upsell-muted: #a371f766;
+  --borderColor-upsell-emphasis: #8957e5;
   --borderColor-sponsors-muted: #db61a266;
   --borderColor-sponsors-emphasis: #bf4b8a;
   --color-ansi-black: #484f58;
@@ -706,6 +712,7 @@
     --underlineNav-borderColor-hover: #6e768166;
     --underlineNav-iconColor-rest: #848d97;
     --selection-bgColor: #1f6febb3;
+    --card-bgColor: #161b22;
     --fgColor-default: #e6edf3;
     --fgColor-muted: #848d97;
     --fgColor-onEmphasis: #ffffff;
@@ -722,6 +729,7 @@
     --fgColor-open: #f0883e;
     --fgColor-closed: #8b949e;
     --fgColor-done: #a371f7;
+    --fgColor-upsell: #a371f7;
     --fgColor-sponsors: #db61a2;
     --bgColor-default: #0d1117;
     --bgColor-muted: #161b22;
@@ -750,6 +758,8 @@
     --bgColor-closed-emphasis: #6e7681;
     --bgColor-done-muted: #a371f726;
     --bgColor-done-emphasis: #8957e5;
+    --bgColor-upsell-muted: #a371f726;
+    --bgColor-upsell-emphasis: #8957e5;
     --bgColor-sponsors-muted: #db61a21a;
     --bgColor-sponsors-emphasis: #bf4b8a;
     --borderColor-default: #30363d;
@@ -775,6 +785,8 @@
     --borderColor-closed-emphasis: #6e7681;
     --borderColor-done-muted: #a371f766;
     --borderColor-done-emphasis: #8957e5;
+    --borderColor-upsell-muted: #a371f766;
+    --borderColor-upsell-emphasis: #8957e5;
     --borderColor-sponsors-muted: #db61a266;
     --borderColor-sponsors-emphasis: #bf4b8a;
     --color-ansi-black: #484f58;

package/dist/css/functional/themes/dark-dimmed.css

@@ -288,6 +288,7 @@
   --underlineNav-borderColor-hover: #636e7b66;
   --underlineNav-iconColor-rest: #717e8b;
   --selection-bgColor: #316dcab3;
+  --card-bgColor: #2d333b;
   --fgColor-default: #c5d1de;
   --fgColor-muted: #717e8b;
   --fgColor-onEmphasis: #cdd9e5;
@@ -304,6 +305,7 @@
   --fgColor-open: #57ab5a;
   --fgColor-closed: #e5534b;
   --fgColor-done: #986ee2;
+  --fgColor-upsell: #986ee2;
   --fgColor-sponsors: #c96198;
   --bgColor-default: #22272e;
   --bgColor-muted: #2d333b;
@@ -332,6 +334,8 @@
   --bgColor-closed-emphasis: #c93c37;
   --bgColor-done-muted: #986ee226;
   --bgColor-done-emphasis: #8256d0;
+  --bgColor-upsell-muted: #986ee226;
+  --bgColor-upsell-emphasis: #8256d0;
   --bgColor-sponsors-muted: #c961981a;
   --bgColor-sponsors-emphasis: #ae4c82;
   --borderColor-default: #444c56;
@@ -357,6 +361,8 @@
   --borderColor-closed-emphasis: #c93c37;
   --borderColor-done-muted: #986ee266;
   --borderColor-done-emphasis: #8256d0;
+  --borderColor-upsell-muted: #986ee266;
+  --borderColor-upsell-emphasis: #8256d0;
   --borderColor-sponsors-muted: #c9619866;
   --borderColor-sponsors-emphasis: #ae4c82;
   --color-ansi-black: #545d68;
@@ -706,6 +712,7 @@
     --underlineNav-borderColor-hover: #636e7b66;
     --underlineNav-iconColor-rest: #717e8b;
     --selection-bgColor: #316dcab3;
+    --card-bgColor: #2d333b;
     --fgColor-default: #c5d1de;
     --fgColor-muted: #717e8b;
     --fgColor-onEmphasis: #cdd9e5;
@@ -722,6 +729,7 @@
     --fgColor-open: #57ab5a;
     --fgColor-closed: #e5534b;
     --fgColor-done: #986ee2;
+    --fgColor-upsell: #986ee2;
     --fgColor-sponsors: #c96198;
     --bgColor-default: #22272e;
     --bgColor-muted: #2d333b;
@@ -750,6 +758,8 @@
     --bgColor-closed-emphasis: #c93c37;
     --bgColor-done-muted: #986ee226;
     --bgColor-done-emphasis: #8256d0;
+    --bgColor-upsell-muted: #986ee226;
+    --bgColor-upsell-emphasis: #8256d0;
     --bgColor-sponsors-muted: #c961981a;
     --bgColor-sponsors-emphasis: #ae4c82;
     --borderColor-default: #444c56;
@@ -775,6 +785,8 @@
     --borderColor-closed-emphasis: #c93c37;
     --borderColor-done-muted: #986ee266;
     --borderColor-done-emphasis: #8256d0;
+    --borderColor-upsell-muted: #986ee266;
+    --borderColor-upsell-emphasis: #8256d0;
     --borderColor-sponsors-muted: #c9619866;
     --borderColor-sponsors-emphasis: #ae4c82;
     --color-ansi-black: #545d68;

package/dist/css/functional/themes/dark-high-contrast.css

@@ -288,6 +288,7 @@
   --underlineNav-borderColor-hover: #bdc4cc;
   --underlineNav-iconColor-rest: #f0f3f6;
   --selection-bgColor: #409effb3;
+  --card-bgColor: #272b33;
   --fgColor-default: #fbfcfd;
   --fgColor-muted: #f0f3f6;
   --fgColor-onEmphasis: #0a0c10;
@@ -304,6 +305,7 @@
   --fgColor-open: #28d751;
   --fgColor-closed: #ff8080;
   --fgColor-done: #bf8fff;
+  --fgColor-upsell: #bf8fff;
   --fgColor-sponsors: #f87cbd;
   --bgColor-default: #0a0c10;
   --bgColor-muted: #272b33;
@@ -332,6 +334,8 @@
   --bgColor-closed-emphasis: #ff6a69;
   --bgColor-done-muted: #bf8fff26;
   --bgColor-done-emphasis: #b87fff;
+  --bgColor-upsell-muted: #bf8fff26;
+  --bgColor-upsell-emphasis: #b87fff;
   --bgColor-sponsors-muted: #f87cbd1a;
   --bgColor-sponsors-emphasis: #ef6eb1;
   --borderColor-default: #7a828e;
@@ -357,6 +361,8 @@
   --borderColor-closed-emphasis: #ff6a69;
   --borderColor-done-muted: #bf8fff;
   --borderColor-done-emphasis: #b87fff;
+  --borderColor-upsell-muted: #bf8fff66;
+  --borderColor-upsell-emphasis: #b87fff;
   --borderColor-sponsors-muted: #f87cbd;
   --borderColor-sponsors-emphasis: #ef6eb1;
   --color-ansi-black: #7a828e;
@@ -706,6 +712,7 @@
     --underlineNav-borderColor-hover: #bdc4cc;
     --underlineNav-iconColor-rest: #f0f3f6;
     --selection-bgColor: #409effb3;
+    --card-bgColor: #272b33;
     --fgColor-default: #fbfcfd;
     --fgColor-muted: #f0f3f6;
     --fgColor-onEmphasis: #0a0c10;
@@ -722,6 +729,7 @@
     --fgColor-open: #28d751;
     --fgColor-closed: #ff8080;
     --fgColor-done: #bf8fff;
+    --fgColor-upsell: #bf8fff;
     --fgColor-sponsors: #f87cbd;
     --bgColor-default: #0a0c10;
     --bgColor-muted: #272b33;
@@ -750,6 +758,8 @@
     --bgColor-closed-emphasis: #ff6a69;
     --bgColor-done-muted: #bf8fff26;
     --bgColor-done-emphasis: #b87fff;
+    --bgColor-upsell-muted: #bf8fff26;
+    --bgColor-upsell-emphasis: #b87fff;
     --bgColor-sponsors-muted: #f87cbd1a;
     --bgColor-sponsors-emphasis: #ef6eb1;
     --borderColor-default: #7a828e;
@@ -775,6 +785,8 @@
     --borderColor-closed-emphasis: #ff6a69;
     --borderColor-done-muted: #bf8fff;
     --borderColor-done-emphasis: #b87fff;
+    --borderColor-upsell-muted: #bf8fff66;
+    --borderColor-upsell-emphasis: #b87fff;
     --borderColor-sponsors-muted: #f87cbd;
     --borderColor-sponsors-emphasis: #ef6eb1;
     --color-ansi-black: #7a828e;

package/dist/css/functional/themes/dark-tritanopia.css

@@ -288,6 +288,7 @@
   --underlineNav-borderColor-hover: #6e768166;
   --underlineNav-iconColor-rest: #848d97;
   --selection-bgColor: #1f6febb3;
+  --card-bgColor: #161b22;
   --fgColor-default: #e6edf3;
   --fgColor-muted: #848d97;
   --fgColor-onEmphasis: #ffffff;
@@ -304,6 +305,7 @@
   --fgColor-open: #f85149;
   --fgColor-closed: #6e7681;
   --fgColor-done: #a371f7;
+  --fgColor-upsell: #a371f7;
   --fgColor-sponsors: #db61a2;
   --bgColor-default: #0d1117;
   --bgColor-muted: #161b22;
@@ -332,6 +334,8 @@
   --bgColor-closed-emphasis: #484f58;
   --bgColor-done-muted: #a371f726;
   --bgColor-done-emphasis: #8957e5;
+  --bgColor-upsell-muted: #a371f726;
+  --bgColor-upsell-emphasis: #8957e5;
   --bgColor-sponsors-muted: #db61a21a;
   --bgColor-sponsors-emphasis: #bf4b8a;
   --borderColor-default: #30363d;
@@ -357,6 +361,8 @@
   --borderColor-closed-emphasis: #484f58;
   --borderColor-done-muted: #a371f766;
   --borderColor-done-emphasis: #8957e5;
+  --borderColor-upsell-muted: #a371f766;
+  --borderColor-upsell-emphasis: #8957e5;
   --borderColor-sponsors-muted: #db61a266;
   --borderColor-sponsors-emphasis: #bf4b8a;
   --color-ansi-black: #484f58;
@@ -706,6 +712,7 @@
     --underlineNav-borderColor-hover: #6e768166;
     --underlineNav-iconColor-rest: #848d97;
     --selection-bgColor: #1f6febb3;
+    --card-bgColor: #161b22;
     --fgColor-default: #e6edf3;
     --fgColor-muted: #848d97;
     --fgColor-onEmphasis: #ffffff;
@@ -722,6 +729,7 @@
     --fgColor-open: #f85149;
     --fgColor-closed: #6e7681;
     --fgColor-done: #a371f7;
+    --fgColor-upsell: #a371f7;
     --fgColor-sponsors: #db61a2;
     --bgColor-default: #0d1117;
     --bgColor-muted: #161b22;
@@ -750,6 +758,8 @@
     --bgColor-closed-emphasis: #484f58;
     --bgColor-done-muted: #a371f726;
     --bgColor-done-emphasis: #8957e5;
+    --bgColor-upsell-muted: #a371f726;
+    --bgColor-upsell-emphasis: #8957e5;
     --bgColor-sponsors-muted: #db61a21a;
     --bgColor-sponsors-emphasis: #bf4b8a;
     --borderColor-default: #30363d;
@@ -775,6 +785,8 @@
     --borderColor-closed-emphasis: #484f58;
     --borderColor-done-muted: #a371f766;
     --borderColor-done-emphasis: #8957e5;
+    --borderColor-upsell-muted: #a371f766;
+    --borderColor-upsell-emphasis: #8957e5;
     --borderColor-sponsors-muted: #db61a266;
     --borderColor-sponsors-emphasis: #bf4b8a;
     --color-ansi-black: #484f58;

package/dist/css/functional/themes/dark.css

@@ -288,6 +288,7 @@
   --underlineNav-borderColor-hover: #6e768166;
   --underlineNav-iconColor-rest: #848d97;
   --selection-bgColor: #1f6febb3;
+  --card-bgColor: #161b22;
   --fgColor-default: #e6edf3;
   --fgColor-muted: #848d97;
   --fgColor-onEmphasis: #ffffff;
@@ -304,6 +305,7 @@
   --fgColor-open: #3fb950;
   --fgColor-closed: #f85149;
   --fgColor-done: #a371f7;
+  --fgColor-upsell: #a371f7;
   --fgColor-sponsors: #db61a2;
   --bgColor-default: #0d1117;
   --bgColor-muted: #161b22;
@@ -332,6 +334,8 @@
   --bgColor-closed-emphasis: #da3633;
   --bgColor-done-muted: #a371f726;
   --bgColor-done-emphasis: #8957e5;
+  --bgColor-upsell-muted: #a371f726;
+  --bgColor-upsell-emphasis: #8957e5;
   --bgColor-sponsors-muted: #db61a21a;
   --bgColor-sponsors-emphasis: #bf4b8a;
   --borderColor-default: #30363d;
@@ -357,6 +361,8 @@
   --borderColor-closed-emphasis: #da3633;
   --borderColor-done-muted: #a371f766;
   --borderColor-done-emphasis: #8957e5;
+  --borderColor-upsell-muted: #a371f766;
+  --borderColor-upsell-emphasis: #8957e5;
   --borderColor-sponsors-muted: #db61a266;
   --borderColor-sponsors-emphasis: #bf4b8a;
   --color-ansi-black: #484f58;
@@ -706,6 +712,7 @@
     --underlineNav-borderColor-hover: #6e768166;
     --underlineNav-iconColor-rest: #848d97;
     --selection-bgColor: #1f6febb3;
+    --card-bgColor: #161b22;
     --fgColor-default: #e6edf3;
     --fgColor-muted: #848d97;
     --fgColor-onEmphasis: #ffffff;
@@ -722,6 +729,7 @@
     --fgColor-open: #3fb950;
     --fgColor-closed: #f85149;
     --fgColor-done: #a371f7;
+    --fgColor-upsell: #a371f7;
     --fgColor-sponsors: #db61a2;
     --bgColor-default: #0d1117;
     --bgColor-muted: #161b22;
@@ -750,6 +758,8 @@
     --bgColor-closed-emphasis: #da3633;
     --bgColor-done-muted: #a371f726;
     --bgColor-done-emphasis: #8957e5;
+    --bgColor-upsell-muted: #a371f726;
+    --bgColor-upsell-emphasis: #8957e5;
     --bgColor-sponsors-muted: #db61a21a;
     --bgColor-sponsors-emphasis: #bf4b8a;
     --borderColor-default: #30363d;
@@ -775,6 +785,8 @@
     --borderColor-closed-emphasis: #da3633;
     --borderColor-done-muted: #a371f766;
     --borderColor-done-emphasis: #8957e5;
+    --borderColor-upsell-muted: #a371f766;
+    --borderColor-upsell-emphasis: #8957e5;
     --borderColor-sponsors-muted: #db61a266;
     --borderColor-sponsors-emphasis: #bf4b8a;
     --color-ansi-black: #484f58;

package/dist/css/functional/themes/light-colorblind.css

@@ -289,6 +289,7 @@
   --underlineNav-borderColor-hover: #afb8c133;
   --underlineNav-iconColor-rest: #636c76;
   --selection-bgColor: #0969da33;
+  --card-bgColor: #ffffff;
   --fgColor-default: #1f2328;
   --fgColor-muted: #636c76;
   --fgColor-onEmphasis: #ffffff;
@@ -305,6 +306,7 @@
   --fgColor-open: #bc4c00;
   --fgColor-closed: #6e7781;
   --fgColor-done: #8250df;
+  --fgColor-upsell: #8250df;
   --fgColor-sponsors: #bf3989;
   --bgColor-default: #ffffff;
   --bgColor-muted: #f6f8fa;
@@ -333,6 +335,8 @@
   --bgColor-closed-emphasis: #6e7781;
   --bgColor-done-muted: #fbefff;
   --bgColor-done-emphasis: #8250df;
+  --bgColor-upsell-muted: #fbefff;
+  --bgColor-upsell-emphasis: #8250df;
   --bgColor-sponsors-muted: #ffeff7;
   --bgColor-sponsors-emphasis: #bf3989;
   --borderColor-default: #d0d7de;
@@ -358,6 +362,8 @@
   --borderColor-closed-emphasis: #6e7781;
   --borderColor-done-muted: #c297ff66;
   --borderColor-done-emphasis: #8250df;
+  --borderColor-upsell-muted: #c297ff66;
+  --borderColor-upsell-emphasis: #8250df;
   --borderColor-sponsors-muted: #ff80c866;
   --borderColor-sponsors-emphasis: #bf3989;
   --color-ansi-black: #24292f;
@@ -707,6 +713,7 @@
     --underlineNav-borderColor-hover: #afb8c133;
     --underlineNav-iconColor-rest: #636c76;
     --selection-bgColor: #0969da33;
+    --card-bgColor: #ffffff;
     --fgColor-default: #1f2328;
     --fgColor-muted: #636c76;
     --fgColor-onEmphasis: #ffffff;
@@ -723,6 +730,7 @@
     --fgColor-open: #bc4c00;
     --fgColor-closed: #6e7781;
     --fgColor-done: #8250df;
+    --fgColor-upsell: #8250df;
     --fgColor-sponsors: #bf3989;
     --bgColor-default: #ffffff;
     --bgColor-muted: #f6f8fa;
@@ -751,6 +759,8 @@
     --bgColor-closed-emphasis: #6e7781;
     --bgColor-done-muted: #fbefff;
     --bgColor-done-emphasis: #8250df;
+    --bgColor-upsell-muted: #fbefff;
+    --bgColor-upsell-emphasis: #8250df;
     --bgColor-sponsors-muted: #ffeff7;
     --bgColor-sponsors-emphasis: #bf3989;
     --borderColor-default: #d0d7de;
@@ -776,6 +786,8 @@
     --borderColor-closed-emphasis: #6e7781;
     --borderColor-done-muted: #c297ff66;
     --borderColor-done-emphasis: #8250df;
+    --borderColor-upsell-muted: #c297ff66;
+    --borderColor-upsell-emphasis: #8250df;
     --borderColor-sponsors-muted: #ff80c866;
     --borderColor-sponsors-emphasis: #bf3989;
     --color-ansi-black: #24292f;

package/dist/css/functional/themes/light-high-contrast.css

@@ -289,6 +289,7 @@
   --underlineNav-borderColor-hover: #88929d;
   --underlineNav-iconColor-rest: #0e1116;
   --selection-bgColor: #0349b433;
+  --card-bgColor: #ffffff;
   --fgColor-default: #010409;
   --fgColor-muted: #0e1116;
   --fgColor-onEmphasis: #ffffff;
@@ -305,6 +306,7 @@
   --fgColor-open: #055d20;
   --fgColor-closed: #8a071e;
   --fgColor-done: #622cbc;
+  --fgColor-upsell: #622cbc;
   --fgColor-sponsors: #971368;
   --bgColor-default: #ffffff;
   --bgColor-muted: #e7ecf0;
@@ -333,6 +335,8 @@
   --bgColor-closed-emphasis: #a0111f;
   --bgColor-done-muted: #faf0fe;
   --bgColor-done-emphasis: #622cbc;
+  --bgColor-upsell-muted: #faf0fe;
+  --bgColor-upsell-emphasis: #622cbc;
   --bgColor-sponsors-muted: #feeff7;
   --bgColor-sponsors-emphasis: #971368;
   --borderColor-default: #20252c;
@@ -358,6 +362,8 @@
   --borderColor-closed-emphasis: #a0111f;
   --borderColor-done-muted: #a371f7;
   --borderColor-done-emphasis: #622cbc;
+  --borderColor-upsell-muted: #a371f766;
+  --borderColor-upsell-emphasis: #622cbc;
   --borderColor-sponsors-muted: #ed4baf;
   --borderColor-sponsors-emphasis: #971368;
   --color-ansi-black: #0e1116;
@@ -707,6 +713,7 @@
     --underlineNav-borderColor-hover: #88929d;
     --underlineNav-iconColor-rest: #0e1116;
     --selection-bgColor: #0349b433;
+    --card-bgColor: #ffffff;
     --fgColor-default: #010409;
     --fgColor-muted: #0e1116;
     --fgColor-onEmphasis: #ffffff;
@@ -723,6 +730,7 @@
     --fgColor-open: #055d20;
     --fgColor-closed: #8a071e;
     --fgColor-done: #622cbc;
+    --fgColor-upsell: #622cbc;
     --fgColor-sponsors: #971368;
     --bgColor-default: #ffffff;
     --bgColor-muted: #e7ecf0;
@@ -751,6 +759,8 @@
     --bgColor-closed-emphasis: #a0111f;
     --bgColor-done-muted: #faf0fe;
     --bgColor-done-emphasis: #622cbc;
+    --bgColor-upsell-muted: #faf0fe;
+    --bgColor-upsell-emphasis: #622cbc;
     --bgColor-sponsors-muted: #feeff7;
     --bgColor-sponsors-emphasis: #971368;
     --borderColor-default: #20252c;
@@ -776,6 +786,8 @@
     --borderColor-closed-emphasis: #a0111f;
     --borderColor-done-muted: #a371f7;
     --borderColor-done-emphasis: #622cbc;
+    --borderColor-upsell-muted: #a371f766;
+    --borderColor-upsell-emphasis: #622cbc;
     --borderColor-sponsors-muted: #ed4baf;
     --borderColor-sponsors-emphasis: #971368;
     --color-ansi-black: #0e1116;

package/dist/css/functional/themes/light-tritanopia.css

@@ -289,6 +289,7 @@
   --underlineNav-borderColor-hover: #afb8c133;
   --underlineNav-iconColor-rest: #636c76;
   --selection-bgColor: #0969da33;
+  --card-bgColor: #ffffff;
   --fgColor-default: #1f2328;
   --fgColor-muted: #636c76;
   --fgColor-onEmphasis: #ffffff;
@@ -305,6 +306,7 @@
   --fgColor-open: #cf222e;
   --fgColor-closed: #6e7781;
   --fgColor-done: #8250df;
+  --fgColor-upsell: #8250df;
   --fgColor-sponsors: #bf3989;
   --bgColor-default: #ffffff;
   --bgColor-muted: #f6f8fa;
@@ -333,6 +335,8 @@
   --bgColor-closed-emphasis: #6e7781;
   --bgColor-done-muted: #fbefff;
   --bgColor-done-emphasis: #8250df;
+  --bgColor-upsell-muted: #fbefff;
+  --bgColor-upsell-emphasis: #8250df;
   --bgColor-sponsors-muted: #ffeff7;
   --bgColor-sponsors-emphasis: #bf3989;
   --borderColor-default: #d0d7de;
@@ -358,6 +362,8 @@
   --borderColor-closed-emphasis: #6e7781;
   --borderColor-done-muted: #c297ff66;
   --borderColor-done-emphasis: #8250df;
+  --borderColor-upsell-muted: #c297ff66;
+  --borderColor-upsell-emphasis: #8250df;
   --borderColor-sponsors-muted: #ff80c866;
   --borderColor-sponsors-emphasis: #bf3989;
   --color-ansi-black: #24292f;
@@ -707,6 +713,7 @@
     --underlineNav-borderColor-hover: #afb8c133;
     --underlineNav-iconColor-rest: #636c76;
     --selection-bgColor: #0969da33;
+    --card-bgColor: #ffffff;
     --fgColor-default: #1f2328;
     --fgColor-muted: #636c76;
     --fgColor-onEmphasis: #ffffff;
@@ -723,6 +730,7 @@
     --fgColor-open: #cf222e;
     --fgColor-closed: #6e7781;
     --fgColor-done: #8250df;
+    --fgColor-upsell: #8250df;
     --fgColor-sponsors: #bf3989;
     --bgColor-default: #ffffff;
     --bgColor-muted: #f6f8fa;
@@ -751,6 +759,8 @@
     --bgColor-closed-emphasis: #6e7781;
     --bgColor-done-muted: #fbefff;
     --bgColor-done-emphasis: #8250df;
+    --bgColor-upsell-muted: #fbefff;
+    --bgColor-upsell-emphasis: #8250df;
     --bgColor-sponsors-muted: #ffeff7;
     --bgColor-sponsors-emphasis: #bf3989;
     --borderColor-default: #d0d7de;
@@ -776,6 +786,8 @@
     --borderColor-closed-emphasis: #6e7781;
     --borderColor-done-muted: #c297ff66;
     --borderColor-done-emphasis: #8250df;
+    --borderColor-upsell-muted: #c297ff66;
+    --borderColor-upsell-emphasis: #8250df;
     --borderColor-sponsors-muted: #ff80c866;
     --borderColor-sponsors-emphasis: #bf3989;
     --color-ansi-black: #24292f;

package/dist/css/functional/themes/light.css

@@ -289,6 +289,7 @@
   --underlineNav-borderColor-hover: #afb8c133;
   --underlineNav-iconColor-rest: #636c76;
   --selection-bgColor: #0969da33;
+  --card-bgColor: #ffffff;
   --fgColor-default: #1f2328;
   --fgColor-muted: #636c76;
   --fgColor-onEmphasis: #ffffff;
@@ -305,6 +306,7 @@
   --fgColor-open: #1a7f37;
   --fgColor-closed: #d1242f;
   --fgColor-done: #8250df;
+  --fgColor-upsell: #8250df;
   --fgColor-sponsors: #bf3989;
   --bgColor-default: #ffffff;
   --bgColor-muted: #f6f8fa;
@@ -333,6 +335,8 @@
   --bgColor-closed-emphasis: #cf222e;
   --bgColor-done-muted: #fbefff;
   --bgColor-done-emphasis: #8250df;
+  --bgColor-upsell-muted: #fbefff;
+  --bgColor-upsell-emphasis: #8250df;
   --bgColor-sponsors-muted: #ffeff7;
   --bgColor-sponsors-emphasis: #bf3989;
   --borderColor-default: #d0d7de;
@@ -358,6 +362,8 @@
   --borderColor-closed-emphasis: #cf222e;
   --borderColor-done-muted: #c297ff66;
   --borderColor-done-emphasis: #8250df;
+  --borderColor-upsell-muted: #c297ff66;
+  --borderColor-upsell-emphasis: #8250df;
   --borderColor-sponsors-muted: #ff80c866;
   --borderColor-sponsors-emphasis: #bf3989;
   --color-ansi-black: #24292f;
@@ -707,6 +713,7 @@
     --underlineNav-borderColor-hover: #afb8c133;
     --underlineNav-iconColor-rest: #636c76;
     --selection-bgColor: #0969da33;
+    --card-bgColor: #ffffff;
     --fgColor-default: #1f2328;
     --fgColor-muted: #636c76;
     --fgColor-onEmphasis: #ffffff;
@@ -723,6 +730,7 @@
     --fgColor-open: #1a7f37;
     --fgColor-closed: #d1242f;
     --fgColor-done: #8250df;
+    --fgColor-upsell: #8250df;
     --fgColor-sponsors: #bf3989;
     --bgColor-default: #ffffff;
     --bgColor-muted: #f6f8fa;
@@ -751,6 +759,8 @@
     --bgColor-closed-emphasis: #cf222e;
     --bgColor-done-muted: #fbefff;
     --bgColor-done-emphasis: #8250df;
+    --bgColor-upsell-muted: #fbefff;
+    --bgColor-upsell-emphasis: #8250df;
     --bgColor-sponsors-muted: #ffeff7;
     --bgColor-sponsors-emphasis: #bf3989;
     --borderColor-default: #d0d7de;
@@ -776,6 +786,8 @@
     --borderColor-closed-emphasis: #cf222e;
     --borderColor-done-muted: #c297ff66;
     --borderColor-done-emphasis: #8250df;
+    --borderColor-upsell-muted: #c297ff66;
+    --borderColor-upsell-emphasis: #8250df;
     --borderColor-sponsors-muted: #ff80c866;
     --borderColor-sponsors-emphasis: #bf3989;
     --color-ansi-black: #24292f;