Remove depecated color variables

[colebemis]

Changes

• All deprecated color variables have been removed. This will improve the bundle size of @primer/primitives and any libraries that depend on it (e.g. Primer CSS, Primer React)
• The dist directory now contains a removed directory with data about removed variables organized by category:

  dist/
    js/
    ts/
    json/
    scss/
    deprecated/
+   removed/
+     colors.json

Each JSON file in the removed directory contains a mapping of removed variables to replacement variables. Example:

// dist/removed/colors.json
{
  "text.primary": "fg.default", // this means: `text.primary` is deprecated. Use `fg.default` instead
  "auto.blue.4": ["accent.fg, accent.emphasis"], // this means: `auto.blue.4` is deprecated. Use `accent.fg` or `accent.emphasis` instead
  "text.white": null // this means: `text.white` is deprecated. We don't have a replacement for it
}

This data will allow us to write linters to prevent usage of removed variables.

Note: The build will fail if any variables listed in the removed directory still exist in the library.

• The deprecations directory in the dist directory has been renamed to deprecated (to be consistent with the removed directory):

dist/
- deprecations/
+ deprecated/

[changeset-bot]

🦋 Changeset detected

Latest commit: 6755fd2

The changes in this PR will be included in the next version bump.

This PR includes changesets to release 1 package

Name	Type
@primer/primitives	Major

Not sure what this means? Click here to learn what changesets are.

Click here if you're a maintainer who wants to add another changeset to this PR

[vercel]

This pull request is being automatically deployed with Vercel (learn more).
To see the status of your deployment, click below or on the icon next to each commit.

🔍 Inspect: https://vercel.com/primer/primitives/B97b7iK4NdxvLUAs4BPCDJ2sjfqx
✅ Preview: https://primitives-git-remove-deprecated-primer.vercel.app

[github-actions]

Variables changed

--- base/dist/scss/colors/_dark.scss	2021-09-27 16:55:00.485803687 +0000
+++ dist/scss/colors/_dark.scss	2021-09-27 16:54:48.693715088 +0000
@@ -2,391 +2,5 @@
   & {
-    --color-auto-black: #f0f6fc;
-    --color-auto-white: #010409;
-    --color-auto-gray-0: #0d1117;
-    --color-auto-gray-1: #161b22;
-    --color-auto-gray-2: #21262d;
-    --color-auto-gray-3: #30363d;
-    --color-auto-gray-4: #484f58;
-    --color-auto-gray-5: #6e7681;
-    --color-auto-gray-6: #8b949e;
-    --color-auto-gray-7: #b1bac4;
-    --color-auto-gray-8: #c9d1d9;
-    --color-auto-gray-9: #f0f6fc;
-    --color-auto-blue-0: #051d4d;
-    --color-auto-blue-1: #0c2d6b;
-    --color-auto-blue-2: #0d419d;
-    --color-auto-blue-3: #1158c7;
-    --color-auto-blue-4: #1f6feb;
-    --color-auto-blue-5: #388bfd;
-    --color-auto-blue-6: #58a6ff;
-    --color-auto-blue-7: #79c0ff;
-    --color-auto-blue-8: #a5d6ff;
-    --color-auto-blue-9: #cae8ff;
-    --color-auto-green-0: #04260f;
-    --color-auto-green-1: #033a16;
-    --color-auto-green-2: #0f5323;
-    --color-auto-green-3: #196c2e;
-    --color-auto-green-4: #238636;
-    --color-auto-green-5: #2ea043;
-    --color-auto-green-6: #3fb950;
-    --color-auto-green-7: #56d364;
-    --color-auto-green-8: #7ee787;
-    --color-auto-green-9: #aff5b4;
-    --color-auto-yellow-0: #341a00;
-    --color-auto-yellow-1: #4b2900;
-    --color-auto-yellow-2: #693e00;
-    --color-auto-yellow-3: #845306;
-    --color-auto-yellow-4: #9e6a03;
-    --color-auto-yellow-5: #bb8009;
-    --color-auto-yellow-6: #d29922;
-    --color-auto-yellow-7: #e3b341;
-    --color-auto-yellow-8: #f2cc60;
-    --color-auto-yellow-9: #f8e3a1;
-    --color-auto-orange-0: #3d1300;
-    --color-auto-orange-1: #5a1e02;
-    --color-auto-orange-2: #762d0a;
-    --color-auto-orange-3: #9b4215;
-    --color-auto-orange-4: #bd561d;
-    --color-auto-orange-5: #db6d28;
-    --color-auto-orange-6: #f0883e;
-    --color-auto-orange-7: #ffa657;
-    --color-auto-orange-8: #ffc680;
-    --color-auto-orange-9: #ffdfb6;
-    --color-auto-red-0: #490202;
-    --color-auto-red-1: #67060c;
-    --color-auto-red-2: #8e1519;
-    --color-auto-red-3: #b62324;
-    --color-auto-red-4: #da3633;
-    --color-auto-red-5: #f85149;
-    --color-auto-red-6: #ff7b72;
-    --color-auto-red-7: #ffa198;
-    --color-auto-red-8: #ffc1ba;
-    --color-auto-red-9: #ffdcd7;
-    --color-auto-purple-0: #271052;
-    --color-auto-purple-1: #3c1e70;
-    --color-auto-purple-2: #553098;
-    --color-auto-purple-3: #6e40c9;
-    --color-auto-purple-4: #8957e5;
-    --color-auto-purple-5: #a371f7;
-    --color-auto-purple-6: #bc8cff;
-    --color-auto-purple-7: #d2a8ff;
-    --color-auto-purple-8: #e2c5ff;
-    --color-auto-purple-9: #eddeff;
-    --color-auto-pink-0: #42062a;
-    --color-auto-pink-1: #5e103e;
-    --color-auto-pink-2: #7d2457;
-    --color-auto-pink-3: #9e3670;
-    --color-auto-pink-4: #bf4b8a;
-    --color-auto-pink-5: #db61a2;
-    --color-auto-pink-6: #f778ba;
-    --color-auto-pink-7: #ff9bce;
-    --color-auto-pink-8: #ffbedd;
-    --color-auto-pink-9: #ffdaec;
-    --color-text-primary: #c9d1d9;
-    --color-text-secondary: #8b949e;
-    --color-text-tertiary: #8b949e;
-    --color-text-placeholder: #484f58;
-    --color-text-disabled: #8b949e;
-    --color-text-inverse: #f0f6fc;
-    --color-text-link: #58a6ff;
-    --color-text-danger: #f85149;
-    --color-text-success: #3fb950;
-    --color-text-warning: #d29922;
-    --color-text-white: #f0f6fc;
-    --color-icon-primary: #c9d1d9;
-    --color-icon-secondary: #8b949e;
-    --color-icon-tertiary: #8b949e;
-    --color-icon-info: #58a6ff;
-    --color-icon-danger: #f85149;
-    --color-icon-success: #3fb950;
-    --color-icon-warning: #d29922;
-    --color-border-primary: #30363d;
-    --color-border-secondary: #21262d;
-    --color-border-tertiary: #30363d;
-    --color-border-overlay: #30363d;
-    --color-border-inverse: #f0f6fc;
-    --color-border-info: #1f6feb;
-    --color-border-danger: #da3633;
-    --color-border-success: #238636;
-    --color-border-warning: #9e6a03;
-    --color-border-default: #30363d;
-    --color-border-muted: #21262d;
-    --color-border-subtle: rgba(240,246,252,0.1);
-    --color-bg-canvas: #0d1117;
-    --color-bg-canvas-mobile: rgba(0,0,0,0);
-    --color-bg-canvas-inverse: #6e7681;
-    --color-bg-canvas-inset: #010409;
-    --color-bg-primary: #0d1117;
-    --color-bg-secondary: #161b22;
-    --color-bg-tertiary: #161b22;
-    --color-bg-overlay: #161b22;
-    --color-bg-backdrop: rgba(1,4,9,0.8);
-    --color-bg-info: rgba(56,139,253,0.15);
-    --color-bg-info-inverse: #1f6feb;
-    --color-bg-danger: rgba(248,81,73,0.15);
-    --color-bg-danger-inverse: #da3633;
-    --color-bg-success: rgba(46,160,67,0.15);
-    --color-bg-success-inverse: #238636;
-    --color-bg-warning: rgba(187,128,9,0.15);
-    --color-bg-warning-inverse: #9e6a03;
-    --color-shadow-highlight: 0 0 transparent;
-    --color-shadow-inset: 0 0 transparent;
-    --color-shadow-small: 0 0 transparent;
-    --color-shadow-medium: 0 3px 6px #010409;
-    --color-shadow-large: 0 8px 24px #010409;
-    --color-shadow-extra-large: 0 12px 48px #010409;
-    --color-state-hover-primary-bg: #1f6feb;
-    --color-state-hover-primary-border: #1f6feb;
-    --color-state-hover-primary-text: #f0f6fc;
-    --color-state-hover-primary-icon: #f0f6fc;
-    --color-state-hover-secondary-bg: rgba(110,118,129,0.1);
-    --color-state-hover-secondary-border: rgba(110,118,129,0.1);
-    --color-state-selected-primary-bg: #1f6feb;
-    --color-state-selected-primary-border: #1f6feb;
-    --color-state-selected-primary-text: #f0f6fc;
-    --color-state-selected-primary-icon: #f0f6fc;
-    --color-state-focus-border: #1f6feb;
-    --color-state-focus-shadow: 0 0 0 3px #0c2d6b;
-    --color-fade-fg-10: rgba(240,246,252,0.1);
-    --color-fade-fg-15: rgba(240,246,252,0.15);
-    --color-fade-fg-30: rgba(240,246,252,0.3);
-    --color-fade-fg-50: rgba(240,246,252,0.5);
-    --color-fade-fg-70: rgba(240,246,252,0.7);
-    --color-fade-fg-85: rgba(240,246,252,0.85);
-    --color-fade-black-10: rgba(1,4,9,0.1);
-    --color-fade-black-15: rgba(1,4,9,0.15);
-    --color-fade-black-30: rgba(1,4,9,0.3);
-    --color-fade-black-50: rgba(1,4,9,0.5);
-    --color-fade-black-70: rgba(1,4,9,0.7);
-    --color-fade-black-85: rgba(1,4,9,0.85);
-    --color-fade-white-10: rgba(240,246,252,0.1);
-    --color-fade-white-15: rgba(240,246,252,0.15);
-    --color-fade-white-30: rgba(240,246,252,0.3);
-    --color-fade-white-50: rgba(240,246,252,0.5);
-    --color-fade-white-70: rgba(240,246,252,0.7);
-    --color-fade-white-85: rgba(240,246,252,0.85);
-    --color-alert-info-text: #c9d1d9;
-    --color-alert-info-icon: #58a6ff;
-    --color-alert-info-bg: rgba(56,139,253,0.15);
-    --color-alert-info-border: rgba(56,139,253,0.4);
-    --color-alert-warn-text: #c9d1d9;
-    --color-alert-warn-icon: #d29922;
-    --color-alert-warn-bg: rgba(187,128,9,0.15);
-    --color-alert-warn-border: rgba(187,128,9,0.4);
-    --color-alert-error-text: #c9d1d9;
-    --color-alert-error-icon: #f85149;
-    --color-alert-error-bg: rgba(248,81,73,0.15);
-    --color-alert-error-border: rgba(248,81,73,0.4);
-    --color-alert-success-text: #c9d1d9;
-    --color-alert-success-icon: #3fb950;
-    --color-alert-success-bg: rgba(46,160,67,0.15);
-    --color-alert-success-border: rgba(46,160,67,0.4);
-    --color-autocomplete-shadow: 0 3px 6px #010409;
-    --color-autocomplete-row-border: #21262d;
-    --color-blankslate-icon: #8b949e;
-    --color-counter-text: #c9d1d9;
-    --color-counter-bg: rgba(110,118,129,0.4);
-    --color-counter-primary-text: #f0f6fc;
-    --color-counter-primary-bg: #6e7681;
-    --color-counter-secondary-text: #8b949e;
-    --color-counter-secondary-bg: rgba(110,118,129,0.1);
-    --color-box-blue-border: rgba(56,139,253,0.4);
-    --color-box-row-yellow-bg: rgba(187,128,9,0.15);
-    --color-box-row-blue-bg: rgba(56,139,253,0.15);
-    --color-box-header-blue-bg: rgba(56,139,253,0.15);
-    --color-box-header-blue-border: rgba(56,139,253,0.4);
-    --color-box-border-info: rgba(56,139,253,0.4);
-    --color-box-bg-info: rgba(56,139,253,0.15);
-    --color-box-border-warning: rgba(187,128,9,0.4);
-    --color-box-bg-warning: rgba(187,128,9,0.15);
-    --color-branch-name-text: #8b949e;
-    --color-branch-name-icon: #8b949e;
-    --color-branch-name-bg: rgba(56,139,253,0.15);
-    --color-branch-name-link-text: #58a6ff;
-    --color-branch-name-link-icon: #58a6ff;
-    --color-branch-name-link-bg: rgba(56,139,253,0.15);
-    --color-markdown-code-bg: rgba(110,118,129,0.4);
-    --color-markdown-frame-border: #30363d;
-    --color-markdown-blockquote-border: #30363d;
-    --color-markdown-table-border: #30363d;
-    --color-markdown-table-tr-border: #21262d;
-    --color-filter-item-bar-bg: rgba(110,118,129,0.1);
-    --color-hidden-text-expander-bg: rgba(110,118,129,0.4);
-    --color-hidden-text-expander-bg-hover: rgba(56,139,253,0.4);
-    --color-drag-and-drop-border: #30363d;
-    --color-upload-enabled-border: #30363d;
-    --color-upload-enabled-border-focused: #1f6feb;
-    --color-previewable-comment-form-border: #30363d;
-    --color-verified-badge-text: #3fb950;
-    --color-verified-badge-bg: #0d1117;
-    --color-verified-badge-border: #30363d;
-    --color-social-count-bg: #0d1117;
-    --color-tooltip-text: #f0f6fc;
-    --color-tooltip-bg: #6e7681;
-    --color-files-explorer-icon: #58a6ff;
-    --color-hl-author-bg: rgba(56,139,253,0.15);
-    --color-hl-author-border: rgba(56,139,253,0.4);
-    --color-logo-subdued: rgba(110,118,129,0.4);
-    --color-discussion-border: rgba(46,160,67,0.4);
-    --color-discussion-bg-success: #238636;
-    --color-actions-workflow-table-sticky-bg: rgba(13,17,23,0.95);
-    --color-repo-language-color-border: rgba(240,246,252,0.2);
-    --color-code-selection-bg: rgba(56,139,253,0.4);
-    --color-highlight-text: #c9d1d9;
-    --color-highlight-bg: rgba(187,128,9,0.15);
-    --color-blob-line-highlight-bg: rgba(187,128,9,0.15);
-    --color-blob-line-highlight-border: rgba(187,128,9,0.4);
-    --color-topic-tag-text: #58a6ff;
-    --color-topic-tag-bg: rgba(56,139,253,0.15);
-    --color-topic-tag-hover-bg: #1f6feb;
-    --color-topic-tag-active-bg: rgba(56,139,253,0.15);
-    --color-topic-tag-border: rgba(0,0,0,0);
-    --color-footer-invertocat-octicon: #484f58;
-    --color-footer-invertocat-octicon-hover: #8b949e;
-    --color-dropdown-shadow: 0 8px 24px #010409;
-    --color-label-border: #30363d;
-    --color-label-primary-text: #c9d1d9;
-    --color-label-primary-border: #6e7681;
-    --color-label-secondary-text: #8b949e;
-    --color-label-secondary-border: #30363d;
-    --color-label-info-text: #58a6ff;
-    --color-label-info-border: #1f6feb;
-    --color-label-success-text: #3fb950;
-    --color-label-success-border: #238636;
-    --color-label-warning-text: #d29922;
-    --color-label-warning-border: #9e6a03;
-    --color-label-danger-text: #f85149;
-    --color-label-danger-border: #da3633;
-    --color-label-orange-text: #db6d28;
-    --color-label-orange-border: #bd561d;
-    --color-input-bg: #0d1117;
-    --color-input-contrast-bg: #010409;
-    --color-input-border: #30363d;
-    --color-input-shadow: 0 0 transparent;
-    --color-input-disabled-border: #30363d;
-    --color-input-warning-border: #9e6a03;
-    --color-input-error-border: #da3633;
-    --color-input-tooltip-success-text: #c9d1d9;
-    --color-input-tooltip-success-bg: rgba(46,160,67,0.15);
-    --color-input-tooltip-success-border: rgba(46,160,67,0.4);
-    --color-input-tooltip-warning-text: #c9d1d9;
-    --color-input-tooltip-warning-bg: rgba(187,128,9,0.15);
-    --color-input-tooltip-warning-border: rgba(187,128,9,0.4);
-    --color-input-tooltip-error-text: #c9d1d9;
-    --color-input-tooltip-error-bg: rgba(248,81,73,0.15);
-    --color-input-tooltip-error-border: rgba(248,81,73,0.4);
-    --color-input-disabled-bg: rgba(110,118,129,0);
-    --color-toast-text: #c9d1d9;
-    --color-toast-bg: #0d1117;
-    --color-toast-border: #30363d;
-    --color-toast-shadow: 0 8px 24px #010409;
-    --color-toast-icon: #f0f6fc;
-    --color-toast-icon-bg: #1f6feb;
-    --color-toast-icon-border: rgba(0,0,0,0);
-    --color-toast-success-text: #c9d1d9;
-    --color-toast-success-border: #30363d;
-    --color-toast-success-icon: #f0f6fc;
-    --color-toast-success-icon-bg: #238636;
-    --color-toast-success-icon-border: rgba(0,0,0,0);
-    --color-toast-warning-text: #c9d1d9;
-    --color-toast-warning-border: #30363d;
-    --color-toast-warning-icon: #c9d1d9;
-    --color-toast-warning-icon-bg: #9e6a03;
-    --color-toast-warning-icon-border: rgba(0,0,0,0);
-    --color-toast-danger-text: #c9d1d9;
-    --color-toast-danger-border: #30363d;
-    --color-toast-danger-icon: #f0f6fc;
-    --color-toast-danger-icon-bg: #da3633;
-    --color-toast-danger-icon-border: rgba(0,0,0,0);
-    --color-toast-loading-text: #c9d1d9;
-    --color-toast-loading-border: #30363d;
-    --color-toast-loading-icon: #f0f6fc;
-    --color-toast-loading-icon-bg: #6e7681;
-    --color-toast-loading-icon-border: rgba(0,0,0,0);
-    --color-timeline-text: #8b949e;
-    --color-timeline-badge-success-border: rgba(0,0,0,0);
-    --color-timeline-target-badge-border: #1f6feb;
-    --color-timeline-target-badge-shadow: rgba(56,139,253,0.4);
-    --color-timeline-badge-bg: #21262d;
-    --color-diffstat-neutral-bg: rgba(110,118,129,0.4);
-    --color-diffstat-neutral-border: rgba(240,246,252,0.1);
-    --color-diffstat-deletion-border: rgba(240,246,252,0.1);
-    --color-diffstat-addition-border: rgba(240,246,252,0.1);
-    --color-diffstat-deletion-bg: #da3633;
-    --color-diffstat-addition-bg: #3fb950;
-    --color-diff-addition-text: #c9d1d9;
-    --color-diff-addition-bg: rgba(46,160,67,0.15);
-    --color-diff-addition-border: rgba(46,160,67,0.4);
-    --color-diff-deletion-text: #c9d1d9;
-    --color-diff-deletion-bg: rgba(248,81,73,0.15);
-    --color-diff-deletion-border: rgba(248,81,73,0.4);
-    --color-diff-change-text: #d29922;
-    --color-diff-change-bg: rgba(187,128,9,0.15);
-    --color-diff-change-border: rgba(187,128,9,0.4);
-    --color-merge-box-success-icon-bg: #238636;
-    --color-merge-box-success-icon-text: #f0f6fc;
-    --color-merge-box-success-icon-border: rgba(0,0,0,0);
-    --color-merge-box-success-indicator-bg: #238636;
-    --color-merge-box-success-indicator-border: rgba(0,0,0,0);
-    --color-merge-box-merged-icon-bg: #8957e5;
-    --color-merge-box-merged-icon-text: #f0f6fc;
-    --color-merge-box-merged-icon-border: rgba(0,0,0,0);
-    --color-merge-box-merged-box-border: #8957e5;
-    --color-merge-box-neutral-icon-bg: #6e7681;
-    --color-merge-box-neutral-icon-text: #f0f6fc;
-    --color-merge-box-neutral-icon-border: rgba(0,0,0,0);
-    --color-merge-box-neutral-indicator-bg: #6e7681;
-    --color-merge-box-neutral-indicator-border: rgba(0,0,0,0);
-    --color-merge-box-warning-icon-bg: #9e6a03;
-    --color-merge-box-warning-icon-text: #f0f6fc;
-    --color-merge-box-warning-icon-border: rgba(0,0,0,0);
-    --color-merge-box-warning-box-border: #9e6a03;
-    --color-merge-box-warning-merge-highlight: rgba(0,0,0,0);
-    --color-merge-box-error-icon-bg: #da3633;
-    --color-merge-box-error-icon-text: #f0f6fc;
-    --color-merge-box-error-icon-border: rgba(0,0,0,0);
-    --color-merge-box-error-indicator-bg: #da3633;
-    --color-merge-box-error-indicator-border: rgba(0,0,0,0);
-    --color-underlinenav-border: rgba(0,0,0,0);
-    --color-underlinenav-border-hover: rgba(110,118,129,0.4);
-    --color-underlinenav-border-active: #F78166;
-    --color-underlinenav-text: #c9d1d9;
-    --color-underlinenav-text-hover: #c9d1d9;
-    --color-underlinenav-text-active: #c9d1d9;
-    --color-underlinenav-icon: #484f58;
-    --color-underlinenav-icon-hover: #484f58;
-    --color-underlinenav-icon-active: #c9d1d9;
-    --color-underlinenav-counter-text: #c9d1d9;
-    --color-underlinenav-counter-bg: rgba(110,118,129,0.4);
-    --color-select-menu-border-secondary: #21262d;
-    --color-select-menu-shadow: 0 8px 24px #010409;
-    --color-select-menu-backdrop-bg: rgba(1,4,9,0.8);
-    --color-select-menu-backdrop-border: #484f58;
-    --color-select-menu-tap-highlight: rgba(48,54,61,0.5);
-    --color-select-menu-tap-focus-bg: #0c2d6b;
-    --color-sidenav-border-active: #F78166;
-    --color-sidenav-selected-bg: #21262d;
-    --color-menu-heading-text: #c9d1d9;
-    --color-menu-border-active: #F78166;
-    --color-menu-bg-active: #161b22;
-    --color-project-card-bg: #161b22;
-    --color-project-header-bg: #0d1117;
-    --color-project-sidebar-bg: #161b22;
-    --color-project-gradient-in: #161b22;
-    --color-project-gradient-out: rgba(22,27,34,0);
-    --color-pr-state-draft-text: #f0f6fc;
-    --color-pr-state-draft-bg: #6e7681;
-    --color-pr-state-draft-border: rgba(0,0,0,0);
-    --color-pr-state-open-text: #f0f6fc;
-    --color-pr-state-open-bg: #238636;
-    --color-pr-state-open-border: rgba(0,0,0,0);
-    --color-pr-state-merged-text: #f0f6fc;
-    --color-pr-state-merged-bg: #8957e5;
-    --color-pr-state-merged-border: rgba(0,0,0,0);
-    --color-pr-state-closed-text: #f0f6fc;
-    --color-pr-state-closed-bg: #da3633;
-    --color-pr-state-closed-border: rgba(0,0,0,0);
-    --color-diff-blob-num-text: #484f58;
-    --color-diff-blob-num-hover-text: #c9d1d9;
-    --color-diff-blob-addition-num-hover-text: #c9d1d9;
+    --color-canvas-default-transparent: rgba(13,17,23,0);
+    --color-marketing-icon-primary: #79c0ff;
+    --color-marketing-icon-secondary: #1f6feb;
     --color-diff-blob-addition-num-text: #c9d1d9;
@@ -396,3 +10,2 @@
     --color-diff-blob-addition-word-bg: rgba(46,160,67,0.4);
-    --color-diff-blob-deletion-num-hover-text: #c9d1d9;
     --color-diff-blob-deletion-num-text: #c9d1d9;
@@ -402,30 +15,8 @@
     --color-diff-blob-deletion-word-bg: rgba(248,81,73,0.4);
-    --color-diff-blob-hunk-text: #8b949e;
     --color-diff-blob-hunk-num-bg: rgba(56,139,253,0.4);
-    --color-diff-blob-hunk-line-bg: rgba(56,139,253,0.15);
-    --color-diff-blob-empty-block-bg: rgba(110,118,129,0.1);
-    --color-diff-blob-selected-line-highlight-bg: rgba(187,128,9,0.15);
-    --color-diff-blob-selected-line-highlight-border: rgba(187,128,9,0.4);
-    --color-diff-blob-expander-hover-icon: #f0f6fc;
-    --color-diff-blob-expander-hover-bg: #1f6feb;
     --color-diff-blob-expander-icon: #8b949e;
-    --color-diff-blob-comment-button-icon: #f0f6fc;
-    --color-diff-blob-comment-button-bg: #1f6feb;
-    --color-diff-blob-comment-button-gradient-bg: rgba(0,0,0,0);
     --color-diff-blob-selected-line-highlight-mix-blend-mode: screen;
-    --color-global-nav-logo: #f0f6fc;
-    --color-global-nav-bg: #161b22;
-    --color-global-nav-text: #c9d1d9;
-    --color-global-nav-icon: #c9d1d9;
-    --color-global-nav-input-bg: #0d1117;
-    --color-global-nav-input-border: #21262d;
-    --color-global-nav-input-icon: #21262d;
-    --color-global-nav-input-placeholder: #484f58;
-    --color-intro-shelf-gradient-left: rgba(56,139,253,0.15);
-    --color-intro-shelf-gradient-right: rgba(46,160,67,0.15);
-    --color-intro-shelf-gradient-in: #0d1117;
-    --color-intro-shelf-gradient-out: rgba(240,246,252,0);
-    --color-canvas-default-transparent: rgba(13,17,23,0);
-    --color-marketing-icon-primary: #79c0ff;
-    --color-marketing-icon-secondary: #1f6feb;
+    --color-diffstat-deletion-border: rgba(240,246,252,0.1);
+    --color-diffstat-addition-border: rgba(240,246,252,0.1);
+    --color-diffstat-addition-bg: #3fb950;
     --color-search-keyword-hl: rgba(210,153,34,0.4);
@@ -553,2 +144,6 @@
     --color-checks-ansi-cyan-bright: #b3f0ff;
+    --color-project-header-bg: #0d1117;
+    --color-project-sidebar-bg: #161b22;
+    --color-project-gradient-in: #161b22;
+    --color-project-gradient-out: rgba(22,27,34,0);
     --color-mktg-success: rgba(41,147,61,1);
@@ -589,2 +184,6 @@
     --color-avatar-child-shadow: -2px -2px 0 #0d1117;
+    --color-topic-tag-border: rgba(0,0,0,0);
+    --color-select-menu-backdrop-border: #484f58;
+    --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);
@@ -595,2 +194,6 @@
     --color-header-search-border: #30363d;
