@primer/primitives 7.11.5 → 7.11.6-rc.2fe33f9

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

@@ -1,8 +1,3 @@
-/**
- * Do not edit directly
- * Generated on Wed, 05 Apr 2023 07:13:53 GMT
- */
-
 [data-color-mode="dark"][data-dark-theme="dark"],
 [data-color-mode="auto"][data-light-theme="dark"] {
   --topicTag-borderColor: #00000000;
@@ -42,8 +37,6 @@
   --codeMirror-syntax-fgColor-variable: #ffa657;
   --header-fgColor-default: #ffffffb3;
   --header-fgColor-logo: #f0f6fc;
-  --header-fgColor-text: #ffffffb3;
-  --header-fgColor-borderColor: #8b949e;
   --header-bgColor: #161b22f2;
   --header-borderColor-divider: #8b949e;
   --headerSearch-bgColor: #0d1117;
@@ -291,6 +284,99 @@
   --prettylights-syntax-brackethighlighterAngle: #8b949e;
   --prettylights-syntax-sublimelinterGutterMark: #484f58;
   --prettylights-syntax-constantOtherReferenceLink: #a5d6ff;
+  --color-scale-black: #010409; /* Avoid using scales, use other functional tokens instead */
+  --color-scale-transparent: #00000000; /* Avoid using scales, use other functional tokens instead */
+  --color-scale-white: #ffffff; /* Avoid using scales, use other functional tokens instead */
+  --color-scale-gray-0: #f0f6fc; /* Avoid using scales, use other functional tokens instead */
+  --color-scale-gray-1: #c9d1d9; /* Avoid using scales, use other functional tokens instead */
+  --color-scale-gray-2: #b1bac4; /* Avoid using scales, use other functional tokens instead */
+  --color-scale-gray-3: #8b949e; /* Avoid using scales, use other functional tokens instead */
+  --color-scale-gray-4: #6e7681; /* Avoid using scales, use other functional tokens instead */
+  --color-scale-gray-5: #484f58; /* Avoid using scales, use other functional tokens instead */
+  --color-scale-gray-6: #30363d; /* Avoid using scales, use other functional tokens instead */
+  --color-scale-gray-7: #21262d; /* Avoid using scales, use other functional tokens instead */
+  --color-scale-gray-8: #161b22; /* Avoid using scales, use other functional tokens instead */
+  --color-scale-gray-9: #0d1117; /* Avoid using scales, use other functional tokens instead */
+  --color-scale-blue-0: #cae8ff; /* Avoid using scales, use other functional tokens instead */
+  --color-scale-blue-1: #a5d6ff; /* Avoid using scales, use other functional tokens instead */
+  --color-scale-blue-2: #79c0ff; /* Avoid using scales, use other functional tokens instead */
+  --color-scale-blue-3: #58a6ff; /* Avoid using scales, use other functional tokens instead */
+  --color-scale-blue-4: #388bfd; /* Avoid using scales, use other functional tokens instead */
+  --color-scale-blue-5: #1f6feb; /* Avoid using scales, use other functional tokens instead */
+  --color-scale-blue-6: #1158c7; /* Avoid using scales, use other functional tokens instead */
+  --color-scale-blue-7: #0d419d; /* Avoid using scales, use other functional tokens instead */
+  --color-scale-blue-8: #0c2d6b; /* Avoid using scales, use other functional tokens instead */
+  --color-scale-blue-9: #051d4d; /* Avoid using scales, use other functional tokens instead */
+  --color-scale-green-0: #aff5b4; /* Avoid using scales, use other functional tokens instead */
+  --color-scale-green-1: #7ee787; /* Avoid using scales, use other functional tokens instead */
+  --color-scale-green-2: #56d364; /* Avoid using scales, use other functional tokens instead */
+  --color-scale-green-3: #3fb950; /* Avoid using scales, use other functional tokens instead */
+  --color-scale-green-4: #2ea043; /* Avoid using scales, use other functional tokens instead */
+  --color-scale-green-5: #238636; /* Avoid using scales, use other functional tokens instead */
+  --color-scale-green-6: #196c2e; /* Avoid using scales, use other functional tokens instead */
+  --color-scale-green-7: #0f5323; /* Avoid using scales, use other functional tokens instead */
+  --color-scale-green-8: #033a16; /* Avoid using scales, use other functional tokens instead */
+  --color-scale-green-9: #04260f; /* Avoid using scales, use other functional tokens instead */
+  --color-scale-yellow-0: #f8e3a1; /* Avoid using scales, use other functional tokens instead */
+  --color-scale-yellow-1: #f2cc60; /* Avoid using scales, use other functional tokens instead */
+  --color-scale-yellow-2: #e3b341; /* Avoid using scales, use other functional tokens instead */
+  --color-scale-yellow-3: #d29922; /* Avoid using scales, use other functional tokens instead */
+  --color-scale-yellow-4: #bb8009; /* Avoid using scales, use other functional tokens instead */
+  --color-scale-yellow-5: #9e6a03; /* Avoid using scales, use other functional tokens instead */
+  --color-scale-yellow-6: #845306; /* Avoid using scales, use other functional tokens instead */
+  --color-scale-yellow-7: #693e00; /* Avoid using scales, use other functional tokens instead */
+  --color-scale-yellow-8: #4b2900; /* Avoid using scales, use other functional tokens instead */
+  --color-scale-yellow-9: #341a00; /* Avoid using scales, use other functional tokens instead */
+  --color-scale-orange-0: #ffdfb6; /* Avoid using scales, use other functional tokens instead */
+  --color-scale-orange-1: #ffc680; /* Avoid using scales, use other functional tokens instead */
+  --color-scale-orange-2: #ffa657; /* Avoid using scales, use other functional tokens instead */
+  --color-scale-orange-3: #f0883e; /* Avoid using scales, use other functional tokens instead */
+  --color-scale-orange-4: #db6d28; /* Avoid using scales, use other functional tokens instead */
+  --color-scale-orange-5: #bd561d; /* Avoid using scales, use other functional tokens instead */
+  --color-scale-orange-6: #9b4215; /* Avoid using scales, use other functional tokens instead */
+  --color-scale-orange-7: #762d0a; /* Avoid using scales, use other functional tokens instead */
+  --color-scale-orange-8: #5a1e02; /* Avoid using scales, use other functional tokens instead */
+  --color-scale-orange-9: #3d1300; /* Avoid using scales, use other functional tokens instead */
+  --color-scale-red-0: #ffdcd7; /* Avoid using scales, use other functional tokens instead */
+  --color-scale-red-1: #ffc1ba; /* Avoid using scales, use other functional tokens instead */
+  --color-scale-red-2: #ffa198; /* Avoid using scales, use other functional tokens instead */
+  --color-scale-red-3: #ff7b72; /* Avoid using scales, use other functional tokens instead */
+  --color-scale-red-4: #f85149; /* Avoid using scales, use other functional tokens instead */
+  --color-scale-red-5: #da3633; /* Avoid using scales, use other functional tokens instead */
+  --color-scale-red-6: #b62324; /* Avoid using scales, use other functional tokens instead */
+  --color-scale-red-7: #8e1519; /* Avoid using scales, use other functional tokens instead */
+  --color-scale-red-8: #67060c; /* Avoid using scales, use other functional tokens instead */
+  --color-scale-red-9: #490202; /* Avoid using scales, use other functional tokens instead */
+  --color-scale-purple-0: #eddeff; /* Avoid using scales, use other functional tokens instead */
+  --color-scale-purple-1: #e2c5ff; /* Avoid using scales, use other functional tokens instead */
+  --color-scale-purple-2: #d2a8ff; /* Avoid using scales, use other functional tokens instead */
+  --color-scale-purple-3: #bc8cff; /* Avoid using scales, use other functional tokens instead */
+  --color-scale-purple-4: #a371f7; /* Avoid using scales, use other functional tokens instead */
+  --color-scale-purple-5: #8957e5; /* Avoid using scales, use other functional tokens instead */
+  --color-scale-purple-6: #6e40c9; /* Avoid using scales, use other functional tokens instead */
+  --color-scale-purple-7: #553098; /* Avoid using scales, use other functional tokens instead */
+  --color-scale-purple-8: #3c1e70; /* Avoid using scales, use other functional tokens instead */
+  --color-scale-purple-9: #271052; /* Avoid using scales, use other functional tokens instead */
+  --color-scale-pink-0: #ffdaec; /* Avoid using scales, use other functional tokens instead */
+  --color-scale-pink-1: #ffbedd; /* Avoid using scales, use other functional tokens instead */
+  --color-scale-pink-2: #ff9bce; /* Avoid using scales, use other functional tokens instead */
+  --color-scale-pink-3: #f778ba; /* Avoid using scales, use other functional tokens instead */
+  --color-scale-pink-4: #db61a2; /* Avoid using scales, use other functional tokens instead */
+  --color-scale-pink-5: #bf4b8a; /* Avoid using scales, use other functional tokens instead */
+  --color-scale-pink-6: #9e3670; /* Avoid using scales, use other functional tokens instead */
+  --color-scale-pink-7: #7d2457; /* Avoid using scales, use other functional tokens instead */
+  --color-scale-pink-8: #5e103e; /* Avoid using scales, use other functional tokens instead */
+  --color-scale-pink-9: #42062a; /* Avoid using scales, use other functional tokens instead */
+  --color-scale-coral-0: #ffddd2; /* Avoid using scales, use other functional tokens instead */
+  --color-scale-coral-1: #ffc2b2; /* Avoid using scales, use other functional tokens instead */
+  --color-scale-coral-2: #ffa28b; /* Avoid using scales, use other functional tokens instead */
+  --color-scale-coral-3: #f78166; /* Avoid using scales, use other functional tokens instead */
+  --color-scale-coral-4: #ea6045; /* Avoid using scales, use other functional tokens instead */
+  --color-scale-coral-5: #cf462d; /* Avoid using scales, use other functional tokens instead */
+  --color-scale-coral-6: #ac3220; /* Avoid using scales, use other functional tokens instead */
+  --color-scale-coral-7: #872012; /* Avoid using scales, use other functional tokens instead */
+  --color-scale-coral-8: #640d04; /* Avoid using scales, use other functional tokens instead */
+  --color-scale-coral-9: #460701; /* Avoid using scales, use other functional tokens instead */
   --shadow-inset: 0px 0px 0px 0px #000000;
   --shadow-highlight: 0px 0px 0px 0px #000000;
   --shadow-resting-xsmall: 0px 1px 0px 0px #010409a3;
@@ -300,7 +386,7 @@
   --shadow-floating-medium: 0px 4px 32px -4px #6e768117, 0px 8px 16px -4px #6e768117, 0px 24px 48px -12px #6e768129, 0px 48px 96px -24px #6e76813d;
   --shadow-floating-large: 0px 8px 24px 0px #010409;
   --shadow-floating-xlarge: 0px 12px 48px 0px #010409;
-  --outline-focus: #1f6feb solid 1px;
+  --outline-focus: #1f6feb solid 2px;
 }
 @media (prefers-color-scheme: dark) {
   [data-color-mode="auto"][data-dark-theme="dark"] {
@@ -341,8 +427,6 @@
     --codeMirror-syntax-fgColor-variable: #ffa657;
     --header-fgColor-default: #ffffffb3;
     --header-fgColor-logo: #f0f6fc;
-    --header-fgColor-text: #ffffffb3;
-    --header-fgColor-borderColor: #8b949e;
     --header-bgColor: #161b22f2;
     --header-borderColor-divider: #8b949e;
     --headerSearch-bgColor: #0d1117;
@@ -590,6 +674,99 @@
     --prettylights-syntax-brackethighlighterAngle: #8b949e;
     --prettylights-syntax-sublimelinterGutterMark: #484f58;
     --prettylights-syntax-constantOtherReferenceLink: #a5d6ff;
+    --color-scale-black: #010409; /* Avoid using scales, use other functional tokens instead */
+    --color-scale-transparent: #00000000; /* Avoid using scales, use other functional tokens instead */
+    --color-scale-white: #ffffff; /* Avoid using scales, use other functional tokens instead */
+    --color-scale-gray-0: #f0f6fc; /* Avoid using scales, use other functional tokens instead */
+    --color-scale-gray-1: #c9d1d9; /* Avoid using scales, use other functional tokens instead */
+    --color-scale-gray-2: #b1bac4; /* Avoid using scales, use other functional tokens instead */
+    --color-scale-gray-3: #8b949e; /* Avoid using scales, use other functional tokens instead */
+    --color-scale-gray-4: #6e7681; /* Avoid using scales, use other functional tokens instead */
+    --color-scale-gray-5: #484f58; /* Avoid using scales, use other functional tokens instead */
+    --color-scale-gray-6: #30363d; /* Avoid using scales, use other functional tokens instead */
+    --color-scale-gray-7: #21262d; /* Avoid using scales, use other functional tokens instead */
+    --color-scale-gray-8: #161b22; /* Avoid using scales, use other functional tokens instead */
+    --color-scale-gray-9: #0d1117; /* Avoid using scales, use other functional tokens instead */
+    --color-scale-blue-0: #cae8ff; /* Avoid using scales, use other functional tokens instead */
+    --color-scale-blue-1: #a5d6ff; /* Avoid using scales, use other functional tokens instead */
+    --color-scale-blue-2: #79c0ff; /* Avoid using scales, use other functional tokens instead */
+    --color-scale-blue-3: #58a6ff; /* Avoid using scales, use other functional tokens instead */
+    --color-scale-blue-4: #388bfd; /* Avoid using scales, use other functional tokens instead */
+    --color-scale-blue-5: #1f6feb; /* Avoid using scales, use other functional tokens instead */
+    --color-scale-blue-6: #1158c7; /* Avoid using scales, use other functional tokens instead */
+    --color-scale-blue-7: #0d419d; /* Avoid using scales, use other functional tokens instead */
+    --color-scale-blue-8: #0c2d6b; /* Avoid using scales, use other functional tokens instead */
+    --color-scale-blue-9: #051d4d; /* Avoid using scales, use other functional tokens instead */
+    --color-scale-green-0: #aff5b4; /* Avoid using scales, use other functional tokens instead */
+    --color-scale-green-1: #7ee787; /* Avoid using scales, use other functional tokens instead */
+    --color-scale-green-2: #56d364; /* Avoid using scales, use other functional tokens instead */
+    --color-scale-green-3: #3fb950; /* Avoid using scales, use other functional tokens instead */
+    --color-scale-green-4: #2ea043; /* Avoid using scales, use other functional tokens instead */
+    --color-scale-green-5: #238636; /* Avoid using scales, use other functional tokens instead */
+    --color-scale-green-6: #196c2e; /* Avoid using scales, use other functional tokens instead */
+    --color-scale-green-7: #0f5323; /* Avoid using scales, use other functional tokens instead */
+    --color-scale-green-8: #033a16; /* Avoid using scales, use other functional tokens instead */
+    --color-scale-green-9: #04260f; /* Avoid using scales, use other functional tokens instead */
+    --color-scale-yellow-0: #f8e3a1; /* Avoid using scales, use other functional tokens instead */
+    --color-scale-yellow-1: #f2cc60; /* Avoid using scales, use other functional tokens instead */
+    --color-scale-yellow-2: #e3b341; /* Avoid using scales, use other functional tokens instead */
+    --color-scale-yellow-3: #d29922; /* Avoid using scales, use other functional tokens instead */
+    --color-scale-yellow-4: #bb8009; /* Avoid using scales, use other functional tokens instead */
+    --color-scale-yellow-5: #9e6a03; /* Avoid using scales, use other functional tokens instead */
+    --color-scale-yellow-6: #845306; /* Avoid using scales, use other functional tokens instead */
+    --color-scale-yellow-7: #693e00; /* Avoid using scales, use other functional tokens instead */
+    --color-scale-yellow-8: #4b2900; /* Avoid using scales, use other functional tokens instead */
+    --color-scale-yellow-9: #341a00; /* Avoid using scales, use other functional tokens instead */
+    --color-scale-orange-0: #ffdfb6; /* Avoid using scales, use other functional tokens instead */
+    --color-scale-orange-1: #ffc680; /* Avoid using scales, use other functional tokens instead */
+    --color-scale-orange-2: #ffa657; /* Avoid using scales, use other functional tokens instead */
+    --color-scale-orange-3: #f0883e; /* Avoid using scales, use other functional tokens instead */
+    --color-scale-orange-4: #db6d28; /* Avoid using scales, use other functional tokens instead */
+    --color-scale-orange-5: #bd561d; /* Avoid using scales, use other functional tokens instead */
+    --color-scale-orange-6: #9b4215; /* Avoid using scales, use other functional tokens instead */
+    --color-scale-orange-7: #762d0a; /* Avoid using scales, use other functional tokens instead */
+    --color-scale-orange-8: #5a1e02; /* Avoid using scales, use other functional tokens instead */
+    --color-scale-orange-9: #3d1300; /* Avoid using scales, use other functional tokens instead */
+    --color-scale-red-0: #ffdcd7; /* Avoid using scales, use other functional tokens instead */
+    --color-scale-red-1: #ffc1ba; /* Avoid using scales, use other functional tokens instead */
+    --color-scale-red-2: #ffa198; /* Avoid using scales, use other functional tokens instead */
+    --color-scale-red-3: #ff7b72; /* Avoid using scales, use other functional tokens instead */
+    --color-scale-red-4: #f85149; /* Avoid using scales, use other functional tokens instead */
+    --color-scale-red-5: #da3633; /* Avoid using scales, use other functional tokens instead */
+    --color-scale-red-6: #b62324; /* Avoid using scales, use other functional tokens instead */
+    --color-scale-red-7: #8e1519; /* Avoid using scales, use other functional tokens instead */
+    --color-scale-red-8: #67060c; /* Avoid using scales, use other functional tokens instead */
+    --color-scale-red-9: #490202; /* Avoid using scales, use other functional tokens instead */
+    --color-scale-purple-0: #eddeff; /* Avoid using scales, use other functional tokens instead */
+    --color-scale-purple-1: #e2c5ff; /* Avoid using scales, use other functional tokens instead */
+    --color-scale-purple-2: #d2a8ff; /* Avoid using scales, use other functional tokens instead */
+    --color-scale-purple-3: #bc8cff; /* Avoid using scales, use other functional tokens instead */
+    --color-scale-purple-4: #a371f7; /* Avoid using scales, use other functional tokens instead */
+    --color-scale-purple-5: #8957e5; /* Avoid using scales, use other functional tokens instead */
+    --color-scale-purple-6: #6e40c9; /* Avoid using scales, use other functional tokens instead */
+    --color-scale-purple-7: #553098; /* Avoid using scales, use other functional tokens instead */
+    --color-scale-purple-8: #3c1e70; /* Avoid using scales, use other functional tokens instead */
+    --color-scale-purple-9: #271052; /* Avoid using scales, use other functional tokens instead */
+    --color-scale-pink-0: #ffdaec; /* Avoid using scales, use other functional tokens instead */
+    --color-scale-pink-1: #ffbedd; /* Avoid using scales, use other functional tokens instead */
+    --color-scale-pink-2: #ff9bce; /* Avoid using scales, use other functional tokens instead */
+    --color-scale-pink-3: #f778ba; /* Avoid using scales, use other functional tokens instead */
+    --color-scale-pink-4: #db61a2; /* Avoid using scales, use other functional tokens instead */
+    --color-scale-pink-5: #bf4b8a; /* Avoid using scales, use other functional tokens instead */
+    --color-scale-pink-6: #9e3670; /* Avoid using scales, use other functional tokens instead */
+    --color-scale-pink-7: #7d2457; /* Avoid using scales, use other functional tokens instead */
+    --color-scale-pink-8: #5e103e; /* Avoid using scales, use other functional tokens instead */
+    --color-scale-pink-9: #42062a; /* Avoid using scales, use other functional tokens instead */
+    --color-scale-coral-0: #ffddd2; /* Avoid using scales, use other functional tokens instead */
+    --color-scale-coral-1: #ffc2b2; /* Avoid using scales, use other functional tokens instead */
+    --color-scale-coral-2: #ffa28b; /* Avoid using scales, use other functional tokens instead */
+    --color-scale-coral-3: #f78166; /* Avoid using scales, use other functional tokens instead */
+    --color-scale-coral-4: #ea6045; /* Avoid using scales, use other functional tokens instead */
+    --color-scale-coral-5: #cf462d; /* Avoid using scales, use other functional tokens instead */
+    --color-scale-coral-6: #ac3220; /* Avoid using scales, use other functional tokens instead */
+    --color-scale-coral-7: #872012; /* Avoid using scales, use other functional tokens instead */
+    --color-scale-coral-8: #640d04; /* Avoid using scales, use other functional tokens instead */
+    --color-scale-coral-9: #460701; /* Avoid using scales, use other functional tokens instead */
     --shadow-inset: 0px 0px 0px 0px #000000;
     --shadow-highlight: 0px 0px 0px 0px #000000;
     --shadow-resting-xsmall: 0px 1px 0px 0px #010409a3;
@@ -599,6 +776,6 @@
     --shadow-floating-medium: 0px 4px 32px -4px #6e768117, 0px 8px 16px -4px #6e768117, 0px 24px 48px -12px #6e768129, 0px 48px 96px -24px #6e76813d;
     --shadow-floating-large: 0px 8px 24px 0px #010409;
     --shadow-floating-xlarge: 0px 12px 48px 0px #010409;
-    --outline-focus: #1f6feb solid 1px;
+    --outline-focus: #1f6feb solid 2px;
   }
 }

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

