@primer/primitives 7.15.5-rc.dcac358 → 7.15.6-rc.3d0e1ea

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

@@ -3,15 +3,15 @@ $highlight-neutral-bgColor: #f0b72f66;
 $page-header-bgColor: #0a0c10;
 $diffBlob-addition-fgColor-text: #0a0c10;
 $diffBlob-addition-fgColor-num: #fbfcfd;
-$diffBlob-addition-bgColor-num: #26cd4d4d;
-$diffBlob-addition-bgColor-line: #09b43a26;
-$diffBlob-addition-bgColor-word: #09b43a;
+$diffBlob-addition-bgColor-num: #28d7514d;
+$diffBlob-addition-bgColor-line: #0ac74026;
+$diffBlob-addition-bgColor-word: #0ac740;
 $diffBlob-deletion-fgColor-text: #0a0c10;
 $diffBlob-deletion-fgColor-num: #fbfcfd;
-$diffBlob-deletion-bgColor-num: #ff6a694d;
-$diffBlob-deletion-bgColor-line: #ff6a6926;
+$diffBlob-deletion-bgColor-num: #ff80804d;
+$diffBlob-deletion-bgColor-line: #ff808026;
 $diffBlob-deletion-bgColor-word: #ff6a69;
-$diffBlob-hunk-bgColor-num: #409eff66;
+$diffBlob-hunk-bgColor-num: #5cacff66;
 $diffBlob-expander-iconColor: #fbfcfd;
 $codeMirror-fgColor: #fbfcfd;
 $codeMirror-bgColor: #0a0c10;
@@ -20,7 +20,7 @@ $codeMirror-gutterMarker-fgColor-default: #0a0c10;
 $codeMirror-gutterMarker-fgColor-muted: #f0f3f6;
 $codeMirror-lineNumber-fgColor: #f0f3f6;
 $codeMirror-cursor-fgColor: #fbfcfd;
-$codeMirror-selection-bgColor: #409eff66;
+$codeMirror-selection-bgColor: #5cacff66;
 $codeMirror-activeline-bgColor: #9ea7b366;
 $codeMirror-matchingBracket-fgColor: #fbfcfd;
 $codeMirror-lines-bgColor: #0a0c10;
@@ -42,10 +42,10 @@ $avatar-bgColor: #ffffff1a;
 $avatar-borderColor: #ffffffe6;
 $avatar-shadow: 0px 0px 0px 2px #0a0c10;
 $avatarStack-fade-bgColor-default: #525964;
-$avatarStack-fade-bgColor-muted: #272b33;
-$control-bgColor-rest: #272b33;
-$control-bgColor-hover: #383c45;
-$control-bgColor-active: #484e57;
+$avatarStack-fade-bgColor-muted: #3d424d;
+$control-bgColor-rest: #3d424d;
+$control-bgColor-hover: #494f5a;
+$control-bgColor-active: #555c67;
 $control-bgColor-disabled: #272b33;
 $control-bgColor-selected: #525964;
 $control-fgColor-rest: #f0f3f6;
@@ -67,7 +67,7 @@ $control-transparent-bgColor-selected: #525964;
 $control-transparent-borderColor-rest: #00000000;
 $control-transparent-borderColor-hover: #7a828e;
 $control-transparent-borderColor-active: #9ea7b3;
-$control-danger-fgColor-rest: #ff6a69;
+$control-danger-fgColor-rest: #ff8080;
 $control-danger-fgColor-hover: #0a0c10;
 $control-danger-bgColor-hover: #ff6a69;
 $control-danger-bgColor-active: #f65052;
@@ -81,11 +81,11 @@ $control-checked-borderColor-rest: #409eff;
 $control-checked-borderColor-hover: #4aa3ff;
 $control-checked-borderColor-active: #54a8ff;
 $control-checked-borderColor-disabled: #bdc4cc;