+    --color-sidenav-selected-bg: #21262d;
+    --color-menu-bg-active: #161b22;
+    --color-input-disabled-bg: rgba(110,118,129,0);
+    --color-timeline-badge-bg: #21262d;
     --color-ansi-black: #484f58;
@@ -681,2 +284,4 @@
     --color-btn-danger-icon: #f85149;
+    --color-underlinenav-icon: #484f58;
+    --color-underlinenav-border-hover: rgba(110,118,129,0.4);
     --color-fg-default: #c9d1d9;
@@ -689,2 +294,9 @@
     --color-canvas-subtle: #161b22;
+    --color-border-default: #30363d;
+    --color-border-muted: #21262d;
+    --color-border-subtle: rgba(240,246,252,0.1);
+    --color-shadow-small: 0 0 transparent;
+    --color-shadow-medium: 0 3px 6px #010409;
+    --color-shadow-large: 0 8px 24px #010409;
+    --color-shadow-extra-large: 0 12px 48px #010409;
     --color-neutral-emphasis-plus: #6e7681;
--- base/dist/scss/colors/_dark_dimmed.scss	2021-09-27 16:55:00.493803754 +0000
+++ dist/scss/colors/_dark_dimmed.scss	2021-09-27 16:54:48.701715162 +0000
@@ -2,391 +2,5 @@
   & {
-    --color-auto-black: #cdd9e5;
-    --color-auto-white: #1c2128;
-    --color-auto-gray-0: #22272e;
-    --color-auto-gray-1: #2d333b;
-    --color-auto-gray-2: #373e47;
-    --color-auto-gray-3: #444c56;
-    --color-auto-gray-4: #545d68;
-    --color-auto-gray-5: #636e7b;
-    --color-auto-gray-6: #768390;
-    --color-auto-gray-7: #909dab;
-    --color-auto-gray-8: #adbac7;
-    --color-auto-gray-9: #cdd9e5;
-    --color-auto-blue-0: #0f2d5c;
-    --color-auto-blue-1: #143d79;
-    --color-auto-blue-2: #1b4b91;
-    --color-auto-blue-3: #255ab2;
-    --color-auto-blue-4: #316dca;
-    --color-auto-blue-5: #4184e4;
-    --color-auto-blue-6: #539bf5;
-    --color-auto-blue-7: #6cb6ff;
-    --color-auto-blue-8: #96d0ff;
-    --color-auto-blue-9: #c6e6ff;
-    --color-auto-green-0: #113417;
-    --color-auto-green-1: #1b4721;
-    --color-auto-green-2: #245829;
-    --color-auto-green-3: #2b6a30;
-    --color-auto-green-4: #347d39;
-    --color-auto-green-5: #46954a;
-    --color-auto-green-6: #57ab5a;
-    --color-auto-green-7: #6bc46d;
-    --color-auto-green-8: #8ddb8c;
-    --color-auto-green-9: #b4f1b4;
-    --color-auto-yellow-0: #452700;
-    --color-auto-yellow-1: #593600;
-    --color-auto-yellow-2: #6c4400;
-    --color-auto-yellow-3: #805400;
-    --color-auto-yellow-4: #966600;
-    --color-auto-yellow-5: #ae7c14;
-    --color-auto-yellow-6: #c69026;
-    --color-auto-yellow-7: #daaa3f;
-    --color-auto-yellow-8: #eac55f;
-    --color-auto-yellow-9: #fbe090;
-    --color-auto-orange-0: #4d210c;
-    --color-auto-orange-1: #682d0f;
-    --color-auto-orange-2: #7f3913;
-    --color-auto-orange-3: #94471b;
-    --color-auto-orange-4: #ae5622;
-    --color-auto-orange-5: #cc6b2c;
-    --color-auto-orange-6: #e0823d;
-    --color-auto-orange-7: #f69d50;
-    --color-auto-orange-8: #ffbc6f;
-    --color-auto-orange-9: #ffddb0;
-    --color-auto-red-0: #78191b;
-    --color-auto-red-1: #78191b;
-    --color-auto-red-2: #922323;
-    --color-auto-red-3: #ad2e2c;
-    --color-auto-red-4: #c93c37;
-    --color-auto-red-5: #e5534b;
-    --color-auto-red-6: #f47067;
-    --color-auto-red-7: #ff938a;
-    --color-auto-red-8: #ffb8b0;
-    --color-auto-red-9: #ffd8d3;
-    --color-auto-purple-0: #352160;
-    --color-auto-purple-1: #472c82;
-    --color-auto-purple-2: #5936a2;
-    --color-auto-purple-3: #6b44bc;
-    --color-auto-purple-4: #8256d0;
-    --color-auto-purple-5: #986ee2;
-    --color-auto-purple-6: #b083f0;
-    --color-auto-purple-7: #dcbdfb;
-    --color-auto-purple-8: #dcbdfb;
-    --color-auto-purple-9: #eedcff;
-    --color-auto-pink-0: #551639;
-    --color-auto-pink-1: #69264a;
-    --color-auto-pink-2: #7e325a;
-    --color-auto-pink-3: #983b6e;
-    --color-auto-pink-4: #ae4c82;
-    --color-auto-pink-5: #c96198;
-    --color-auto-pink-6: #e275ad;
-    --color-auto-pink-7: #fc8dc7;
-    --color-auto-pink-8: #ffb3d8;
-    --color-auto-pink-9: #ffd7eb;
-    --color-text-primary: #adbac7;
-    --color-text-secondary: #768390;
-    --color-text-tertiary: #768390;
-    --color-text-placeholder: #545d68;
-    --color-text-disabled: #768390;
-    --color-text-inverse: #cdd9e5;
-    --color-text-link: #539bf5;
-    --color-text-danger: #e5534b;
-    --color-text-success: #57ab5a;
-    --color-text-warning: #c69026;
-    --color-text-white: #cdd9e5;
-    --color-icon-primary: #adbac7;
-    --color-icon-secondary: #768390;
-    --color-icon-tertiary: #768390;
-    --color-icon-info: #539bf5;
-    --color-icon-danger: #e5534b;
-    --color-icon-success: #57ab5a;
-    --color-icon-warning: #c69026;
-    --color-border-primary: #444c56;
-    --color-border-secondary: #373e47;
-    --color-border-tertiary: #444c56;
-    --color-border-overlay: #444c56;
-    --color-border-inverse: #cdd9e5;
-    --color-border-info: #316dca;
-    --color-border-danger: #c93c37;
-    --color-border-success: #347d39;
-    --color-border-warning: #966600;
-    --color-border-default: #444c56;
-    --color-border-muted: #373e47;
-    --color-border-subtle: rgba(205,217,229,0.1);
-    --color-bg-canvas: #22272e;
-    --color-bg-canvas-mobile: rgba(0,0,0,0);
-    --color-bg-canvas-inverse: #636e7b;
-    --color-bg-canvas-inset: #1c2128;
-    --color-bg-primary: #22272e;
-    --color-bg-secondary: #2d333b;
-    --color-bg-tertiary: #2d333b;
-    --color-bg-overlay: #2d333b;
-    --color-bg-backdrop: rgba(28,33,40,0.8);
-    --color-bg-info: rgba(65,132,228,0.15);
-    --color-bg-info-inverse: #316dca;
-    --color-bg-danger: rgba(229,83,75,0.15);
-    --color-bg-danger-inverse: #c93c37;
-    --color-bg-success: rgba(70,149,74,0.15);
-    --color-bg-success-inverse: #347d39;
-    --color-bg-warning: rgba(174,124,20,0.15);
-    --color-bg-warning-inverse: #966600;
-    --color-shadow-highlight: 0 0 transparent;
-    --color-shadow-inset: 0 0 transparent;
-    --color-shadow-small: 0 0 transparent;
-    --color-shadow-medium: 0 3px 6px #1c2128;
-    --color-shadow-large: 0 8px 24px #1c2128;
-    --color-shadow-extra-large: 0 12px 48px #1c2128;
-    --color-state-hover-primary-bg: #316dca;
-    --color-state-hover-primary-border: #316dca;
-    --color-state-hover-primary-text: #cdd9e5;
-    --color-state-hover-primary-icon: #cdd9e5;
-    --color-state-hover-secondary-bg: rgba(99,110,123,0.1);
-    --color-state-hover-secondary-border: rgba(99,110,123,0.1);
-    --color-state-selected-primary-bg: #316dca;
-    --color-state-selected-primary-border: #316dca;
-    --color-state-selected-primary-text: #cdd9e5;
-    --color-state-selected-primary-icon: #cdd9e5;
-    --color-state-focus-border: #316dca;
-    --color-state-focus-shadow: 0 0 0 3px #143d79;
-    --color-fade-fg-10: rgba(205,217,229,0.1);
-    --color-fade-fg-15: rgba(205,217,229,0.15);
-    --color-fade-fg-30: rgba(205,217,229,0.3);
-    --color-fade-fg-50: rgba(205,217,229,0.5);
-    --color-fade-fg-70: rgba(205,217,229,0.7);
-    --color-fade-fg-85: rgba(205,217,229,0.85);
-    --color-fade-black-10: rgba(28,33,40,0.1);
-    --color-fade-black-15: rgba(28,33,40,0.15);
-    --color-fade-black-30: rgba(28,33,40,0.3);
-    --color-fade-black-50: rgba(28,33,40,0.5);
-    --color-fade-black-70: rgba(28,33,40,0.7);
-    --color-fade-black-85: rgba(28,33,40,0.85);
-    --color-fade-white-10: rgba(205,217,229,0.1);
-    --color-fade-white-15: rgba(205,217,229,0.15);
-    --color-fade-white-30: rgba(205,217,229,0.3);
-    --color-fade-white-50: rgba(205,217,229,0.5);
-    --color-fade-white-70: rgba(205,217,229,0.7);
-    --color-fade-white-85: rgba(205,217,229,0.85);
-    --color-alert-info-text: #adbac7;
-    --color-alert-info-icon: #539bf5;
-    --color-alert-info-bg: rgba(65,132,228,0.15);
-    --color-alert-info-border: rgba(65,132,228,0.4);
-    --color-alert-warn-text: #adbac7;
-    --color-alert-warn-icon: #c69026;
-    --color-alert-warn-bg: rgba(174,124,20,0.15);
-    --color-alert-warn-border: rgba(174,124,20,0.4);
-    --color-alert-error-text: #adbac7;
-    --color-alert-error-icon: #e5534b;
-    --color-alert-error-bg: rgba(229,83,75,0.15);
-    --color-alert-error-border: rgba(229,83,75,0.4);
-    --color-alert-success-text: #adbac7;
-    --color-alert-success-icon: #57ab5a;
-    --color-alert-success-bg: rgba(70,149,74,0.15);
-    --color-alert-success-border: rgba(70,149,74,0.4);
-    --color-autocomplete-shadow: 0 3px 6px #1c2128;
-    --color-autocomplete-row-border: #373e47;
-    --color-blankslate-icon: #768390;
-    --color-counter-text: #adbac7;
-    --color-counter-bg: rgba(99,110,123,0.4);
-    --color-counter-primary-text: #cdd9e5;
-    --color-counter-primary-bg: #636e7b;
-    --color-counter-secondary-text: #768390;
-    --color-counter-secondary-bg: rgba(99,110,123,0.1);
-    --color-box-blue-border: rgba(65,132,228,0.4);
-    --color-box-row-yellow-bg: rgba(174,124,20,0.15);
-    --color-box-row-blue-bg: rgba(65,132,228,0.15);
-    --color-box-header-blue-bg: rgba(65,132,228,0.15);
-    --color-box-header-blue-border: rgba(65,132,228,0.4);
-    --color-box-border-info: rgba(65,132,228,0.4);
-    --color-box-bg-info: rgba(65,132,228,0.15);
-    --color-box-border-warning: rgba(174,124,20,0.4);
-    --color-box-bg-warning: rgba(174,124,20,0.15);
-    --color-branch-name-text: #768390;
-    --color-branch-name-icon: #768390;
-    --color-branch-name-bg: rgba(65,132,228,0.15);
-    --color-branch-name-link-text: #539bf5;
-    --color-branch-name-link-icon: #539bf5;
-    --color-branch-name-link-bg: rgba(65,132,228,0.15);
-    --color-markdown-code-bg: rgba(99,110,123,0.4);
-    --color-markdown-frame-border: #444c56;
-    --color-markdown-blockquote-border: #444c56;
-    --color-markdown-table-border: #444c56;
-    --color-markdown-table-tr-border: #373e47;
-    --color-filter-item-bar-bg: rgba(99,110,123,0.1);
-    --color-hidden-text-expander-bg: rgba(99,110,123,0.4);
-    --color-hidden-text-expander-bg-hover: rgba(65,132,228,0.4);
-    --color-drag-and-drop-border: #444c56;
-    --color-upload-enabled-border: #444c56;
-    --color-upload-enabled-border-focused: #316dca;
-    --color-previewable-comment-form-border: #444c56;
-    --color-verified-badge-text: #57ab5a;
-    --color-verified-badge-bg: #22272e;
-    --color-verified-badge-border: #444c56;
-    --color-social-count-bg: #22272e;
-    --color-tooltip-text: #cdd9e5;
-    --color-tooltip-bg: #636e7b;
-    --color-files-explorer-icon: #539bf5;
-    --color-hl-author-bg: rgba(65,132,228,0.15);
-    --color-hl-author-border: rgba(65,132,228,0.4);
-    --color-logo-subdued: rgba(99,110,123,0.4);
-    --color-discussion-border: rgba(70,149,74,0.4);
-    --color-discussion-bg-success: #347d39;
-    --color-actions-workflow-table-sticky-bg: rgba(34,39,46,0.95);
-    --color-repo-language-color-border: rgba(205,217,229,0.2);
-    --color-code-selection-bg: rgba(65,132,228,0.4);
-    --color-highlight-text: #adbac7;
-    --color-highlight-bg: rgba(174,124,20,0.15);
-    --color-blob-line-highlight-bg: rgba(174,124,20,0.15);
-    --color-blob-line-highlight-border: rgba(174,124,20,0.4);
-    --color-topic-tag-text: #539bf5;
-    --color-topic-tag-bg: rgba(65,132,228,0.15);
-    --color-topic-tag-hover-bg: #316dca;
-    --color-topic-tag-active-bg: rgba(65,132,228,0.15);
-    --color-topic-tag-border: rgba(0,0,0,0);
-    --color-footer-invertocat-octicon: #545d68;
-    --color-footer-invertocat-octicon-hover: #768390;
-    --color-dropdown-shadow: 0 8px 24px #1c2128;
-    --color-label-border: #444c56;
-    --color-label-primary-text: #adbac7;
-    --color-label-primary-border: #636e7b;
-    --color-label-secondary-text: #768390;
-    --color-label-secondary-border: #444c56;
-    --color-label-info-text: #539bf5;
-    --color-label-info-border: #316dca;
-    --color-label-success-text: #57ab5a;
-    --color-label-success-border: #347d39;
-    --color-label-warning-text: #c69026;
-    --color-label-warning-border: #966600;
-    --color-label-danger-text: #e5534b;
-    --color-label-danger-border: #c93c37;
-    --color-label-orange-text: #cc6b2c;
-    --color-label-orange-border: #ae5622;
-    --color-input-bg: #22272e;
-    --color-input-contrast-bg: #1c2128;
-    --color-input-border: #444c56;
-    --color-input-shadow: 0 0 transparent;
-    --color-input-disabled-border: #444c56;
-    --color-input-warning-border: #966600;
-    --color-input-error-border: #c93c37;
-    --color-input-tooltip-success-text: #adbac7;
-    --color-input-tooltip-success-bg: rgba(70,149,74,0.15);
-    --color-input-tooltip-success-border: rgba(70,149,74,0.4);
-    --color-input-tooltip-warning-text: #adbac7;
-    --color-input-tooltip-warning-bg: rgba(174,124,20,0.15);
-    --color-input-tooltip-warning-border: rgba(174,124,20,0.4);
-    --color-input-tooltip-error-text: #adbac7;
-    --color-input-tooltip-error-bg: rgba(229,83,75,0.15);
-    --color-input-tooltip-error-border: rgba(229,83,75,0.4);
-    --color-input-disabled-bg: rgba(99,110,123,0);
-    --color-toast-text: #adbac7;
-    --color-toast-bg: #22272e;
-    --color-toast-border: #444c56;
-    --color-toast-shadow: 0 8px 24px #1c2128;
-    --color-toast-icon: #cdd9e5;
-    --color-toast-icon-bg: #316dca;
-    --color-toast-icon-border: rgba(0,0,0,0);
-    --color-toast-success-text: #adbac7;
-    --color-toast-success-border: #444c56;
-    --color-toast-success-icon: #cdd9e5;
-    --color-toast-success-icon-bg: #347d39;
-    --color-toast-success-icon-border: rgba(0,0,0,0);
-    --color-toast-warning-text: #adbac7;
-    --color-toast-warning-border: #444c56;
-    --color-toast-warning-icon: #adbac7;
-    --color-toast-warning-icon-bg: #966600;
-    --color-toast-warning-icon-border: rgba(0,0,0,0);
-    --color-toast-danger-text: #adbac7;
-    --color-toast-danger-border: #444c56;
-    --color-toast-danger-icon: #cdd9e5;
-    --color-toast-danger-icon-bg: #c93c37;
-    --color-toast-danger-icon-border: rgba(0,0,0,0);
-    --color-toast-loading-text: #adbac7;
-    --color-toast-loading-border: #444c56;
-    --color-toast-loading-icon: #cdd9e5;
-    --color-toast-loading-icon-bg: #636e7b;
-    --color-toast-loading-icon-border: rgba(0,0,0,0);
-    --color-timeline-text: #768390;
-    --color-timeline-badge-success-border: rgba(0,0,0,0);
-    --color-timeline-target-badge-border: #316dca;
-    --color-timeline-target-badge-shadow: rgba(65,132,228,0.4);
-    --color-timeline-badge-bg: #373e47;
-    --color-diffstat-neutral-bg: rgba(99,110,123,0.4);
-    --color-diffstat-neutral-border: rgba(205,217,229,0.1);
-    --color-diffstat-deletion-border: rgba(205,217,229,0.1);
-    --color-diffstat-addition-border: rgba(205,217,229,0.1);
-    --color-diffstat-deletion-bg: #c93c37;
-    --color-diffstat-addition-bg: #57ab5a;
-    --color-diff-addition-text: #adbac7;
-    --color-diff-addition-bg: rgba(70,149,74,0.15);
-    --color-diff-addition-border: rgba(70,149,74,0.4);
-    --color-diff-deletion-text: #adbac7;
-    --color-diff-deletion-bg: rgba(229,83,75,0.15);
-    --color-diff-deletion-border: rgba(229,83,75,0.4);
-    --color-diff-change-text: #c69026;
-    --color-diff-change-bg: rgba(174,124,20,0.15);
-    --color-diff-change-border: rgba(174,124,20,0.4);
-    --color-merge-box-success-icon-bg: #347d39;
-    --color-merge-box-success-icon-text: #cdd9e5;
-    --color-merge-box-success-icon-border: rgba(0,0,0,0);
-    --color-merge-box-success-indicator-bg: #347d39;
-    --color-merge-box-success-indicator-border: rgba(0,0,0,0);
-    --color-merge-box-merged-icon-bg: #8256d0;
-    --color-merge-box-merged-icon-text: #cdd9e5;
-    --color-merge-box-merged-icon-border: rgba(0,0,0,0);
-    --color-merge-box-merged-box-border: #8256d0;
-    --color-merge-box-neutral-icon-bg: #636e7b;
-    --color-merge-box-neutral-icon-text: #cdd9e5;
-    --color-merge-box-neutral-icon-border: rgba(0,0,0,0);
-    --color-merge-box-neutral-indicator-bg: #636e7b;
-    --color-merge-box-neutral-indicator-border: rgba(0,0,0,0);
-    --color-merge-box-warning-icon-bg: #966600;
-    --color-merge-box-warning-icon-text: #cdd9e5;
-    --color-merge-box-warning-icon-border: rgba(0,0,0,0);
-    --color-merge-box-warning-box-border: #966600;
-    --color-merge-box-warning-merge-highlight: rgba(0,0,0,0);
-    --color-merge-box-error-icon-bg: #c93c37;
-    --color-merge-box-error-icon-text: #cdd9e5;
-    --color-merge-box-error-icon-border: rgba(0,0,0,0);
-    --color-merge-box-error-indicator-bg: #c93c37;
-    --color-merge-box-error-indicator-border: rgba(0,0,0,0);
-    --color-underlinenav-border: rgba(0,0,0,0);
-    --color-underlinenav-border-hover: rgba(99,110,123,0.4);
-    --color-underlinenav-border-active: #EC775C;
-    --color-underlinenav-text: #adbac7;
-    --color-underlinenav-text-hover: #adbac7;
-    --color-underlinenav-text-active: #adbac7;
-    --color-underlinenav-icon: #545d68;
-    --color-underlinenav-icon-hover: #545d68;
-    --color-underlinenav-icon-active: #adbac7;
-    --color-underlinenav-counter-text: #adbac7;
-    --color-underlinenav-counter-bg: rgba(99,110,123,0.4);
-    --color-select-menu-border-secondary: #373e47;
-    --color-select-menu-shadow: 0 8px 24px #1c2128;
-    --color-select-menu-backdrop-bg: rgba(28,33,40,0.8);
-    --color-select-menu-backdrop-border: #545d68;
-    --color-select-menu-tap-highlight: rgba(68,76,86,0.5);
-    --color-select-menu-tap-focus-bg: #143d79;
-    --color-sidenav-border-active: #EC775C;
-    --color-sidenav-selected-bg: #373e47;
-    --color-menu-heading-text: #adbac7;
-    --color-menu-border-active: #EC775C;
-    --color-menu-bg-active: #2d333b;
-    --color-project-card-bg: #2d333b;
-    --color-project-header-bg: #22272e;
-    --color-project-sidebar-bg: #2d333b;
-    --color-project-gradient-in: #2d333b;
-    --color-project-gradient-out: rgba(45,51,59,0);
-    --color-pr-state-draft-text: #cdd9e5;
-    --color-pr-state-draft-bg: #636e7b;
-    --color-pr-state-draft-border: rgba(0,0,0,0);
-    --color-pr-state-open-text: #cdd9e5;
-    --color-pr-state-open-bg: #347d39;
-    --color-pr-state-open-border: rgba(0,0,0,0);
-    --color-pr-state-merged-text: #cdd9e5;
-    --color-pr-state-merged-bg: #8256d0;
-    --color-pr-state-merged-border: rgba(0,0,0,0);
-    --color-pr-state-closed-text: #cdd9e5;
-    --color-pr-state-closed-bg: #c93c37;
-    --color-pr-state-closed-border: rgba(0,0,0,0);
-    --color-diff-blob-num-text: #545d68;
-    --color-diff-blob-num-hover-text: #adbac7;
-    --color-diff-blob-addition-num-hover-text: #adbac7;
+    --color-canvas-default-transparent: rgba(34,39,46,0);
+    --color-marketing-icon-primary: #6cb6ff;
+    --color-marketing-icon-secondary: #316dca;
     --color-diff-blob-addition-num-text: #adbac7;
@@ -396,3 +10,2 @@
     --color-diff-blob-addition-word-bg: rgba(70,149,74,0.4);
-    --color-diff-blob-deletion-num-hover-text: #adbac7;
     --color-diff-blob-deletion-num-text: #adbac7;
@@ -402,30 +15,8 @@
     --color-diff-blob-deletion-word-bg: rgba(229,83,75,0.4);
-    --color-diff-blob-hunk-text: #768390;
     --color-diff-blob-hunk-num-bg: rgba(65,132,228,0.4);
-    --color-diff-blob-hunk-line-bg: rgba(65,132,228,0.15);
-    --color-diff-blob-empty-block-bg: rgba(99,110,123,0.1);
-    --color-diff-blob-selected-line-highlight-bg: rgba(174,124,20,0.15);
-    --color-diff-blob-selected-line-highlight-border: rgba(174,124,20,0.4);
-    --color-diff-blob-expander-hover-icon: #cdd9e5;
-    --color-diff-blob-expander-hover-bg: #316dca;
     --color-diff-blob-expander-icon: #768390;
-    --color-diff-blob-comment-button-icon: #cdd9e5;
-    --color-diff-blob-comment-button-bg: #316dca;
-    --color-diff-blob-comment-button-gradient-bg: rgba(0,0,0,0);
     --color-diff-blob-selected-line-highlight-mix-blend-mode: screen;
-    --color-global-nav-logo: #cdd9e5;
-    --color-global-nav-bg: #2d333b;
-    --color-global-nav-text: #adbac7;
-    --color-global-nav-icon: #adbac7;
-    --color-global-nav-input-bg: #22272e;
-    --color-global-nav-input-border: #373e47;
-    --color-global-nav-input-icon: #373e47;
-    --color-global-nav-input-placeholder: #545d68;
-    --color-intro-shelf-gradient-left: rgba(65,132,228,0.15);
-    --color-intro-shelf-gradient-right: rgba(70,149,74,0.15);
-    --color-intro-shelf-gradient-in: #22272e;
-    --color-intro-shelf-gradient-out: rgba(205,217,229,0);
-    --color-canvas-default-transparent: rgba(34,39,46,0);
-    --color-marketing-icon-primary: #6cb6ff;
-    --color-marketing-icon-secondary: #316dca;
+    --color-diffstat-deletion-border: rgba(205,217,229,0.1);
+    --color-diffstat-addition-border: rgba(205,217,229,0.1);
+    --color-diffstat-addition-bg: #57ab5a;
     --color-search-keyword-hl: rgba(198,144,38,0.4);
@@ -553,2 +144,6 @@
     --color-checks-ansi-cyan-bright: #b3f0ff;
+    --color-project-header-bg: #22272e;
+    --color-project-sidebar-bg: #2d333b;
+    --color-project-gradient-in: #2d333b;
+    --color-project-gradient-out: rgba(45,51,59,0);
     --color-mktg-success: rgba(61,137,66,1);
@@ -589,2 +184,6 @@
     --color-avatar-child-shadow: -2px -2px 0 #22272e;
+    --color-topic-tag-border: rgba(0,0,0,0);
+    --color-select-menu-backdrop-border: #545d68;
+    --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);
@@ -595,2 +194,6 @@
     --color-header-search-border: #444c56;
