@primer/primitives 7.15.15 → 7.16.0-rc.1899c94b

package/dist/scss/functional/themes/light.scss

@@ -301,6 +301,7 @@ $fgColor-danger: #d1242f;
 $fgColor-open: #1a7f37;
 $fgColor-closed: #d1242f;
 $fgColor-done: #8250df;
+$fgColor-upsell: #8250df;
 $fgColor-sponsors: #bf3989;
 $bgColor-default: #ffffff;
 $bgColor-muted: #f6f8fa;
@@ -329,6 +330,8 @@ $bgColor-closed-muted: #ffebe9;
 $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;
@@ -354,6 +357,8 @@ $borderColor-closed-muted: #ff818266;
 $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;
@@ -403,99 +408,6 @@ $color-prettylights-syntax-markup-ignored-text: #eaeef2;
 $color-prettylights-syntax-markup-ignored-bg: #0550ae;
 $color-prettylights-syntax-meta-diff-range: #8250df;
 $color-prettylights-syntax-sublimelinter-gutter-mark: #8c959f;
-$color-scale-black: #1f2328; // Avoid using scales, use other functional tokens instead
-$color-scale-transparent: #ffffff00; // Avoid using scales, use other functional tokens instead
-$color-scale-white: #ffffff; // Avoid using scales, use other functional tokens instead
-$color-scale-gray-0: #f6f8fa; // Avoid using scales, use other functional tokens instead
-$color-scale-gray-1: #eaeef2; // Avoid using scales, use other functional tokens instead
-$color-scale-gray-2: #d0d7de; // Avoid using scales, use other functional tokens instead
-$color-scale-gray-3: #afb8c1; // Avoid using scales, use other functional tokens instead
-$color-scale-gray-4: #8c959f; // Avoid using scales, use other functional tokens instead
-$color-scale-gray-5: #6e7781; // Avoid using scales, use other functional tokens instead
-$color-scale-gray-6: #57606a; // Avoid using scales, use other functional tokens instead
-$color-scale-gray-7: #424a53; // Avoid using scales, use other functional tokens instead
-$color-scale-gray-8: #32383f; // Avoid using scales, use other functional tokens instead
-$color-scale-gray-9: #24292f; // Avoid using scales, use other functional tokens instead
-$color-scale-blue-0: #ddf4ff; // Avoid using scales, use other functional tokens instead
-$color-scale-blue-1: #b6e3ff; // Avoid using scales, use other functional tokens instead
-$color-scale-blue-2: #80ccff; // Avoid using scales, use other functional tokens instead
-$color-scale-blue-3: #54aeff; // Avoid using scales, use other functional tokens instead
-$color-scale-blue-4: #218bff; // Avoid using scales, use other functional tokens instead
-$color-scale-blue-5: #0969da; // Avoid using scales, use other functional tokens instead
-$color-scale-blue-6: #0550ae; // Avoid using scales, use other functional tokens instead
-$color-scale-blue-7: #033d8b; // Avoid using scales, use other functional tokens instead
-$color-scale-blue-8: #0a3069; // Avoid using scales, use other functional tokens instead
-$color-scale-blue-9: #002155; // Avoid using scales, use other functional tokens instead
-$color-scale-green-0: #dafbe1; // Avoid using scales, use other functional tokens instead
-$color-scale-green-1: #aceebb; // Avoid using scales, use other functional tokens instead
-$color-scale-green-2: #6fdd8b; // Avoid using scales, use other functional tokens instead
-$color-scale-green-3: #4ac26b; // Avoid using scales, use other functional tokens instead
-$color-scale-green-4: #2da44e; // Avoid using scales, use other functional tokens instead
-$color-scale-green-5: #1a7f37; // Avoid using scales, use other functional tokens instead
-$color-scale-green-6: #116329; // Avoid using scales, use other functional tokens instead
-$color-scale-green-7: #044f1e; // Avoid using scales, use other functional tokens instead
-$color-scale-green-8: #003d16; // Avoid using scales, use other functional tokens instead
-$color-scale-green-9: #002d11; // Avoid using scales, use other functional tokens instead
-$color-scale-yellow-0: #fff8c5; // Avoid using scales, use other functional tokens instead
-$color-scale-yellow-1: #fae17d; // Avoid using scales, use other functional tokens instead
-$color-scale-yellow-2: #eac54f; // Avoid using scales, use other functional tokens instead
-$color-scale-yellow-3: #d4a72c; // Avoid using scales, use other functional tokens instead
-$color-scale-yellow-4: #bf8700; // Avoid using scales, use other functional tokens instead
-$color-scale-yellow-5: #9a6700; // Avoid using scales, use other functional tokens instead
-$color-scale-yellow-6: #7d4e00; // Avoid using scales, use other functional tokens instead
-$color-scale-yellow-7: #633c01; // Avoid using scales, use other functional tokens instead
-$color-scale-yellow-8: #4d2d00; // Avoid using scales, use other functional tokens instead
-$color-scale-yellow-9: #3b2300; // Avoid using scales, use other functional tokens instead
-$color-scale-orange-0: #fff1e5; // Avoid using scales, use other functional tokens instead
-$color-scale-orange-1: #ffd8b5; // Avoid using scales, use other functional tokens instead
-$color-scale-orange-2: #ffb77c; // Avoid using scales, use other functional tokens instead
-$color-scale-orange-3: #fb8f44; // Avoid using scales, use other functional tokens instead
-$color-scale-orange-4: #e16f24; // Avoid using scales, use other functional tokens instead
-$color-scale-orange-5: #bc4c00; // Avoid using scales, use other functional tokens instead
-$color-scale-orange-6: #953800; // Avoid using scales, use other functional tokens instead
-$color-scale-orange-7: #762c00; // Avoid using scales, use other functional tokens instead
-$color-scale-orange-8: #5c2200; // Avoid using scales, use other functional tokens instead
-$color-scale-orange-9: #471700; // Avoid using scales, use other functional tokens instead
-$color-scale-red-0: #ffebe9; // Avoid using scales, use other functional tokens instead
-$color-scale-red-1: #ffcecb; // Avoid using scales, use other functional tokens instead
-$color-scale-red-2: #ffaba8; // Avoid using scales, use other functional tokens instead
-$color-scale-red-3: #ff8182; // Avoid using scales, use other functional tokens instead
-$color-scale-red-4: #fa4549; // Avoid using scales, use other functional tokens instead
-$color-scale-red-5: #cf222e; // Avoid using scales, use other functional tokens instead
-$color-scale-red-6: #a40e26; // Avoid using scales, use other functional tokens instead
-$color-scale-red-7: #82071e; // Avoid using scales, use other functional tokens instead
-$color-scale-red-8: #660018; // Avoid using scales, use other functional tokens instead
-$color-scale-red-9: #4c0014; // Avoid using scales, use other functional tokens instead
-$color-scale-purple-0: #fbefff; // Avoid using scales, use other functional tokens instead
-$color-scale-purple-1: #ecd8ff; // Avoid using scales, use other functional tokens instead
-$color-scale-purple-2: #d8b9ff; // Avoid using scales, use other functional tokens instead
-$color-scale-purple-3: #c297ff; // Avoid using scales, use other functional tokens instead
-$color-scale-purple-4: #a475f9; // Avoid using scales, use other functional tokens instead
-$color-scale-purple-5: #8250df; // Avoid using scales, use other functional tokens instead
-$color-scale-purple-6: #6639ba; // Avoid using scales, use other functional tokens instead
-$color-scale-purple-7: #512a97; // Avoid using scales, use other functional tokens instead
-$color-scale-purple-8: #3e1f79; // Avoid using scales, use other functional tokens instead
-$color-scale-purple-9: #2e1461; // Avoid using scales, use other functional tokens instead
-$color-scale-pink-0: #ffeff7; // Avoid using scales, use other functional tokens instead
-$color-scale-pink-1: #ffd3eb; // Avoid using scales, use other functional tokens instead
-$color-scale-pink-2: #ffadda; // Avoid using scales, use other functional tokens instead
-$color-scale-pink-3: #ff80c8; // Avoid using scales, use other functional tokens instead
-$color-scale-pink-4: #e85aad; // Avoid using scales, use other functional tokens instead
-$color-scale-pink-5: #bf3989; // Avoid using scales, use other functional tokens instead
-$color-scale-pink-6: #99286e; // Avoid using scales, use other functional tokens instead
-$color-scale-pink-7: #772057; // Avoid using scales, use other functional tokens instead
-$color-scale-pink-8: #611347; // Avoid using scales, use other functional tokens instead
-$color-scale-pink-9: #4d0336; // Avoid using scales, use other functional tokens instead
-$color-scale-coral-0: #fff0eb; // Avoid using scales, use other functional tokens instead
-$color-scale-coral-1: #ffd6cc; // Avoid using scales, use other functional tokens instead
-$color-scale-coral-2: #ffb4a1; // Avoid using scales, use other functional tokens instead
-$color-scale-coral-3: #fd8c73; // Avoid using scales, use other functional tokens instead
-$color-scale-coral-4: #ec6547; // Avoid using scales, use other functional tokens instead
-$color-scale-coral-5: #c4432b; // Avoid using scales, use other functional tokens instead
-$color-scale-coral-6: #9e2f1c; // Avoid using scales, use other functional tokens instead
-$color-scale-coral-7: #801f0f; // Avoid using scales, use other functional tokens instead
-$color-scale-coral-8: #691105; // Avoid using scales, use other functional tokens instead
-$color-scale-coral-9: #510901; // Avoid using scales, use other functional tokens instead
 $shadow-inset: inset 0px 1px 0px 0px #1f23280a;
 $shadow-resting-xsmall: 0px 1px 0px 0px #1f23281a;
 $shadow-resting-small: 0px 1px 0px 0px #1f23280a;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@primer/primitives",
