jekyll-v4-theme-primer 0.12.0 → 0.13.0

data/_sass/@primer/css/utilities/box-shadow.scss

@@ -3,19 +3,23 @@
 // Box shadows
 
 .color-shadow-small {
-  box-shadow: var(--color-shadow-small) !important;
+  box-shadow: var(--shadow-resting-small, var(--color-shadow-small)) !important;
 }
 
 .color-shadow-medium {
-  box-shadow: var(--color-shadow-medium) !important;
+  box-shadow: var(--shadow-resting-medium, var(--color-shadow-medium)) !important;
 }
 
 .color-shadow-large {
-  box-shadow: var(--color-shadow-large) !important;
+  box-shadow: var(--shadow-floating-large, var(--color-shadow-large)) !important;
 }
 
 .color-shadow-extra-large {
-  box-shadow: var(--color-shadow-extra-large) !important;
+  box-shadow: var(--shadow-floating-xlarge, var(--color-shadow-extra-large)) !important;
+}
+
+.shadow-floating-small {
+  box-shadow: var(--shadow-floating-small, var(--color-overlay-shadow)) !important;
 }
 
 // Turn off box shadow

data/_sass/@primer/css/utilities/colors.scss

@@ -1,95 +1,94 @@
-// stylelint-disable block-opening-brace-space-before
 
 // Foreground
 
-.color-fg-default     { color: var(--color-fg-default) !important; }
-.color-fg-muted       { color: var(--color-fg-muted) !important; }
-.color-fg-subtle      { color: var(--color-fg-subtle) !important; }
+.color-fg-default, .fgColor-default     { color: var(--fgColor-default, var(--color-fg-default)) !important; }
+.color-fg-muted, .fgColor-muted      { color: var(--fgColor-muted, var(--color-fg-muted)) !important; }
+.color-fg-subtle      { color: var(--fgColor-muted, var(--color-fg-subtle)) !important; }
 
-.color-fg-accent    { color: var(--color-accent-fg) !important; }
-.color-fg-success   { color: var(--color-success-fg) !important; }
-.color-fg-attention { color: var(--color-attention-fg) !important; }
-.color-fg-severe    { color: var(--color-severe-fg) !important; }
-.color-fg-danger    { color: var(--color-danger-fg) !important; }
-.color-fg-open      { color: var(--color-open-fg) !important; }
-.color-fg-closed    { color: var(--color-closed-fg) !important; }
-.color-fg-done      { color: var(--color-done-fg) !important; }
-.color-fg-sponsors  { color: var(--color-sponsors-fg) !important; }
+.color-fg-accent, .fgColor-accent    { color: var(--fgColor-accent, var(--color-accent-fg)) !important; }
+.color-fg-success, .fgColor-success   { color: var(--fgColor-success, var(--color-success-fg)) !important; }
+.color-fg-attention, .fgColor-attention { color: var(--fgColor-attention, var(--color-attention-fg)) !important; }
+.color-fg-severe, .fgColor-severe    { color: var(--fgColor-severe, var(--color-severe-fg)) !important; }
+.color-fg-danger, .fgColor-danger    { color: var(--fgColor-danger, var(--color-danger-fg)) !important; }
+.color-fg-open, .fgColor-open      { color: var(--fgColor-open, var(--color-open-fg)) !important; }
+.color-fg-closed, .fgColor-closed    { color: var(--fgColor-closed, var(--color-closed-fg)) !important; }
+.color-fg-done, .fgColor-done      { color: var(--fgColor-done, var(--color-done-fg)) !important; }
+.color-fg-sponsors, .fgColor-sponsors  { color: var(--fgColor-sponsors, var(--color-sponsors-fg)) !important; }
 
-.color-fg-on-emphasis { color: var(--color-fg-on-emphasis) !important; }
+.color-fg-on-emphasis, .fgColor-onEmphasis { color: var(--fgColor-onEmphasis, var(--color-fg-on-emphasis)) !important; }
 
 // Background
 
-.color-bg-default  { background-color: var(--color-canvas-default) !important; }
-.color-bg-overlay  { background-color: var(--color-canvas-overlay) !important; }
-.color-bg-inset    { background-color: var(--color-canvas-inset) !important; }
-.color-bg-subtle   { background-color: var(--color-canvas-subtle) !important; }
-.color-bg-emphasis { background-color: var(--color-neutral-emphasis-plus) !important; }
+.color-bg-default, .bgColor-default  { background-color: var(--bgColor-default, var(--color-canvas-default)) !important; }
+.color-bg-overlay  { background-color: var(--overlay-bgColor, var(--color-canvas-overlay)) !important; }
+.color-bg-inset, .bgColor-inset    { background-color: var(--bgColor-inset, var(--color-canvas-inset)) !important; }
+.color-bg-subtle, .bgColor-muted   { background-color: var(--bgColor-muted, var(--color-canvas-subtle)) !important; }
+.color-bg-emphasis, .bgColor-emphasis { background-color: var(--bgColor-emphasis, var(--color-neutral-emphasis-plus)) !important; }
 