+    --color-sidenav-selected-bg: #373e47;
+    --color-menu-bg-active: #2d333b;
+    --color-input-disabled-bg: rgba(99,110,123,0);
+    --color-timeline-badge-bg: #373e47;
     --color-ansi-black: #545d68;
@@ -681,2 +284,4 @@
     --color-btn-danger-icon: #e5534b;
+    --color-underlinenav-icon: #545d68;
+    --color-underlinenav-border-hover: rgba(99,110,123,0.4);
     --color-fg-default: #adbac7;
@@ -689,2 +294,9 @@
     --color-canvas-subtle: #2d333b;
+    --color-border-default: #444c56;
+    --color-border-muted: #373e47;
+    --color-border-subtle: rgba(205,217,229,0.1);
+    --color-shadow-small: 0 0 transparent;
+    --color-shadow-medium: 0 3px 6px #1c2128;
+    --color-shadow-large: 0 8px 24px #1c2128;
+    --color-shadow-extra-large: 0 12px 48px #1c2128;
     --color-neutral-emphasis-plus: #636e7b;
--- base/dist/scss/colors/_dark_high_contrast.scss	2021-09-27 16:55:00.501803821 +0000
+++ dist/scss/colors/_dark_high_contrast.scss	2021-09-27 16:54:48.709715235 +0000
@@ -2,391 +2,5 @@
   & {
-    --color-auto-black: #ffffff;
-    --color-auto-white: #010409;
-    --color-auto-gray-0: #0a0c10;
-    --color-auto-gray-1: #272b33;
-    --color-auto-gray-2: #272b33;
-    --color-auto-gray-3: #525964;
-    --color-auto-gray-4: #7a828e;
-    --color-auto-gray-5: #9ea7b3;
-    --color-auto-gray-6: #bdc4cc;
-    --color-auto-gray-7: #d9dee3;
-    --color-auto-gray-8: #f0f3f6;
-    --color-auto-gray-9: #ffffff;
-    --color-auto-blue-0: #194fb1;
-    --color-auto-blue-1: #1e60d5;
-    --color-auto-blue-2: #2672f3;
-    --color-auto-blue-3: #318bf8;
-    --color-auto-blue-4: #409eff;
-    --color-auto-blue-5: #409eff;
-    --color-auto-blue-6: #71b7ff;
-    --color-auto-blue-7: #91cbff;
-    --color-auto-blue-8: #addcff;
-    --color-auto-blue-9: #caeaff;
-    --color-auto-green-0: #006222;
-    --color-auto-green-1: #007728;
-    --color-auto-green-2: #008c2c;
-    --color-auto-green-3: #02a232;
-    --color-auto-green-4: #09b43a;
-    --color-auto-green-5: #09b43a;
-    --color-auto-green-6: #26cd4d;
-    --color-auto-green-7: #4ae168;
-    --color-auto-green-8: #72f088;
-    --color-auto-green-9: #acf7b6;
-    --color-auto-yellow-0: #7b4900;
-    --color-auto-yellow-1: #945d02;
-    --color-auto-yellow-2: #ae7104;
-    --color-auto-yellow-3: #c88508;
-    --color-auto-yellow-4: #e09b13;
-    --color-auto-yellow-5: #e09b13;
-    --color-auto-yellow-6: #f0b72f;
-    --color-auto-yellow-7: #f7c843;
-    --color-auto-yellow-8: #fbd669;
-    --color-auto-yellow-9: #fbe59e;
-    --color-auto-orange-0: #8f3c00;
-    --color-auto-orange-1: #a74c00;
-    --color-auto-orange-2: #bf5e0a;
-    --color-auto-orange-3: #d57014;
-    --color-auto-orange-4: #e7811d;
-    --color-auto-orange-5: #e7811d;
-    --color-auto-orange-6: #fe9a2d;
-    --color-auto-orange-7: #ffb757;
-    --color-auto-orange-8: #ffcf86;
-    --color-auto-orange-9: #ffe1b4;
-    --color-auto-red-0: #ad0116;
-    --color-auto-red-1: #cc1421;
-    --color-auto-red-2: #e82a2f;
-    --color-auto-red-3: #ff4445;
-    --color-auto-red-4: #ff6a69;
-    --color-auto-red-5: #ff6a69;
-    --color-auto-red-6: #ff9492;
-    --color-auto-red-7: #ffb1af;
-    --color-auto-red-8: #ffc9c7;
-    --color-auto-red-9: #ffdedb;
-    --color-auto-purple-0: #6921d7;
-    --color-auto-purple-1: #8031f7;
-    --color-auto-purple-2: #954ffd;
-    --color-auto-purple-3: #a66bff;
-    --color-auto-purple-4: #b87fff;
-    --color-auto-purple-5: #b780ff;
-    --color-auto-purple-6: #cb9eff;
-    --color-auto-purple-7: #dbb7ff;
-    --color-auto-purple-8: #e6ccff;
-    --color-auto-purple-9: #f0dfff;
-    --color-auto-pink-0: #9c1d6a;
-    --color-auto-pink-1: #b72c7d;
-    --color-auto-pink-2: #d23d91;
-    --color-auto-pink-3: #e456a3;
-    --color-auto-pink-4: #ef6eb1;
-    --color-auto-pink-5: #ef6eb1;
-    --color-auto-pink-6: #ff8dc7;
-    --color-auto-pink-7: #ffadd4;
-    --color-auto-pink-8: #ffc7e1;
-    --color-auto-pink-9: #ffdceb;
-    --color-text-primary: #f0f3f6;
-    --color-text-secondary: #f0f3f6;
-    --color-text-tertiary: #f0f3f6;
-    --color-text-placeholder: #7a828e;
-    --color-text-disabled: #f0f3f6;
-    --color-text-inverse: #0a0c10;
-    --color-text-link: #71b7ff;
-    --color-text-danger: #ff6a69;
-    --color-text-success: #26cd4d;
-    --color-text-warning: #f0b72f;
-    --color-text-white: #ffffff;
-    --color-icon-primary: #f0f3f6;
-    --color-icon-secondary: #f0f3f6;
-    --color-icon-tertiary: #f0f3f6;
-    --color-icon-info: #71b7ff;
-    --color-icon-danger: #ff6a69;
-    --color-icon-success: #26cd4d;
-    --color-icon-warning: #f0b72f;
-    --color-border-primary: #7a828e;
-    --color-border-secondary: #7a828e;
-    --color-border-tertiary: #7a828e;
-    --color-border-overlay: #7a828e;
-    --color-border-inverse: #0a0c10;
-    --color-border-info: #409eff;
-    --color-border-danger: #ff6a69;
-    --color-border-success: #09b43a;
-    --color-border-warning: #e09b13;
-    --color-border-default: #7a828e;
-    --color-border-muted: #7a828e;
-    --color-border-subtle: #7a828e;
-    --color-bg-canvas: #0a0c10;
-    --color-bg-canvas-mobile: rgba(0,0,0,0);
-    --color-bg-canvas-inverse: #9ea7b3;
-    --color-bg-canvas-inset: #010409;
-    --color-bg-primary: #0a0c10;
-    --color-bg-secondary: #272b33;
-    --color-bg-tertiary: #272b33;
-    --color-bg-overlay: #272b33;
-    --color-bg-backdrop: rgba(1,4,9,0.8);
-    --color-bg-info: rgba(64,158,255,0.15);
-    --color-bg-info-inverse: #409eff;
-    --color-bg-danger: rgba(255,106,105,0.15);
-    --color-bg-danger-inverse: #ff6a69;
-    --color-bg-success: rgba(9,180,58,0.15);
-    --color-bg-success-inverse: #09b43a;
-    --color-bg-warning: rgba(224,155,19,0.15);
-    --color-bg-warning-inverse: #e09b13;
-    --color-shadow-highlight: 0 0 transparent;
-    --color-shadow-inset: 0 0 transparent;
-    --color-shadow-small: 0 0 transparent;
-    --color-shadow-medium: 0 3px 6px #010409;
-    --color-shadow-large: 0 8px 24px #010409;
-    --color-shadow-extra-large: 0 12px 48px #010409;
-    --color-state-hover-primary-bg: #409eff;
-    --color-state-hover-primary-border: #409eff;
-    --color-state-hover-primary-text: #0a0c10;
-    --color-state-hover-primary-icon: #0a0c10;
-    --color-state-hover-secondary-bg: rgba(158,167,179,0.1);
-    --color-state-hover-secondary-border: rgba(158,167,179,0.1);
-    --color-state-selected-primary-bg: #409eff;
-    --color-state-selected-primary-border: #409eff;
-    --color-state-selected-primary-text: #0a0c10;
-    --color-state-selected-primary-icon: #0a0c10;
-    --color-state-focus-border: #409eff;
-    --color-state-focus-shadow: 0 0 0 3px #1e60d5;
-    --color-fade-fg-10: rgba(255,255,255,0.1);
-    --color-fade-fg-15: rgba(255,255,255,0.15);
-    --color-fade-fg-30: rgba(255,255,255,0.3);
-    --color-fade-fg-50: rgba(255,255,255,0.5);
-    --color-fade-fg-70: rgba(255,255,255,0.7);
-    --color-fade-fg-85: rgba(255,255,255,0.85);
-    --color-fade-black-10: rgba(1,4,9,0.1);
-    --color-fade-black-15: rgba(1,4,9,0.15);
-    --color-fade-black-30: rgba(1,4,9,0.3);
-    --color-fade-black-50: rgba(1,4,9,0.5);
-    --color-fade-black-70: rgba(1,4,9,0.7);
-    --color-fade-black-85: rgba(1,4,9,0.85);
-    --color-fade-white-10: rgba(255,255,255,0.1);
-    --color-fade-white-15: rgba(255,255,255,0.15);
-    --color-fade-white-30: rgba(255,255,255,0.3);
-    --color-fade-white-50: rgba(255,255,255,0.5);
-    --color-fade-white-70: rgba(255,255,255,0.7);
-    --color-fade-white-85: rgba(255,255,255,0.85);
-    --color-alert-info-text: #f0f3f6;
-    --color-alert-info-icon: #71b7ff;
-    --color-alert-info-bg: rgba(64,158,255,0.15);
-    --color-alert-info-border: #409eff;
-    --color-alert-warn-text: #f0f3f6;
-    --color-alert-warn-icon: #f0b72f;
-    --color-alert-warn-bg: rgba(224,155,19,0.15);
-    --color-alert-warn-border: #e09b13;
-    --color-alert-error-text: #f0f3f6;
-    --color-alert-error-icon: #ff6a69;
-    --color-alert-error-bg: rgba(255,106,105,0.15);
-    --color-alert-error-border: #ff6a69;
-    --color-alert-success-text: #f0f3f6;
-    --color-alert-success-icon: #26cd4d;
-    --color-alert-success-bg: rgba(9,180,58,0.15);
-    --color-alert-success-border: #09b43a;
-    --color-autocomplete-shadow: 0 3px 6px #010409;
-    --color-autocomplete-row-border: #7a828e;
-    --color-blankslate-icon: #f0f3f6;
-    --color-counter-text: #f0f3f6;
-    --color-counter-bg: rgba(158,167,179,0.4);
-    --color-counter-primary-text: #0a0c10;
-    --color-counter-primary-bg: #9ea7b3;
-    --color-counter-secondary-text: #f0f3f6;
-    --color-counter-secondary-bg: rgba(158,167,179,0.1);
-    --color-box-blue-border: #409eff;
-    --color-box-row-yellow-bg: rgba(224,155,19,0.15);
-    --color-box-row-blue-bg: rgba(64,158,255,0.15);
-    --color-box-header-blue-bg: rgba(64,158,255,0.15);
-    --color-box-header-blue-border: #409eff;
-    --color-box-border-info: #409eff;
-    --color-box-bg-info: rgba(64,158,255,0.15);
-    --color-box-border-warning: #e09b13;
-    --color-box-bg-warning: rgba(224,155,19,0.15);
-    --color-branch-name-text: #f0f3f6;
-    --color-branch-name-icon: #f0f3f6;
-    --color-branch-name-bg: rgba(64,158,255,0.15);
-    --color-branch-name-link-text: #71b7ff;
-    --color-branch-name-link-icon: #71b7ff;
-    --color-branch-name-link-bg: rgba(64,158,255,0.15);
-    --color-markdown-code-bg: rgba(158,167,179,0.4);
-    --color-markdown-frame-border: #7a828e;
-    --color-markdown-blockquote-border: #7a828e;
-    --color-markdown-table-border: #7a828e;
-    --color-markdown-table-tr-border: #7a828e;
-    --color-filter-item-bar-bg: rgba(158,167,179,0.1);
-    --color-hidden-text-expander-bg: rgba(158,167,179,0.4);
-    --color-hidden-text-expander-bg-hover: #409eff;
-    --color-drag-and-drop-border: #7a828e;
-    --color-upload-enabled-border: #7a828e;
-    --color-upload-enabled-border-focused: #409eff;
-    --color-previewable-comment-form-border: #7a828e;
-    --color-verified-badge-text: #26cd4d;
-    --color-verified-badge-bg: #0a0c10;
-    --color-verified-badge-border: #7a828e;
-    --color-social-count-bg: #0a0c10;
-    --color-tooltip-text: #0a0c10;
-    --color-tooltip-bg: #ffffff;
-    --color-files-explorer-icon: #71b7ff;
-    --color-hl-author-bg: rgba(64,158,255,0.15);
-    --color-hl-author-border: #409eff;
-    --color-logo-subdued: rgba(158,167,179,0.4);
-    --color-discussion-border: #09b43a;
-    --color-discussion-bg-success: #09b43a;
-    --color-actions-workflow-table-sticky-bg: rgba(10,12,16,0.95);
-    --color-repo-language-color-border: rgba(255,255,255,0.2);
-    --color-code-selection-bg: #409eff;
-    --color-highlight-text: #f0f3f6;
-    --color-highlight-bg: rgba(224,155,19,0.15);
-    --color-blob-line-highlight-bg: rgba(224,155,19,0.15);
-    --color-blob-line-highlight-border: #e09b13;
-    --color-topic-tag-text: #71b7ff;
-    --color-topic-tag-bg: rgba(64,158,255,0.15);
-    --color-topic-tag-hover-bg: #409eff;
-    --color-topic-tag-active-bg: rgba(64,158,255,0.15);
-    --color-topic-tag-border: #409eff;
-    --color-footer-invertocat-octicon: #7a828e;
-    --color-footer-invertocat-octicon-hover: #f0f3f6;
-    --color-dropdown-shadow: 0 8px 24px #010409;
-    --color-label-border: #7a828e;
-    --color-label-primary-text: #f0f3f6;
-    --color-label-primary-border: #9ea7b3;
-    --color-label-secondary-text: #f0f3f6;
-    --color-label-secondary-border: #7a828e;
-    --color-label-info-text: #71b7ff;
-    --color-label-info-border: #409eff;
-    --color-label-success-text: #26cd4d;
-    --color-label-success-border: #09b43a;
-    --color-label-warning-text: #f0b72f;
-    --color-label-warning-border: #e09b13;
-    --color-label-danger-text: #ff6a69;
-    --color-label-danger-border: #ff6a69;
-    --color-label-orange-text: #e7811d;
-    --color-label-orange-border: #e7811d;
-    --color-input-bg: #0a0c10;
-    --color-input-contrast-bg: #010409;
-    --color-input-border: #7a828e;
-    --color-input-shadow: 0 0 transparent;
-    --color-input-disabled-border: #7a828e;
-    --color-input-warning-border: #e09b13;
-    --color-input-error-border: #ff6a69;
-    --color-input-tooltip-success-text: #f0f3f6;
-    --color-input-tooltip-success-bg: rgba(9,180,58,0.15);
-    --color-input-tooltip-success-border: #09b43a;
-    --color-input-tooltip-warning-text: #f0f3f6;
-    --color-input-tooltip-warning-bg: rgba(224,155,19,0.15);
-    --color-input-tooltip-warning-border: #e09b13;
-    --color-input-tooltip-error-text: #f0f3f6;
-    --color-input-tooltip-error-bg: rgba(255,106,105,0.15);
-    --color-input-tooltip-error-border: #ff6a69;
-    --color-input-disabled-bg: rgba(158,167,179,0);
-    --color-toast-text: #f0f3f6;
-    --color-toast-bg: #0a0c10;
-    --color-toast-border: #7a828e;
-    --color-toast-shadow: 0 8px 24px #010409;
-    --color-toast-icon: #0a0c10;
-    --color-toast-icon-bg: #409eff;
-    --color-toast-icon-border: rgba(0,0,0,0);
-    --color-toast-success-text: #f0f3f6;
-    --color-toast-success-border: #7a828e;
-    --color-toast-success-icon: #0a0c10;
-    --color-toast-success-icon-bg: #09b43a;
-    --color-toast-success-icon-border: rgba(0,0,0,0);
-    --color-toast-warning-text: #f0f3f6;
-    --color-toast-warning-border: #7a828e;
-    --color-toast-warning-icon: #f0f3f6;
-    --color-toast-warning-icon-bg: #e09b13;
-    --color-toast-warning-icon-border: rgba(0,0,0,0);
-    --color-toast-danger-text: #f0f3f6;
-    --color-toast-danger-border: #7a828e;
-    --color-toast-danger-icon: #0a0c10;
-    --color-toast-danger-icon-bg: #ff6a69;
-    --color-toast-danger-icon-border: rgba(0,0,0,0);
-    --color-toast-loading-text: #f0f3f6;
-    --color-toast-loading-border: #7a828e;
-    --color-toast-loading-icon: #0a0c10;
-    --color-toast-loading-icon-bg: #9ea7b3;
-    --color-toast-loading-icon-border: rgba(0,0,0,0);
-    --color-timeline-text: #f0f3f6;
-    --color-timeline-badge-success-border: rgba(0,0,0,0);
-    --color-timeline-target-badge-border: #409eff;
-    --color-timeline-target-badge-shadow: #409eff;
-    --color-timeline-badge-bg: #272b33;
-    --color-diffstat-neutral-bg: rgba(158,167,179,0.4);
-    --color-diffstat-neutral-border: #7a828e;
-    --color-diffstat-deletion-border: #ffb1af;
-    --color-diffstat-addition-border: #4ae168;
-    --color-diffstat-deletion-bg: #ff6a69;
-    --color-diffstat-addition-bg: #26cd4d;
-    --color-diff-addition-text: #f0f3f6;
-    --color-diff-addition-bg: rgba(9,180,58,0.15);
-    --color-diff-addition-border: #09b43a;
-    --color-diff-deletion-text: #f0f3f6;
-    --color-diff-deletion-bg: rgba(255,106,105,0.15);
-    --color-diff-deletion-border: #ff6a69;
-    --color-diff-change-text: #f0b72f;
-    --color-diff-change-bg: rgba(224,155,19,0.15);
-    --color-diff-change-border: #e09b13;
-    --color-merge-box-success-icon-bg: #09b43a;
-    --color-merge-box-success-icon-text: #0a0c10;
-    --color-merge-box-success-icon-border: rgba(0,0,0,0);
-    --color-merge-box-success-indicator-bg: #09b43a;
-    --color-merge-box-success-indicator-border: rgba(0,0,0,0);
-    --color-merge-box-merged-icon-bg: #b87fff;
-    --color-merge-box-merged-icon-text: #0a0c10;
-    --color-merge-box-merged-icon-border: rgba(0,0,0,0);
-    --color-merge-box-merged-box-border: #b87fff;
-    --color-merge-box-neutral-icon-bg: #9ea7b3;
-    --color-merge-box-neutral-icon-text: #0a0c10;
-    --color-merge-box-neutral-icon-border: rgba(0,0,0,0);
-    --color-merge-box-neutral-indicator-bg: #9ea7b3;
-    --color-merge-box-neutral-indicator-border: rgba(0,0,0,0);
-    --color-merge-box-warning-icon-bg: #e09b13;
-    --color-merge-box-warning-icon-text: #0a0c10;
-    --color-merge-box-warning-icon-border: rgba(0,0,0,0);
-    --color-merge-box-warning-box-border: #e09b13;
-    --color-merge-box-warning-merge-highlight: rgba(0,0,0,0);
-    --color-merge-box-error-icon-bg: #ff6a69;
-    --color-merge-box-error-icon-text: #0a0c10;
-    --color-merge-box-error-icon-border: rgba(0,0,0,0);
-    --color-merge-box-error-indicator-bg: #ff6a69;
-    --color-merge-box-error-indicator-border: rgba(0,0,0,0);
-    --color-underlinenav-border: rgba(0,0,0,0);
-    --color-underlinenav-border-hover: #bdc4cc;
-    --color-underlinenav-border-active: #FF967D;
-    --color-underlinenav-text: #f0f3f6;
-    --color-underlinenav-text-hover: #f0f3f6;
-    --color-underlinenav-text-active: #f0f3f6;
-    --color-underlinenav-icon: #f0f3f6;
-    --color-underlinenav-icon-hover: #7a828e;
-    --color-underlinenav-icon-active: #f0f3f6;
-    --color-underlinenav-counter-text: #f0f3f6;
-    --color-underlinenav-counter-bg: rgba(158,167,179,0.4);
-    --color-select-menu-border-secondary: #7a828e;
-    --color-select-menu-shadow: 0 8px 24px #010409;
-    --color-select-menu-backdrop-bg: rgba(1,4,9,0.8);
-    --color-select-menu-backdrop-border: #7a828e;
-    --color-select-menu-tap-highlight: rgba(82,89,100,0.5);
-    --color-select-menu-tap-focus-bg: #1e60d5;
-    --color-sidenav-border-active: #FF967D;
-    --color-sidenav-selected-bg: #272b33;
-    --color-menu-heading-text: #f0f3f6;
-    --color-menu-border-active: #FF967D;
-    --color-menu-bg-active: #272b33;
-    --color-project-card-bg: #272b33;
-    --color-project-header-bg: #0a0c10;
-    --color-project-sidebar-bg: #272b33;
-    --color-project-gradient-in: #272b33;
-    --color-project-gradient-out: rgba(39,43,51,0);
-    --color-pr-state-draft-text: #0a0c10;
-    --color-pr-state-draft-bg: #9ea7b3;
-    --color-pr-state-draft-border: rgba(0,0,0,0);
-    --color-pr-state-open-text: #0a0c10;
-    --color-pr-state-open-bg: #09b43a;
-    --color-pr-state-open-border: rgba(0,0,0,0);
-    --color-pr-state-merged-text: #0a0c10;
-    --color-pr-state-merged-bg: #b87fff;
-    --color-pr-state-merged-border: rgba(0,0,0,0);
-    --color-pr-state-closed-text: #0a0c10;
-    --color-pr-state-closed-bg: #ff6a69;
-    --color-pr-state-closed-border: rgba(0,0,0,0);
-    --color-diff-blob-num-text: #7a828e;
-    --color-diff-blob-num-hover-text: #f0f3f6;
-    --color-diff-blob-addition-num-hover-text: #f0f3f6;
+    --color-canvas-default-transparent: rgba(10,12,16,0);
+    --color-marketing-icon-primary: #91cbff;
+    --color-marketing-icon-secondary: #409eff;
     --color-diff-blob-addition-num-text: #f0f3f6;
@@ -396,3 +10,2 @@
     --color-diff-blob-addition-word-bg: #09b43a;
-    --color-diff-blob-deletion-num-hover-text: #f0f3f6;
     --color-diff-blob-deletion-num-text: #f0f3f6;
@@ -402,30 +15,8 @@
     --color-diff-blob-deletion-word-bg: #ff6a69;
-    --color-diff-blob-hunk-text: #f0f3f6;
     --color-diff-blob-hunk-num-bg: rgba(64,158,255,0.4);
-    --color-diff-blob-hunk-line-bg: rgba(64,158,255,0.15);
-    --color-diff-blob-empty-block-bg: rgba(158,167,179,0.1);
-    --color-diff-blob-selected-line-highlight-bg: rgba(224,155,19,0.15);
-    --color-diff-blob-selected-line-highlight-border: #e09b13;
-    --color-diff-blob-expander-hover-icon: #0a0c10;
-    --color-diff-blob-expander-hover-bg: #409eff;
     --color-diff-blob-expander-icon: #0a0c10;
-    --color-diff-blob-comment-button-icon: #0a0c10;
-    --color-diff-blob-comment-button-bg: #409eff;
-    --color-diff-blob-comment-button-gradient-bg: rgba(0,0,0,0);
     --color-diff-blob-selected-line-highlight-mix-blend-mode: screen;
-    --color-global-nav-logo: #ffffff;
-    --color-global-nav-bg: #272b33;
-    --color-global-nav-text: #f0f3f6;
-    --color-global-nav-icon: #f0f3f6;
-    --color-global-nav-input-bg: #0a0c10;
-    --color-global-nav-input-border: #272b33;
-    --color-global-nav-input-icon: #272b33;
-    --color-global-nav-input-placeholder: #7a828e;
-    --color-intro-shelf-gradient-left: rgba(64,158,255,0.15);
-    --color-intro-shelf-gradient-right: rgba(9,180,58,0.15);
-    --color-intro-shelf-gradient-in: #0a0c10;
-    --color-intro-shelf-gradient-out: rgba(255,255,255,0);
-    --color-canvas-default-transparent: rgba(10,12,16,0);
-    --color-marketing-icon-primary: #91cbff;
-    --color-marketing-icon-secondary: #409eff;
+    --color-diffstat-deletion-border: #ffb1af;
+    --color-diffstat-addition-border: #4ae168;
+    --color-diffstat-addition-bg: #26cd4d;
     --color-search-keyword-hl: rgba(240,183,47,0.4);
@@ -553,2 +144,6 @@
     --color-checks-ansi-cyan-bright: #b3f0ff;
+    --color-project-header-bg: #0a0c10;
+    --color-project-sidebar-bg: #272b33;
+    --color-project-gradient-in: #272b33;
+    --color-project-gradient-out: rgba(39,43,51,0);
     --color-mktg-success: rgba(9,180,58,1);
@@ -589,2 +184,6 @@
     --color-avatar-child-shadow: -2px -2px 0 #0a0c10;
+    --color-topic-tag-border: #409eff;
+    --color-select-menu-backdrop-border: #7a828e;
+    --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);
@@ -595,2 +194,6 @@
     --color-header-search-border: #525964;