@@ -1,8 +1,3 @@
-/**
- * Do not edit directly
- * Generated on Wed, 05 Apr 2023 07:13:52 GMT
- */
-
 [data-color-mode="light"][data-light-theme="light_colorblind"],
 [data-color-mode="auto"][data-light-theme="light_colorblind"] {
   --topicTag-borderColor: #ffffff00;
@@ -42,8 +37,6 @@
   --codeMirror-syntax-fgColor-variable: #8a4600;
   --header-fgColor-default: #ffffffb3;
   --header-fgColor-logo: #ffffff;
-  --header-fgColor-text: #ffffffb3;
-  --header-fgColor-borderColor: #57606a;
   --header-bgColor: #24292f;
   --header-borderColor-divider: #57606a;
   --headerSearch-bgColor: #24292f;
@@ -169,7 +162,7 @@
   --buttonCounter-danger-bgColor-disabled: #b359000d;
   --buttonCounter-danger-bgColor-rest: #b359001a;
   --focus-outlineColor: #0969da;
-  --focus-outline: #0969da solid 1px;
+  --focus-outline: #0969da solid 2px;
   --menu-bgColor-active: #ffffff00;
   --overlay-bgColor: #ffffff;
   --overlay-backdrop-bgColor: #8c959f33;
@@ -267,6 +260,99 @@
   --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: #ddf4ff; /* Avoid using scales, use other functional tokens instead */
+  --color-scale-green-1: #b6e3ff; /* Avoid using scales, use other functional tokens instead */
+  --color-scale-green-2: #80ccff; /* Avoid using scales, use other functional tokens instead */
+  --color-scale-green-3: #54aeff; /* Avoid using scales, use other functional tokens instead */
+  --color-scale-green-4: #218bff; /* Avoid using scales, use other functional tokens instead */
+  --color-scale-green-5: #0969da; /* Avoid using scales, use other functional tokens instead */
+  --color-scale-green-6: #0550ae; /* Avoid using scales, use other functional tokens instead */
+  --color-scale-green-7: #033d8b; /* Avoid using scales, use other functional tokens instead */
+  --color-scale-green-8: #0a3069; /* Avoid using scales, use other functional tokens instead */
+  --color-scale-green-9: #002155; /* 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: #fff5e8; /* Avoid using scales, use other functional tokens instead */
+  --color-scale-orange-1: #ffddb0; /* Avoid using scales, use other functional tokens instead */
+  --color-scale-orange-2: #ffbc6d; /* Avoid using scales, use other functional tokens instead */
+  --color-scale-orange-3: #f79939; /* Avoid using scales, use other functional tokens instead */
+  --color-scale-orange-4: #dd7815; /* Avoid using scales, use other functional tokens instead */
+  --color-scale-orange-5: #b35900; /* Avoid using scales, use other functional tokens instead */
+  --color-scale-orange-6: #8a4600; /* Avoid using scales, use other functional tokens instead */
+  --color-scale-orange-7: #6f3800; /* Avoid using scales, use other functional tokens instead */
+  --color-scale-orange-8: #572c00; /* Avoid using scales, use other functional tokens instead */
+  --color-scale-orange-9: #412000; /* Avoid using scales, use other functional tokens instead */
+  --color-scale-red-0: #fff5e8; /* Avoid using scales, use other functional tokens instead */
+  --color-scale-red-1: #ffddb0; /* Avoid using scales, use other functional tokens instead */
+  --color-scale-red-2: #ffbc6d; /* Avoid using scales, use other functional tokens instead */
+  --color-scale-red-3: #f79939; /* Avoid using scales, use other functional tokens instead */
+  --color-scale-red-4: #dd7815; /* Avoid using scales, use other functional tokens instead */
+  --color-scale-red-5: #b35900; /* Avoid using scales, use other functional tokens instead */
+  --color-scale-red-6: #8a4600; /* Avoid using scales, use other functional tokens instead */
+  --color-scale-red-7: #6f3800; /* Avoid using scales, use other functional tokens instead */
+  --color-scale-red-8: #572c00; /* Avoid using scales, use other functional tokens instead */
+  --color-scale-red-9: #412000; /* 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 #1f23280d;
   --shadow-highlight: inset 0px 1px 0px 0px #ffffff40;
   --shadow-resting-xsmall: 0px 1px 0px 0px #1f23280f;
@@ -316,8 +402,6 @@
     --codeMirror-syntax-fgColor-variable: #8a4600;
     --header-fgColor-default: #ffffffb3;
     --header-fgColor-logo: #ffffff;
-    --header-fgColor-text: #ffffffb3;
-    --header-fgColor-borderColor: #57606a;
     --header-bgColor: #24292f;
     --header-borderColor-divider: #57606a;
     --headerSearch-bgColor: #24292f;
@@ -443,7 +527,7 @@
     --buttonCounter-danger-bgColor-disabled: #b359000d;
     --buttonCounter-danger-bgColor-rest: #b359001a;
     --focus-outlineColor: #0969da;
-    --focus-outline: #0969da solid 1px;
+    --focus-outline: #0969da solid 2px;
     --menu-bgColor-active: #ffffff00;
     --overlay-bgColor: #ffffff;
     --overlay-backdrop-bgColor: #8c959f33;
@@ -541,6 +625,99 @@
     --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: #ddf4ff; /* Avoid using scales, use other functional tokens instead */
+    --color-scale-green-1: #b6e3ff; /* Avoid using scales, use other functional tokens instead */
+    --color-scale-green-2: #80ccff; /* Avoid using scales, use other functional tokens instead */
+    --color-scale-green-3: #54aeff; /* Avoid using scales, use other functional tokens instead */
+    --color-scale-green-4: #218bff; /* Avoid using scales, use other functional tokens instead */
+    --color-scale-green-5: #0969da; /* Avoid using scales, use other functional tokens instead */
+    --color-scale-green-6: #0550ae; /* Avoid using scales, use other functional tokens instead */
+    --color-scale-green-7: #033d8b; /* Avoid using scales, use other functional tokens instead */
+    --color-scale-green-8: #0a3069; /* Avoid using scales, use other functional tokens instead */
+    --color-scale-green-9: #002155; /* 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: #fff5e8; /* Avoid using scales, use other functional tokens instead */
+    --color-scale-orange-1: #ffddb0; /* Avoid using scales, use other functional tokens instead */
+    --color-scale-orange-2: #ffbc6d; /* Avoid using scales, use other functional tokens instead */
+    --color-scale-orange-3: #f79939; /* Avoid using scales, use other functional tokens instead */
+    --color-scale-orange-4: #dd7815; /* Avoid using scales, use other functional tokens instead */
+    --color-scale-orange-5: #b35900; /* Avoid using scales, use other functional tokens instead */
+    --color-scale-orange-6: #8a4600; /* Avoid using scales, use other functional tokens instead */
+    --color-scale-orange-7: #6f3800; /* Avoid using scales, use other functional tokens instead */
+    --color-scale-orange-8: #572c00; /* Avoid using scales, use other functional tokens instead */
+    --color-scale-orange-9: #412000; /* Avoid using scales, use other functional tokens instead */
+    --color-scale-red-0: #fff5e8; /* Avoid using scales, use other functional tokens instead */
+    --color-scale-red-1: #ffddb0; /* Avoid using scales, use other functional tokens instead */
+    --color-scale-red-2: #ffbc6d; /* Avoid using scales, use other functional tokens instead */
+    --color-scale-red-3: #f79939; /* Avoid using scales, use other functional tokens instead */
+    --color-scale-red-4: #dd7815; /* Avoid using scales, use other functional tokens instead */
+    --color-scale-red-5: #b35900; /* Avoid using scales, use other functional tokens instead */
+    --color-scale-red-6: #8a4600; /* Avoid using scales, use other functional tokens instead */
+    --color-scale-red-7: #6f3800; /* Avoid using scales, use other functional tokens instead */
+    --color-scale-red-8: #572c00; /* Avoid using scales, use other functional tokens instead */
+    --color-scale-red-9: #412000; /* 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 #1f23280d;
     --shadow-highlight: inset 0px 1px 0px 0px #ffffff40;
     --shadow-resting-xsmall: 0px 1px 0px 0px #1f23280f;