-$controlTrack-bgColor-rest: #272b33;
-$controlTrack-bgColor-hover: #383c45;
-$controlTrack-bgColor-active: #484e57;
+$controlTrack-bgColor-rest: #3d424d;
+$controlTrack-bgColor-hover: #494f5a;
+$controlTrack-bgColor-active: #555c67;
 $controlTrack-bgColor-disabled: #bdc4cc;
-$controlTrack-fgColor-rest: #0a0c10;
+$controlTrack-fgColor-rest: #fbfcfd;
 $controlTrack-fgColor-disabled: #0a0c10;
 $controlTrack-borderColor-rest: #00000000;
 $controlTrack-borderColor-disabled: #bdc4cc;
@@ -97,10 +97,10 @@ $controlKnob-borderColor-disabled: #272b33;
 $controlKnob-borderColor-checked: #409eff;
 $counter-borderColor: #00000000;
 $button-default-fgColor-rest: #f0f3f6;
-$button-default-bgColor-rest: #272b33;
-$button-default-bgColor-hover: #383c45;
-$button-default-bgColor-active: #484e57;
-$button-default-bgColor-selected: #484e57;
+$button-default-bgColor-rest: #3d424d;
+$button-default-bgColor-hover: #494f5a;
+$button-default-bgColor-active: #555c67;
+$button-default-bgColor-selected: #555c67;
 $button-default-bgColor-disabled: #272b33;
 $button-default-borderColor-rest: #7a828e;
 $button-default-borderColor-hover: #7a828e;
@@ -111,15 +111,15 @@ $button-primary-fgColor-rest: #0a0c10;
 $button-primary-fgColor-disabled: #0a0c1080;
 $button-primary-iconColor-rest: #0a0c10;
 $button-primary-bgColor-rest: #09b43a;
-$button-primary-bgColor-hover: #0fb93e;
-$button-primary-bgColor-active: #15be42;
+$button-primary-bgColor-hover: #0fbb3f;
+$button-primary-bgColor-active: #15c243;
 $button-primary-bgColor-disabled: #6bdc84;
 $button-primary-borderColor-rest: #4ae168;
 $button-primary-borderColor-hover: #4ae168;
 $button-primary-borderColor-active: #4ae168;
 $button-primary-borderColor-disabled: #4ae16866;
 $button-primary-shadow-selected: 0px 0px 0px 0px #000000;
-$button-invisible-fgColor-rest: #409eff;
+$button-invisible-fgColor-rest: #52a7ff;
 $button-invisible-fgColor-hover: #1e60d5;
 $button-invisible-fgColor-disabled: #bdc4cc;
 $button-invisible-iconColor-rest: #f0f3f6;
@@ -132,10 +132,10 @@ $button-invisible-bgColor-disabled: #00000000;
 $button-invisible-borderColor-rest: #00000000;
 $button-invisible-borderColor-hover: #7a828e;
 $button-invisible-borderColor-disabled: #272b33;
-$button-outline-fgColor-rest: #409eff;
+$button-outline-fgColor-rest: #5cacff;
 $button-outline-fgColor-hover: #71b7ff;
 $button-outline-fgColor-active: #ffffff;
-$button-outline-fgColor-disabled: #409eff80;
+$button-outline-fgColor-disabled: #52a7ff80;
 $button-outline-bgColor-rest: #ffffff;
 $button-outline-bgColor-hover: #525964;
 $button-outline-bgColor-active: #2672f3;
@@ -143,46 +143,46 @@ $button-outline-bgColor-disabled: #0a0c10;
 $button-outline-borderColor-hover: #ffffff1a;
 $button-outline-borderColor-selected: #ffffff1a;
 $button-outline-shadow-selected: 0px 0px 0px 0px #000000;
-$button-danger-fgColor-rest: #ff6a69;
+$button-danger-fgColor-rest: #ff8080;
 $button-danger-fgColor-hover: #ffffff;
 $button-danger-fgColor-active: #ffffff;
-$button-danger-fgColor-disabled: #ff6a6980;
-$button-danger-iconColor-rest: #ff6a69;
+$button-danger-fgColor-disabled: #ff808080;
+$button-danger-iconColor-rest: #ff8080;
 $button-danger-iconColor-hover: #ffffff;