+    --color-sidenav-selected-bg: #272b33;
+    --color-menu-bg-active: #272b33;
+    --color-input-disabled-bg: rgba(158,167,179,0);
+    --color-timeline-badge-bg: #272b33;
     --color-ansi-black: #7a828e;
@@ -681,2 +284,4 @@
     --color-btn-danger-icon: #ff6a69;
+    --color-underlinenav-icon: #f0f3f6;
+    --color-underlinenav-border-hover: #bdc4cc;
     --color-fg-default: #f0f3f6;
@@ -689,2 +294,9 @@
     --color-canvas-subtle: #272b33;
+    --color-border-default: #7a828e;
+    --color-border-muted: #7a828e;
+    --color-border-subtle: #7a828e;
+    --color-shadow-small: 0 0 transparent;
+    --color-shadow-medium: 0 3px 6px #010409;
+    --color-shadow-large: 0 8px 24px #010409;
+    --color-shadow-extra-large: 0 12px 48px #010409;
     --color-neutral-emphasis-plus: #ffffff;
--- base/dist/scss/colors/_dark_protanopia.scss	2021-09-27 16:55:00.509803888 +0000
+++ dist/scss/colors/_dark_protanopia.scss	2021-09-27 16:54:48.717715308 +0000
@@ -2,391 +2,5 @@
   & {
-    --color-auto-black: #f0f6fc;
-    --color-auto-white: #010409;
-    --color-auto-gray-0: #0d1117;
-    --color-auto-gray-1: #161b22;
-    --color-auto-gray-2: #21262d;
-    --color-auto-gray-3: #30363d;
-    --color-auto-gray-4: #484f58;
-    --color-auto-gray-5: #6e7681;
-    --color-auto-gray-6: #8b949e;
-    --color-auto-gray-7: #b1bac4;
-    --color-auto-gray-8: #c9d1d9;
-    --color-auto-gray-9: #f0f6fc;
-    --color-auto-blue-0: #051d4d;
-    --color-auto-blue-1: #0c2d6b;
-    --color-auto-blue-2: #0d419d;
-    --color-auto-blue-3: #1158c7;
-    --color-auto-blue-4: #1f6feb;
-    --color-auto-blue-5: #388bfd;
-    --color-auto-blue-6: #58a6ff;
-    --color-auto-blue-7: #79c0ff;
-    --color-auto-blue-8: #a5d6ff;
-    --color-auto-blue-9: #cae8ff;
-    --color-auto-green-0: #041843;
-    --color-auto-green-1: #0a2861;
-    --color-auto-green-2: #0b3c92;
-    --color-auto-green-3: #0f53bc;
-    --color-auto-green-4: #1d69e0;
-    --color-auto-green-5: #1585fd;
-    --color-auto-green-6: #42a0ff;
-    --color-auto-green-7: #66baff;
-    --color-auto-green-8: #83d4ff;
-    --color-auto-green-9: #a0e8ff;
-    --color-auto-yellow-0: #341a00;
-    --color-auto-yellow-1: #4b2900;
-    --color-auto-yellow-2: #693e00;
-    --color-auto-yellow-3: #845306;
-    --color-auto-yellow-4: #9e6a03;
-    --color-auto-yellow-5: #bb8009;
-    --color-auto-yellow-6: #d29922;
-    --color-auto-yellow-7: #e3b341;
-    --color-auto-yellow-8: #f2cc60;
-    --color-auto-yellow-9: #f8e3a1;
-    --color-auto-orange-0: #3d1300;
-    --color-auto-orange-1: #5a1e02;
-    --color-auto-orange-2: #762d0a;
-    --color-auto-orange-3: #9b4215;
-    --color-auto-orange-4: #bd561d;
-    --color-auto-orange-5: #db6d28;
-    --color-auto-orange-6: #f0883e;
-    --color-auto-orange-7: #ffa657;
-    --color-auto-orange-8: #ffc680;
-    --color-auto-orange-9: #ffdfb6;
-    --color-auto-red-0: #292100;
-    --color-auto-red-1: #452f00;
-    --color-auto-red-2: #633e00;
-    --color-auto-red-3: #865401;
-    --color-auto-red-4: #a66900;
-    --color-auto-red-5: #c38000;
-    --color-auto-red-6: #d69a00;
-    --color-auto-red-7: #e6b716;
-    --color-auto-red-8: #ecd334;
-    --color-auto-red-9: #f0ec59;
-    --color-auto-purple-0: #271052;
-    --color-auto-purple-1: #3c1e70;
-    --color-auto-purple-2: #553098;
-    --color-auto-purple-3: #6e40c9;
-    --color-auto-purple-4: #8957e5;
-    --color-auto-purple-5: #a371f7;
-    --color-auto-purple-6: #bc8cff;
-    --color-auto-purple-7: #d2a8ff;
-    --color-auto-purple-8: #e2c5ff;
-    --color-auto-purple-9: #eddeff;
-    --color-auto-pink-0: #42062a;
-    --color-auto-pink-1: #5e103e;
-    --color-auto-pink-2: #7d2457;
-    --color-auto-pink-3: #9e3670;
-    --color-auto-pink-4: #bf4b8a;
-    --color-auto-pink-5: #db61a2;
-    --color-auto-pink-6: #f778ba;
-    --color-auto-pink-7: #ff9bce;
-    --color-auto-pink-8: #ffbedd;
-    --color-auto-pink-9: #ffdaec;
-    --color-text-primary: #c9d1d9;
-    --color-text-secondary: #8b949e;
-    --color-text-tertiary: #8b949e;
-    --color-text-placeholder: #484f58;
-    --color-text-disabled: #8b949e;
-    --color-text-inverse: #f0f6fc;
-    --color-text-link: #58a6ff;
-    --color-text-danger: #c38000;
-    --color-text-success: #42a0ff;
-    --color-text-warning: #d29922;
-    --color-text-white: #f0f6fc;
-    --color-icon-primary: #c9d1d9;
-    --color-icon-secondary: #8b949e;
-    --color-icon-tertiary: #8b949e;
-    --color-icon-info: #58a6ff;
-    --color-icon-danger: #c38000;
-    --color-icon-success: #42a0ff;
-    --color-icon-warning: #d29922;
-    --color-border-primary: #30363d;
-    --color-border-secondary: #21262d;
-    --color-border-tertiary: #30363d;
-    --color-border-overlay: #30363d;
-    --color-border-inverse: #f0f6fc;
-    --color-border-info: #1f6feb;
-    --color-border-danger: #a66900;
-    --color-border-success: #1d69e0;
-    --color-border-warning: #9e6a03;
-    --color-border-default: #30363d;
-    --color-border-muted: #21262d;
-    --color-border-subtle: rgba(240,246,252,0.1);
-    --color-bg-canvas: #0d1117;
-    --color-bg-canvas-mobile: rgba(0,0,0,0);
-    --color-bg-canvas-inverse: #6e7681;
-    --color-bg-canvas-inset: #010409;
-    --color-bg-primary: #0d1117;
-    --color-bg-secondary: #161b22;
-    --color-bg-tertiary: #161b22;
-    --color-bg-overlay: #161b22;
-    --color-bg-backdrop: rgba(1,4,9,0.8);
-    --color-bg-info: rgba(56,139,253,0.15);
-    --color-bg-info-inverse: #1f6feb;
-    --color-bg-danger: rgba(195,128,0,0.15);
-    --color-bg-danger-inverse: #a66900;
-    --color-bg-success: rgba(21,133,253,0.15);
-    --color-bg-success-inverse: #1d69e0;
-    --color-bg-warning: rgba(187,128,9,0.15);
-    --color-bg-warning-inverse: #9e6a03;
-    --color-shadow-highlight: 0 0 transparent;
-    --color-shadow-inset: 0 0 transparent;
-    --color-shadow-small: 0 0 transparent;
-    --color-shadow-medium: 0 3px 6px #010409;
-    --color-shadow-large: 0 8px 24px #010409;
-    --color-shadow-extra-large: 0 12px 48px #010409;
-    --color-state-hover-primary-bg: #1f6feb;
-    --color-state-hover-primary-border: #1f6feb;
-    --color-state-hover-primary-text: #f0f6fc;
-    --color-state-hover-primary-icon: #f0f6fc;
-    --color-state-hover-secondary-bg: rgba(110,118,129,0.1);
-    --color-state-hover-secondary-border: rgba(110,118,129,0.1);
-    --color-state-selected-primary-bg: #1f6feb;
-    --color-state-selected-primary-border: #1f6feb;
-    --color-state-selected-primary-text: #f0f6fc;
-    --color-state-selected-primary-icon: #f0f6fc;
-    --color-state-focus-border: #1f6feb;
-    --color-state-focus-shadow: 0 0 0 3px #0c2d6b;
-    --color-fade-fg-10: rgba(240,246,252,0.1);
-    --color-fade-fg-15: rgba(240,246,252,0.15);
-    --color-fade-fg-30: rgba(240,246,252,0.3);
-    --color-fade-fg-50: rgba(240,246,252,0.5);
-    --color-fade-fg-70: rgba(240,246,252,0.7);
-    --color-fade-fg-85: rgba(240,246,252,0.85);
-    --color-fade-black-10: rgba(1,4,9,0.1);
-    --color-fade-black-15: rgba(1,4,9,0.15);
-    --color-fade-black-30: rgba(1,4,9,0.3);
-    --color-fade-black-50: rgba(1,4,9,0.5);
-    --color-fade-black-70: rgba(1,4,9,0.7);
-    --color-fade-black-85: rgba(1,4,9,0.85);
-    --color-fade-white-10: rgba(240,246,252,0.1);
-    --color-fade-white-15: rgba(240,246,252,0.15);
-    --color-fade-white-30: rgba(240,246,252,0.3);
-    --color-fade-white-50: rgba(240,246,252,0.5);
-    --color-fade-white-70: rgba(240,246,252,0.7);
-    --color-fade-white-85: rgba(240,246,252,0.85);
-    --color-alert-info-text: #c9d1d9;
-    --color-alert-info-icon: #58a6ff;
-    --color-alert-info-bg: rgba(56,139,253,0.15);
-    --color-alert-info-border: rgba(56,139,253,0.4);
-    --color-alert-warn-text: #c9d1d9;
-    --color-alert-warn-icon: #d29922;
-    --color-alert-warn-bg: rgba(187,128,9,0.15);
-    --color-alert-warn-border: rgba(187,128,9,0.4);
-    --color-alert-error-text: #c9d1d9;
-    --color-alert-error-icon: #c38000;
-    --color-alert-error-bg: rgba(195,128,0,0.15);
-    --color-alert-error-border: rgba(195,128,0,0.4);
-    --color-alert-success-text: #c9d1d9;
-    --color-alert-success-icon: #42a0ff;
-    --color-alert-success-bg: rgba(21,133,253,0.15);
-    --color-alert-success-border: rgba(21,133,253,0.4);
-    --color-autocomplete-shadow: 0 3px 6px #010409;
-    --color-autocomplete-row-border: #21262d;
-    --color-blankslate-icon: #8b949e;
-    --color-counter-text: #c9d1d9;
-    --color-counter-bg: rgba(110,118,129,0.4);
-    --color-counter-primary-text: #f0f6fc;
-    --color-counter-primary-bg: #6e7681;
-    --color-counter-secondary-text: #8b949e;
-    --color-counter-secondary-bg: rgba(110,118,129,0.1);
-    --color-box-blue-border: rgba(56,139,253,0.4);
-    --color-box-row-yellow-bg: rgba(187,128,9,0.15);
-    --color-box-row-blue-bg: rgba(56,139,253,0.15);
-    --color-box-header-blue-bg: rgba(56,139,253,0.15);
-    --color-box-header-blue-border: rgba(56,139,253,0.4);
-    --color-box-border-info: rgba(56,139,253,0.4);
-    --color-box-bg-info: rgba(56,139,253,0.15);
-    --color-box-border-warning: rgba(187,128,9,0.4);
-    --color-box-bg-warning: rgba(187,128,9,0.15);
-    --color-branch-name-text: #8b949e;
-    --color-branch-name-icon: #8b949e;
-    --color-branch-name-bg: rgba(56,139,253,0.15);
-    --color-branch-name-link-text: #58a6ff;
-    --color-branch-name-link-icon: #58a6ff;
-    --color-branch-name-link-bg: rgba(56,139,253,0.15);
-    --color-markdown-code-bg: rgba(110,118,129,0.4);
-    --color-markdown-frame-border: #30363d;
-    --color-markdown-blockquote-border: #30363d;
-    --color-markdown-table-border: #30363d;
-    --color-markdown-table-tr-border: #21262d;
-    --color-filter-item-bar-bg: rgba(110,118,129,0.1);
-    --color-hidden-text-expander-bg: rgba(110,118,129,0.4);
-    --color-hidden-text-expander-bg-hover: rgba(56,139,253,0.4);
-    --color-drag-and-drop-border: #30363d;
-    --color-upload-enabled-border: #30363d;
-    --color-upload-enabled-border-focused: #1f6feb;
-    --color-previewable-comment-form-border: #30363d;
-    --color-verified-badge-text: #42a0ff;
-    --color-verified-badge-bg: #0d1117;
-    --color-verified-badge-border: #30363d;
-    --color-social-count-bg: #0d1117;
-    --color-tooltip-text: #f0f6fc;
-    --color-tooltip-bg: #6e7681;
-    --color-files-explorer-icon: #58a6ff;
-    --color-hl-author-bg: rgba(56,139,253,0.15);
-    --color-hl-author-border: rgba(56,139,253,0.4);
-    --color-logo-subdued: rgba(110,118,129,0.4);
-    --color-discussion-border: rgba(21,133,253,0.4);
-    --color-discussion-bg-success: #1d69e0;
-    --color-actions-workflow-table-sticky-bg: rgba(13,17,23,0.95);
-    --color-repo-language-color-border: rgba(240,246,252,0.2);
-    --color-code-selection-bg: rgba(56,139,253,0.4);
-    --color-highlight-text: #c9d1d9;
-    --color-highlight-bg: rgba(187,128,9,0.15);
-    --color-blob-line-highlight-bg: rgba(187,128,9,0.15);
-    --color-blob-line-highlight-border: rgba(187,128,9,0.4);
-    --color-topic-tag-text: #58a6ff;
-    --color-topic-tag-bg: rgba(56,139,253,0.15);
-    --color-topic-tag-hover-bg: #1f6feb;
-    --color-topic-tag-active-bg: rgba(56,139,253,0.15);
-    --color-topic-tag-border: rgba(0,0,0,0);
-    --color-footer-invertocat-octicon: #484f58;
-    --color-footer-invertocat-octicon-hover: #8b949e;
-    --color-dropdown-shadow: 0 8px 24px #010409;
-    --color-label-border: #30363d;
-    --color-label-primary-text: #c9d1d9;
-    --color-label-primary-border: #6e7681;
-    --color-label-secondary-text: #8b949e;
-    --color-label-secondary-border: #30363d;
-    --color-label-info-text: #58a6ff;
-    --color-label-info-border: #1f6feb;
-    --color-label-success-text: #42a0ff;
-    --color-label-success-border: #1d69e0;
-    --color-label-warning-text: #d29922;
-    --color-label-warning-border: #9e6a03;
-    --color-label-danger-text: #c38000;
-    --color-label-danger-border: #a66900;
-    --color-label-orange-text: #db6d28;
-    --color-label-orange-border: #bd561d;
-    --color-input-bg: #0d1117;
-    --color-input-contrast-bg: #010409;
-    --color-input-border: #30363d;
-    --color-input-shadow: 0 0 transparent;
-    --color-input-disabled-border: #30363d;
-    --color-input-warning-border: #9e6a03;
-    --color-input-error-border: #a66900;
-    --color-input-tooltip-success-text: #c9d1d9;
-    --color-input-tooltip-success-bg: rgba(21,133,253,0.15);
-    --color-input-tooltip-success-border: rgba(21,133,253,0.4);
-    --color-input-tooltip-warning-text: #c9d1d9;
-    --color-input-tooltip-warning-bg: rgba(187,128,9,0.15);
-    --color-input-tooltip-warning-border: rgba(187,128,9,0.4);
-    --color-input-tooltip-error-text: #c9d1d9;
-    --color-input-tooltip-error-bg: rgba(195,128,0,0.15);
-    --color-input-tooltip-error-border: rgba(195,128,0,0.4);
-    --color-input-disabled-bg: rgba(110,118,129,0);
-    --color-toast-text: #c9d1d9;
-    --color-toast-bg: #0d1117;
-    --color-toast-border: #30363d;
-    --color-toast-shadow: 0 8px 24px #010409;
-    --color-toast-icon: #f0f6fc;
-    --color-toast-icon-bg: #1f6feb;
-    --color-toast-icon-border: rgba(0,0,0,0);
-    --color-toast-success-text: #c9d1d9;
-    --color-toast-success-border: #30363d;
-    --color-toast-success-icon: #f0f6fc;
-    --color-toast-success-icon-bg: #1d69e0;
-    --color-toast-success-icon-border: rgba(0,0,0,0);
-    --color-toast-warning-text: #c9d1d9;
-    --color-toast-warning-border: #30363d;
-    --color-toast-warning-icon: #c9d1d9;
-    --color-toast-warning-icon-bg: #9e6a03;
-    --color-toast-warning-icon-border: rgba(0,0,0,0);
-    --color-toast-danger-text: #c9d1d9;
-    --color-toast-danger-border: #30363d;
-    --color-toast-danger-icon: #f0f6fc;
-    --color-toast-danger-icon-bg: #a66900;
-    --color-toast-danger-icon-border: rgba(0,0,0,0);
-    --color-toast-loading-text: #c9d1d9;
-    --color-toast-loading-border: #30363d;
-    --color-toast-loading-icon: #f0f6fc;
-    --color-toast-loading-icon-bg: #6e7681;
-    --color-toast-loading-icon-border: rgba(0,0,0,0);
-    --color-timeline-text: #8b949e;
-    --color-timeline-badge-success-border: rgba(0,0,0,0);
-    --color-timeline-target-badge-border: #1f6feb;
-    --color-timeline-target-badge-shadow: rgba(56,139,253,0.4);
-    --color-timeline-badge-bg: #21262d;
-    --color-diffstat-neutral-bg: rgba(110,118,129,0.4);
-    --color-diffstat-neutral-border: rgba(240,246,252,0.1);
-    --color-diffstat-deletion-border: rgba(240,246,252,0.1);
-    --color-diffstat-addition-border: rgba(240,246,252,0.1);
-    --color-diffstat-deletion-bg: #a66900;
-    --color-diffstat-addition-bg: #42a0ff;
-    --color-diff-addition-text: #c9d1d9;
-    --color-diff-addition-bg: rgba(21,133,253,0.15);
-    --color-diff-addition-border: rgba(21,133,253,0.4);
-    --color-diff-deletion-text: #c9d1d9;
-    --color-diff-deletion-bg: rgba(195,128,0,0.15);
-    --color-diff-deletion-border: rgba(195,128,0,0.4);
-    --color-diff-change-text: #d29922;
-    --color-diff-change-bg: rgba(187,128,9,0.15);
-    --color-diff-change-border: rgba(187,128,9,0.4);
-    --color-merge-box-success-icon-bg: #1d69e0;
-    --color-merge-box-success-icon-text: #f0f6fc;
-    --color-merge-box-success-icon-border: rgba(0,0,0,0);
-    --color-merge-box-success-indicator-bg: #1d69e0;
-    --color-merge-box-success-indicator-border: rgba(0,0,0,0);
-    --color-merge-box-merged-icon-bg: #8957e5;
-    --color-merge-box-merged-icon-text: #f0f6fc;
-    --color-merge-box-merged-icon-border: rgba(0,0,0,0);
-    --color-merge-box-merged-box-border: #8957e5;
-    --color-merge-box-neutral-icon-bg: #6e7681;
-    --color-merge-box-neutral-icon-text: #f0f6fc;
-    --color-merge-box-neutral-icon-border: rgba(0,0,0,0);
-    --color-merge-box-neutral-indicator-bg: #6e7681;
-    --color-merge-box-neutral-indicator-border: rgba(0,0,0,0);
-    --color-merge-box-warning-icon-bg: #9e6a03;
-    --color-merge-box-warning-icon-text: #f0f6fc;
-    --color-merge-box-warning-icon-border: rgba(0,0,0,0);
-    --color-merge-box-warning-box-border: #9e6a03;
-    --color-merge-box-warning-merge-highlight: rgba(0,0,0,0);
-    --color-merge-box-error-icon-bg: #a66900;
-    --color-merge-box-error-icon-text: #f0f6fc;
-    --color-merge-box-error-icon-border: rgba(0,0,0,0);
-    --color-merge-box-error-indicator-bg: #a66900;
-    --color-merge-box-error-indicator-border: rgba(0,0,0,0);
-    --color-underlinenav-border: rgba(0,0,0,0);
-    --color-underlinenav-border-hover: rgba(110,118,129,0.4);
-    --color-underlinenav-border-active: #F78166;
-    --color-underlinenav-text: #c9d1d9;
-    --color-underlinenav-text-hover: #c9d1d9;
-    --color-underlinenav-text-active: #c9d1d9;
-    --color-underlinenav-icon: #484f58;
-    --color-underlinenav-icon-hover: #484f58;
-    --color-underlinenav-icon-active: #c9d1d9;
-    --color-underlinenav-counter-text: #c9d1d9;
-    --color-underlinenav-counter-bg: rgba(110,118,129,0.4);
-    --color-select-menu-border-secondary: #21262d;
-    --color-select-menu-shadow: 0 8px 24px #010409;
-    --color-select-menu-backdrop-bg: rgba(1,4,9,0.8);
-    --color-select-menu-backdrop-border: #484f58;
-    --color-select-menu-tap-highlight: rgba(48,54,61,0.5);
-    --color-select-menu-tap-focus-bg: #0c2d6b;
-    --color-sidenav-border-active: #F78166;
-    --color-sidenav-selected-bg: #21262d;
-    --color-menu-heading-text: #c9d1d9;
-    --color-menu-border-active: #F78166;
-    --color-menu-bg-active: #161b22;
-    --color-project-card-bg: #161b22;
-    --color-project-header-bg: #0d1117;
-    --color-project-sidebar-bg: #161b22;
-    --color-project-gradient-in: #161b22;
-    --color-project-gradient-out: rgba(22,27,34,0);
-    --color-pr-state-draft-text: #f0f6fc;
-    --color-pr-state-draft-bg: #6e7681;
-    --color-pr-state-draft-border: rgba(0,0,0,0);
-    --color-pr-state-open-text: #f0f6fc;
-    --color-pr-state-open-bg: #1d69e0;
-    --color-pr-state-open-border: rgba(0,0,0,0);
-    --color-pr-state-merged-text: #f0f6fc;
-    --color-pr-state-merged-bg: #8957e5;
-    --color-pr-state-merged-border: rgba(0,0,0,0);
-    --color-pr-state-closed-text: #f0f6fc;
-    --color-pr-state-closed-bg: #a66900;
-    --color-pr-state-closed-border: rgba(0,0,0,0);
-    --color-diff-blob-num-text: #484f58;
-    --color-diff-blob-num-hover-text: #c9d1d9;
-    --color-diff-blob-addition-num-hover-text: #c9d1d9;
+    --color-canvas-default-transparent: rgba(13,17,23,0);
+    --color-marketing-icon-primary: #79c0ff;
+    --color-marketing-icon-secondary: #1f6feb;
     --color-diff-blob-addition-num-text: #c9d1d9;
@@ -396,3 +10,2 @@
     --color-diff-blob-addition-word-bg: rgba(21,133,253,0.4);
-    --color-diff-blob-deletion-num-hover-text: #c9d1d9;
     --color-diff-blob-deletion-num-text: #c9d1d9;
@@ -402,30 +15,8 @@
     --color-diff-blob-deletion-word-bg: rgba(195,128,0,0.4);
-    --color-diff-blob-hunk-text: #8b949e;
     --color-diff-blob-hunk-num-bg: rgba(56,139,253,0.4);
-    --color-diff-blob-hunk-line-bg: rgba(56,139,253,0.15);
-    --color-diff-blob-empty-block-bg: rgba(110,118,129,0.1);
-    --color-diff-blob-selected-line-highlight-bg: rgba(187,128,9,0.15);
-    --color-diff-blob-selected-line-highlight-border: rgba(187,128,9,0.4);
-    --color-diff-blob-expander-hover-icon: #f0f6fc;
-    --color-diff-blob-expander-hover-bg: #1f6feb;
     --color-diff-blob-expander-icon: #8b949e;
-    --color-diff-blob-comment-button-icon: #f0f6fc;
-    --color-diff-blob-comment-button-bg: #1f6feb;
-    --color-diff-blob-comment-button-gradient-bg: rgba(0,0,0,0);
     --color-diff-blob-selected-line-highlight-mix-blend-mode: screen;
-    --color-global-nav-logo: #f0f6fc;
-    --color-global-nav-bg: #161b22;
-    --color-global-nav-text: #c9d1d9;
-    --color-global-nav-icon: #c9d1d9;
-    --color-global-nav-input-bg: #0d1117;
-    --color-global-nav-input-border: #21262d;
-    --color-global-nav-input-icon: #21262d;
-    --color-global-nav-input-placeholder: #484f58;
-    --color-intro-shelf-gradient-left: rgba(56,139,253,0.15);
-    --color-intro-shelf-gradient-right: rgba(21,133,253,0.15);
-    --color-intro-shelf-gradient-in: #0d1117;
-    --color-intro-shelf-gradient-out: rgba(240,246,252,0);
-    --color-canvas-default-transparent: rgba(13,17,23,0);
-    --color-marketing-icon-primary: #79c0ff;
-    --color-marketing-icon-secondary: #1f6feb;
+    --color-diffstat-deletion-border: rgba(240,246,252,0.1);
+    --color-diffstat-addition-border: rgba(240,246,252,0.1);
+    --color-diffstat-addition-bg: #42a0ff;
     --color-search-keyword-hl: rgba(210,153,34,0.4);
@@ -553,2 +144,6 @@
     --color-checks-ansi-cyan-bright: #b3f0ff;
+    --color-project-header-bg: #0d1117;
+    --color-project-sidebar-bg: #161b22;
+    --color-project-gradient-in: #161b22;
+    --color-project-gradient-out: rgba(22,27,34,0);
     --color-mktg-success: rgba(25,119,239,1);
@@ -589,2 +184,6 @@
     --color-avatar-child-shadow: -2px -2px 0 #0d1117;
+    --color-topic-tag-border: rgba(0,0,0,0);
+    --color-select-menu-backdrop-border: #484f58;
+    --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);
@@ -595,2 +194,6 @@
     --color-header-search-border: #30363d;