-.color-bg-accent          { background-color: var(--color-accent-subtle) !important; }
-.color-bg-accent-emphasis { background-color: var(--color-accent-emphasis) !important; }
+.color-bg-accent, .bgColor-accent-muted          { background-color: var(--bgColor-accent-muted, var(--color-accent-subtle)) !important; }
+.color-bg-accent-emphasis, .bgColor-accent-emphasis { background-color: var(--bgColor-accent-emphasis, var(--color-accent-emphasis)) !important; }
 
-.color-bg-success          { background-color: var(--color-success-subtle) !important; }
-.color-bg-success-emphasis { background-color: var(--color-success-emphasis) !important; }
+.color-bg-success, .bgColor-success-muted          { background-color: var(--bgColor-success-muted, var(--color-success-subtle)) !important; }
+.color-bg-success-emphasis, .bgColor-success-emphasis { background-color: var(--bgColor-success-emphasis, var(--color-success-emphasis)) !important; }
 
-.color-bg-attention          { background-color: var(--color-attention-subtle) !important; }
-.color-bg-attention-emphasis { background-color: var(--color-attention-emphasis) !important; }
+.color-bg-attention, .bgColor-attention-muted          { background-color: var(--bgColor-attention-muted, var(--color-attention-subtle)) !important; }
+.color-bg-attention-emphasis, .bgColor-attention-emphasis { background-color: var(--bgColor-attention-emphasis, var(--color-attention-emphasis)) !important; }
 
-.color-bg-severe          { background-color: var(--color-severe-subtle) !important; }
-.color-bg-severe-emphasis { background-color: var(--color-severe-emphasis) !important; }
+.color-bg-severe, .bgColor-severe-muted          { background-color: var(--bgColor-severe-muted, var(--color-severe-subtle)) !important; }
+.color-bg-severe-emphasis, .bgColor-severe-emphasis { background-color: var(--bgColor-severe-emphasis, var(--color-severe-emphasis)) !important; }
 
-.color-bg-danger          { background-color: var(--color-danger-subtle) !important; }
-.color-bg-danger-emphasis { background-color: var(--color-danger-emphasis) !important; }
+.color-bg-danger, .bgColor-danger-muted          { background-color: var(--bgColor-danger-muted, var(--color-danger-subtle)) !important; }
+.color-bg-danger-emphasis, .bgColor-danger-emphasis { background-color: var(--bgColor-danger-emphasis, var(--color-danger-emphasis)) !important; }
 
-.color-bg-open          { background-color: var(--color-open-subtle) !important; }
-.color-bg-open-emphasis { background-color: var(--color-open-emphasis) !important; }
+.color-bg-open, .bgColor-open-muted          { background-color: var(--bgColor-open-muted, var(--color-open-subtle)) !important; }
+.color-bg-open-emphasis, .bgColor-open-emphasis { background-color: var(--bgColor-open-emphasis, var(--color-open-emphasis)) !important; }
 
-.color-bg-closed          { background-color: var(--color-closed-subtle) !important; }
-.color-bg-closed-emphasis { background-color: var(--color-closed-emphasis) !important; }
+.color-bg-closed, .bgColor-closed-muted          { background-color: var(--bgColor-closed-muted, var(--color-closed-subtle)) !important; }
+.color-bg-closed-emphasis, .bgColor-closed-emphasis { background-color: var(--bgColor-closed-emphasis, var(--color-closed-emphasis)) !important; }
 
-.color-bg-done          { background-color: var(--color-done-subtle) !important; }
-.color-bg-done-emphasis { background-color: var(--color-done-emphasis) !important; }
+.color-bg-done, .bgColor-done-muted          { background-color: var(--bgColor-done-muted, var(--color-done-subtle)) !important; }
+.color-bg-done-emphasis, .bgColor-done-emphasis { background-color: var(--bgColor-done-emphasis, var(--color-done-emphasis)) !important; }
 
-.color-bg-sponsors          { background-color: var(--color-sponsors-subtle) !important; }
-.color-bg-sponsors-emphasis { background-color: var(--color-sponsors-emphasis) !important; }
+.color-bg-sponsors, .bgColor-sponsors-muted          { background-color: var(--bgColor-sponsors-muted, var(--color-sponsors-subtle)) !important; }
+.color-bg-sponsors-emphasis, .bgColor-sponsors-emphasis { background-color: var(--bgColor-sponsors-emphasis, var(--color-sponsors-emphasis)) !important; }
 
-.color-bg-transparent { background-color: transparent !important; }
+.color-bg-transparent, .bgColor-transparent { background-color: transparent !important; }
 
 // Border
 
-.color-border-default { border-color: var(--color-border-default) !important; }
-.color-border-muted   { border-color: var(--color-border-muted) !important; }
-.color-border-subtle  { border-color: var(--color-border-subtle) !important; }
+.color-border-default, .borderColor-default { border-color: var(--borderColor-default, var(--color-border-default)) !important; }
+.color-border-muted, .borderColor-muted   { border-color: var(--borderColor-muted, var(--color-border-muted)) !important; }
+.color-border-subtle  { border-color: var(--borderColor-muted, var(--color-border-subtle)) !important; }
 
