@primer/primitives 7.15.5-rc.dcac358 → 7.15.6-rc.df0f9bf

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

@@ -39,7 +39,7 @@ $header-borderColor-divider: #8b949e;
 $headerSearch-bgColor: #0d1117;
 $headerSearch-borderColor: #30363d;
 $avatar-bgColor: #ffffff1a;
-$avatar-borderColor: #30363d66;
+$avatar-borderColor: #30363d80;
 $avatar-shadow: 0px 0px 0px 2px #0d1117;
 $avatarStack-fade-bgColor-default: #30363d;
 $avatarStack-fade-bgColor-muted: #21262d;
@@ -242,7 +242,7 @@ $bgColor-done-emphasis: #8957e5;
 $bgColor-sponsors-muted: #db61a21a;
 $bgColor-sponsors-emphasis: #bf4b8a;
 $borderColor-default: #30363d;
-$borderColor-muted: #30363d66;
+$borderColor-muted: #30363d80;
 $borderColor-emphasis: #484f58;
 $borderColor-disabled: #161b22;
 $borderColor-transparent: #00000000;

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

@@ -39,7 +39,7 @@ $header-borderColor-divider: #768390;
 $headerSearch-bgColor: #22272e;
 $headerSearch-borderColor: #444c56;
 $avatar-bgColor: #cdd9e51a;
-$avatar-borderColor: #444c5666;
+$avatar-borderColor: #444c5680;
 $avatar-shadow: 0px 0px 0px 2px #22272e;
 $avatarStack-fade-bgColor-default: #444c56;
 $avatarStack-fade-bgColor-muted: #373e47;
@@ -242,7 +242,7 @@ $bgColor-done-emphasis: #8256d0;
 $bgColor-sponsors-muted: #c961981a;
 $bgColor-sponsors-emphasis: #ae4c82;
 $borderColor-default: #444c56;
-$borderColor-muted: #444c5666;
+$borderColor-muted: #444c5680;
 $borderColor-emphasis: #545d68;
 $borderColor-disabled: #2d333b;
 $borderColor-transparent: #00000000;

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

@@ -85,7 +85,7 @@ $controlTrack-bgColor-rest: #272b33;
 $controlTrack-bgColor-hover: #383c45;
 $controlTrack-bgColor-active: #484e57;
 $controlTrack-bgColor-disabled: #bdc4cc;
-$controlTrack-fgColor-rest: #0a0c10;
+$controlTrack-fgColor-rest: #fbfcfd;
 $controlTrack-fgColor-disabled: #0a0c10;
 $controlTrack-borderColor-rest: #00000000;
 $controlTrack-borderColor-disabled: #bdc4cc;

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

@@ -39,7 +39,7 @@ $header-borderColor-divider: #8b949e;
 $headerSearch-bgColor: #0d1117;
 $headerSearch-borderColor: #30363d;
 $avatar-bgColor: #ffffff1a;
-$avatar-borderColor: #30363d66;
+$avatar-borderColor: #30363d80;
 $avatar-shadow: 0px 0px 0px 2px #0d1117;
 $avatarStack-fade-bgColor-default: #30363d;
 $avatarStack-fade-bgColor-muted: #21262d;
@@ -242,7 +242,7 @@ $bgColor-done-emphasis: #8957e5;
 $bgColor-sponsors-muted: #db61a21a;
 $bgColor-sponsors-emphasis: #bf4b8a;
 $borderColor-default: #30363d;
-$borderColor-muted: #30363d66;
+$borderColor-muted: #30363d80;
 $borderColor-emphasis: #484f58;
 $borderColor-disabled: #161b22;
 $borderColor-transparent: #00000000;

package/dist/scss/functional/themes/dark.scss

@@ -39,7 +39,7 @@ $header-borderColor-divider: #8b949e;
 $headerSearch-bgColor: #0d1117;
 $headerSearch-borderColor: #30363d;
 $avatar-bgColor: #ffffff1a;