-$button-danger-bgColor-rest: #272b33;
+$button-danger-bgColor-rest: #3d424d;
 $button-danger-bgColor-hover: #ff4445;
-$button-danger-bgColor-active: #ff5353;
+$button-danger-bgColor-active: #ff5c5d;
 $button-danger-bgColor-disabled: #272b33;
 $button-danger-borderColor-rest: #7a828e;
 $button-danger-borderColor-hover: #ffffff1a;
 $button-danger-borderColor-active: #ffffff1a;
 $button-danger-shadow-selected: 0px 0px 0px 0px #000000;
 $button-inactive-fgColor-rest: #bdc4cc;
-$button-inactive-bgColor-rest: #272b33;
+$button-inactive-bgColor-rest: #3d424d;
 $buttonCounter-default-bgColor-rest: #525964;
 $buttonCounter-invisible-bgColor-rest: #525964;
 $buttonCounter-primary-bgColor-rest: #01040926;
 $buttonCounter-outline-bgColor-rest: #194fb133;
 $buttonCounter-outline-bgColor-hover: #194fb133;
 $buttonCounter-outline-bgColor-disabled: #409eff0d;
-$buttonCounter-outline-fgColor-rest: #409eff;
+$buttonCounter-outline-fgColor-rest: #5cacff;
 $buttonCounter-outline-fgColor-hover: #71b7ff;
-$buttonCounter-outline-fgColor-disabled: #409eff80;
+$buttonCounter-outline-fgColor-disabled: #52a7ff80;
 $buttonCounter-danger-bgColor-hover: #01040926;
 $buttonCounter-danger-bgColor-disabled: #ff6a690d;
 $buttonCounter-danger-bgColor-rest: #01040926;
-$buttonCounter-danger-fgColor-rest: #ff6a69;
+$buttonCounter-danger-fgColor-rest: #ff8080;
 $buttonCounter-danger-fgColor-hover: #ffffff;
-$buttonCounter-danger-fgColor-disabled: #ff6a6980;
+$buttonCounter-danger-fgColor-disabled: #ff808080;
 $focus-outlineColor: #409eff;
 $menu-bgColor-active: #272b33;
 $overlay-bgColor: #272b33;
 $overlay-backdrop-bgColor: #272b3366;
 $selectMenu-borderColor: #7a828e;
 $selectMenu-bgColor-active: #1e60d5;
-$sideNav-bgColor-selected: #272b33;
+$sideNav-bgColor-selected: #3d424d;
 $skeletonLoader-bgColor: #272b33;
-$timelineBadge-bgColor: #272b33;
+$timelineBadge-bgColor: #3d424d;
 $treeViewItem-leadingVisual-iconColor-rest: #f0f3f6;
 $underlineNav-borderColor-active: #ff967d;
 $underlineNav-borderColor-hover: #bdc4cc;
@@ -192,27 +192,27 @@ $fgColor-muted: #f0f3f6;
 $fgColor-onEmphasis: #0a0c10;
 $fgColor-onInverse: #0a0c10;
 $fgColor-disabled: #bdc4cc;
-$fgColor-link: #409eff;
+$fgColor-link: #52a7ff;
 $fgColor-link-onInverse: #1e60d5;
 $fgColor-neutral: #9ea7b3;
 $fgColor-neutral-onInverse: #272b33;
-$fgColor-accent: #409eff;
+$fgColor-accent: #52a7ff;
 $fgColor-accent-onInverse: #1e60d5;
-$fgColor-success: #26cd4d;
+$fgColor-success: #28d751;
 $fgColor-success-onInverse: #007728;
 $fgColor-attention: #f0b72f;
 $fgColor-attention-onInverse: #945d02;
-$fgColor-severe: #e7811d;
+$fgColor-severe: #f48b25;
 $fgColor-severe-onInverse: #a74c00;