-.color-border-accent          { border-color: var(--color-accent-muted) !important; }
-.color-border-accent-emphasis { border-color: var(--color-accent-emphasis) !important; }
+.color-border-accent, .borderColor-accent-muted          { border-color: var(--borderColor-accent-muted, var(--color-accent-muted)) !important; }
+.color-border-accent-emphasis, .borderColor-accent-emphasis { border-color: var(--borderColor-accent-emphasis, var(--color-accent-emphasis)) !important; }
 
-.color-border-success          { border-color: var(--color-success-muted) !important; }
-.color-border-success-emphasis { border-color: var(--color-success-emphasis) !important; }
+.color-border-success, .borderColor-success-muted          { border-color: var(--borderColor-success-muted, var(--color-success-muted)) !important; }
+.color-border-success-emphasis, .borderColor-success-emphasis { border-color: var(--borderColor-success-emphasis, var(--color-success-emphasis)) !important; }
 
-.color-border-attention          { border-color: var(--color-attention-muted) !important; }
-.color-border-attention-emphasis { border-color: var(--color-attention-emphasis) !important; }
+.color-border-attention, .borderColor-attention-muted          { border-color: var(--borderColor-attention-muted, var(--color-attention-muted)) !important; }
+.color-border-attention-emphasis, .borderColor-attention-emphasis { border-color: var(--borderColor-attention-emphasis, var(--color-attention-emphasis)) !important; }
 
-.color-border-severe          { border-color: var(--color-severe-muted) !important; }
-.color-border-severe-emphasis { border-color: var(--color-severe-emphasis) !important; }
+.color-border-severe, .borderColor-severe-muted          { border-color: var(--borderColor-severe-muted, var(--color-severe-muted)) !important; }
+.color-border-severe-emphasis, .borderColor-severe-emphasis { border-color: var(--borderColor-severe-emphasis, var(--color-severe-emphasis)) !important; }
 
-.color-border-danger          { border-color: var(--color-danger-muted) !important; }
-.color-border-danger-emphasis { border-color: var(--color-danger-emphasis) !important; }
+.color-border-danger, .borderColor-danger-muted          { border-color: var(--borderColor-danger-muted, var(--color-danger-muted)) !important; }
+.color-border-danger-emphasis, .borderColor-danger-emphasis { border-color: var(--borderColor-danger-emphasis, var(--color-danger-emphasis)) !important; }
 
-.color-border-open          { border-color: var(--color-open-muted) !important; }
-.color-border-open-emphasis { border-color: var(--color-open-emphasis) !important; }
+.color-border-open, .borderColor-open-muted          { border-color: var(--borderColor-open-muted, var(--color-open-muted)) !important; }
+.color-border-open-emphasis, .borderColor-open-emphasis { border-color: var(--borderColor-open-emphasis, var(--color-open-emphasis)) !important; }
 
-.color-border-closed          { border-color: var(--color-closed-muted) !important; }
-.color-border-closed-emphasis { border-color: var(--color-closed-emphasis) !important; }
+.color-border-closed, .borderColor-closed-muted          { border-color: var(--borderColor-closed-muted, var(--color-closed-muted)) !important; }
+.color-border-closed-emphasis, .borderColor-closed-emphasis { border-color: var(--borderColor-closed-emphasis, var(--color-closed-emphasis)) !important; }
 
-.color-border-done          { border-color: var(--color-done-muted) !important; }
-.color-border-done-emphasis { border-color: var(--color-done-emphasis) !important; }
+.color-border-done, .borderColor-done-muted          { border-color: var(--borderColor-done-muted, var(--color-done-muted)) !important; }
+.color-border-done-emphasis, .borderColor-done-emphasis { border-color: var(--borderColor-done-emphasis, var(--color-done-emphasis)) !important; }
 
-.color-border-sponsors          { border-color: var(--color-sponsors-muted) !important; }
-.color-border-sponsors-emphasis { border-color: var(--color-sponsors-emphasis) !important; }
+.color-border-sponsors, .borderColor-sponsors-muted          { border-color: var(--borderColor-sponsors-muted, var(--color-sponsors-muted)) !important; }
+.color-border-sponsors-emphasis, .borderColor-sponsors-emphasis { border-color: var(--borderColor-sponsors-emphasis, var(--color-sponsors-emphasis)) !important; }
 
 // Misc
 
