jekyll-v4-theme-primer 0.9.0 → 0.10.0

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA256:
-  metadata.gz: 3130c1eb763e842754269409d5d23d52d6f1c9df1590c8cf116a33b605bc514f
-  data.tar.gz: 88a1d30a84c156d7a6570b456ea2712f5671c6c8077a1e699ba49575cdbe6f9d
+  metadata.gz: 7da4e84b47c39f5c2985166b4a8d1f0f55eb1609b634a7b266ef075eb493e92f
+  data.tar.gz: 1839f6394356003d608f07f84557d1d0cefeb194932d5ef128e3bf1576d8be21
 SHA512:
-  metadata.gz: 6bf9b4c69aa8ce0b2d5a666615fdf64864efa6040a026d9c02f70cec701f5aa97aac720653c79efd3ede618b1fc891978c547db77c8e00293eda238749ba3761
-  data.tar.gz: f38e944afbdab887d7baa8a0f49af69b9112fbfedace568c876ee9e7a4e34ab399abbe91e79957f3a4a9c4e536ca75b91ffacce7add80f40b83654a78111ff2f
+  metadata.gz: 5eb9a46c3072b2612dde36df5f320dc021c02b1cf31032652cc222979077700d02804ac0626d678187ebb8ad62398fe84738f83b2c98e3f8fa8fb96d3a7a3d52
+  data.tar.gz: 25f6a822a42ab831ca1ab39dfe2f6b5365a1bdafbe9c14f3f09d8b1b3610506a46abd8cd00ccaecfa4216564c6514f1410999fbc7041f71b8a0221e065f95944

data/README.md

@@ -1,10 +1,9 @@
-# The Primer theme
+# The Primer theme for Jekyll v4
 