-$fgColor-danger: #ff6a69;
-$fgColor-danger-onInverse: #b1061a;
-$fgColor-open: #26cd4d;
+$fgColor-danger: #ff8080;
+$fgColor-danger-onInverse: #b1071b;
+$fgColor-open: #28d751;
 $fgColor-open-onInverse: #007728;
-$fgColor-closed: #ff6a69;
-$fgColor-closed-onInverse: #b1061a;
-$fgColor-done: #b780ff;
+$fgColor-closed: #ff8080;
+$fgColor-closed-onInverse: #b1071b;
+$fgColor-done: #bf8fff;
 $fgColor-done-onInverse: #6921d7;
-$fgColor-sponsors: #ef6eb1;
+$fgColor-sponsors: #f87cbd;
 $fgColor-sponsors-onInverse: #9c1d6a;
 $bgColor-default: #0a0c10;
 $bgColor-muted: #272b33;
@@ -223,23 +223,23 @@ $bgColor-disabled: #272b33;
 $bgColor-transparent: #00000000;
 $bgColor-neutral-muted: #9ea7b366;
 $bgColor-neutral-emphasis: #9ea7b3;
-$bgColor-accent-muted: #409eff1a;
+$bgColor-accent-muted: #5cacff1a;
 $bgColor-accent-emphasis: #409eff;
-$bgColor-success-muted: #09b43a26;
+$bgColor-success-muted: #0ac74026;
 $bgColor-success-emphasis: #09b43a;
-$bgColor-attention-muted: #e09b1326;
+$bgColor-attention-muted: #edaa2726;
 $bgColor-attention-emphasis: #e09b13;
-$bgColor-severe-muted: #e7811d1a;
+$bgColor-severe-muted: #f48b251a;
 $bgColor-severe-emphasis: #e7811d;
-$bgColor-danger-muted: #ff6a691a;
+$bgColor-danger-muted: #ff80801a;
 $bgColor-danger-emphasis: #ff6a69;
-$bgColor-open-muted: #09b43a1a;
+$bgColor-open-muted: #0ac7401a;
 $bgColor-open-emphasis: #09b43a;
-$bgColor-closed-muted: #ff6a6926;
+$bgColor-closed-muted: #ff808026;
 $bgColor-closed-emphasis: #ff6a69;
-$bgColor-done-muted: #b780ff26;
+$bgColor-done-muted: #bf8fff26;
 $bgColor-done-emphasis: #b87fff;
-$bgColor-sponsors-muted: #ef6eb11a;
+$bgColor-sponsors-muted: #f87cbd1a;
 $bgColor-sponsors-emphasis: #ef6eb1;
 $borderColor-default: #7a828e;
 $borderColor-muted: #7a828e;
@@ -248,23 +248,23 @@ $borderColor-disabled: #272b33;
 $borderColor-transparent: #00000000;
 $borderColor-neutral-muted: #9ea7b3;
 $borderColor-neutral-emphasis: #9ea7b3;
-$borderColor-accent-muted: #409eff;
+$borderColor-accent-muted: #5cacff;
 $borderColor-accent-emphasis: #409eff;
-$borderColor-success-muted: #09b43a;
+$borderColor-success-muted: #0ac740;
 $borderColor-success-emphasis: #09b43a;
-$borderColor-attention-muted: #e09b13;
+$borderColor-attention-muted: #edaa27;
 $borderColor-attention-emphasis: #e09b13;
-$borderColor-severe-muted: #e7811d;
+$borderColor-severe-muted: #f48b25;
 $borderColor-severe-emphasis: #e7811d;
-$borderColor-danger-muted: #ff6a69;
+$borderColor-danger-muted: #ff8080;
 $borderColor-danger-emphasis: #ff6a69;
-$borderColor-open-muted: #09b43a;
+$borderColor-open-muted: #0ac740;
 $borderColor-open-emphasis: #09b43a;
-$borderColor-closed-muted: #ff6a6966;
+$borderColor-closed-muted: #ff808066;
 $borderColor-closed-emphasis: #ff6a69;