-.color-fg-inherit {
+.color-fg-inherit, .fgColor-inherit {
   color: inherit !important;
 }

data/_sass/@primer/css/utilities/details.scss

@@ -15,7 +15,7 @@
 
 .details-overlay-dark[open] > summary::before {
   z-index: 111;
-  background: var(--color-primer-canvas-backdrop);
+  background: var(--overlay-backdrop-bgColor, var(--color-primer-canvas-backdrop));
 }
 
 .details-reset {

data/_sass/@primer/css/utilities/flexbox.scss

@@ -1,5 +1,4 @@
 // Flex utility classes
-// stylelint-disable block-opening-brace-space-before
 @each $breakpoint, $variant in $responsive-variants {
   @include breakpoint($breakpoint) {
     // Flexbox classes

data/_sass/@primer/css/utilities/layout.scss

@@ -1,5 +1,5 @@
 // Layout
-// stylelint-disable block-opening-brace-space-before, comment-empty-line-before
+// stylelint-disable comment-empty-line-before
 
 /* Position */
 @each $breakpoint, $variant in $responsive-variants {
@@ -71,13 +71,15 @@
 // Width and height utilities, helpful in combination
 // with display-table utilities and images
 /* Max width 100% */
-.width-fit   { max-width: 100% !important; }
+.width-fit         { max-width: 100% !important; }
 /* Set the width to 100% */
-.width-full  { width: 100% !important; }
+.width-full        { width: 100% !important; }
+/* Set the max-width to 65 characters */
+.width-comfortable { max-width: 65ch !important; }
 /* Max height 100% */
-.height-fit  { max-height: 100% !important; }
+.height-fit        { max-height: 100% !important; }
 /* Set the height to 100% */
-.height-full { height: 100% !important; }
+.height-full       { height: 100% !important; }
 
 /* Remove min-width from element */
 .min-width-0 { min-width: 0 !important; }

data/_sass/@primer/css/utilities/margin.scss

@@ -1,6 +1,4 @@
 // Margin spacer utilities
-// stylelint-disable block-opening-brace-space-before
-// stylelint-disable declaration-colon-space-before
 // stylelint-disable comment-empty-line-before
 // stylelint-disable primer/spacing
 

data/_sass/@primer/css/utilities/padding.scss

@@ -1,5 +1,4 @@
 // Padding spacer utilities
-// stylelint-disable block-opening-brace-space-before
 // stylelint-disable comment-empty-line-before
 // stylelint-disable primer/spacing
 

data/_sass/@primer/css/utilities/typography.scss

@@ -66,7 +66,7 @@
 .h4,
 .h5,
 .h6 {
-  font-weight: var(--base-text-weight-semibold, $font-weight-bold) !important;
+  font-weight: $font-weight-bold !important;
 }
 
 // Type utilities that match type sale
@@ -120,7 +120,7 @@
 /* Set the font size to 40px and weight to light */
 .f00-light {
   font-size: var(--h00-size-mobile, $h00-size-mobile) !important;
-  font-weight: var(--base-text-weight-light, $font-weight-light) !important;
+  font-weight: $font-weight-light !important;
 
   @include breakpoint(md) {
     font-size: var(--h00-size, $h00-size) !important;
@@ -130,7 +130,7 @@
 /* Set the font size to 32px and weight to light */
 .f0-light {
   font-size: var(--h0-size-mobile, $h0-size-mobile) !important;
-  font-weight: var(--base-text-weight-light, $font-weight-light) !important;
+  font-weight: $font-weight-light !important;
 
   @include breakpoint(md) {
     font-size: var(--h0-size, $h0-size) !important;
@@ -140,7 +140,7 @@
 /* Set the font size to 26px and weight to light */
 .f1-light {
   font-size: var(--h1-size-mobile, $h1-size-mobile) !important;
-  font-weight: var(--base-text-weight-light, $font-weight-light) !important;
+  font-weight: $font-weight-light !important;
 
   @include breakpoint(md) {
     font-size: var(--h1-size, $h1-size) !important;
@@ -150,7 +150,7 @@
 /* Set the font size to 22px and weight to light */
 .f2-light {
   font-size: var(--h2-size-mobile, $h2-size-mobile) !important;
-  font-weight: var(--base-text-weight-light, $font-weight-light) !important;
+  font-weight: $font-weight-light !important;
 
   @include breakpoint(md) {
     font-size: var(--h2-size, $h2-size) !important;
@@ -161,7 +161,7 @@
 /* Set the font size to 18px and weight to light */
 .f3-light {
   font-size: var(--h3-size-mobile, $h3-size-mobile) !important;
-  font-weight: var(--base-text-weight-light, $font-weight-light) !important;
+  font-weight: $font-weight-light !important;
 
   @include breakpoint(md) {
     font-size: var(--h3-size, $h3-size) !important;
@@ -181,7 +181,7 @@
   // stylelint-disable-next-line primer/spacing
   margin-bottom: 30px;
   font-size: var(--h3-size, $h3-size);
-  font-weight: var(--base-text-weight-light, $font-weight-light);
+  font-weight: $font-weight-light;
 }
 
 // Line-height variations
@@ -308,7 +308,7 @@
 }
 
 .text-emphasized {
-  font-weight: var(--base-text-weight-semibold, $font-weight-bold);
+  font-weight: $font-weight-bold;
 }
 
 // List styles

data/_sass/@primer/primitives/dist/scss/base/size/size.scss

@@ -0,0 +1,17 @@
+$base-size-4: 0.25rem;
+$base-size-8: 0.5rem;
+$base-size-12: 0.75rem;
+$base-size-16: 1rem;
+$base-size-20: 1.25rem;
+$base-size-24: 1.5rem;
+$base-size-28: 1.75rem;
+$base-size-32: 2rem;
+$base-size-36: 2.25rem;
+$base-size-40: 2.5rem;
+$base-size-44: 2.75rem;
+$base-size-48: 3rem;
+$base-size-64: 4rem;
+$base-size-80: 5rem;
+$base-size-96: 6rem;
+$base-size-112: 7rem;
+$base-size-128: 8rem;

data/_sass/@primer/primitives/dist/scss/base/typography/typography.scss

@@ -0,0 +1,4 @@
+$base-text-weight-light: 300;
+$base-text-weight-normal: 400;
+$base-text-weight-medium: 500;
+$base-text-weight-semibold: 600;

data/_sass/@primer/primitives/dist/scss/colors/_dark.scss

@@ -15,7 +15,7 @@
     --color-diff-blob-deletion-line-bg: rgba(248,81,73,0.1);
     --color-diff-blob-deletion-word-bg: rgba(248,81,73,0.4);
     --color-diff-blob-hunk-num-bg: rgba(56,139,253,0.4);
-    --color-diff-blob-expander-icon: #7d8590;
+    --color-diff-blob-expander-icon: #848d97;
     --color-diff-blob-selected-line-highlight-mix-blend-mode: screen;
     --color-diffstat-deletion-border: rgba(240,246,252,0.1);
     --color-diffstat-addition-border: rgba(240,246,252,0.1);
@@ -56,7 +56,7 @@
     --color-codemirror-gutters-bg: #0d1117;
     --color-codemirror-guttermarker-text: #0d1117;
     --color-codemirror-guttermarker-subtle-text: #6e7681;
-    --color-codemirror-linenumber-text: #7d8590;
+    --color-codemirror-linenumber-text: #848d97;
     --color-codemirror-cursor: #e6edf3;
     --color-codemirror-selection-bg: rgba(56,139,253,0.4);
     --color-codemirror-activeline-bg: rgba(110,118,129,0.1);
@@ -74,12 +74,12 @@
     --color-checks-run-border-width: 1px;
     --color-checks-container-border-width: 1px;
     --color-checks-text-primary: #e6edf3;
-    --color-checks-text-secondary: #7d8590;
+    --color-checks-text-secondary: #848d97;
     --color-checks-text-link: #2f81f7;
-    --color-checks-btn-icon: #7d8590;
+    --color-checks-btn-icon: #848d97;
     --color-checks-btn-hover-icon: #e6edf3;
     --color-checks-btn-hover-bg: rgba(110,118,129,0.1);
-    --color-checks-input-text: #7d8590;
+    --color-checks-input-text: #848d97;
     --color-checks-input-placeholder-text: #6e7681;
     --color-checks-input-focus-text: #e6edf3;
     --color-checks-input-bg: #161b22;
@@ -97,11 +97,11 @@
     --color-checks-dropdown-btn-hover-text: #e6edf3;
     --color-checks-dropdown-btn-hover-bg: rgba(110,118,129,0.1);
     --color-checks-scrollbar-thumb-bg: rgba(110,118,129,0.4);
-    --color-checks-header-label-text: #7d8590;
+    --color-checks-header-label-text: #848d97;
     --color-checks-header-label-open-text: #e6edf3;
     --color-checks-header-border: #21262d;
-    --color-checks-header-icon: #7d8590;
-    --color-checks-line-text: #7d8590;
+    --color-checks-header-icon: #848d97;
+    --color-checks-line-text: #848d97;
     --color-checks-line-num-text: #6e7681;
     --color-checks-line-timestamp-text: #6e7681;
     --color-checks-line-hover-bg: rgba(110,118,129,0.1);
@@ -110,18 +110,18 @@
     --color-checks-line-dt-fm-text: #ffffff;
     --color-checks-line-dt-fm-bg: #9e6a03;
     --color-checks-gate-bg: rgba(187,128,9,0.15);
-    --color-checks-gate-text: #7d8590;
+    --color-checks-gate-text: #848d97;
     --color-checks-gate-waiting-text: #d29922;
     --color-checks-step-header-open-bg: #161b22;
     --color-checks-step-error-text: #f85149;
     --color-checks-step-warning-text: #d29922;
-    --color-checks-logline-text: #7d8590;
+    --color-checks-logline-text: #848d97;
     --color-checks-logline-num-text: #6e7681;
     --color-checks-logline-debug-text: #a371f7;
-    --color-checks-logline-error-text: #7d8590;
+    --color-checks-logline-error-text: #848d97;
     --color-checks-logline-error-num-text: #6e7681;
     --color-checks-logline-error-bg: rgba(248,81,73,0.1);
-    --color-checks-logline-warning-text: #7d8590;
+    --color-checks-logline-warning-text: #848d97;
     --color-checks-logline-warning-num-text: #d29922;
     --color-checks-logline-warning-bg: rgba(187,128,9,0.15);
     --color-checks-logline-command-text: #2f81f7;
@@ -164,6 +164,7 @@
     --color-select-menu-tap-highlight: rgba(48,54,61,0.5);
     --color-select-menu-tap-focus-bg: #0c2d6b;
     --color-overlay-shadow: 0 0 0 1px #30363d, 0 16px 32px rgba(1,4,9,0.85);
+    --color-overlay-backdrop: rgba(22,27,34,0.4);
     --color-header-text: rgba(255,255,255,0.7);
     --color-header-bg: #161b22;
     --color-header-divider: #8b949e;
@@ -215,14 +216,14 @@
     --color-btn-primary-disabled-bg: rgba(35,134,54,0.6);
     --color-btn-primary-disabled-border: rgba(240,246,252,0.1);
     --color-btn-primary-icon: #ffffff;
-    --color-btn-primary-counter-bg: rgba(255,255,255,0.2);
-    --color-btn-outline-text: #58a6ff;
+    --color-btn-primary-counter-bg: rgba(4,38,15,0.2);
+    --color-btn-outline-text: #388bfd;
     --color-btn-outline-hover-text: #58a6ff;
     --color-btn-outline-hover-bg: #30363d;
     --color-btn-outline-hover-border: rgba(240,246,252,0.1);
     --color-btn-outline-hover-shadow: 0 1px 0 rgba(1,4,9,0.1);
     --color-btn-outline-hover-inset-shadow: inset 0 1px 0 rgba(255,255,255,0.03);
-    --color-btn-outline-hover-counter-bg: rgba(255,255,255,0.2);
+    --color-btn-outline-hover-counter-bg: rgba(5,29,77,0.2);
     --color-btn-outline-selected-text: #ffffff;
     --color-btn-outline-selected-bg: #0d419d;
     --color-btn-outline-selected-border: rgba(240,246,252,0.1);
@@ -230,7 +231,10 @@
     --color-btn-outline-disabled-text: rgba(88,166,255,0.5);
     --color-btn-outline-disabled-bg: #0d1117;
     --color-btn-outline-disabled-counter-bg: rgba(31,111,235,0.05);
-    --color-btn-outline-counter-bg: rgba(31,111,235,0.1);
+    --color-btn-outline-counter-bg: rgba(5,29,77,0.2);
+    --color-btn-outline-hover-counter-fg: #58a6ff;
+    --color-btn-outline-disabled-counter-fg: rgba(47,129,247,0.5);
+    --color-btn-outline-counter-fg: #388bfd;
     --color-btn-danger-text: #f85149;
     --color-btn-danger-hover-text: #ffffff;
     --color-btn-danger-hover-bg: #da3633;
@@ -246,8 +250,13 @@
     --color-btn-danger-disabled-text: rgba(248,81,73,0.5);
     --color-btn-danger-disabled-bg: #0d1117;
     --color-btn-danger-disabled-counter-bg: rgba(218,54,51,0.05);
-    --color-btn-danger-counter-bg: rgba(218,54,51,0.1);
+    --color-btn-danger-counter-bg: rgba(73,2,2,0.2);
     --color-btn-danger-icon: #f85149;
+    --color-btn-danger-counter-fg: #f85149;
+    --color-btn-danger-disabled-counter-fg: rgba(248,81,73,0.5);
+    --color-btn-danger-hover-counter-fg: #ffffff;
+    --color-btn-inactive-bg: #21262d;
+    --color-btn-inactive-text: #8b949e;
     --color-underlinenav-icon: #6e7681;
     --color-underlinenav-border-hover: rgba(110,118,129,0.4);
     --color-action-list-item-inline-divider: rgba(48,54,61,0.48);
@@ -263,7 +272,7 @@
     --color-switch-track-hover-bg: hsla(215,8%,72%,0.1);
     --color-switch-track-active-bg: rgba(110,118,129,0.4);
     --color-switch-track-disabled-bg: #21262d;
-    --color-switch-track-fg: #7d8590;
+    --color-switch-track-fg: #848d97;
     --color-switch-track-disabled-fg: #010409;
     --color-switch-track-border: rgba(0,0,0,0);
     --color-switch-track-checked-bg: rgba(31,111,235,0.35);
@@ -284,9 +293,9 @@
     --color-segmented-control-button-active-bg: #21262d;
     --color-segmented-control-button-selected-border: #6e7681;
     --color-tree-view-item-chevron-hover-bg: rgba(177,186,196,0.12);
-    --color-tree-view-item-directory-fill: #7d8590;
+    --color-tree-view-item-directory-fill: #848d97;
     --color-fg-default: #e6edf3;
-    --color-fg-muted: #7d8590;
+    --color-fg-muted: #848d97;
     --color-fg-subtle: #6e7681;
     --color-fg-on-emphasis: #ffffff;
     --color-canvas-default: #0d1117;

data/_sass/@primer/primitives/dist/scss/colors/_dark_colorblind.scss

@@ -164,6 +164,7 @@
     --color-select-menu-tap-highlight: rgba(48,54,61,0.5);
     --color-select-menu-tap-focus-bg: #0c2d6b;
     --color-overlay-shadow: 0 0 0 1px #30363d, 0 16px 32px rgba(1,4,9,0.85);
+    --color-overlay-backdrop: rgba(22,27,34,0.4);
     --color-header-text: rgba(255,255,255,0.7);
     --color-header-bg: #161b22;
     --color-header-divider: #8b949e;
@@ -215,14 +216,14 @@
     --color-btn-primary-disabled-bg: rgba(31,111,235,0.6);
     --color-btn-primary-disabled-border: rgba(240,246,252,0.1);
     --color-btn-primary-icon: #ffffff;
-    --color-btn-primary-counter-bg: rgba(255,255,255,0.2);
-    --color-btn-outline-text: #58a6ff;
+    --color-btn-primary-counter-bg: rgba(5,29,77,0.2);
+    --color-btn-outline-text: #388bfd;
     --color-btn-outline-hover-text: #58a6ff;
     --color-btn-outline-hover-bg: #30363d;
     --color-btn-outline-hover-border: rgba(240,246,252,0.1);
     --color-btn-outline-hover-shadow: 0 1px 0 rgba(1,4,9,0.1);
     --color-btn-outline-hover-inset-shadow: inset 0 1px 0 rgba(255,255,255,0.03);
-    --color-btn-outline-hover-counter-bg: rgba(255,255,255,0.2);
+    --color-btn-outline-hover-counter-bg: rgba(5,29,77,0.2);
     --color-btn-outline-selected-text: #ffffff;
     --color-btn-outline-selected-bg: #0d419d;
     --color-btn-outline-selected-border: rgba(240,246,252,0.1);
@@ -230,7 +231,10 @@
     --color-btn-outline-disabled-text: rgba(88,166,255,0.5);
     --color-btn-outline-disabled-bg: #0d1117;
     --color-btn-outline-disabled-counter-bg: rgba(31,111,235,0.05);
-    --color-btn-outline-counter-bg: rgba(31,111,235,0.1);
+    --color-btn-outline-counter-bg: rgba(5,29,77,0.2);
+    --color-btn-outline-hover-counter-fg: #58a6ff;
+    --color-btn-outline-disabled-counter-fg: rgba(88,166,255,0.5);
+    --color-btn-outline-counter-fg: #388bfd;
     --color-btn-danger-text: #d47616;
     --color-btn-danger-hover-text: #ffffff;
     --color-btn-danger-hover-bg: #b76100;
@@ -246,8 +250,13 @@
     --color-btn-danger-disabled-text: rgba(212,118,22,0.5);
     --color-btn-danger-disabled-bg: #0d1117;
     --color-btn-danger-disabled-counter-bg: rgba(183,97,0,0.05);
-    --color-btn-danger-counter-bg: rgba(183,97,0,0.1);
+    --color-btn-danger-counter-bg: rgba(51,28,4,0.2);
     --color-btn-danger-icon: #d47616;
+    --color-btn-danger-counter-fg: #d47616;
+    --color-btn-danger-disabled-counter-fg: rgba(212,118,22,0.5);
+    --color-btn-danger-hover-counter-fg: #ffffff;
+    --color-btn-inactive-bg: #21262d;
+    --color-btn-inactive-text: #8b949e;
     --color-underlinenav-icon: #6e7681;
     --color-underlinenav-border-hover: rgba(110,118,129,0.4);
     --color-action-list-item-inline-divider: rgba(48,54,61,0.48);

data/_sass/@primer/primitives/dist/scss/colors/_dark_dimmed.scss

@@ -164,6 +164,7 @@
     --color-select-menu-tap-highlight: rgba(68,76,86,0.5);
     --color-select-menu-tap-focus-bg: #143d79;
     --color-overlay-shadow: 0 0 0 1px #444c56, 0 16px 32px rgba(28,33,40,0.85);
+    --color-overlay-backdrop: rgba(45,51,59,0.4);
     --color-header-text: rgba(205,217,229,0.7);
     --color-header-bg: #2d333b;
     --color-header-divider: #768390;
@@ -215,14 +216,14 @@
     --color-btn-primary-disabled-bg: rgba(52,125,57,0.6);
     --color-btn-primary-disabled-border: rgba(205,217,229,0.1);
     --color-btn-primary-icon: #cdd9e5;
-    --color-btn-primary-counter-bg: rgba(205,217,229,0.2);
-    --color-btn-outline-text: #539bf5;
+    --color-btn-primary-counter-bg: rgba(17,52,23,0.2);
+    --color-btn-outline-text: #4184e4;
     --color-btn-outline-hover-text: #539bf5;
     --color-btn-outline-hover-bg: #444c56;
     --color-btn-outline-hover-border: rgba(205,217,229,0.1);
     --color-btn-outline-hover-shadow: 0 1px 0 rgba(28,33,40,0.1);
     --color-btn-outline-hover-inset-shadow: inset 0 1px 0 rgba(205,217,229,0.03);
-    --color-btn-outline-hover-counter-bg: rgba(205,217,229,0.2);
+    --color-btn-outline-hover-counter-bg: rgba(15,45,92,0.2);
     --color-btn-outline-selected-text: #cdd9e5;
     --color-btn-outline-selected-bg: #1b4b91;
     --color-btn-outline-selected-border: rgba(205,217,229,0.1);
@@ -230,7 +231,10 @@
     --color-btn-outline-disabled-text: rgba(83,155,245,0.5);
     --color-btn-outline-disabled-bg: #22272e;
     --color-btn-outline-disabled-counter-bg: rgba(49,109,202,0.05);
-    --color-btn-outline-counter-bg: rgba(49,109,202,0.1);
+    --color-btn-outline-counter-bg: rgba(15,45,92,0.2);
+    --color-btn-outline-hover-counter-fg: #539bf5;
+    --color-btn-outline-disabled-counter-fg: rgba(83,155,245,0.5);
+    --color-btn-outline-counter-fg: #4184e4;
     --color-btn-danger-text: #e5534b;
     --color-btn-danger-hover-text: #cdd9e5;
     --color-btn-danger-hover-bg: #c93c37;
@@ -246,8 +250,13 @@
     --color-btn-danger-disabled-text: rgba(229,83,75,0.5);
     --color-btn-danger-disabled-bg: #22272e;
     --color-btn-danger-disabled-counter-bg: rgba(201,60,55,0.05);
-    --color-btn-danger-counter-bg: rgba(201,60,55,0.1);
+    --color-btn-danger-counter-bg: rgba(93,15,18,0.2);
     --color-btn-danger-icon: #e5534b;
+    --color-btn-danger-counter-fg: #e5534b;
+    --color-btn-danger-disabled-counter-fg: rgba(229,83,75,0.5);
+    --color-btn-danger-hover-counter-fg: #cdd9e5;
+    --color-btn-inactive-bg: #373e47;
+    --color-btn-inactive-text: #768390;
     --color-underlinenav-icon: #636e7b;
     --color-underlinenav-border-hover: rgba(99,110,123,0.4);
     --color-action-list-item-inline-divider: rgba(68,76,86,0.48);

data/_sass/@primer/primitives/dist/scss/colors/_dark_high_contrast.scss

@@ -164,6 +164,7 @@
     --color-select-menu-tap-highlight: rgba(82,89,100,0.5);
     --color-select-menu-tap-focus-bg: #1e60d5;
     --color-overlay-shadow: 0 0 0 1px #525964, 0 16px 32px rgba(1,4,9,0.85);
+    --color-overlay-backdrop: rgba(39,43,51,0.4);
     --color-header-text: rgba(255,255,255,0.7);
     --color-header-bg: #272b33;
     --color-header-divider: #bdc4cc;
@@ -216,13 +217,13 @@
     --color-btn-primary-disabled-border: rgba(74,225,104,0.4);
     --color-btn-primary-icon: #0a0c10;
     --color-btn-primary-counter-bg: rgba(1,4,9,0.15);
-    --color-btn-outline-text: #71b7ff;
+    --color-btn-outline-text: #409eff;
     --color-btn-outline-hover-text: #71b7ff;
     --color-btn-outline-hover-bg: #525964;
     --color-btn-outline-hover-border: #7a828e;
     --color-btn-outline-hover-shadow: 0 1px 0 rgba(1,4,9,0.1);
     --color-btn-outline-hover-inset-shadow: inset 0 1px 0 rgba(255,255,255,0.03);
-    --color-btn-outline-hover-counter-bg: rgba(255,255,255,0.2);
+    --color-btn-outline-hover-counter-bg: rgba(25,79,177,0.2);
     --color-btn-outline-selected-text: #ffffff;
     --color-btn-outline-selected-bg: #2672f3;
     --color-btn-outline-selected-border: #7a828e;
@@ -230,7 +231,10 @@
     --color-btn-outline-disabled-text: rgba(113,183,255,0.5);
     --color-btn-outline-disabled-bg: #0a0c10;
     --color-btn-outline-disabled-counter-bg: rgba(64,158,255,0.05);
-    --color-btn-outline-counter-bg: rgba(64,158,255,0.1);
+    --color-btn-outline-counter-bg: rgba(25,79,177,0.2);
+    --color-btn-outline-hover-counter-fg: #71b7ff;
+    --color-btn-outline-disabled-counter-fg: rgba(113,183,255,0.5);
+    --color-btn-outline-counter-fg: #409eff;
     --color-btn-danger-text: #ff6a69;
     --color-btn-danger-hover-text: #0a0c10;
     --color-btn-danger-hover-bg: #ff6a69;
@@ -248,6 +252,11 @@
     --color-btn-danger-disabled-counter-bg: rgba(255,106,105,0.05);
     --color-btn-danger-counter-bg: rgba(1,4,9,0.15);
     --color-btn-danger-icon: #ff6a69;
+    --color-btn-danger-counter-fg: #ff6a69;
+    --color-btn-danger-disabled-counter-fg: rgba(255,106,105,0.5);
+    --color-btn-danger-hover-counter-fg: #ffffff;
+    --color-btn-inactive-bg: #272b33;
+    --color-btn-inactive-text: #bdc4cc;
     --color-underlinenav-icon: #f0f3f6;
     --color-underlinenav-border-hover: #bdc4cc;
     --color-action-list-item-inline-divider: #7a828e;