-[![.github/workflows/ci.yaml](https://github.com/pages-themes/primer/actions/workflows/ci.yaml/badge.svg)](https://github.com/pages-themes/primer/actions/workflows/ci.yaml) [![Gem Version](https://badge.fury.io/rb/jekyll-theme-primer.svg)](https://badge.fury.io/rb/jekyll-theme-primer)
+[![.github/workflows/ci.yaml](https://github.com/dunkmann00/primer/actions/workflows/ci.yaml/badge.svg)](https://github.com/dunkmann00/primer/actions/workflows/ci.yaml) [![Gem Version](https://badge.fury.io/rb/jekyll-v4-theme-primer.svg)](https://badge.fury.io/rb/jekyll-v4-theme-primer)
 
-*Primer is a Jekyll theme for GitHub Pages. You can [preview the theme to see what it looks like](http://pages-themes.github.io/primer), or even [use it today](#usage).*
+*Primer is a Jekyll theme for GitHub Pages. You can [preview the theme to see what it looks like](https://georgeh2os.com/primer), or even [use it today](#usage).*
 
-![Thumbnail of Primer](thumbnail.png)
 
 ## Usage
 
@@ -13,7 +12,7 @@ To use the Primer theme:
 1. Add the following to your site's `_config.yml`:
 
     ```yml
-    remote_theme: pages-themes/primer@v0.2.0
+    remote_theme: dunkmann00/primer@v0.9.0
     plugins:
     - jekyll-remote-theme # add this line to the plugins list if you already have one
     ```
@@ -21,13 +20,29 @@ To use the Primer theme:
 2. Optionally, if you'd like to preview your site on your computer, add the following to your site's `Gemfile`:
 
     ```ruby
-    gem "github-pages", group: :jekyll_plugins
+    gem "jekyll-v4-github-pages", group: :jekyll_plugins
     ```
 
+3. If not using with Github pages, you can install the theme's gem directly by adding the following to your
+   site's `Gemfile`:
+
+   ```ruby
+   gem "jekyll-v4-theme-primer"
+   ```
+
 ## Customizing
 
 ### Configuration variables
 
+Primer will set the theme based on the theme value set in `_config.yml`. This
+can be overridden on a per page basis by setting a `theme` variable in the
+page's frontmatter. If neither is given, the default theme is used.
+
+```yml
+primer:
+  theme: light
+```
+
 Primer will respect the following variables, if set in your site's `_config.yml`:
 
 ```yml

data/_sass/@primer/css/forms/form-validation.scss

@@ -1,110 +1,6 @@
-// Needs refactoring
 // stylelint-disable selector-no-qualifying-type, selector-max-type
-dl.form-group > dd, // TODO: Deprecate
-.form-group > .form-group-body {
-  .form-control {
-    &.is-autocheck-loading,
-    &.is-autocheck-successful,
-    &.is-autocheck-errored {
-      // stylelint-disable-next-line primer/spacing
-      padding-right: 30px; // Leave some space for our validation icons
-    }
-
-    &.is-autocheck-loading {
-      background-image: url('/images/spinners/octocat-spinner-16px.gif');
-    }
-
-    &.is-autocheck-successful {
-      background-image: url('/images/modules/ajax/success.png');
-    }
-
-    &.is-autocheck-errored {
-      background-image: url('/images/modules/ajax/error.png');
-    }
-  }
-}
-
-// Retinization of form validation icons that aren't octicons yet
-@include retina-media-query {
-  dl.form-group > dd, // TODO: Deprecate
-  .form-group > .form-group-body {
-    .form-control {
-      &.is-autocheck-loading,
-      &.is-autocheck-successful,
-      &.is-autocheck-errored {
-        background-size: 16px 16px;
-      }
-
-      &.is-autocheck-loading {
-        background-image: url('/images/spinners/octocat-spinner-32.gif');
-      }
-
-      &.is-autocheck-successful {
-        background-image: url('/images/modules/ajax/success@2x.png');
-      }
-
-      &.is-autocheck-errored {
-        background-image: url('/images/modules/ajax/error@2x.png');
-      }
-    }
-  }
-}
 
 // Inline verification
-// This overrides primer's inline form stuff
-.status-indicator {
-  display: inline-block;
-  width: 16px;
-  height: 16px;
-  // stylelint-disable-next-line primer/spacing
-  margin-left: 5px;
-
-  .octicon {
-    display: none;
-  }
-}
-
-.status-indicator-success {
-  // Override primer
-  &::before {
-    content: '';
-  }
-
-  .octicon-check {
-    display: inline-block;
-    color: var(--color-success-fg);
-    fill: var(--color-success-fg);
-  }
-
-  .octicon-x {
-    display: none;
-  }
-}
-
-.status-indicator-failed {
-  // Override primer
-  &::before {
-    content: '';
-  }
-
-  .octicon-check {
-    display: none;
-  }
-
-  .octicon-x {
-    display: inline-block;
-    color: var(--color-danger-fg);
-    fill: var(--color-danger-fg);
-  }
-}
-
-.status-indicator-loading {
-  width: 16px;
-  background-image: url('/images/spinners/octocat-spinner-32-EAF2F5.gif');
-  background-repeat: no-repeat;
-  background-position: 0 0;
-  background-size: 16px;
-}
 
 .inline-form {
   display: inline-block;

data/_sass/@primer/css/labels/states.scss

@@ -1 +1 @@
-@import '@primer/view-components/app/components/primer/state_component';
+@import '@primer/view-components/app/components/primer/beta/state';

data/_sass/@primer/css/links/link.scss

@@ -1,60 +1 @@
-// Links
-
-.Link {
-  color: var(--color-accent-fg);
-
-  &:hover {
-    text-decoration: underline;
-    cursor: pointer;
-  }
-
-  &:focus,
-  &:focus-visible {
-    outline-offset: 0;
-  }
-}
-
-.Link--primary {
-  color: var(--color-fg-default) !important;
-
-  &:hover {
-    color: var(--color-accent-fg) !important;
-  }
-}
-
-.Link--secondary {
-  color: var(--color-fg-muted) !important;
-
-  &:hover {
-    color: var(--color-accent-fg) !important;
-  }
-}
-
-.Link--muted {
-  color: var(--color-fg-muted) !important;
-
-  &:hover {
-    color: var(--color-accent-fg) !important;
-    text-decoration: none;
-  }
-}
-
-// Set the link color only on hover
-// Useful when you want only part of a link to turn blue on hover
-.Link--onHover {
-  &:hover {
-    color: var(--color-accent-fg) !important;
-    text-decoration: underline;
-    cursor: pointer;
-  }
-}
-
-// When using a color utility class inside of a link class,
-// color should change with link on hover.
-.Link--secondary,
-.Link--primary,
-.Link--muted {
-  &:hover [class*='color-fg'] {
-    color: inherit !important;
-  }
-}
+@import '@primer/view-components/app/components/primer/beta/link';

data/_sass/@primer/css/markdown/code.scss

@@ -58,6 +58,7 @@
     font-size: 85%;
     // stylelint-disable-next-line primer/typography
     line-height: 1.45;
+    color: var(--color-fg-default);
     background-color: var(--color-canvas-subtle);
     border-radius: $border-radius;
   }

data/_sass/@primer/css/markdown/tables.scss

@@ -1,5 +1,5 @@
 // Needs refactoring
-// stylelint-disable selector-max-type
+// stylelint-disable selector-max-type, selector-max-compound-selectors
 .markdown-body {
   // Tables
   table {
@@ -20,6 +20,12 @@
       border: $border-width $border-style var(--color-border-default);
     }
 
+    td {
+      > :last-child {
+        margin-bottom: 0;
+      }
+    }
+
     tr {
       background-color: var(--color-canvas-default);
       border-top: $border-width $border-style var(--color-border-muted);

data/_sass/@primer/css/marketing/buttons/button.scss

@@ -1,3 +1,4 @@
+/* stylelint-disable primer/no-deprecated-colors */
 .btn-mktg {
   position: relative;
   z-index: 1;

data/_sass/@primer/css/subhead/subhead.scss

@@ -1 +1 @@
-@import '@primer/view-components/app/components/primer/subhead_component';
+@import '@primer/view-components/app/components/primer/beta/subhead';

data/_sass/@primer/css/timeline/timeline-item.scss

@@ -1 +1 @@
-@import '@primer/view-components/app/components/primer/timeline_item_component';
+@import '@primer/view-components/app/components/primer/beta/timeline_item';

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

@@ -4,18 +4,18 @@
     --color-page-header-bg: #0d1117;
     --color-marketing-icon-primary: #79c0ff;
     --color-marketing-icon-secondary: #1f6feb;
-    --color-diff-blob-addition-num-text: #c9d1d9;
-    --color-diff-blob-addition-fg: #c9d1d9;
+    --color-diff-blob-addition-num-text: #e6edf3;
+    --color-diff-blob-addition-fg: #e6edf3;
     --color-diff-blob-addition-num-bg: rgba(63,185,80,0.3);
     --color-diff-blob-addition-line-bg: rgba(46,160,67,0.15);
     --color-diff-blob-addition-word-bg: rgba(46,160,67,0.4);
-    --color-diff-blob-deletion-num-text: #c9d1d9;
-    --color-diff-blob-deletion-fg: #c9d1d9;
+    --color-diff-blob-deletion-num-text: #e6edf3;
+    --color-diff-blob-deletion-fg: #e6edf3;
     --color-diff-blob-deletion-num-bg: rgba(248,81,73,0.3);
-    --color-diff-blob-deletion-line-bg: rgba(248,81,73,0.15);
+    --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: #8b949e;
+    --color-diff-blob-expander-icon: #7d8590;
     --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);
@@ -51,16 +51,16 @@
     --color-prettylights-syntax-brackethighlighter-angle: #8b949e;
     --color-prettylights-syntax-sublimelinter-gutter-mark: #484f58;
     --color-prettylights-syntax-constant-other-reference-link: #a5d6ff;
-    --color-codemirror-text: #c9d1d9;
+    --color-codemirror-text: #e6edf3;
     --color-codemirror-bg: #0d1117;
     --color-codemirror-gutters-bg: #0d1117;
     --color-codemirror-guttermarker-text: #0d1117;
     --color-codemirror-guttermarker-subtle-text: #6e7681;
-    --color-codemirror-linenumber-text: #8b949e;
-    --color-codemirror-cursor: #c9d1d9;
+    --color-codemirror-linenumber-text: #7d8590;
+    --color-codemirror-cursor: #e6edf3;
     --color-codemirror-selection-bg: rgba(56,139,253,0.4);
     --color-codemirror-activeline-bg: rgba(110,118,129,0.1);
-    --color-codemirror-matchingbracket-text: #c9d1d9;
+    --color-codemirror-matchingbracket-text: #e6edf3;
     --color-codemirror-lines-bg: #0d1117;
     --color-codemirror-syntax-comment: #8b949e;
     --color-codemirror-syntax-constant: #79c0ff;
@@ -73,58 +73,58 @@
     --color-checks-bg: #010409;
     --color-checks-run-border-width: 1px;
     --color-checks-container-border-width: 1px;
-    --color-checks-text-primary: #c9d1d9;
-    --color-checks-text-secondary: #8b949e;
-    --color-checks-text-link: #58a6ff;
-    --color-checks-btn-icon: #8b949e;
-    --color-checks-btn-hover-icon: #c9d1d9;
+    --color-checks-text-primary: #e6edf3;
+    --color-checks-text-secondary: #7d8590;
+    --color-checks-text-link: #2f81f7;
+    --color-checks-btn-icon: #7d8590;
+    --color-checks-btn-hover-icon: #e6edf3;
     --color-checks-btn-hover-bg: rgba(110,118,129,0.1);
-    --color-checks-input-text: #8b949e;
+    --color-checks-input-text: #7d8590;
     --color-checks-input-placeholder-text: #6e7681;
-    --color-checks-input-focus-text: #c9d1d9;
+    --color-checks-input-focus-text: #e6edf3;
     --color-checks-input-bg: #161b22;
     --color-checks-input-shadow: 0 0 0 1px (obj) => (0, get_1.default)(obj, path);
     --color-checks-donut-error: #f85149;
     --color-checks-donut-pending: #d29922;
     --color-checks-donut-success: #2ea043;
     --color-checks-donut-neutral: #8b949e;
-    --color-checks-dropdown-text: #c9d1d9;
+    --color-checks-dropdown-text: #e6edf3;
     --color-checks-dropdown-bg: #161b22;
     --color-checks-dropdown-border: #30363d;
     --color-checks-dropdown-shadow: rgba(1,4,9,0.3);
-    --color-checks-dropdown-hover-text: #c9d1d9;
+    --color-checks-dropdown-hover-text: #e6edf3;
     --color-checks-dropdown-hover-bg: rgba(110,118,129,0.1);
-    --color-checks-dropdown-btn-hover-text: #c9d1d9;
+    --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: #8b949e;
-    --color-checks-header-label-open-text: #c9d1d9;
+    --color-checks-header-label-text: #7d8590;
+    --color-checks-header-label-open-text: #e6edf3;
     --color-checks-header-border: #21262d;
-    --color-checks-header-icon: #8b949e;
-    --color-checks-line-text: #8b949e;
+    --color-checks-header-icon: #7d8590;
+    --color-checks-line-text: #7d8590;
     --color-checks-line-num-text: #6e7681;
     --color-checks-line-timestamp-text: #6e7681;
     --color-checks-line-hover-bg: rgba(110,118,129,0.1);
-    --color-checks-line-selected-bg: rgba(56,139,253,0.15);
-    --color-checks-line-selected-num-text: #58a6ff;
+    --color-checks-line-selected-bg: rgba(56,139,253,0.1);
+    --color-checks-line-selected-num-text: #2f81f7;
     --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: #8b949e;
+    --color-checks-gate-text: #7d8590;
     --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: #8b949e;
+    --color-checks-logline-text: #7d8590;
     --color-checks-logline-num-text: #6e7681;
     --color-checks-logline-debug-text: #a371f7;
-    --color-checks-logline-error-text: #8b949e;
+    --color-checks-logline-error-text: #7d8590;
     --color-checks-logline-error-num-text: #6e7681;
-    --color-checks-logline-error-bg: rgba(248,81,73,0.15);
-    --color-checks-logline-warning-text: #8b949e;
+    --color-checks-logline-error-bg: rgba(248,81,73,0.1);
+    --color-checks-logline-warning-text: #7d8590;
     --color-checks-logline-warning-num-text: #d29922;
     --color-checks-logline-warning-bg: rgba(187,128,9,0.15);
-    --color-checks-logline-command-text: #58a6ff;
+    --color-checks-logline-command-text: #2f81f7;
     --color-checks-logline-section-text: #3fb950;
     --color-checks-ansi-black: #0d1117;
     --color-checks-ansi-black-bright: #161b22;
@@ -152,11 +152,12 @@
     --color-mktg-btn-shadow-focus: rgb(255 255 255 / 25%) 0 0 0 4px;
     --color-mktg-btn-shadow-hover: 0 4px 7px rgba(0, 0, 0, 0.15), 0 100px 80px rgba(255, 255, 255, 0.02), 0 42px 33px rgba(255, 255, 255, 0.024), 0 22px 18px rgba(255, 255, 255, 0.028), 0 12px 10px rgba(255, 255, 255, 0.034), 0 7px 5px rgba(255, 255, 255, 0.04), 0 3px 2px rgba(255, 255, 255, 0.07);
     --color-mktg-btn-shadow-hover-muted: rgb(255 255 255) 0 0 0 2px inset;
+    --color-control-border-color-emphasis: #606771;
     --color-avatar-bg: rgba(255,255,255,0.1);
     --color-avatar-border: rgba(240,246,252,0.1);
     --color-avatar-stack-fade: #30363d;
     --color-avatar-stack-fade-more: #21262d;
-    --color-avatar-child-shadow: -2px -2px 0 #0d1117;
+    --color-avatar-child-shadow: 0 0 0 2px #0d1117;
     --color-topic-tag-border: rgba(0,0,0,0);
     --color-counter-border: rgba(0,0,0,0);
     --color-select-menu-backdrop-border: #484f58;
@@ -200,11 +201,6 @@
     --color-btn-active-bg: hsla(212,12%,18%,1);
     --color-btn-active-border: #6e7681;
     --color-btn-selected-bg: #161b22;
-    --color-btn-focus-bg: #21262d;
-    --color-btn-focus-border: #8b949e;
-    --color-btn-focus-shadow: 0 0 0 3px rgba(139,148,158,0.3);
-    --color-btn-shadow-active: inset 0 0.15em 0.3em rgba(1,4,9,0.15);
-    --color-btn-shadow-input-focus: 0 0 0 0.2em rgba(31,111,235,0.3);
     --color-btn-counter-bg: #30363d;
     --color-btn-primary-text: #ffffff;
     --color-btn-primary-bg: #238636;
@@ -218,9 +214,6 @@
     --color-btn-primary-disabled-text: rgba(255,255,255,0.5);
     --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-focus-bg: #238636;
-    --color-btn-primary-focus-border: rgba(240,246,252,0.1);
-    --color-btn-primary-focus-shadow: 0 0 0 3px rgba(46,164,79,0.4);
     --color-btn-primary-icon: #ffffff;
     --color-btn-primary-counter-bg: rgba(255,255,255,0.2);
     --color-btn-outline-text: #58a6ff;
@@ -237,8 +230,6 @@
     --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-focus-border: rgba(240,246,252,0.1);
-    --color-btn-outline-focus-shadow: 0 0 0 3px rgba(17,88,199,0.4);
     --color-btn-outline-counter-bg: rgba(31,111,235,0.1);
     --color-btn-danger-text: #f85149;
     --color-btn-danger-hover-text: #ffffff;
@@ -255,8 +246,6 @@
     --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-focus-border: #f85149;
-    --color-btn-danger-focus-shadow: 0 0 0 3px rgba(248,81,73,0.4);
     --color-btn-danger-counter-bg: rgba(218,54,51,0.1);
     --color-btn-danger-icon: #f85149;
     --color-underlinenav-icon: #6e7681;
@@ -270,22 +259,34 @@
     --color-action-list-item-danger-hover-bg: rgba(248,81,73,0.16);
     --color-action-list-item-danger-active-bg: rgba(248,81,73,0.24);
     --color-action-list-item-danger-hover-text: #ff7b72;
-    --color-switch-track-bg: #010409;
-    --color-switch-track-border: #6e7681;
+    --color-switch-track-bg: rgba(110,118,129,0.1);
+    --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-disabled-fg: #010409;
+    --color-switch-track-border: rgba(0,0,0,0);
     --color-switch-track-checked-bg: rgba(31,111,235,0.35);
     --color-switch-track-checked-hover-bg: rgba(31,111,235,0.5);
     --color-switch-track-checked-active-bg: rgba(31,111,235,0.65);
-    --color-switch-track-checked-border: #58a6ff;
-    --color-switch-knob-checked-bg: #1f6feb;
-    --color-switch-knob-checked-disabled-bg: #484f58;
-    --color-segmented-control-bg: #161b22;
+    --color-switch-track-checked-fg: #ffffff;
+    --color-switch-track-checked-disabled-fg: #010409;
+    --color-switch-track-checked-border: rgba(0,0,0,0);
+    --color-switch-knob-bg: #0d1117;
+    --color-switch-knob-border: #606771;
+    --color-switch-knob-disabled-bg: #161b22;
+    --color-switch-knob-checked-bg: #0d1117;
+    --color-switch-knob-checked-disabled-bg: #161b22;
+    --color-switch-knob-checked-border: rgba(31,111,235,0.35);
+    --color-segmented-control-bg: rgba(110,118,129,0.1);
+    --color-segmented-control-button-bg: #0d1117;
     --color-segmented-control-button-hover-bg: #30363d;
     --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: #8b949e;
-    --color-fg-default: #c9d1d9;
-    --color-fg-muted: #8b949e;
+    --color-tree-view-item-directory-fill: #7d8590;
+    --color-fg-default: #e6edf3;
+    --color-fg-muted: #7d8590;
     --color-fg-subtle: #6e7681;
     --color-fg-on-emphasis: #ffffff;
     --color-canvas-default: #0d1117;
@@ -303,10 +304,10 @@
     --color-neutral-emphasis: #6e7681;
     --color-neutral-muted: rgba(110,118,129,0.4);
     --color-neutral-subtle: rgba(110,118,129,0.1);
-    --color-accent-fg: #58a6ff;
+    --color-accent-fg: #2f81f7;
     --color-accent-emphasis: #1f6feb;
     --color-accent-muted: rgba(56,139,253,0.4);
-    --color-accent-subtle: rgba(56,139,253,0.15);
+    --color-accent-subtle: rgba(56,139,253,0.1);
     --color-success-fg: #3fb950;
     --color-success-emphasis: #238636;
     --color-success-muted: rgba(46,160,67,0.4);
@@ -318,11 +319,11 @@
     --color-severe-fg: #db6d28;
     --color-severe-emphasis: #bd561d;
     --color-severe-muted: rgba(219,109,40,0.4);
-    --color-severe-subtle: rgba(219,109,40,0.15);
+    --color-severe-subtle: rgba(219,109,40,0.1);
     --color-danger-fg: #f85149;
     --color-danger-emphasis: #da3633;
     --color-danger-muted: rgba(248,81,73,0.4);
-    --color-danger-subtle: rgba(248,81,73,0.15);
+    --color-danger-subtle: rgba(248,81,73,0.1);
     --color-open-fg: #3fb950;
     --color-open-emphasis: #238636;
     --color-open-muted: rgba(46,160,67,0.4);
@@ -334,11 +335,11 @@
     --color-done-fg: #a371f7;
     --color-done-emphasis: #8957e5;
     --color-done-muted: rgba(163,113,247,0.4);
-    --color-done-subtle: rgba(163,113,247,0.15);
+    --color-done-subtle: rgba(163,113,247,0.1);
     --color-sponsors-fg: #db61a2;
     --color-sponsors-emphasis: #bf4b8a;
     --color-sponsors-muted: rgba(219,97,162,0.4);
-    --color-sponsors-subtle: rgba(219,97,162,0.15);
+    --color-sponsors-subtle: rgba(219,97,162,0.1);
     --color-primer-fg-disabled: #484f58;
     --color-primer-canvas-backdrop: rgba(1,4,9,0.8);
     --color-primer-canvas-sticky: rgba(13,17,23,0.95);
@@ -346,7 +347,6 @@
     --color-primer-border-contrast: rgba(255,255,255,0.2);
     --color-primer-shadow-highlight: 0 0 transparent;
     --color-primer-shadow-inset: 0 0 transparent;
-    --color-primer-shadow-focus: 0 0 0 3px #0c2d6b;
     --color-scale-black: #010409;
     --color-scale-white: #ffffff;
     --color-scale-gray-0: #f0f6fc;