-$borderColor-done-muted: #b780ff;
+$borderColor-done-muted: #bf8fff;
 $borderColor-done-emphasis: #b87fff;
-$borderColor-sponsors-muted: #ef6eb1;
+$borderColor-sponsors-muted: #f87cbd;
 $borderColor-sponsors-emphasis: #ef6eb1;
 $color-ansi-black: #7a828e;
 $color-ansi-black-bright: #9ea7b3;
@@ -273,7 +273,7 @@ $color-ansi-white-bright: #ffffff;
 $color-ansi-gray: #9ea7b3;
 $color-ansi-red: #ff9492;
 $color-ansi-red-bright: #ffb1af;
-$color-ansi-green: #26cd4d;
+$color-ansi-green: #28d751;
 $color-ansi-green-bright: #4ae168;
 $color-ansi-yellow: #f0b72f;
 $color-ansi-yellow-bright: #f7c843;
@@ -292,7 +292,7 @@ $color-prettylights-syntax-entity-tag: #72f088;
 $color-prettylights-syntax-keyword: #ff9492;
 $color-prettylights-syntax-string: #addcff;
 $color-prettylights-syntax-variable: #ffb757;
-$color-prettylights-syntax-brackethighlighter-unmatched: #ff6a69;
+$color-prettylights-syntax-brackethighlighter-unmatched: #ff8080;
 $color-prettylights-syntax-brackethighlighter-angle: #bdc4cc;
 $color-prettylights-syntax-invalid-illegal-text: #ffffff;
 $color-prettylights-syntax-invalid-illegal-bg: #e82a2f;
@@ -323,14 +323,14 @@ $color-scale-gray-3: #bdc4cc; // Avoid using scales, use other functional tokens
 $color-scale-gray-4: #9ea7b3; // Avoid using scales, use other functional tokens instead
 $color-scale-gray-5: #7a828e; // Avoid using scales, use other functional tokens instead
 $color-scale-gray-6: #525964; // Avoid using scales, use other functional tokens instead
-$color-scale-gray-7: #272b33; // Avoid using scales, use other functional tokens instead
+$color-scale-gray-7: #3d424d; // Avoid using scales, use other functional tokens instead
 $color-scale-gray-8: #272b33; // Avoid using scales, use other functional tokens instead
 $color-scale-gray-9: #0a0c10; // Avoid using scales, use other functional tokens instead
 $color-scale-blue-0: #caeaff; // Avoid using scales, use other functional tokens instead
 $color-scale-blue-1: #addcff; // Avoid using scales, use other functional tokens instead
 $color-scale-blue-2: #91cbff; // Avoid using scales, use other functional tokens instead
 $color-scale-blue-3: #71b7ff; // Avoid using scales, use other functional tokens instead
-$color-scale-blue-4: #409eff; // Avoid using scales, use other functional tokens instead
+$color-scale-blue-4: #5cacff; // Avoid using scales, use other functional tokens instead
 $color-scale-blue-5: #409eff; // Avoid using scales, use other functional tokens instead
 $color-scale-blue-6: #318bf8; // Avoid using scales, use other functional tokens instead
 $color-scale-blue-7: #2672f3; // Avoid using scales, use other functional tokens instead
@@ -339,8 +339,8 @@ $color-scale-blue-9: #194fb1; // Avoid using scales, use other functional tokens
 $color-scale-green-0: #acf7b6; // Avoid using scales, use other functional tokens instead
 $color-scale-green-1: #72f088; // Avoid using scales, use other functional tokens instead
 $color-scale-green-2: #4ae168; // Avoid using scales, use other functional tokens instead
-$color-scale-green-3: #26cd4d; // Avoid using scales, use other functional tokens instead
-$color-scale-green-4: #09b43a; // Avoid using scales, use other functional tokens instead
+$color-scale-green-3: #28d751; // Avoid using scales, use other functional tokens instead
+$color-scale-green-4: #0ac740; // Avoid using scales, use other functional tokens instead
 $color-scale-green-5: #09b43a; // Avoid using scales, use other functional tokens instead
 $color-scale-green-6: #02a232; // Avoid using scales, use other functional tokens instead
 $color-scale-green-7: #008c2c; // Avoid using scales, use other functional tokens instead