-$avatar-borderColor: #30363d66;
+$avatar-borderColor: #30363d80;
 $avatar-shadow: 0px 0px 0px 2px #0d1117;
 $avatarStack-fade-bgColor-default: #30363d;
 $avatarStack-fade-bgColor-muted: #21262d;
@@ -242,7 +242,7 @@ $bgColor-done-emphasis: #8957e5;
 $bgColor-sponsors-muted: #db61a21a;
 $bgColor-sponsors-emphasis: #bf4b8a;
 $borderColor-default: #30363d;
-$borderColor-muted: #30363d66;
+$borderColor-muted: #30363d80;
 $borderColor-emphasis: #484f58;
 $borderColor-disabled: #161b22;
 $borderColor-transparent: #00000000;

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

@@ -243,7 +243,7 @@ $bgColor-done-emphasis: #8250df;
 $bgColor-sponsors-muted: #ffeff7;
 $bgColor-sponsors-emphasis: #bf3989;
 $borderColor-default: #d0d7de;
-$borderColor-muted: #d0d7de66;
+$borderColor-muted: #d0d7de80;
 $borderColor-emphasis: #6e7781;
 $borderColor-disabled: #f6f8fa;
 $borderColor-transparent: #ffffff00;

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

@@ -243,7 +243,7 @@ $bgColor-done-emphasis: #8250df;
 $bgColor-sponsors-muted: #ffeff7;
 $bgColor-sponsors-emphasis: #bf3989;
 $borderColor-default: #d0d7de;
-$borderColor-muted: #d0d7de66;
+$borderColor-muted: #d0d7de80;
 $borderColor-emphasis: #6e7781;
 $borderColor-disabled: #f6f8fa;
 $borderColor-transparent: #ffffff00;

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

@@ -243,7 +243,7 @@ $bgColor-done-emphasis: #8250df;
 $bgColor-sponsors-muted: #ffeff7;
 $bgColor-sponsors-emphasis: #bf3989;
 $borderColor-default: #d0d7de;
-$borderColor-muted: #d0d7de66;
+$borderColor-muted: #d0d7de80;
 $borderColor-emphasis: #6e7781;
 $borderColor-disabled: #f6f8fa;
 $borderColor-transparent: #ffffff00;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@primer/primitives",