-  "version": "7.15.15",
+  "version": "7.16.0-rc.1899c94b",
   "description": "Typography, spacing, and color primitives for Primer design system",
   "files": [
     "dist",
@@ -33,7 +33,7 @@
     "build:figma": "ts-node scripts/buildPlatforms/buildFigma.ts",
     "build:new-tokens": "npm run build:tokens && npm run build:next && npm run build:figma",
     "tokenJson:check": "ts-node scripts/diffThemes.ts && ts-node scripts/diffTokenProps.ts",
-    "contrast:check": "ts-node -e \"require('./scripts/color-contrast').check()\"",
+    "contrast:check": "ts-node scripts/color-contrast.ts",
     "format": "prettier --write  '**/*.{js,jsx,ts,tsx,md,mdx,css}'",
     "format:check": "prettier --check '**/*.{js,jsx,ts,tsx,md,mdx,css}'",
     "install:storybook": "cd docs/storybook && npm ci --legacy-peer-deps --no-audit --no-fund",

package/tokens-next-private/css/functional/themes/dark-colorblind.css

@@ -304,6 +304,7 @@
   --fgColor-open: #f0883e;
   --fgColor-closed: #8b949e;
   --fgColor-done: #a371f7;
+  --fgColor-upsell: #a371f7;
   --fgColor-sponsors: #db61a2;
   --bgColor-default: #0d1117;
   --bgColor-muted: #161b22;
@@ -332,6 +333,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 +360,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;
@@ -406,99 +411,6 @@
   --color-prettylights-syntax-markup-ignored-bg: #1158c7;
   --color-prettylights-syntax-meta-diff-range: #d2a8ff;
   --color-prettylights-syntax-sublimelinter-gutter-mark: #484f58;
-  --color-scale-black: #010409;
-  --color-scale-transparent: #00000000;
-  --color-scale-white: #ffffff;
-  --color-scale-gray-0: #f0f6fc;
-  --color-scale-gray-1: #c9d1d9;
-  --color-scale-gray-2: #b1bac4;
-  --color-scale-gray-3: #8b949e;
-  --color-scale-gray-4: #6e7681;
-  --color-scale-gray-5: #484f58;
-  --color-scale-gray-6: #30363d;
-  --color-scale-gray-7: #21262d;
-  --color-scale-gray-8: #161b22;
-  --color-scale-gray-9: #0d1117;
-  --color-scale-blue-0: #cae8ff;
-  --color-scale-blue-1: #a5d6ff;
-  --color-scale-blue-2: #79c0ff;
-  --color-scale-blue-3: #58a6ff;
-  --color-scale-blue-4: #388bfd;
-  --color-scale-blue-5: #1f6feb;
-  --color-scale-blue-6: #1158c7;
-  --color-scale-blue-7: #0d419d;
-  --color-scale-blue-8: #0c2d6b;
-  --color-scale-blue-9: #051d4d;
-  --color-scale-green-0: #cae8ff;
-  --color-scale-green-1: #a5d6ff;
-  --color-scale-green-2: #79c0ff;
-  --color-scale-green-3: #58a6ff;
-  --color-scale-green-4: #388bfd;
-  --color-scale-green-5: #1f6feb;
-  --color-scale-green-6: #1158c7;
-  --color-scale-green-7: #0d419d;
-  --color-scale-green-8: #0c2d6b;
-  --color-scale-green-9: #051d4d;
-  --color-scale-yellow-0: #f8e3a1;
-  --color-scale-yellow-1: #f2cc60;
-  --color-scale-yellow-2: #e3b341;
-  --color-scale-yellow-3: #d29922;
-  --color-scale-yellow-4: #bb8009;
-  --color-scale-yellow-5: #9e6a03;
-  --color-scale-yellow-6: #845306;
-  --color-scale-yellow-7: #693e00;
-  --color-scale-yellow-8: #4b2900;
-  --color-scale-yellow-9: #341a00;
-  --color-scale-orange-0: #ffdfb6;
-  --color-scale-orange-1: #ffc680;
-  --color-scale-orange-2: #ffa657;
-  --color-scale-orange-3: #f0883e;
-  --color-scale-orange-4: #db6d28;
-  --color-scale-orange-5: #bd561d;
-  --color-scale-orange-6: #9b4215;
-  --color-scale-orange-7: #762d0a;
-  --color-scale-orange-8: #5a1e02;
-  --color-scale-orange-9: #3d1300;
-  --color-scale-red-0: #ffdfb6;
-  --color-scale-red-1: #ffc680;
-  --color-scale-red-2: #ffa657;
-  --color-scale-red-3: #f0883e;
-  --color-scale-red-4: #db6d28;
-  --color-scale-red-5: #bd561d;
-  --color-scale-red-6: #9b4215;
-  --color-scale-red-7: #762d0a;
-  --color-scale-red-8: #5a1e02;
-  --color-scale-red-9: #3d1300;
-  --color-scale-purple-0: #eddeff;
-  --color-scale-purple-1: #e2c5ff;
-  --color-scale-purple-2: #d2a8ff;
-  --color-scale-purple-3: #bc8cff;
-  --color-scale-purple-4: #a371f7;
-  --color-scale-purple-5: #8957e5;
-  --color-scale-purple-6: #6e40c9;
-  --color-scale-purple-7: #553098;
-  --color-scale-purple-8: #3c1e70;
-  --color-scale-purple-9: #271052;
-  --color-scale-pink-0: #ffdaec;
-  --color-scale-pink-1: #ffbedd;
-  --color-scale-pink-2: #ff9bce;
-  --color-scale-pink-3: #f778ba;
-  --color-scale-pink-4: #db61a2;
-  --color-scale-pink-5: #bf4b8a;
-  --color-scale-pink-6: #9e3670;
-  --color-scale-pink-7: #7d2457;
-  --color-scale-pink-8: #5e103e;
-  --color-scale-pink-9: #42062a;
-  --color-scale-coral-0: #ffddd2;
-  --color-scale-coral-1: #ffc2b2;
-  --color-scale-coral-2: #ffa28b;
-  --color-scale-coral-3: #f78166;
-  --color-scale-coral-4: #ea6045;
-  --color-scale-coral-5: #cf462d;
-  --color-scale-coral-6: #ac3220;
-  --color-scale-coral-7: #872012;
-  --color-scale-coral-8: #640d04;
-  --color-scale-coral-9: #460701;
   --shadow-inset: inset 0px 1px 0px 0px #0104093d;
   --shadow-resting-xsmall: 0px 1px 0px 0px #010409cc;
   --shadow-resting-small: 0px 1px 0px 0px #01040966;
@@ -815,6 +727,7 @@
     --fgColor-open: #f0883e;
     --fgColor-closed: #8b949e;
     --fgColor-done: #a371f7;
+    --fgColor-upsell: #a371f7;
     --fgColor-sponsors: #db61a2;
     --bgColor-default: #0d1117;
     --bgColor-muted: #161b22;
@@ -843,6 +756,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;
@@ -868,6 +783,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;
@@ -917,99 +834,6 @@
     --color-prettylights-syntax-markup-ignored-bg: #1158c7;
     --color-prettylights-syntax-meta-diff-range: #d2a8ff;
     --color-prettylights-syntax-sublimelinter-gutter-mark: #484f58;
-    --color-scale-black: #010409;
-    --color-scale-transparent: #00000000;
-    --color-scale-white: #ffffff;
-    --color-scale-gray-0: #f0f6fc;
-    --color-scale-gray-1: #c9d1d9;
-    --color-scale-gray-2: #b1bac4;
-    --color-scale-gray-3: #8b949e;
-    --color-scale-gray-4: #6e7681;
-    --color-scale-gray-5: #484f58;
-    --color-scale-gray-6: #30363d;
-    --color-scale-gray-7: #21262d;
-    --color-scale-gray-8: #161b22;
-    --color-scale-gray-9: #0d1117;
-    --color-scale-blue-0: #cae8ff;
-    --color-scale-blue-1: #a5d6ff;
-    --color-scale-blue-2: #79c0ff;
-    --color-scale-blue-3: #58a6ff;
-    --color-scale-blue-4: #388bfd;
-    --color-scale-blue-5: #1f6feb;
-    --color-scale-blue-6: #1158c7;
-    --color-scale-blue-7: #0d419d;
-    --color-scale-blue-8: #0c2d6b;
-    --color-scale-blue-9: #051d4d;
-    --color-scale-green-0: #cae8ff;
-    --color-scale-green-1: #a5d6ff;
-    --color-scale-green-2: #79c0ff;
-    --color-scale-green-3: #58a6ff;
-    --color-scale-green-4: #388bfd;
-    --color-scale-green-5: #1f6feb;
-    --color-scale-green-6: #1158c7;
-    --color-scale-green-7: #0d419d;
-    --color-scale-green-8: #0c2d6b;
-    --color-scale-green-9: #051d4d;
-    --color-scale-yellow-0: #f8e3a1;
-    --color-scale-yellow-1: #f2cc60;
-    --color-scale-yellow-2: #e3b341;
-    --color-scale-yellow-3: #d29922;
-    --color-scale-yellow-4: #bb8009;
-    --color-scale-yellow-5: #9e6a03;
-    --color-scale-yellow-6: #845306;
-    --color-scale-yellow-7: #693e00;
-    --color-scale-yellow-8: #4b2900;
-    --color-scale-yellow-9: #341a00;
-    --color-scale-orange-0: #ffdfb6;
-    --color-scale-orange-1: #ffc680;
-    --color-scale-orange-2: #ffa657;
-    --color-scale-orange-3: #f0883e;
-    --color-scale-orange-4: #db6d28;
-    --color-scale-orange-5: #bd561d;
-    --color-scale-orange-6: #9b4215;
-    --color-scale-orange-7: #762d0a;
-    --color-scale-orange-8: #5a1e02;
-    --color-scale-orange-9: #3d1300;
-    --color-scale-red-0: #ffdfb6;
-    --color-scale-red-1: #ffc680;
-    --color-scale-red-2: #ffa657;
-    --color-scale-red-3: #f0883e;
-    --color-scale-red-4: #db6d28;
-    --color-scale-red-5: #bd561d;
-    --color-scale-red-6: #9b4215;
-    --color-scale-red-7: #762d0a;
-    --color-scale-red-8: #5a1e02;
-    --color-scale-red-9: #3d1300;
-    --color-scale-purple-0: #eddeff;
-    --color-scale-purple-1: #e2c5ff;
-    --color-scale-purple-2: #d2a8ff;
-    --color-scale-purple-3: #bc8cff;
-    --color-scale-purple-4: #a371f7;
-    --color-scale-purple-5: #8957e5;
-    --color-scale-purple-6: #6e40c9;
-    --color-scale-purple-7: #553098;
-    --color-scale-purple-8: #3c1e70;
-    --color-scale-purple-9: #271052;
-    --color-scale-pink-0: #ffdaec;
-    --color-scale-pink-1: #ffbedd;
-    --color-scale-pink-2: #ff9bce;
-    --color-scale-pink-3: #f778ba;
-    --color-scale-pink-4: #db61a2;
-    --color-scale-pink-5: #bf4b8a;
-    --color-scale-pink-6: #9e3670;
-    --color-scale-pink-7: #7d2457;
-    --color-scale-pink-8: #5e103e;
-    --color-scale-pink-9: #42062a;
-    --color-scale-coral-0: #ffddd2;
-    --color-scale-coral-1: #ffc2b2;
-    --color-scale-coral-2: #ffa28b;
-    --color-scale-coral-3: #f78166;
-    --color-scale-coral-4: #ea6045;
-    --color-scale-coral-5: #cf462d;
-    --color-scale-coral-6: #ac3220;
-    --color-scale-coral-7: #872012;
-    --color-scale-coral-8: #640d04;
-    --color-scale-coral-9: #460701;
     --shadow-inset: inset 0px 1px 0px 0px #0104093d;
     --shadow-resting-xsmall: 0px 1px 0px 0px #010409cc;
     --shadow-resting-small: 0px 1px 0px 0px #01040966;

package/tokens-next-private/css/functional/themes/dark-dimmed.css

@@ -304,6 +304,7 @@
   --fgColor-open: #57ab5a;
   --fgColor-closed: #e5534b;
   --fgColor-done: #986ee2;
+  --fgColor-upsell: #986ee2;
   --fgColor-sponsors: #c96198;
   --bgColor-default: #22272e;
   --bgColor-muted: #2d333b;
@@ -332,6 +333,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 +360,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;
@@ -406,99 +411,6 @@
   --color-prettylights-syntax-markup-ignored-bg: #255ab2;
   --color-prettylights-syntax-meta-diff-range: #dcbdfb;
   --color-prettylights-syntax-sublimelinter-gutter-mark: #545d68;
-  --color-scale-black: #1c2128;
-  --color-scale-transparent: #00000000;
-  --color-scale-white: #cdd9e5;
-  --color-scale-gray-0: #cdd9e5;
-  --color-scale-gray-1: #adbac7;
-  --color-scale-gray-2: #909dab;
-  --color-scale-gray-3: #768390;
-  --color-scale-gray-4: #636e7b;
-  --color-scale-gray-5: #545d68;
-  --color-scale-gray-6: #444c56;
-  --color-scale-gray-7: #373e47;
-  --color-scale-gray-8: #2d333b;
-  --color-scale-gray-9: #22272e;
-  --color-scale-blue-0: #c6e6ff;
-  --color-scale-blue-1: #96d0ff;
-  --color-scale-blue-2: #6cb6ff;
-  --color-scale-blue-3: #539bf5;
-  --color-scale-blue-4: #4184e4;
-  --color-scale-blue-5: #316dca;
-  --color-scale-blue-6: #255ab2;
-  --color-scale-blue-7: #1b4b91;
-  --color-scale-blue-8: #143d79;
-  --color-scale-blue-9: #0f2d5c;
-  --color-scale-green-0: #b4f1b4;
-  --color-scale-green-1: #8ddb8c;
-  --color-scale-green-2: #6bc46d;
-  --color-scale-green-3: #57ab5a;
-  --color-scale-green-4: #46954a;
-  --color-scale-green-5: #347d39;
-  --color-scale-green-6: #2b6a30;
-  --color-scale-green-7: #245829;
-  --color-scale-green-8: #1b4721;
-  --color-scale-green-9: #113417;
-  --color-scale-yellow-0: #fbe090;
-  --color-scale-yellow-1: #eac55f;
-  --color-scale-yellow-2: #daaa3f;
-  --color-scale-yellow-3: #c69026;
-  --color-scale-yellow-4: #ae7c14;
-  --color-scale-yellow-5: #966600;
-  --color-scale-yellow-6: #805400;
-  --color-scale-yellow-7: #6c4400;
-  --color-scale-yellow-8: #593600;
-  --color-scale-yellow-9: #452700;
-  --color-scale-orange-0: #ffddb0;
-  --color-scale-orange-1: #ffbc6f;
-  --color-scale-orange-2: #f69d50;
-  --color-scale-orange-3: #e0823d;
-  --color-scale-orange-4: #cc6b2c;
-  --color-scale-orange-5: #ae5622;
-  --color-scale-orange-6: #94471b;
-  --color-scale-orange-7: #7f3913;
-  --color-scale-orange-8: #682d0f;
-  --color-scale-orange-9: #4d210c;
-  --color-scale-red-0: #ffd8d3;
-  --color-scale-red-1: #ffb8b0;
-  --color-scale-red-2: #ff938a;
-  --color-scale-red-3: #f47067;
-  --color-scale-red-4: #e5534b;
-  --color-scale-red-5: #c93c37;
-  --color-scale-red-6: #ad2e2c;
-  --color-scale-red-7: #922323;
-  --color-scale-red-8: #78191b;
-  --color-scale-red-9: #5d0f12;
-  --color-scale-purple-0: #eedcff;
-  --color-scale-purple-1: #dcbdfb;
-  --color-scale-purple-2: #dcbdfb;
-  --color-scale-purple-3: #b083f0;
-  --color-scale-purple-4: #986ee2;
-  --color-scale-purple-5: #8256d0;
-  --color-scale-purple-6: #6b44bc;
-  --color-scale-purple-7: #5936a2;
-  --color-scale-purple-8: #472c82;
-  --color-scale-purple-9: #352160;
-  --color-scale-pink-0: #ffd7eb;
-  --color-scale-pink-1: #ffb3d8;
-  --color-scale-pink-2: #fc8dc7;
-  --color-scale-pink-3: #e275ad;
-  --color-scale-pink-4: #c96198;
-  --color-scale-pink-5: #ae4c82;
-  --color-scale-pink-6: #983b6e;
-  --color-scale-pink-7: #7e325a;
-  --color-scale-pink-8: #69264a;
-  --color-scale-pink-9: #551639;
-  --color-scale-coral-0: #ffdacf;
-  --color-scale-coral-1: #ffb9a5;
-  --color-scale-coral-2: #f79981;
-  --color-scale-coral-3: #ec775c;
-  --color-scale-coral-4: #de5b41;
-  --color-scale-coral-5: #c2442d;
-  --color-scale-coral-6: #a93524;
-  --color-scale-coral-7: #8d291b;
-  --color-scale-coral-8: #771d13;
-  --color-scale-coral-9: #5d1008;
   --shadow-inset: inset 0px 1px 0px 0px #1c21283d;
   --shadow-resting-xsmall: 0px 1px 0px 0px #1c2128cc;
   --shadow-resting-small: 0px 1px 0px 0px #1c212866;
@@ -815,6 +727,7 @@
     --fgColor-open: #57ab5a;
     --fgColor-closed: #e5534b;
     --fgColor-done: #986ee2;
+    --fgColor-upsell: #986ee2;
     --fgColor-sponsors: #c96198;
     --bgColor-default: #22272e;
     --bgColor-muted: #2d333b;
@@ -843,6 +756,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;
@@ -868,6 +783,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;
@@ -917,99 +834,6 @@
     --color-prettylights-syntax-markup-ignored-bg: #255ab2;
     --color-prettylights-syntax-meta-diff-range: #dcbdfb;
     --color-prettylights-syntax-sublimelinter-gutter-mark: #545d68;
-    --color-scale-black: #1c2128;
-    --color-scale-transparent: #00000000;
-    --color-scale-white: #cdd9e5;
-    --color-scale-gray-0: #cdd9e5;
-    --color-scale-gray-1: #adbac7;
-    --color-scale-gray-2: #909dab;
-    --color-scale-gray-3: #768390;
-    --color-scale-gray-4: #636e7b;
-    --color-scale-gray-5: #545d68;
-    --color-scale-gray-6: #444c56;
-    --color-scale-gray-7: #373e47;
-    --color-scale-gray-8: #2d333b;
-    --color-scale-gray-9: #22272e;
-    --color-scale-blue-0: #c6e6ff;
-    --color-scale-blue-1: #96d0ff;
-    --color-scale-blue-2: #6cb6ff;
-    --color-scale-blue-3: #539bf5;
-    --color-scale-blue-4: #4184e4;
-    --color-scale-blue-5: #316dca;
-    --color-scale-blue-6: #255ab2;
-    --color-scale-blue-7: #1b4b91;
-    --color-scale-blue-8: #143d79;
-    --color-scale-blue-9: #0f2d5c;
-    --color-scale-green-0: #b4f1b4;
-    --color-scale-green-1: #8ddb8c;
-    --color-scale-green-2: #6bc46d;
-    --color-scale-green-3: #57ab5a;
-    --color-scale-green-4: #46954a;
-    --color-scale-green-5: #347d39;
-    --color-scale-green-6: #2b6a30;
-    --color-scale-green-7: #245829;
-    --color-scale-green-8: #1b4721;
-    --color-scale-green-9: #113417;
-    --color-scale-yellow-0: #fbe090;
-    --color-scale-yellow-1: #eac55f;
-    --color-scale-yellow-2: #daaa3f;
-    --color-scale-yellow-3: #c69026;
-    --color-scale-yellow-4: #ae7c14;
-    --color-scale-yellow-5: #966600;
-    --color-scale-yellow-6: #805400;
-    --color-scale-yellow-7: #6c4400;
-    --color-scale-yellow-8: #593600;
-    --color-scale-yellow-9: #452700;
-    --color-scale-orange-0: #ffddb0;
-    --color-scale-orange-1: #ffbc6f;
-    --color-scale-orange-2: #f69d50;
-    --color-scale-orange-3: #e0823d;
-    --color-scale-orange-4: #cc6b2c;
-    --color-scale-orange-5: #ae5622;
-    --color-scale-orange-6: #94471b;
-    --color-scale-orange-7: #7f3913;
-    --color-scale-orange-8: #682d0f;
-    --color-scale-orange-9: #4d210c;
-    --color-scale-red-0: #ffd8d3;
-    --color-scale-red-1: #ffb8b0;
-    --color-scale-red-2: #ff938a;
-    --color-scale-red-3: #f47067;
-    --color-scale-red-4: #e5534b;
-    --color-scale-red-5: #c93c37;
-    --color-scale-red-6: #ad2e2c;
-    --color-scale-red-7: #922323;
-    --color-scale-red-8: #78191b;
-    --color-scale-red-9: #5d0f12;
-    --color-scale-purple-0: #eedcff;
-    --color-scale-purple-1: #dcbdfb;
-    --color-scale-purple-2: #dcbdfb;
-    --color-scale-purple-3: #b083f0;
-    --color-scale-purple-4: #986ee2;
-    --color-scale-purple-5: #8256d0;
-    --color-scale-purple-6: #6b44bc;
-    --color-scale-purple-7: #5936a2;
-    --color-scale-purple-8: #472c82;
-    --color-scale-purple-9: #352160;
-    --color-scale-pink-0: #ffd7eb;
-    --color-scale-pink-1: #ffb3d8;
-    --color-scale-pink-2: #fc8dc7;
-    --color-scale-pink-3: #e275ad;
-    --color-scale-pink-4: #c96198;
-    --color-scale-pink-5: #ae4c82;
-    --color-scale-pink-6: #983b6e;
-    --color-scale-pink-7: #7e325a;
-    --color-scale-pink-8: #69264a;
-    --color-scale-pink-9: #551639;
-    --color-scale-coral-0: #ffdacf;
-    --color-scale-coral-1: #ffb9a5;
-    --color-scale-coral-2: #f79981;
-    --color-scale-coral-3: #ec775c;
-    --color-scale-coral-4: #de5b41;
-    --color-scale-coral-5: #c2442d;
-    --color-scale-coral-6: #a93524;
-    --color-scale-coral-7: #8d291b;
-    --color-scale-coral-8: #771d13;
-    --color-scale-coral-9: #5d1008;
     --shadow-inset: inset 0px 1px 0px 0px #1c21283d;
     --shadow-resting-xsmall: 0px 1px 0px 0px #1c2128cc;
     --shadow-resting-small: 0px 1px 0px 0px #1c212866;