@@ -350,7 +350,7 @@ $color-scale-yellow-0: #fbe59e; // Avoid using scales, use other functional toke
 $color-scale-yellow-1: #fbd669; // Avoid using scales, use other functional tokens instead
 $color-scale-yellow-2: #f7c843; // Avoid using scales, use other functional tokens instead
 $color-scale-yellow-3: #f0b72f; // Avoid using scales, use other functional tokens instead
-$color-scale-yellow-4: #e09b13; // Avoid using scales, use other functional tokens instead
+$color-scale-yellow-4: #edaa27; // Avoid using scales, use other functional tokens instead
 $color-scale-yellow-5: #e09b13; // Avoid using scales, use other functional tokens instead
 $color-scale-yellow-6: #c88508; // Avoid using scales, use other functional tokens instead
 $color-scale-yellow-7: #ae7104; // Avoid using scales, use other functional tokens instead
@@ -360,7 +360,7 @@ $color-scale-orange-0: #ffe1b4; // Avoid using scales, use other functional toke
 $color-scale-orange-1: #ffcf86; // Avoid using scales, use other functional tokens instead
 $color-scale-orange-2: #ffb757; // Avoid using scales, use other functional tokens instead
 $color-scale-orange-3: #fe9a2d; // Avoid using scales, use other functional tokens instead
-$color-scale-orange-4: #e7811d; // Avoid using scales, use other functional tokens instead
+$color-scale-orange-4: #f48b25; // Avoid using scales, use other functional tokens instead
 $color-scale-orange-5: #e7811d; // Avoid using scales, use other functional tokens instead
 $color-scale-orange-6: #d57014; // Avoid using scales, use other functional tokens instead
 $color-scale-orange-7: #bf5e0a; // Avoid using scales, use other functional tokens instead
@@ -370,7 +370,7 @@ $color-scale-red-0: #ffdedb; // Avoid using scales, use other functional tokens
 $color-scale-red-1: #ffc9c7; // Avoid using scales, use other functional tokens instead
 $color-scale-red-2: #ffb1af; // Avoid using scales, use other functional tokens instead
 $color-scale-red-3: #ff9492; // Avoid using scales, use other functional tokens instead
-$color-scale-red-4: #ff6a69; // Avoid using scales, use other functional tokens instead
+$color-scale-red-4: #ff8080; // Avoid using scales, use other functional tokens instead
 $color-scale-red-5: #ff6a69; // Avoid using scales, use other functional tokens instead
 $color-scale-red-6: #ff4445; // Avoid using scales, use other functional tokens instead
 $color-scale-red-7: #e82a2f; // Avoid using scales, use other functional tokens instead
@@ -380,7 +380,7 @@ $color-scale-purple-0: #f0dfff; // Avoid using scales, use other functional toke
 $color-scale-purple-1: #e6ccff; // Avoid using scales, use other functional tokens instead
 $color-scale-purple-2: #dbb7ff; // Avoid using scales, use other functional tokens instead
 $color-scale-purple-3: #cb9eff; // Avoid using scales, use other functional tokens instead
-$color-scale-purple-4: #b780ff; // Avoid using scales, use other functional tokens instead
+$color-scale-purple-4: #bf8fff; // Avoid using scales, use other functional tokens instead
 $color-scale-purple-5: #b87fff; // Avoid using scales, use other functional tokens instead
 $color-scale-purple-6: #a66bff; // Avoid using scales, use other functional tokens instead
 $color-scale-purple-7: #954ffd; // Avoid using scales, use other functional tokens instead
@@ -390,7 +390,7 @@ $color-scale-pink-0: #ffdceb; // Avoid using scales, use other functional tokens
 $color-scale-pink-1: #ffc7e1; // Avoid using scales, use other functional tokens instead
 $color-scale-pink-2: #ffadd4; // Avoid using scales, use other functional tokens instead
 $color-scale-pink-3: #ff8dc7; // Avoid using scales, use other functional tokens instead