-  "version": "7.15.5-rc.dcac358",
+  "version": "7.15.6-rc.df0f9bf",
   "description": "Typography, spacing, and color primitives for Primer design system",
   "files": [
     "dist",

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

@@ -1,5 +1,7 @@
 [data-color-mode="dark"][data-dark-theme="dark_colorblind"],
-[data-color-mode="auto"][data-light-theme="dark_colorblind"] {
+[data-color-mode="dark"][data-dark-theme="dark_colorblind"] ::backdrop,
+[data-color-mode="auto"][data-light-theme="dark_colorblind"],
+[data-color-mode="auto"][data-light-theme="dark_colorblind"] ::backdrop {
   --topicTag-borderColor: #00000000;
   --highlight-neutral-bgColor: #d2992266;
   --page-header-bgColor: #0d1117;
@@ -41,7 +43,7 @@
   --headerSearch-bgColor: #0d1117;
   --headerSearch-borderColor: #30363d;
   --avatar-bgColor: #ffffff1a;
-  --avatar-borderColor: #30363d66;
+  --avatar-borderColor: #30363d80;
   --avatar-shadow: 0px 0px 0px 2px #0d1117;
   --avatarStack-fade-bgColor-default: #30363d;
   --avatarStack-fade-bgColor-muted: #21262d;
@@ -244,7 +246,7 @@
   --bgColor-sponsors-muted: #db61a21a;
   --bgColor-sponsors-emphasis: #bf4b8a;
   --borderColor-default: #30363d;
-  --borderColor-muted: #30363d66;
+  --borderColor-muted: #30363d80;
   --borderColor-emphasis: #484f58;
   --borderColor-disabled: #161b22;
   --borderColor-transparent: #00000000;
@@ -419,7 +421,8 @@
   --outline-focus: #1f6feb solid 2px;
 }
 @media (prefers-color-scheme: dark) {
-  [data-color-mode="auto"][data-dark-theme="dark_colorblind"] {
+  [data-color-mode="auto"][data-dark-theme="dark_colorblind"],
+  [data-color-mode="auto"][data-dark-theme="dark_colorblind"] ::backdrop {
     --topicTag-borderColor: #00000000;
     --highlight-neutral-bgColor: #d2992266;
     --page-header-bgColor: #0d1117;
@@ -461,7 +464,7 @@
     --headerSearch-bgColor: #0d1117;
     --headerSearch-borderColor: #30363d;
     --avatar-bgColor: #ffffff1a;
-    --avatar-borderColor: #30363d66;
+    --avatar-borderColor: #30363d80;
     --avatar-shadow: 0px 0px 0px 2px #0d1117;
     --avatarStack-fade-bgColor-default: #30363d;
     --avatarStack-fade-bgColor-muted: #21262d;
@@ -664,7 +667,7 @@
     --bgColor-sponsors-muted: #db61a21a;
     --bgColor-sponsors-emphasis: #bf4b8a;
     --borderColor-default: #30363d;
-    --borderColor-muted: #30363d66;
+    --borderColor-muted: #30363d80;
     --borderColor-emphasis: #484f58;
     --borderColor-disabled: #161b22;
     --borderColor-transparent: #00000000;

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

@@ -1,5 +1,7 @@
 [data-color-mode="dark"][data-dark-theme="dark_dimmed"],
-[data-color-mode="auto"][data-light-theme="dark_dimmed"] {
+[data-color-mode="dark"][data-dark-theme="dark_dimmed"] ::backdrop,
+[data-color-mode="auto"][data-light-theme="dark_dimmed"],
+[data-color-mode="auto"][data-light-theme="dark_dimmed"] ::backdrop {
   --topicTag-borderColor: #00000000;
   --highlight-neutral-bgColor: #c6902666;
   --page-header-bgColor: #22272e;
@@ -41,7 +43,7 @@
   --headerSearch-bgColor: #22272e;
   --headerSearch-borderColor: #444c56;
   --avatar-bgColor: #cdd9e51a;
-  --avatar-borderColor: #444c5666;
+  --avatar-borderColor: #444c5680;
   --avatar-shadow: 0px 0px 0px 2px #22272e;
   --avatarStack-fade-bgColor-default: #444c56;
   --avatarStack-fade-bgColor-muted: #373e47;
@@ -244,7 +246,7 @@
   --bgColor-sponsors-muted: #c961981a;
   --bgColor-sponsors-emphasis: #ae4c82;
   --borderColor-default: #444c56;
-  --borderColor-muted: #444c5666;
+  --borderColor-muted: #444c5680;
   --borderColor-emphasis: #545d68;
   --borderColor-disabled: #2d333b;
   --borderColor-transparent: #00000000;
@@ -419,7 +421,8 @@
   --outline-focus: #316dca solid 2px;
 }
 @media (prefers-color-scheme: dark) {
-  [data-color-mode="auto"][data-dark-theme="dark_dimmed"] {
+  [data-color-mode="auto"][data-dark-theme="dark_dimmed"],
+  [data-color-mode="auto"][data-dark-theme="dark_dimmed"] ::backdrop {
     --topicTag-borderColor: #00000000;
     --highlight-neutral-bgColor: #c6902666;
     --page-header-bgColor: #22272e;
@@ -461,7 +464,7 @@
     --headerSearch-bgColor: #22272e;
     --headerSearch-borderColor: #444c56;
     --avatar-bgColor: #cdd9e51a;
-    --avatar-borderColor: #444c5666;
+    --avatar-borderColor: #444c5680;
     --avatar-shadow: 0px 0px 0px 2px #22272e;
     --avatarStack-fade-bgColor-default: #444c56;
     --avatarStack-fade-bgColor-muted: #373e47;
@@ -664,7 +667,7 @@
     --bgColor-sponsors-muted: #c961981a;
     --bgColor-sponsors-emphasis: #ae4c82;
     --borderColor-default: #444c56;
-    --borderColor-muted: #444c5666;
+    --borderColor-muted: #444c5680;
     --borderColor-emphasis: #545d68;
     --borderColor-disabled: #2d333b;
     --borderColor-transparent: #00000000;

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

@@ -1,5 +1,7 @@
 [data-color-mode="dark"][data-dark-theme="dark_high_contrast"],
-[data-color-mode="auto"][data-light-theme="dark_high_contrast"] {
+[data-color-mode="dark"][data-dark-theme="dark_high_contrast"] ::backdrop,
+[data-color-mode="auto"][data-light-theme="dark_high_contrast"],
+[data-color-mode="auto"][data-light-theme="dark_high_contrast"] ::backdrop {
   --topicTag-borderColor: #409eff;
   --highlight-neutral-bgColor: #f0b72f66;
   --page-header-bgColor: #0a0c10;
@@ -87,7 +89,7 @@
   --controlTrack-bgColor-hover: #383c45;
   --controlTrack-bgColor-active: #484e57;
   --controlTrack-bgColor-disabled: #bdc4cc;
-  --controlTrack-fgColor-rest: #0a0c10;
+  --controlTrack-fgColor-rest: #fbfcfd;
   --controlTrack-fgColor-disabled: #0a0c10;
   --controlTrack-borderColor-rest: #00000000;
   --controlTrack-borderColor-disabled: #bdc4cc;
@@ -419,7 +421,8 @@
   --outline-focus: #409eff solid 2px;
 }
 @media (prefers-color-scheme: dark) {
-  [data-color-mode="auto"][data-dark-theme="dark_high_contrast"] {
+  [data-color-mode="auto"][data-dark-theme="dark_high_contrast"],
+  [data-color-mode="auto"][data-dark-theme="dark_high_contrast"] ::backdrop {
     --topicTag-borderColor: #409eff;
     --highlight-neutral-bgColor: #f0b72f66;
     --page-header-bgColor: #0a0c10;
@@ -507,7 +510,7 @@
     --controlTrack-bgColor-hover: #383c45;
     --controlTrack-bgColor-active: #484e57;
     --controlTrack-bgColor-disabled: #bdc4cc;
-    --controlTrack-fgColor-rest: #0a0c10;
+    --controlTrack-fgColor-rest: #fbfcfd;
     --controlTrack-fgColor-disabled: #0a0c10;
     --controlTrack-borderColor-rest: #00000000;
     --controlTrack-borderColor-disabled: #bdc4cc;

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

@@ -1,5 +1,7 @@
 [data-color-mode="dark"][data-dark-theme="dark_tritanopia"],
-[data-color-mode="auto"][data-light-theme="dark_tritanopia"] {
+[data-color-mode="dark"][data-dark-theme="dark_tritanopia"] ::backdrop,
+[data-color-mode="auto"][data-light-theme="dark_tritanopia"],
+[data-color-mode="auto"][data-light-theme="dark_tritanopia"] ::backdrop {
   --topicTag-borderColor: #00000000;
   --highlight-neutral-bgColor: #d2992266;
   --page-header-bgColor: #0d1117;
@@ -41,7 +43,7 @@
   --headerSearch-bgColor: #0d1117;
   --headerSearch-borderColor: #30363d;
   --avatar-bgColor: #ffffff1a;
-  --avatar-borderColor: #30363d66;
+  --avatar-borderColor: #30363d80;
   --avatar-shadow: 0px 0px 0px 2px #0d1117;
   --avatarStack-fade-bgColor-default: #30363d;
   --avatarStack-fade-bgColor-muted: #21262d;
@@ -244,7 +246,7 @@
   --bgColor-sponsors-muted: #db61a21a;
   --bgColor-sponsors-emphasis: #bf4b8a;
   --borderColor-default: #30363d;
-  --borderColor-muted: #30363d66;
+  --borderColor-muted: #30363d80;
   --borderColor-emphasis: #484f58;
   --borderColor-disabled: #161b22;
   --borderColor-transparent: #00000000;
@@ -419,7 +421,8 @@
   --outline-focus: #1f6feb solid 2px;
 }
 @media (prefers-color-scheme: dark) {
-  [data-color-mode="auto"][data-dark-theme="dark_tritanopia"] {
+  [data-color-mode="auto"][data-dark-theme="dark_tritanopia"],
+  [data-color-mode="auto"][data-dark-theme="dark_tritanopia"] ::backdrop {
     --topicTag-borderColor: #00000000;
     --highlight-neutral-bgColor: #d2992266;
     --page-header-bgColor: #0d1117;
@@ -461,7 +464,7 @@
     --headerSearch-bgColor: #0d1117;
     --headerSearch-borderColor: #30363d;
     --avatar-bgColor: #ffffff1a;
-    --avatar-borderColor: #30363d66;
+    --avatar-borderColor: #30363d80;
     --avatar-shadow: 0px 0px 0px 2px #0d1117;
     --avatarStack-fade-bgColor-default: #30363d;
     --avatarStack-fade-bgColor-muted: #21262d;
@@ -664,7 +667,7 @@
     --bgColor-sponsors-muted: #db61a21a;
     --bgColor-sponsors-emphasis: #bf4b8a;
     --borderColor-default: #30363d;
-    --borderColor-muted: #30363d66;
+    --borderColor-muted: #30363d80;
     --borderColor-emphasis: #484f58;
     --borderColor-disabled: #161b22;
     --borderColor-transparent: #00000000;

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

@@ -1,5 +1,7 @@
 [data-color-mode="dark"][data-dark-theme="dark"],
-[data-color-mode="auto"][data-light-theme="dark"] {
+[data-color-mode="dark"][data-dark-theme="dark"] ::backdrop,
+[data-color-mode="auto"][data-light-theme="dark"],
+[data-color-mode="auto"][data-light-theme="dark"] ::backdrop {
   --topicTag-borderColor: #00000000;
   --highlight-neutral-bgColor: #d2992266;
   --page-header-bgColor: #0d1117;
@@ -41,7 +43,7 @@
   --headerSearch-bgColor: #0d1117;
   --headerSearch-borderColor: #30363d;
   --avatar-bgColor: #ffffff1a;
-  --avatar-borderColor: #30363d66;
+  --avatar-borderColor: #30363d80;
   --avatar-shadow: 0px 0px 0px 2px #0d1117;
   --avatarStack-fade-bgColor-default: #30363d;
   --avatarStack-fade-bgColor-muted: #21262d;
@@ -244,7 +246,7 @@
   --bgColor-sponsors-muted: #db61a21a;
   --bgColor-sponsors-emphasis: #bf4b8a;
   --borderColor-default: #30363d;
-  --borderColor-muted: #30363d66;
+  --borderColor-muted: #30363d80;
   --borderColor-emphasis: #484f58;
   --borderColor-disabled: #161b22;
   --borderColor-transparent: #00000000;
@@ -419,7 +421,8 @@
   --outline-focus: #1f6feb solid 2px;
 }
 @media (prefers-color-scheme: dark) {
-  [data-color-mode="auto"][data-dark-theme="dark"] {
+  [data-color-mode="auto"][data-dark-theme="dark"],
+  [data-color-mode="auto"][data-dark-theme="dark"] ::backdrop {
     --topicTag-borderColor: #00000000;
     --highlight-neutral-bgColor: #d2992266;
     --page-header-bgColor: #0d1117;
@@ -461,7 +464,7 @@
     --headerSearch-bgColor: #0d1117;
     --headerSearch-borderColor: #30363d;
     --avatar-bgColor: #ffffff1a;
-    --avatar-borderColor: #30363d66;
+    --avatar-borderColor: #30363d80;
     --avatar-shadow: 0px 0px 0px 2px #0d1117;
     --avatarStack-fade-bgColor-default: #30363d;
     --avatarStack-fade-bgColor-muted: #21262d;
@@ -664,7 +667,7 @@
     --bgColor-sponsors-muted: #db61a21a;
     --bgColor-sponsors-emphasis: #bf4b8a;
     --borderColor-default: #30363d;
-    --borderColor-muted: #30363d66;
+    --borderColor-muted: #30363d80;
     --borderColor-emphasis: #484f58;
     --borderColor-disabled: #161b22;
     --borderColor-transparent: #00000000;

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

@@ -1,5 +1,7 @@
 [data-color-mode="light"][data-light-theme="light_colorblind"],
-[data-color-mode="auto"][data-light-theme="light_colorblind"] {
+[data-color-mode="light"][data-light-theme="light_colorblind"] ::backdrop,
+[data-color-mode="auto"][data-light-theme="light_colorblind"],
+[data-color-mode="auto"][data-light-theme="light_colorblind"] ::backdrop {
   --topicTag-borderColor: #ffffff00;
   --highlight-neutral-bgColor: #fff8c5;
   --page-header-bgColor: #f6f8fa;
@@ -245,7 +247,7 @@
   --bgColor-sponsors-muted: #ffeff7;
   --bgColor-sponsors-emphasis: #bf3989;
   --borderColor-default: #d0d7de;
-  --borderColor-muted: #d0d7de66;
+  --borderColor-muted: #d0d7de80;
   --borderColor-emphasis: #6e7781;
   --borderColor-disabled: #f6f8fa;
   --borderColor-transparent: #ffffff00;
@@ -419,7 +421,8 @@
   --shadow-floating-xlarge: 0px 56px 112px 0px #424a5352;
 }
 @media (prefers-color-scheme: dark) {
-  [data-color-mode="auto"][data-dark-theme="light_colorblind"] {
+  [data-color-mode="auto"][data-dark-theme="light_colorblind"],
+  [data-color-mode="auto"][data-dark-theme="light_colorblind"] ::backdrop {
     --topicTag-borderColor: #ffffff00;
     --highlight-neutral-bgColor: #fff8c5;
     --page-header-bgColor: #f6f8fa;
@@ -665,7 +668,7 @@
     --bgColor-sponsors-muted: #ffeff7;
     --bgColor-sponsors-emphasis: #bf3989;
     --borderColor-default: #d0d7de;
-    --borderColor-muted: #d0d7de66;
+    --borderColor-muted: #d0d7de80;
     --borderColor-emphasis: #6e7781;
     --borderColor-disabled: #f6f8fa;
     --borderColor-transparent: #ffffff00;

package/tokens-next-private/css/functional/themes/light-high-contrast.css

@@ -1,5 +1,7 @@
 [data-color-mode="light"][data-light-theme="light_high_contrast"],
-[data-color-mode="auto"][data-light-theme="light_high_contrast"] {
+[data-color-mode="light"][data-light-theme="light_high_contrast"] ::backdrop,
+[data-color-mode="auto"][data-light-theme="light_high_contrast"],
+[data-color-mode="auto"][data-light-theme="light_high_contrast"] ::backdrop {
   --topicTag-borderColor: #0349b4;
   --highlight-neutral-bgColor: #fcf7be;
   --page-header-bgColor: #e7ecf0;
@@ -419,7 +421,8 @@
   --shadow-floating-xlarge: 0px 56px 112px 0px #343b4352;
 }
 @media (prefers-color-scheme: dark) {
-  [data-color-mode="auto"][data-dark-theme="light_high_contrast"] {
+  [data-color-mode="auto"][data-dark-theme="light_high_contrast"],
+  [data-color-mode="auto"][data-dark-theme="light_high_contrast"] ::backdrop {
     --topicTag-borderColor: #0349b4;
     --highlight-neutral-bgColor: #fcf7be;
     --page-header-bgColor: #e7ecf0;

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

@@ -1,5 +1,7 @@
 [data-color-mode="light"][data-light-theme="light_tritanopia"],
-[data-color-mode="auto"][data-light-theme="light_tritanopia"] {
+[data-color-mode="light"][data-light-theme="light_tritanopia"] ::backdrop,
+[data-color-mode="auto"][data-light-theme="light_tritanopia"],
+[data-color-mode="auto"][data-light-theme="light_tritanopia"] ::backdrop {
   --topicTag-borderColor: #ffffff00;
   --highlight-neutral-bgColor: #fff8c5;
   --page-header-bgColor: #f6f8fa;
@@ -245,7 +247,7 @@
   --bgColor-sponsors-muted: #ffeff7;
   --bgColor-sponsors-emphasis: #bf3989;
   --borderColor-default: #d0d7de;
-  --borderColor-muted: #d0d7de66;
+  --borderColor-muted: #d0d7de80;
   --borderColor-emphasis: #6e7781;
   --borderColor-disabled: #f6f8fa;
   --borderColor-transparent: #ffffff00;
@@ -419,7 +421,8 @@
   --shadow-floating-xlarge: 0px 56px 112px 0px #424a5352;
 }
 @media (prefers-color-scheme: dark) {
-  [data-color-mode="auto"][data-dark-theme="light_tritanopia"] {
+  [data-color-mode="auto"][data-dark-theme="light_tritanopia"],
+  [data-color-mode="auto"][data-dark-theme="light_tritanopia"] ::backdrop {
     --topicTag-borderColor: #ffffff00;
     --highlight-neutral-bgColor: #fff8c5;
     --page-header-bgColor: #f6f8fa;
@@ -665,7 +668,7 @@
     --bgColor-sponsors-muted: #ffeff7;
     --bgColor-sponsors-emphasis: #bf3989;
     --borderColor-default: #d0d7de;
-    --borderColor-muted: #d0d7de66;
+    --borderColor-muted: #d0d7de80;
     --borderColor-emphasis: #6e7781;
     --borderColor-disabled: #f6f8fa;
     --borderColor-transparent: #ffffff00;

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

@@ -1,5 +1,7 @@
 [data-color-mode="light"][data-light-theme="light"],
-[data-color-mode="auto"][data-light-theme="light"] {
+[data-color-mode="light"][data-light-theme="light"] ::backdrop,
+[data-color-mode="auto"][data-light-theme="light"],
+[data-color-mode="auto"][data-light-theme="light"] ::backdrop {
   --topicTag-borderColor: #ffffff00;
   --highlight-neutral-bgColor: #fff8c5;
   --page-header-bgColor: #f6f8fa;
@@ -245,7 +247,7 @@
   --bgColor-sponsors-muted: #ffeff7;
   --bgColor-sponsors-emphasis: #bf3989;
   --borderColor-default: #d0d7de;
-  --borderColor-muted: #d0d7de66;
+  --borderColor-muted: #d0d7de80;
   --borderColor-emphasis: #6e7781;
   --borderColor-disabled: #f6f8fa;
   --borderColor-transparent: #ffffff00;
@@ -419,7 +421,8 @@
   --shadow-floating-xlarge: 0px 56px 112px 0px #424a5352;
 }
 @media (prefers-color-scheme: dark) {
-  [data-color-mode="auto"][data-dark-theme="light"] {
+  [data-color-mode="auto"][data-dark-theme="light"],
+  [data-color-mode="auto"][data-dark-theme="light"] ::backdrop {
     --topicTag-borderColor: #ffffff00;
     --highlight-neutral-bgColor: #fff8c5;
     --page-header-bgColor: #f6f8fa;
@@ -665,7 +668,7 @@
     --bgColor-sponsors-muted: #ffeff7;
     --bgColor-sponsors-emphasis: #bf3989;
     --borderColor-default: #d0d7de;
-    --borderColor-muted: #d0d7de66;
+    --borderColor-muted: #d0d7de80;
     --borderColor-emphasis: #6e7781;
     --borderColor-disabled: #f6f8fa;
     --borderColor-transparent: #ffffff00;

package/tokens-next-private/docs/functional/themes/dark-colorblind.json

@@ -1213,7 +1213,7 @@
     "path": ["avatar", "bgColor"]
   },
   "avatar-borderColor": {
-    "value": "#30363d66",
+    "value": "#30363d80",
     "$type": "color",
     "$extensions": {
       "org.primer.figma": {
@@ -7467,7 +7467,7 @@
     "path": ["borderColor", "default"]
   },
   "borderColor-muted": {
-    "value": "#30363d66",
+    "value": "#30363d80",
     "$type": "color",
     "$extensions": {
       "org.primer.figma": {
@@ -7480,7 +7480,7 @@
         }
       }
     },
-    "alpha": 0.4,
+    "alpha": 0.5,
     "filePath": "src/tokens/functional/color/dark/primitives-dark.json5",
     "isSource": true,
     "original": {
@@ -7497,7 +7497,7 @@
           }
         }
       },
-      "alpha": 0.4
+      "alpha": 0.5
     },
     "name": "borderColor-muted",
     "attributes": {},

package/tokens-next-private/docs/functional/themes/dark-dimmed.json

@@ -1213,7 +1213,7 @@
     "path": ["avatar", "bgColor"]
   },
   "avatar-borderColor": {
-    "value": "#444c5666",
+    "value": "#444c5680",
     "$type": "color",
     "$extensions": {
       "org.primer.figma": {
@@ -7473,7 +7473,7 @@
     "path": ["borderColor", "default"]
   },
   "borderColor-muted": {
-    "value": "#444c5666",
+    "value": "#444c5680",
     "$type": "color",
     "$extensions": {
       "org.primer.figma": {
@@ -7486,7 +7486,7 @@
         }
       }
     },
-    "alpha": 0.4,
+    "alpha": 0.5,
     "filePath": "src/tokens/functional/color/dark/primitives-dark.json5",
     "isSource": true,
     "original": {
@@ -7503,7 +7503,7 @@
           }
         }
       },
-      "alpha": 0.4
+      "alpha": 0.5
     },
     "name": "borderColor-muted",
     "attributes": {},

package/tokens-next-private/docs/functional/themes/dark-high-contrast.json

@@ -2628,7 +2628,7 @@
     "path": ["controlTrack", "bgColor", "disabled"]
   },
   "controlTrack-fgColor-rest": {
-    "value": "#0a0c10",
+    "value": "#fbfcfd",
     "$type": "color",
     "$extensions": {
       "org.primer.figma": {
@@ -2641,7 +2641,7 @@
     "filePath": "src/tokens/functional/color/dark/overrides/dark.high-contrast.json5",
     "isSource": true,
     "original": {
-      "value": "{fgColor.onEmphasis}",
+      "value": "{fgColor.default}",
       "$type": "color",
       "$extensions": {
         "org.primer.figma": {

package/tokens-next-private/docs/functional/themes/dark-tritanopia.json

@@ -1213,7 +1213,7 @@
     "path": ["avatar", "bgColor"]
   },
   "avatar-borderColor": {
-    "value": "#30363d66",
+    "value": "#30363d80",
     "$type": "color",
     "$extensions": {
       "org.primer.figma": {
@@ -7473,7 +7473,7 @@
     "path": ["borderColor", "default"]
   },
   "borderColor-muted": {
-    "value": "#30363d66",
+    "value": "#30363d80",
     "$type": "color",
     "$extensions": {
       "org.primer.figma": {
@@ -7486,7 +7486,7 @@
         }
       }
     },
-    "alpha": 0.4,
+    "alpha": 0.5,
     "filePath": "src/tokens/functional/color/dark/primitives-dark.json5",
     "isSource": true,
     "original": {
@@ -7503,7 +7503,7 @@
           }
         }
       },
-      "alpha": 0.4
+      "alpha": 0.5
     },
     "name": "borderColor-muted",
     "attributes": {},