+    --color-sidenav-selected-bg: #21262d;
+    --color-menu-bg-active: #161b22;
+    --color-input-disabled-bg: rgba(110,118,129,0);
+    --color-timeline-badge-bg: #21262d;
     --color-ansi-black: #484f58;
@@ -681,2 +284,4 @@
     --color-btn-danger-icon: #c38000;
+    --color-underlinenav-icon: #484f58;
+    --color-underlinenav-border-hover: rgba(110,118,129,0.4);
     --color-fg-default: #c9d1d9;
@@ -689,2 +294,9 @@
     --color-canvas-subtle: #161b22;
+    --color-border-default: #30363d;
+    --color-border-muted: #21262d;
+    --color-border-subtle: rgba(240,246,252,0.1);
+    --color-shadow-small: 0 0 transparent;
+    --color-shadow-medium: 0 3px 6px #010409;
+    --color-shadow-large: 0 8px 24px #010409;
+    --color-shadow-extra-large: 0 12px 48px #010409;
     --color-neutral-emphasis-plus: #6e7681;
--- base/dist/scss/colors/_light.scss	2021-09-27 16:55:00.465803520 +0000
+++ dist/scss/colors/_light.scss	2021-09-27 16:54:48.673714905 +0000
@@ -2,391 +2,5 @@
   & {
-    --color-auto-black: #1b1f24;
-    --color-auto-white: #ffffff;
-    --color-auto-gray-0: #f6f8fa;
-    --color-auto-gray-1: #eaeef2;
-    --color-auto-gray-2: #d0d7de;
-    --color-auto-gray-3: #afb8c1;
-    --color-auto-gray-4: #8c959f;
-    --color-auto-gray-5: #6e7781;
-    --color-auto-gray-6: #57606a;
-    --color-auto-gray-7: #424a53;
-    --color-auto-gray-8: #32383f;
-    --color-auto-gray-9: #24292f;
-    --color-auto-blue-0: #ddf4ff;
-    --color-auto-blue-1: #b6e3ff;
-    --color-auto-blue-2: #80ccff;
-    --color-auto-blue-3: #54aeff;
-    --color-auto-blue-4: #218bff;
-    --color-auto-blue-5: #0969da;
-    --color-auto-blue-6: #0550ae;
-    --color-auto-blue-7: #033d8b;
-    --color-auto-blue-8: #0a3069;
-    --color-auto-blue-9: #002155;
-    --color-auto-green-0: #dafbe1;
-    --color-auto-green-1: #aceebb;
-    --color-auto-green-2: #6fdd8b;
-    --color-auto-green-3: #4ac26b;
-    --color-auto-green-4: #2da44e;
-    --color-auto-green-5: #1a7f37;
-    --color-auto-green-6: #116329;
-    --color-auto-green-7: #044f1e;
-    --color-auto-green-8: #003d16;
-    --color-auto-green-9: #002d11;
-    --color-auto-yellow-0: #fff8c5;
-    --color-auto-yellow-1: #fae17d;
-    --color-auto-yellow-2: #eac54f;
-    --color-auto-yellow-3: #d4a72c;
-    --color-auto-yellow-4: #bf8700;
-    --color-auto-yellow-5: #9a6700;
-    --color-auto-yellow-6: #7d4e00;
-    --color-auto-yellow-7: #633c01;
-    --color-auto-yellow-8: #4d2d00;
-    --color-auto-yellow-9: #3b2300;
-    --color-auto-orange-0: #fff1e5;
-    --color-auto-orange-1: #ffd8b5;
-    --color-auto-orange-2: #ffb77c;
-    --color-auto-orange-3: #fb8f44;
-    --color-auto-orange-4: #e16f24;
-    --color-auto-orange-5: #bc4c00;
-    --color-auto-orange-6: #953800;
-    --color-auto-orange-7: #762c00;
-    --color-auto-orange-8: #5c2200;
-    --color-auto-orange-9: #471700;
-    --color-auto-red-0: #FFEBE9;
-    --color-auto-red-1: #ffcecb;
-    --color-auto-red-2: #ffaba8;
-    --color-auto-red-3: #ff8182;
-    --color-auto-red-4: #fa4549;
-    --color-auto-red-5: #cf222e;
-    --color-auto-red-6: #a40e26;
-    --color-auto-red-7: #82071e;
-    --color-auto-red-8: #660018;
-    --color-auto-red-9: #4c0014;
-    --color-auto-purple-0: #fbefff;
-    --color-auto-purple-1: #ecd8ff;
-    --color-auto-purple-2: #d8b9ff;
-    --color-auto-purple-3: #c297ff;
-    --color-auto-purple-4: #a475f9;
-    --color-auto-purple-5: #8250df;
-    --color-auto-purple-6: #6639ba;
-    --color-auto-purple-7: #512a97;
-    --color-auto-purple-8: #3e1f79;
-    --color-auto-purple-9: #2e1461;
-    --color-auto-pink-0: #ffeff7;
-    --color-auto-pink-1: #ffd3eb;
-    --color-auto-pink-2: #ffadda;
-    --color-auto-pink-3: #ff80c8;
-    --color-auto-pink-4: #e85aad;
-    --color-auto-pink-5: #bf3989;
-    --color-auto-pink-6: #99286e;
-    --color-auto-pink-7: #772057;
-    --color-auto-pink-8: #611347;
-    --color-auto-pink-9: #4d0336;
-    --color-text-primary: #24292f;
-    --color-text-secondary: #57606a;
-    --color-text-tertiary: #57606a;
-    --color-text-placeholder: #6e7781;
-    --color-text-disabled: #57606a;
-    --color-text-inverse: #ffffff;
-    --color-text-link: #0969da;
-    --color-text-danger: #cf222e;
-    --color-text-success: #1a7f37;
-    --color-text-warning: #9a6700;
-    --color-text-white: #ffffff;
-    --color-icon-primary: #24292f;
-    --color-icon-secondary: #57606a;
-    --color-icon-tertiary: #57606a;
-    --color-icon-info: #0969da;
-    --color-icon-danger: #cf222e;
-    --color-icon-success: #1a7f37;
-    --color-icon-warning: #9a6700;
-    --color-border-primary: #d0d7de;
-    --color-border-secondary: hsla(210,18%,87%,1);
-    --color-border-tertiary: #d0d7de;
-    --color-border-overlay: #d0d7de;
-    --color-border-inverse: #ffffff;
-    --color-border-info: #0969da;
-    --color-border-danger: #cf222e;
-    --color-border-success: #2da44e;
-    --color-border-warning: #bf8700;
-    --color-border-default: #d0d7de;
-    --color-border-muted: hsla(210,18%,87%,1);
-    --color-border-subtle: rgba(27,31,36,0.15);
-    --color-bg-canvas: #ffffff;
-    --color-bg-canvas-mobile: rgba(0,0,0,0);
-    --color-bg-canvas-inverse: #6e7781;
-    --color-bg-canvas-inset: #f6f8fa;
-    --color-bg-primary: #ffffff;
-    --color-bg-secondary: #f6f8fa;
-    --color-bg-tertiary: #f6f8fa;
-    --color-bg-overlay: #ffffff;
-    --color-bg-backdrop: rgba(27,31,36,0.5);
-    --color-bg-info: #ddf4ff;
-    --color-bg-info-inverse: #0969da;
-    --color-bg-danger: #FFEBE9;
-    --color-bg-danger-inverse: #cf222e;
-    --color-bg-success: #dafbe1;
-    --color-bg-success-inverse: #2da44e;
-    --color-bg-warning: #fff8c5;
-    --color-bg-warning-inverse: #bf8700;
-    --color-shadow-highlight: inset 0 1px 0 rgba(255,255,255,0.25);
-    --color-shadow-inset: inset 0 1px 0 rgba(208,215,222,0.2);
-    --color-shadow-small: 0 1px 0 rgba(27,31,36,0.04);
-    --color-shadow-medium: 0 3px 6px rgba(140,149,159,0.15);
-    --color-shadow-large: 0 8px 24px rgba(140,149,159,0.2);
-    --color-shadow-extra-large: 0 12px 28px rgba(140,149,159,0.3);
-    --color-state-hover-primary-bg: #0969da;
-    --color-state-hover-primary-border: #0969da;
-    --color-state-hover-primary-text: #ffffff;
-    --color-state-hover-primary-icon: #ffffff;
-    --color-state-hover-secondary-bg: rgba(234,238,242,0.5);
-    --color-state-hover-secondary-border: rgba(234,238,242,0.5);
-    --color-state-selected-primary-bg: #0969da;
-    --color-state-selected-primary-border: #0969da;
-    --color-state-selected-primary-text: #ffffff;
-    --color-state-selected-primary-icon: #ffffff;
-    --color-state-focus-border: #0969da;
-    --color-state-focus-shadow: 0 0 0 3px rgba(9,105,218,0.3);
-    --color-fade-fg-10: rgba(27,31,36,0.1);
-    --color-fade-fg-15: rgba(27,31,36,0.15);
-    --color-fade-fg-30: rgba(27,31,36,0.3);
-    --color-fade-fg-50: rgba(27,31,36,0.5);
-    --color-fade-fg-70: rgba(27,31,36,0.7);
-    --color-fade-fg-85: rgba(27,31,36,0.85);
-    --color-fade-black-10: rgba(27,31,36,0.1);
-    --color-fade-black-15: rgba(27,31,36,0.15);
-    --color-fade-black-30: rgba(27,31,36,0.3);
-    --color-fade-black-50: rgba(27,31,36,0.5);
-    --color-fade-black-70: rgba(27,31,36,0.7);
-    --color-fade-black-85: rgba(27,31,36,0.85);
-    --color-fade-white-10: rgba(255,255,255,0.1);
-    --color-fade-white-15: rgba(255,255,255,0.15);
-    --color-fade-white-30: rgba(255,255,255,0.3);
-    --color-fade-white-50: rgba(255,255,255,0.5);
-    --color-fade-white-70: rgba(255,255,255,0.7);
-    --color-fade-white-85: rgba(255,255,255,0.85);
-    --color-alert-info-text: #24292f;
-    --color-alert-info-icon: #0969da;
-    --color-alert-info-bg: #ddf4ff;
-    --color-alert-info-border: rgba(84,174,255,0.4);
-    --color-alert-warn-text: #24292f;
-    --color-alert-warn-icon: #9a6700;
-    --color-alert-warn-bg: #fff8c5;
-    --color-alert-warn-border: rgba(212,167,44,0.4);
-    --color-alert-error-text: #24292f;
-    --color-alert-error-icon: #cf222e;
-    --color-alert-error-bg: #FFEBE9;
-    --color-alert-error-border: rgba(255,129,130,0.4);
-    --color-alert-success-text: #24292f;
-    --color-alert-success-icon: #1a7f37;
-    --color-alert-success-bg: #dafbe1;
-    --color-alert-success-border: rgba(74,194,107,0.4);
-    --color-autocomplete-shadow: 0 3px 6px rgba(140,149,159,0.15);
-    --color-autocomplete-row-border: hsla(210,18%,87%,1);
-    --color-blankslate-icon: #57606a;
-    --color-counter-text: #24292f;
-    --color-counter-bg: rgba(175,184,193,0.2);
-    --color-counter-primary-text: #ffffff;
-    --color-counter-primary-bg: #6e7781;
-    --color-counter-secondary-text: #57606a;
-    --color-counter-secondary-bg: rgba(234,238,242,0.5);
-    --color-box-blue-border: rgba(84,174,255,0.4);
-    --color-box-row-yellow-bg: #fff8c5;
-    --color-box-row-blue-bg: #ddf4ff;
-    --color-box-header-blue-bg: #ddf4ff;
-    --color-box-header-blue-border: rgba(84,174,255,0.4);
-    --color-box-border-info: rgba(84,174,255,0.4);
-    --color-box-bg-info: #ddf4ff;
-    --color-box-border-warning: rgba(212,167,44,0.4);
-    --color-box-bg-warning: #fff8c5;
-    --color-branch-name-text: #57606a;
-    --color-branch-name-icon: #57606a;
-    --color-branch-name-bg: #ddf4ff;
-    --color-branch-name-link-text: #0969da;
-    --color-branch-name-link-icon: #0969da;
-    --color-branch-name-link-bg: #ddf4ff;
-    --color-markdown-code-bg: rgba(175,184,193,0.2);
-    --color-markdown-frame-border: #d0d7de;
-    --color-markdown-blockquote-border: #d0d7de;
-    --color-markdown-table-border: #d0d7de;
-    --color-markdown-table-tr-border: hsla(210,18%,87%,1);
-    --color-filter-item-bar-bg: rgba(234,238,242,0.5);
-    --color-hidden-text-expander-bg: rgba(175,184,193,0.2);
-    --color-hidden-text-expander-bg-hover: rgba(84,174,255,0.4);
-    --color-drag-and-drop-border: #d0d7de;
-    --color-upload-enabled-border: #d0d7de;
-    --color-upload-enabled-border-focused: #0969da;
-    --color-previewable-comment-form-border: #d0d7de;
-    --color-verified-badge-text: #1a7f37;
-    --color-verified-badge-bg: #ffffff;
-    --color-verified-badge-border: #d0d7de;
-    --color-social-count-bg: #ffffff;
-    --color-tooltip-text: #ffffff;
-    --color-tooltip-bg: #24292f;
-    --color-files-explorer-icon: #0969da;
-    --color-hl-author-bg: #ddf4ff;
-    --color-hl-author-border: rgba(84,174,255,0.4);
-    --color-logo-subdued: rgba(175,184,193,0.2);
-    --color-discussion-border: rgba(74,194,107,0.4);
-    --color-discussion-bg-success: #2da44e;
-    --color-actions-workflow-table-sticky-bg: rgba(255,255,255,0.95);
-    --color-repo-language-color-border: rgba(27,31,36,0.1);
-    --color-code-selection-bg: rgba(84,174,255,0.4);
-    --color-highlight-text: #24292f;
-    --color-highlight-bg: #fff8c5;
-    --color-blob-line-highlight-bg: #fff8c5;
-    --color-blob-line-highlight-border: rgba(212,167,44,0.4);
-    --color-topic-tag-text: #0969da;
-    --color-topic-tag-bg: #ddf4ff;
-    --color-topic-tag-hover-bg: #0969da;
-    --color-topic-tag-active-bg: #ddf4ff;
-    --color-topic-tag-border: rgba(0,0,0,0);
-    --color-footer-invertocat-octicon: #6e7781;
-    --color-footer-invertocat-octicon-hover: #57606a;
-    --color-dropdown-shadow: 0 8px 24px rgba(140,149,159,0.2);
-    --color-label-border: #d0d7de;
-    --color-label-primary-text: #24292f;
-    --color-label-primary-border: #6e7781;
-    --color-label-secondary-text: #57606a;
-    --color-label-secondary-border: #d0d7de;
-    --color-label-info-text: #0969da;
-    --color-label-info-border: #0969da;
-    --color-label-success-text: #1a7f37;
-    --color-label-success-border: #2da44e;
-    --color-label-warning-text: #9a6700;
-    --color-label-warning-border: #bf8700;
-    --color-label-danger-text: #cf222e;
-    --color-label-danger-border: #cf222e;
-    --color-label-orange-text: #bc4c00;
-    --color-label-orange-border: #bc4c00;
-    --color-input-bg: #ffffff;
-    --color-input-contrast-bg: #f6f8fa;
-    --color-input-border: #d0d7de;
-    --color-input-shadow: inset 0 1px 0 rgba(208,215,222,0.2);
-    --color-input-disabled-border: #d0d7de;
-    --color-input-warning-border: #bf8700;
-    --color-input-error-border: #cf222e;
-    --color-input-tooltip-success-text: #24292f;
-    --color-input-tooltip-success-bg: #dafbe1;
-    --color-input-tooltip-success-border: rgba(74,194,107,0.4);
-    --color-input-tooltip-warning-text: #24292f;
-    --color-input-tooltip-warning-bg: #fff8c5;
-    --color-input-tooltip-warning-border: rgba(212,167,44,0.4);
-    --color-input-tooltip-error-text: #24292f;
-    --color-input-tooltip-error-bg: #FFEBE9;
-    --color-input-tooltip-error-border: rgba(255,129,130,0.4);
-    --color-input-disabled-bg: rgba(175,184,193,0.2);
-    --color-toast-text: #24292f;
-    --color-toast-bg: #ffffff;
-    --color-toast-border: #d0d7de;
-    --color-toast-shadow: 0 8px 24px rgba(140,149,159,0.2);
-    --color-toast-icon: #ffffff;
-    --color-toast-icon-bg: #0969da;
-    --color-toast-icon-border: rgba(0,0,0,0);
-    --color-toast-success-text: #24292f;
-    --color-toast-success-border: #d0d7de;
-    --color-toast-success-icon: #ffffff;
-    --color-toast-success-icon-bg: #2da44e;
-    --color-toast-success-icon-border: rgba(0,0,0,0);
-    --color-toast-warning-text: #24292f;
-    --color-toast-warning-border: #d0d7de;
-    --color-toast-warning-icon: #24292f;
-    --color-toast-warning-icon-bg: #bf8700;
-    --color-toast-warning-icon-border: rgba(0,0,0,0);
-    --color-toast-danger-text: #24292f;
-    --color-toast-danger-border: #d0d7de;
-    --color-toast-danger-icon: #ffffff;
-    --color-toast-danger-icon-bg: #cf222e;
-    --color-toast-danger-icon-border: rgba(0,0,0,0);
-    --color-toast-loading-text: #24292f;
-    --color-toast-loading-border: #d0d7de;
-    --color-toast-loading-icon: #ffffff;
-    --color-toast-loading-icon-bg: #6e7781;
-    --color-toast-loading-icon-border: rgba(0,0,0,0);
-    --color-timeline-text: #57606a;
-    --color-timeline-badge-success-border: rgba(0,0,0,0);
-    --color-timeline-target-badge-border: #0969da;
-    --color-timeline-target-badge-shadow: rgba(84,174,255,0.4);
-    --color-timeline-badge-bg: #eaeef2;
-    --color-diffstat-neutral-bg: rgba(175,184,193,0.2);
-    --color-diffstat-neutral-border: rgba(27,31,36,0.15);
-    --color-diffstat-deletion-border: rgba(27,31,36,0.15);
-    --color-diffstat-addition-border: rgba(27,31,36,0.15);
-    --color-diffstat-deletion-bg: #cf222e;
-    --color-diffstat-addition-bg: #2da44e;
-    --color-diff-addition-text: #24292f;
-    --color-diff-addition-bg: #dafbe1;
-    --color-diff-addition-border: rgba(74,194,107,0.4);
-    --color-diff-deletion-text: #24292f;
-    --color-diff-deletion-bg: #FFEBE9;
-    --color-diff-deletion-border: rgba(255,129,130,0.4);
-    --color-diff-change-text: #9a6700;
-    --color-diff-change-bg: #fff8c5;
-    --color-diff-change-border: rgba(212,167,44,0.4);
-    --color-merge-box-success-icon-bg: #2da44e;
-    --color-merge-box-success-icon-text: #ffffff;
-    --color-merge-box-success-icon-border: rgba(0,0,0,0);
-    --color-merge-box-success-indicator-bg: #2da44e;
-    --color-merge-box-success-indicator-border: rgba(0,0,0,0);
-    --color-merge-box-merged-icon-bg: #8250df;
-    --color-merge-box-merged-icon-text: #ffffff;
-    --color-merge-box-merged-icon-border: rgba(0,0,0,0);
-    --color-merge-box-merged-box-border: #8250df;
-    --color-merge-box-neutral-icon-bg: #6e7781;
-    --color-merge-box-neutral-icon-text: #ffffff;
-    --color-merge-box-neutral-icon-border: rgba(0,0,0,0);
-    --color-merge-box-neutral-indicator-bg: #6e7781;
-    --color-merge-box-neutral-indicator-border: rgba(0,0,0,0);
-    --color-merge-box-warning-icon-bg: #bf8700;
-    --color-merge-box-warning-icon-text: #ffffff;
-    --color-merge-box-warning-icon-border: rgba(0,0,0,0);
-    --color-merge-box-warning-box-border: #bf8700;
-    --color-merge-box-warning-merge-highlight: rgba(0,0,0,0);
-    --color-merge-box-error-icon-bg: #cf222e;
-    --color-merge-box-error-icon-text: #ffffff;
-    --color-merge-box-error-icon-border: rgba(0,0,0,0);
-    --color-merge-box-error-indicator-bg: #cf222e;
-    --color-merge-box-error-indicator-border: rgba(0,0,0,0);
-    --color-underlinenav-border: rgba(0,0,0,0);
-    --color-underlinenav-border-hover: rgba(175,184,193,0.2);
-    --color-underlinenav-border-active: #FD8C73;
-    --color-underlinenav-text: #24292f;
-    --color-underlinenav-text-hover: #24292f;
-    --color-underlinenav-text-active: #24292f;
-    --color-underlinenav-icon: #6e7781;
-    --color-underlinenav-icon-hover: #6e7781;
-    --color-underlinenav-icon-active: #24292f;
-    --color-underlinenav-counter-text: #24292f;
-    --color-underlinenav-counter-bg: rgba(175,184,193,0.2);
-    --color-select-menu-border-secondary: hsla(210,18%,87%,1);
-    --color-select-menu-shadow: 0 8px 24px rgba(140,149,159,0.2);
-    --color-select-menu-backdrop-bg: rgba(27,31,36,0.5);
-    --color-select-menu-backdrop-border: rgba(0,0,0,0);
-    --color-select-menu-tap-highlight: rgba(175,184,193,0.5);
-    --color-select-menu-tap-focus-bg: #b6e3ff;
-    --color-sidenav-border-active: #FD8C73;
-    --color-sidenav-selected-bg: #ffffff;
-    --color-menu-heading-text: #24292f;
-    --color-menu-border-active: #FD8C73;
-    --color-menu-bg-active: rgba(0,0,0,0);
-    --color-project-card-bg: #ffffff;
-    --color-project-header-bg: #24292f;
-    --color-project-sidebar-bg: #ffffff;
-    --color-project-gradient-in: #ffffff;
-    --color-project-gradient-out: rgba(255,255,255,0);
-    --color-pr-state-draft-text: #ffffff;
-    --color-pr-state-draft-bg: #6e7781;
-    --color-pr-state-draft-border: rgba(0,0,0,0);
-    --color-pr-state-open-text: #ffffff;
-    --color-pr-state-open-bg: #2da44e;
-    --color-pr-state-open-border: rgba(0,0,0,0);
-    --color-pr-state-merged-text: #ffffff;
-    --color-pr-state-merged-bg: #8250df;
-    --color-pr-state-merged-border: rgba(0,0,0,0);
-    --color-pr-state-closed-text: #ffffff;
-    --color-pr-state-closed-bg: #cf222e;
-    --color-pr-state-closed-border: rgba(0,0,0,0);
-    --color-diff-blob-num-text: #6e7781;
-    --color-diff-blob-num-hover-text: #24292f;
-    --color-diff-blob-addition-num-hover-text: #24292f;
+    --color-canvas-default-transparent: rgba(255,255,255,0);
+    --color-marketing-icon-primary: #218bff;
+    --color-marketing-icon-secondary: #54aeff;
     --color-diff-blob-addition-num-text: #24292f;
@@ -396,3 +10,2 @@
     --color-diff-blob-addition-word-bg: #ABF2BC;
-    --color-diff-blob-deletion-num-hover-text: #24292f;
     --color-diff-blob-deletion-num-text: #24292f;
@@ -402,30 +15,8 @@
     --color-diff-blob-deletion-word-bg: rgba(255,129,130,0.4);
-    --color-diff-blob-hunk-text: #57606a;
     --color-diff-blob-hunk-num-bg: rgba(84,174,255,0.4);
-    --color-diff-blob-hunk-line-bg: #ddf4ff;
-    --color-diff-blob-empty-block-bg: rgba(234,238,242,0.5);
-    --color-diff-blob-selected-line-highlight-bg: #fff8c5;
-    --color-diff-blob-selected-line-highlight-border: rgba(212,167,44,0.4);
-    --color-diff-blob-expander-hover-icon: #ffffff;
-    --color-diff-blob-expander-hover-bg: #0969da;
     --color-diff-blob-expander-icon: #57606a;
-    --color-diff-blob-comment-button-icon: #ffffff;
-    --color-diff-blob-comment-button-bg: #0969da;
-    --color-diff-blob-comment-button-gradient-bg: rgba(0,0,0,0);
     --color-diff-blob-selected-line-highlight-mix-blend-mode: multiply;
-    --color-global-nav-logo: #ffffff;
-    --color-global-nav-bg: #24292f;
-    --color-global-nav-text: #ffffff;
-    --color-global-nav-icon: #ffffff;
-    --color-global-nav-input-bg: #f6f8fa;
-    --color-global-nav-input-border: #f6f8fa;
-    --color-global-nav-input-icon: #afb8c1;
-    --color-global-nav-input-placeholder: #8c959f;
-    --color-intro-shelf-gradient-left: #ddf4ff;
-    --color-intro-shelf-gradient-right: #dafbe1;
-    --color-intro-shelf-gradient-in: #ffffff;
-    --color-intro-shelf-gradient-out: rgba(255,255,255,0);
-    --color-canvas-default-transparent: rgba(255,255,255,0);
-    --color-marketing-icon-primary: #218bff;
-    --color-marketing-icon-secondary: #54aeff;
+    --color-diffstat-deletion-border: rgba(27,31,36,0.15);
+    --color-diffstat-addition-border: rgba(27,31,36,0.15);
+    --color-diffstat-addition-bg: #2da44e;
     --color-search-keyword-hl: #fff8c5;
@@ -553,2 +144,6 @@
     --color-checks-ansi-cyan-bright: #b3f0ff;
+    --color-project-header-bg: #24292f;
+    --color-project-sidebar-bg: #ffffff;
+    --color-project-gradient-in: #ffffff;
+    --color-project-gradient-out: rgba(255,255,255,0);
     --color-mktg-success: rgba(36,146,67,1);
@@ -589,2 +184,6 @@
     --color-avatar-child-shadow: -2px -2px 0 rgba(255,255,255,0.8);
+    --color-topic-tag-border: rgba(0,0,0,0);
+    --color-select-menu-backdrop-border: rgba(0,0,0,0);
+    --color-select-menu-tap-highlight: rgba(175,184,193,0.5);
+    --color-select-menu-tap-focus-bg: #b6e3ff;
     --color-overlay-shadow: 0 1px 3px rgba(27,31,36,0.12), 0 8px 24px rgba(66,74,83,0.12);
@@ -595,2 +194,6 @@
     --color-header-search-border: #57606a;
+    --color-sidenav-selected-bg: #ffffff;
+    --color-menu-bg-active: rgba(0,0,0,0);
+    --color-input-disabled-bg: rgba(175,184,193,0.2);
+    --color-timeline-badge-bg: #eaeef2;
     --color-ansi-black: #24292f;
@@ -681,2 +284,4 @@
     --color-btn-danger-hover-icon: #ffffff;
+    --color-underlinenav-icon: #6e7781;
+    --color-underlinenav-border-hover: rgba(175,184,193,0.2);
     --color-fg-default: #24292f;
@@ -689,2 +294,9 @@
     --color-canvas-subtle: #f6f8fa;
+    --color-border-default: #d0d7de;
+    --color-border-muted: hsla(210,18%,87%,1);
+    --color-border-subtle: rgba(27,31,36,0.15);
+    --color-shadow-small: 0 1px 0 rgba(27,31,36,0.04);
+    --color-shadow-medium: 0 3px 6px rgba(140,149,159,0.15);
+    --color-shadow-large: 0 8px 24px rgba(140,149,159,0.2);
+    --color-shadow-extra-large: 0 12px 28px rgba(140,149,159,0.3);
     --color-neutral-emphasis-plus: #24292f;
--- base/dist/scss/colors/_light_protanopia.scss	2021-09-27 16:55:00.477803621 +0000
+++ dist/scss/colors/_light_protanopia.scss	2021-09-27 16:54:48.685715015 +0000
@@ -2,391 +2,5 @@
   & {
-    --color-auto-black: #1b1f24;
-    --color-auto-white: #ffffff;
-    --color-auto-gray-0: #f6f8fa;
-    --color-auto-gray-1: #eaeef2;
-    --color-auto-gray-2: #d0d7de;
-    --color-auto-gray-3: #afb8c1;
-    --color-auto-gray-4: #8c959f;
-    --color-auto-gray-5: #6e7781;
-    --color-auto-gray-6: #57606a;
-    --color-auto-gray-7: #424a53;
-    --color-auto-gray-8: #32383f;
-    --color-auto-gray-9: #24292f;
-    --color-auto-blue-0: #ddf4ff;
-    --color-auto-blue-1: #b6e3ff;
-    --color-auto-blue-2: #80ccff;
-    --color-auto-blue-3: #54aeff;
-    --color-auto-blue-4: #218bff;
-    --color-auto-blue-5: #0969da;
-    --color-auto-blue-6: #0550ae;
-    --color-auto-blue-7: #033d8b;
-    --color-auto-blue-8: #0a3069;
-    --color-auto-blue-9: #002155;
-    --color-auto-green-0: #c0f6ff;
-    --color-auto-green-1: #96e5ff;
-    --color-auto-green-2: #65ccff;
-    --color-auto-green-3: #35adff;
-    --color-auto-green-4: #0088ff;
-    --color-auto-green-5: #0566d5;
-    --color-auto-green-6: #054da9;
-    --color-auto-green-7: #033a86;
-    --color-auto-green-8: #002d68;
-    --color-auto-green-9: #001f50;
-    --color-auto-yellow-0: #fff8c5;
-    --color-auto-yellow-1: #fae17d;
-    --color-auto-yellow-2: #eac54f;
-    --color-auto-yellow-3: #d4a72c;
-    --color-auto-yellow-4: #bf8700;
-    --color-auto-yellow-5: #9a6700;
-    --color-auto-yellow-6: #7d4e00;
-    --color-auto-yellow-7: #633c01;
-    --color-auto-yellow-8: #4d2d00;
-    --color-auto-yellow-9: #3b2300;
-    --color-auto-orange-0: #fff1e5;
-    --color-auto-orange-1: #ffd8b5;
-    --color-auto-orange-2: #ffb77c;
-    --color-auto-orange-3: #fb8f44;
-    --color-auto-orange-4: #e16f24;
-    --color-auto-orange-5: #bc4c00;
-    --color-auto-orange-6: #953800;
-    --color-auto-orange-7: #762c00;
-    --color-auto-orange-8: #5c2200;
-    --color-auto-orange-9: #471700;
-    --color-auto-red-0: #fefe48;
-    --color-auto-red-1: #fee325;
-    --color-auto-red-2: #f8c200;
-    --color-auto-red-3: #e7a100;
-    --color-auto-red-4: #d08002;
-    --color-auto-red-5: #ac5e00;
-    --color-auto-red-6: #8b4600;
-    --color-auto-red-7: #6c3900;
-    --color-auto-red-8: #4c3100;
-    --color-auto-red-9: #2f2900;
-    --color-auto-purple-0: #fbefff;
-    --color-auto-purple-1: #ecd8ff;
-    --color-auto-purple-2: #d8b9ff;
-    --color-auto-purple-3: #c297ff;
-    --color-auto-purple-4: #a475f9;
-    --color-auto-purple-5: #8250df;
-    --color-auto-purple-6: #6639ba;
-    --color-auto-purple-7: #512a97;
-    --color-auto-purple-8: #3e1f79;
-    --color-auto-purple-9: #2e1461;
-    --color-auto-pink-0: #ffeff7;
-    --color-auto-pink-1: #ffd3eb;
-    --color-auto-pink-2: #ffadda;
-    --color-auto-pink-3: #ff80c8;
-    --color-auto-pink-4: #e85aad;
-    --color-auto-pink-5: #bf3989;
-    --color-auto-pink-6: #99286e;
-    --color-auto-pink-7: #772057;
-    --color-auto-pink-8: #611347;
-    --color-auto-pink-9: #4d0336;
-    --color-text-primary: #24292f;
-    --color-text-secondary: #57606a;
-    --color-text-tertiary: #57606a;
-    --color-text-placeholder: #6e7781;
-    --color-text-disabled: #57606a;
-    --color-text-inverse: #ffffff;
-    --color-text-link: #0969da;
-    --color-text-danger: #ac5e00;
-    --color-text-success: #0566d5;
-    --color-text-warning: #9a6700;
-    --color-text-white: #ffffff;
-    --color-icon-primary: #24292f;
-    --color-icon-secondary: #57606a;
-    --color-icon-tertiary: #57606a;
-    --color-icon-info: #0969da;
-    --color-icon-danger: #ac5e00;
-    --color-icon-success: #0566d5;
-    --color-icon-warning: #9a6700;
-    --color-border-primary: #d0d7de;
-    --color-border-secondary: hsla(210,18%,87%,1);
-    --color-border-tertiary: #d0d7de;
-    --color-border-overlay: #d0d7de;
-    --color-border-inverse: #ffffff;
-    --color-border-info: #0969da;
-    --color-border-danger: #ac5e00;
-    --color-border-success: #0088ff;
-    --color-border-warning: #bf8700;
-    --color-border-default: #d0d7de;
-    --color-border-muted: hsla(210,18%,87%,1);
-    --color-border-subtle: rgba(27,31,36,0.15);
-    --color-bg-canvas: #ffffff;
-    --color-bg-canvas-mobile: rgba(0,0,0,0);
-    --color-bg-canvas-inverse: #6e7781;
-    --color-bg-canvas-inset: #f6f8fa;
-    --color-bg-primary: #ffffff;
-    --color-bg-secondary: #f6f8fa;
-    --color-bg-tertiary: #f6f8fa;
-    --color-bg-overlay: #ffffff;
-    --color-bg-backdrop: rgba(27,31,36,0.5);
-    --color-bg-info: #ddf4ff;
-    --color-bg-info-inverse: #0969da;
-    --color-bg-danger: #fefe48;
-    --color-bg-danger-inverse: #ac5e00;
-    --color-bg-success: #c0f6ff;
-    --color-bg-success-inverse: #0088ff;
-    --color-bg-warning: #fff8c5;
-    --color-bg-warning-inverse: #bf8700;
-    --color-shadow-highlight: inset 0 1px 0 rgba(255,255,255,0.25);
-    --color-shadow-inset: inset 0 1px 0 rgba(208,215,222,0.2);
-    --color-shadow-small: 0 1px 0 rgba(27,31,36,0.04);
-    --color-shadow-medium: 0 3px 6px rgba(140,149,159,0.15);
-    --color-shadow-large: 0 8px 24px rgba(140,149,159,0.2);
-    --color-shadow-extra-large: 0 12px 28px rgba(140,149,159,0.3);
-    --color-state-hover-primary-bg: #0969da;
-    --color-state-hover-primary-border: #0969da;
-    --color-state-hover-primary-text: #ffffff;
-    --color-state-hover-primary-icon: #ffffff;
-    --color-state-hover-secondary-bg: rgba(234,238,242,0.5);
-    --color-state-hover-secondary-border: rgba(234,238,242,0.5);
-    --color-state-selected-primary-bg: #0969da;
-    --color-state-selected-primary-border: #0969da;
-    --color-state-selected-primary-text: #ffffff;
-    --color-state-selected-primary-icon: #ffffff;
-    --color-state-focus-border: #0969da;
-    --color-state-focus-shadow: 0 0 0 3px rgba(9,105,218,0.3);
-    --color-fade-fg-10: rgba(27,31,36,0.1);
-    --color-fade-fg-15: rgba(27,31,36,0.15);
-    --color-fade-fg-30: rgba(27,31,36,0.3);
-    --color-fade-fg-50: rgba(27,31,36,0.5);
-    --color-fade-fg-70: rgba(27,31,36,0.7);
-    --color-fade-fg-85: rgba(27,31,36,0.85);
-    --color-fade-black-10: rgba(27,31,36,0.1);
-    --color-fade-black-15: rgba(27,31,36,0.15);
-    --color-fade-black-30: rgba(27,31,36,0.3);
-    --color-fade-black-50: rgba(27,31,36,0.5);
-    --color-fade-black-70: rgba(27,31,36,0.7);
-    --color-fade-black-85: rgba(27,31,36,0.85);
-    --color-fade-white-10: rgba(255,255,255,0.1);
-    --color-fade-white-15: rgba(255,255,255,0.15);
-    --color-fade-white-30: rgba(255,255,255,0.3);
-    --color-fade-white-50: rgba(255,255,255,0.5);
-    --color-fade-white-70: rgba(255,255,255,0.7);
-    --color-fade-white-85: rgba(255,255,255,0.85);
-    --color-alert-info-text: #24292f;
-    --color-alert-info-icon: #0969da;
-    --color-alert-info-bg: #ddf4ff;
-    --color-alert-info-border: rgba(84,174,255,0.4);
-    --color-alert-warn-text: #24292f;
-    --color-alert-warn-icon: #9a6700;
-    --color-alert-warn-bg: #fff8c5;
-    --color-alert-warn-border: rgba(212,167,44,0.4);
-    --color-alert-error-text: #24292f;
-    --color-alert-error-icon: #ac5e00;
-    --color-alert-error-bg: #fefe48;
-    --color-alert-error-border: rgba(231,161,0,0.4);
-    --color-alert-success-text: #24292f;
-    --color-alert-success-icon: #0566d5;
-    --color-alert-success-bg: #c0f6ff;
-    --color-alert-success-border: rgba(53,173,255,0.4);
-    --color-autocomplete-shadow: 0 3px 6px rgba(140,149,159,0.15);
-    --color-autocomplete-row-border: hsla(210,18%,87%,1);
-    --color-blankslate-icon: #57606a;
-    --color-counter-text: #24292f;
-    --color-counter-bg: rgba(175,184,193,0.2);
-    --color-counter-primary-text: #ffffff;
-    --color-counter-primary-bg: #6e7781;
-    --color-counter-secondary-text: #57606a;
-    --color-counter-secondary-bg: rgba(234,238,242,0.5);
-    --color-box-blue-border: rgba(84,174,255,0.4);
-    --color-box-row-yellow-bg: #fff8c5;
-    --color-box-row-blue-bg: #ddf4ff;
-    --color-box-header-blue-bg: #ddf4ff;
-    --color-box-header-blue-border: rgba(84,174,255,0.4);
-    --color-box-border-info: rgba(84,174,255,0.4);
-    --color-box-bg-info: #ddf4ff;
-    --color-box-border-warning: rgba(212,167,44,0.4);
-    --color-box-bg-warning: #fff8c5;
-    --color-branch-name-text: #57606a;
-    --color-branch-name-icon: #57606a;
-    --color-branch-name-bg: #ddf4ff;
-    --color-branch-name-link-text: #0969da;
-    --color-branch-name-link-icon: #0969da;
-    --color-branch-name-link-bg: #ddf4ff;
-    --color-markdown-code-bg: rgba(175,184,193,0.2);
-    --color-markdown-frame-border: #d0d7de;
-    --color-markdown-blockquote-border: #d0d7de;
-    --color-markdown-table-border: #d0d7de;
-    --color-markdown-table-tr-border: hsla(210,18%,87%,1);
-    --color-filter-item-bar-bg: rgba(234,238,242,0.5);
-    --color-hidden-text-expander-bg: rgba(175,184,193,0.2);
-    --color-hidden-text-expander-bg-hover: rgba(84,174,255,0.4);
-    --color-drag-and-drop-border: #d0d7de;
-    --color-upload-enabled-border: #d0d7de;
-    --color-upload-enabled-border-focused: #0969da;
-    --color-previewable-comment-form-border: #d0d7de;
-    --color-verified-badge-text: #0566d5;
-    --color-verified-badge-bg: #ffffff;
-    --color-verified-badge-border: #d0d7de;
-    --color-social-count-bg: #ffffff;
-    --color-tooltip-text: #ffffff;
-    --color-tooltip-bg: #24292f;
-    --color-files-explorer-icon: #0969da;
-    --color-hl-author-bg: #ddf4ff;
-    --color-hl-author-border: rgba(84,174,255,0.4);
-    --color-logo-subdued: rgba(175,184,193,0.2);
-    --color-discussion-border: rgba(53,173,255,0.4);
-    --color-discussion-bg-success: #0088ff;
-    --color-actions-workflow-table-sticky-bg: rgba(255,255,255,0.95);
-    --color-repo-language-color-border: rgba(27,31,36,0.1);
-    --color-code-selection-bg: rgba(84,174,255,0.4);
-    --color-highlight-text: #24292f;
-    --color-highlight-bg: #fff8c5;
-    --color-blob-line-highlight-bg: #fff8c5;
-    --color-blob-line-highlight-border: rgba(212,167,44,0.4);
-    --color-topic-tag-text: #0969da;
-    --color-topic-tag-bg: #ddf4ff;
-    --color-topic-tag-hover-bg: #0969da;
-    --color-topic-tag-active-bg: #ddf4ff;
-    --color-topic-tag-border: rgba(0,0,0,0);
-    --color-footer-invertocat-octicon: #6e7781;
-    --color-footer-invertocat-octicon-hover: #57606a;
-    --color-dropdown-shadow: 0 8px 24px rgba(140,149,159,0.2);
-    --color-label-border: #d0d7de;
-    --color-label-primary-text: #24292f;
-    --color-label-primary-border: #6e7781;
-    --color-label-secondary-text: #57606a;
-    --color-label-secondary-border: #d0d7de;
-    --color-label-info-text: #0969da;
-    --color-label-info-border: #0969da;
-    --color-label-success-text: #0566d5;
-    --color-label-success-border: #0088ff;
-    --color-label-warning-text: #9a6700;
-    --color-label-warning-border: #bf8700;
-    --color-label-danger-text: #ac5e00;
-    --color-label-danger-border: #ac5e00;
-    --color-label-orange-text: #bc4c00;
-    --color-label-orange-border: #bc4c00;
-    --color-input-bg: #ffffff;
-    --color-input-contrast-bg: #f6f8fa;
-    --color-input-border: #d0d7de;
-    --color-input-shadow: inset 0 1px 0 rgba(208,215,222,0.2);
-    --color-input-disabled-border: #d0d7de;
-    --color-input-warning-border: #bf8700;
-    --color-input-error-border: #ac5e00;
-    --color-input-tooltip-success-text: #24292f;
-    --color-input-tooltip-success-bg: #c0f6ff;
-    --color-input-tooltip-success-border: rgba(53,173,255,0.4);
-    --color-input-tooltip-warning-text: #24292f;
-    --color-input-tooltip-warning-bg: #fff8c5;
-    --color-input-tooltip-warning-border: rgba(212,167,44,0.4);
-    --color-input-tooltip-error-text: #24292f;
-    --color-input-tooltip-error-bg: #fefe48;
-    --color-input-tooltip-error-border: rgba(231,161,0,0.4);
-    --color-input-disabled-bg: rgba(175,184,193,0.2);
-    --color-toast-text: #24292f;
-    --color-toast-bg: #ffffff;
-    --color-toast-border: #d0d7de;
-    --color-toast-shadow: 0 8px 24px rgba(140,149,159,0.2);
-    --color-toast-icon: #ffffff;
-    --color-toast-icon-bg: #0969da;
-    --color-toast-icon-border: rgba(0,0,0,0);
-    --color-toast-success-text: #24292f;
-    --color-toast-success-border: #d0d7de;
-    --color-toast-success-icon: #ffffff;
-    --color-toast-success-icon-bg: #0088ff;
-    --color-toast-success-icon-border: rgba(0,0,0,0);
-    --color-toast-warning-text: #24292f;
-    --color-toast-warning-border: #d0d7de;
-    --color-toast-warning-icon: #24292f;
-    --color-toast-warning-icon-bg: #bf8700;
-    --color-toast-warning-icon-border: rgba(0,0,0,0);
-    --color-toast-danger-text: #24292f;
-    --color-toast-danger-border: #d0d7de;
-    --color-toast-danger-icon: #ffffff;
-    --color-toast-danger-icon-bg: #ac5e00;
-    --color-toast-danger-icon-border: rgba(0,0,0,0);
-    --color-toast-loading-text: #24292f;
-    --color-toast-loading-border: #d0d7de;
-    --color-toast-loading-icon: #ffffff;
-    --color-toast-loading-icon-bg: #6e7781;
-    --color-toast-loading-icon-border: rgba(0,0,0,0);
-    --color-timeline-text: #57606a;
-    --color-timeline-badge-success-border: rgba(0,0,0,0);
-    --color-timeline-target-badge-border: #0969da;
-    --color-timeline-target-badge-shadow: rgba(84,174,255,0.4);
-    --color-timeline-badge-bg: #eaeef2;
-    --color-diffstat-neutral-bg: rgba(175,184,193,0.2);
-    --color-diffstat-neutral-border: rgba(27,31,36,0.15);
-    --color-diffstat-deletion-border: rgba(27,31,36,0.15);
-    --color-diffstat-addition-border: rgba(27,31,36,0.15);
-    --color-diffstat-deletion-bg: #ac5e00;
-    --color-diffstat-addition-bg: #0088ff;
-    --color-diff-addition-text: #24292f;
-    --color-diff-addition-bg: #c0f6ff;
-    --color-diff-addition-border: rgba(53,173,255,0.4);
-    --color-diff-deletion-text: #24292f;
-    --color-diff-deletion-bg: #fefe48;
-    --color-diff-deletion-border: rgba(231,161,0,0.4);
-    --color-diff-change-text: #9a6700;
-    --color-diff-change-bg: #fff8c5;
-    --color-diff-change-border: rgba(212,167,44,0.4);
-    --color-merge-box-success-icon-bg: #0088ff;
-    --color-merge-box-success-icon-text: #ffffff;
-    --color-merge-box-success-icon-border: rgba(0,0,0,0);
-    --color-merge-box-success-indicator-bg: #0088ff;
-    --color-merge-box-success-indicator-border: rgba(0,0,0,0);
-    --color-merge-box-merged-icon-bg: #8250df;
-    --color-merge-box-merged-icon-text: #ffffff;
-    --color-merge-box-merged-icon-border: rgba(0,0,0,0);
-    --color-merge-box-merged-box-border: #8250df;
-    --color-merge-box-neutral-icon-bg: #6e7781;
-    --color-merge-box-neutral-icon-text: #ffffff;
-    --color-merge-box-neutral-icon-border: rgba(0,0,0,0);
-    --color-merge-box-neutral-indicator-bg: #6e7781;
-    --color-merge-box-neutral-indicator-border: rgba(0,0,0,0);
-    --color-merge-box-warning-icon-bg: #bf8700;
-    --color-merge-box-warning-icon-text: #ffffff;
-    --color-merge-box-warning-icon-border: rgba(0,0,0,0);
-    --color-merge-box-warning-box-border: #bf8700;
-    --color-merge-box-warning-merge-highlight: rgba(0,0,0,0);
-    --color-merge-box-error-icon-bg: #ac5e00;
-    --color-merge-box-error-icon-text: #ffffff;
-    --color-merge-box-error-icon-border: rgba(0,0,0,0);
-    --color-merge-box-error-indicator-bg: #ac5e00;
-    --color-merge-box-error-indicator-border: rgba(0,0,0,0);
-    --color-underlinenav-border: rgba(0,0,0,0);
-    --color-underlinenav-border-hover: rgba(175,184,193,0.2);
-    --color-underlinenav-border-active: #FD8C73;
-    --color-underlinenav-text: #24292f;
-    --color-underlinenav-text-hover: #24292f;
-    --color-underlinenav-text-active: #24292f;
-    --color-underlinenav-icon: #6e7781;
-    --color-underlinenav-icon-hover: #6e7781;
-    --color-underlinenav-icon-active: #24292f;
-    --color-underlinenav-counter-text: #24292f;
-    --color-underlinenav-counter-bg: rgba(175,184,193,0.2);
-    --color-select-menu-border-secondary: hsla(210,18%,87%,1);
-    --color-select-menu-shadow: 0 8px 24px rgba(140,149,159,0.2);
-    --color-select-menu-backdrop-bg: rgba(27,31,36,0.5);
-    --color-select-menu-backdrop-border: rgba(0,0,0,0);
-    --color-select-menu-tap-highlight: rgba(175,184,193,0.5);
-    --color-select-menu-tap-focus-bg: #b6e3ff;
-    --color-sidenav-border-active: #FD8C73;
-    --color-sidenav-selected-bg: #ffffff;
-    --color-menu-heading-text: #24292f;
-    --color-menu-border-active: #FD8C73;
-    --color-menu-bg-active: rgba(0,0,0,0);
-    --color-project-card-bg: #ffffff;
-    --color-project-header-bg: #24292f;
-    --color-project-sidebar-bg: #ffffff;
-    --color-project-gradient-in: #ffffff;
-    --color-project-gradient-out: rgba(255,255,255,0);
-    --color-pr-state-draft-text: #ffffff;
-    --color-pr-state-draft-bg: #6e7781;
-    --color-pr-state-draft-border: rgba(0,0,0,0);
-    --color-pr-state-open-text: #ffffff;
-    --color-pr-state-open-bg: #0088ff;
-    --color-pr-state-open-border: rgba(0,0,0,0);
-    --color-pr-state-merged-text: #ffffff;
-    --color-pr-state-merged-bg: #8250df;
-    --color-pr-state-merged-border: rgba(0,0,0,0);
-    --color-pr-state-closed-text: #ffffff;
-    --color-pr-state-closed-bg: #ac5e00;
-    --color-pr-state-closed-border: rgba(0,0,0,0);
-    --color-diff-blob-num-text: #6e7781;
-    --color-diff-blob-num-hover-text: #24292f;
-    --color-diff-blob-addition-num-hover-text: #24292f;
+    --color-canvas-default-transparent: rgba(255,255,255,0);
+    --color-marketing-icon-primary: #218bff;
+    --color-marketing-icon-secondary: #54aeff;
     --color-diff-blob-addition-num-text: #24292f;
@@ -396,3 +10,2 @@
     --color-diff-blob-addition-word-bg: rgba(53,173,255,0.4);
-    --color-diff-blob-deletion-num-hover-text: #24292f;
     --color-diff-blob-deletion-num-text: #24292f;
@@ -402,30 +15,8 @@
     --color-diff-blob-deletion-word-bg: rgba(248,194,0,0.5);
-    --color-diff-blob-hunk-text: #57606a;
     --color-diff-blob-hunk-num-bg: rgba(84,174,255,0.4);
-    --color-diff-blob-hunk-line-bg: #ddf4ff;
-    --color-diff-blob-empty-block-bg: rgba(234,238,242,0.5);
-    --color-diff-blob-selected-line-highlight-bg: #fff8c5;
-    --color-diff-blob-selected-line-highlight-border: rgba(212,167,44,0.4);
-    --color-diff-blob-expander-hover-icon: #ffffff;
-    --color-diff-blob-expander-hover-bg: #0969da;
     --color-diff-blob-expander-icon: #57606a;
-    --color-diff-blob-comment-button-icon: #ffffff;
-    --color-diff-blob-comment-button-bg: #0969da;
-    --color-diff-blob-comment-button-gradient-bg: rgba(0,0,0,0);
     --color-diff-blob-selected-line-highlight-mix-blend-mode: multiply;
-    --color-global-nav-logo: #ffffff;
-    --color-global-nav-bg: #24292f;
-    --color-global-nav-text: #ffffff;
-    --color-global-nav-icon: #ffffff;
-    --color-global-nav-input-bg: #f6f8fa;
-    --color-global-nav-input-border: #f6f8fa;
-    --color-global-nav-input-icon: #afb8c1;
-    --color-global-nav-input-placeholder: #8c959f;
-    --color-intro-shelf-gradient-left: #ddf4ff;
-    --color-intro-shelf-gradient-right: #c0f6ff;
-    --color-intro-shelf-gradient-in: #ffffff;
-    --color-intro-shelf-gradient-out: rgba(255,255,255,0);
-    --color-canvas-default-transparent: rgba(255,255,255,0);
-    --color-marketing-icon-primary: #218bff;
-    --color-marketing-icon-secondary: #54aeff;
+    --color-diffstat-deletion-border: rgba(27,31,36,0.15);
+    --color-diffstat-addition-border: rgba(27,31,36,0.15);
+    --color-diffstat-addition-bg: #0088ff;
     --color-search-keyword-hl: #fff8c5;
@@ -553,2 +144,6 @@
     --color-checks-ansi-cyan-bright: #b3f0ff;
+    --color-project-header-bg: #24292f;
+    --color-project-sidebar-bg: #ffffff;
+    --color-project-gradient-in: #ffffff;
+    --color-project-gradient-out: rgba(255,255,255,0);
     --color-mktg-success: rgba(3,119,234,1);
@@ -589,2 +184,6 @@
     --color-avatar-child-shadow: -2px -2px 0 rgba(255,255,255,0.8);
+    --color-topic-tag-border: rgba(0,0,0,0);
+    --color-select-menu-backdrop-border: rgba(0,0,0,0);
+    --color-select-menu-tap-highlight: rgba(175,184,193,0.5);
+    --color-select-menu-tap-focus-bg: #b6e3ff;
     --color-overlay-shadow: 0 1px 3px rgba(27,31,36,0.12), 0 8px 24px rgba(66,74,83,0.12);
@@ -595,2 +194,6 @@
     --color-header-search-border: #57606a;
+    --color-sidenav-selected-bg: #ffffff;
+    --color-menu-bg-active: rgba(0,0,0,0);
+    --color-input-disabled-bg: rgba(175,184,193,0.2);
+    --color-timeline-badge-bg: #eaeef2;
     --color-ansi-black: #24292f;
@@ -681,2 +284,4 @@
     --color-btn-danger-hover-icon: #ffffff;
+    --color-underlinenav-icon: #6e7781;
+    --color-underlinenav-border-hover: rgba(175,184,193,0.2);
     --color-fg-default: #24292f;
@@ -689,2 +294,9 @@
     --color-canvas-subtle: #f6f8fa;
+    --color-border-default: #d0d7de;
+    --color-border-muted: hsla(210,18%,87%,1);
+    --color-border-subtle: rgba(27,31,36,0.15);
+    --color-shadow-small: 0 1px 0 rgba(27,31,36,0.04);
+    --color-shadow-medium: 0 3px 6px rgba(140,149,159,0.15);
+    --color-shadow-large: 0 8px 24px rgba(140,149,159,0.2);
+    --color-shadow-extra-large: 0 12px 28px rgba(140,149,159,0.3);
     --color-neutral-emphasis-plus: #24292f;

[jonrohan]

Like that you found some errors after you added the assertions. I wonder if we should eventually break that stuff off into real tests?

[simurai]

❤️