-$color-scale-pink-4: #ef6eb1; // Avoid using scales, use other functional tokens instead
+$color-scale-pink-4: #f87cbd; // Avoid using scales, use other functional tokens instead
 $color-scale-pink-5: #ef6eb1; // Avoid using scales, use other functional tokens instead
 $color-scale-pink-6: #e456a3; // Avoid using scales, use other functional tokens instead
 $color-scale-pink-7: #d23d91; // Avoid using scales, use other functional tokens instead
@@ -400,7 +400,7 @@ $color-scale-coral-0: #ffded4; // Avoid using scales, use other functional token
 $color-scale-coral-1: #ffcbb9; // Avoid using scales, use other functional tokens instead
 $color-scale-coral-2: #ffb39b; // Avoid using scales, use other functional tokens instead
 $color-scale-coral-3: #ff967d; // Avoid using scales, use other functional tokens instead
-$color-scale-coral-4: #fc704f; // Avoid using scales, use other functional tokens instead
+$color-scale-coral-4: #fd8468; // Avoid using scales, use other functional tokens instead
 $color-scale-coral-5: #fc704f; // Avoid using scales, use other functional tokens instead
 $color-scale-coral-6: #f75133; // Avoid using scales, use other functional tokens instead
 $color-scale-coral-7: #e03b21; // Avoid using scales, use other functional tokens instead

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;
@@ -407,7 +407,7 @@ $color-scale-coral-6: #9e2f1c; // Avoid using scales, use other functional token
 $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 #1f232814;
+$shadow-inset: inset 0px 1px 0px 0px #1f23280a;
 $shadow-resting-xsmall: 0px 1px 0px 0px #1f23281a;
 $shadow-resting-small: 0px 1px 0px 0px #1f23280f, 0px 1px 3px 0px #1f232814;
 $shadow-resting-medium: 0px 3px 6px 0px #424a531f;

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

@@ -407,7 +407,7 @@ $color-scale-coral-6: #870706; // Avoid using scales, use other functional token
 $color-scale-coral-7: #6f0107; // Avoid using scales, use other functional tokens instead
 $color-scale-coral-8: #5b0002; // Avoid using scales, use other functional tokens instead
 $color-scale-coral-9: #430200; // Avoid using scales, use other functional tokens instead
-$shadow-inset: inset 0px 1px 0px 0px #01040914;
+$shadow-inset: inset 0px 1px 0px 0px #0104090a;
 $shadow-resting-xsmall: 0px 1px 0px 0px #0104091a;
 $shadow-resting-small: 0px 1px 0px 0px #0104090f, 0px 1px 3px 0px #01040914;
 $shadow-resting-medium: 0px 3px 6px 0px #343b431f;

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;
@@ -407,7 +407,7 @@ $color-scale-coral-6: #9e2f1c; // Avoid using scales, use other functional token
 $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 #1f232814;
+$shadow-inset: inset 0px 1px 0px 0px #1f23280a;
 $shadow-resting-xsmall: 0px 1px 0px 0px #1f23281a;
 $shadow-resting-small: 0px 1px 0px 0px #1f23280f, 0px 1px 3px 0px #1f232814;
 $shadow-resting-medium: 0px 3px 6px 0px #424a531f;

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;
@@ -407,7 +407,7 @@ $color-scale-coral-6: #9e2f1c; // Avoid using scales, use other functional token
 $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 #1f232814;
+$shadow-inset: inset 0px 1px 0px 0px #1f23280a;
 $shadow-resting-xsmall: 0px 1px 0px 0px #1f23281a;
 $shadow-resting-small: 0px 1px 0px 0px #1f23280f, 0px 1px 3px 0px #1f232814;
 $shadow-resting-medium: 0px 3px 6px 0px #424a531f;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@primer/primitives",
-  "version": "7.15.5-rc.dcac358",
+  "version": "7.15.6-rc.3d0e1ea",
   "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;