From 9a4d04dd9427585e4729c4cbc1ffb1a4577d7a58 Mon Sep 17 00:00:00 2001
From: EnixCoda <enixcoda@gmail.com>
Date: Fri, 23 Jul 2021 00:18:18 +0800
Subject: [PATCH] feat: adopt the new high contrast theme

---
 src/styles/darkHighContrast/variables.scss | 818 +++++++++++++++++++++
 src/styles/index.scss                      |   8 +-
 src/styles/themes.scss                     |  14 +
 3 files changed, 836 insertions(+), 4 deletions(-)
 create mode 100644 src/styles/darkHighContrast/variables.scss

diff --git a/src/styles/darkHighContrast/variables.scss b/src/styles/darkHighContrast/variables.scss
new file mode 100644
index 0000000..cc26896
--- /dev/null
+++ b/src/styles/darkHighContrast/variables.scss
@@ -0,0 +1,818 @@
+$variables: (
+  'auto-black': 'red',
+  'auto-white': 'red',
+  'auto-gray-0': 'red',
+  'auto-gray-1': 'red',
+  'auto-gray-2': 'red',
+  'auto-gray-3': 'red',
+  'auto-gray-4': 'red',
+  'auto-gray-5': 'red',
+  'auto-gray-6': 'red',
+  'auto-gray-7': 'red',
+  'auto-gray-8': 'red',
+  'auto-gray-9': 'red',
+  'auto-blue-0': 'red',
+  'auto-blue-1': 'red',
+  'auto-blue-2': 'red',
+  'auto-blue-3': 'red',
+  'auto-blue-4': 'red',
+  'auto-blue-5': 'red',
+  'auto-blue-6': 'red',
+  'auto-blue-7': 'red',
+  'auto-blue-8': 'red',
+  'auto-blue-9': 'red',
+  'auto-green-0': 'red',
+  'auto-green-1': 'red',
+  'auto-green-2': 'red',
+  'auto-green-3': 'red',
+  'auto-green-4': 'red',
+  'auto-green-5': 'red',
+  'auto-green-6': 'red',
+  'auto-green-7': 'red',
+  'auto-green-8': 'red',
+  'auto-green-9': 'red',
+  'auto-yellow-0': 'red',
+  'auto-yellow-1': 'red',
+  'auto-yellow-2': 'red',
+  'auto-yellow-3': 'red',
+  'auto-yellow-4': 'red',
+  'auto-yellow-5': 'red',
+  'auto-yellow-6': 'red',
+  'auto-yellow-7': 'red',
+  'auto-yellow-8': 'red',
+  'auto-yellow-9': 'red',
+  'auto-orange-0': 'red',
+  'auto-orange-1': 'red',
+  'auto-orange-2': 'red',
+  'auto-orange-3': 'red',
+  'auto-orange-4': 'red',
+  'auto-orange-5': 'red',
+  'auto-orange-6': 'red',
+  'auto-orange-7': 'red',
+  'auto-orange-8': 'red',
+  'auto-orange-9': 'red',
+  'auto-red-0': 'red',
+  'auto-red-1': 'red',
+  'auto-red-2': 'red',
+  'auto-red-3': 'red',
+  'auto-red-4': 'red',
+  'auto-red-5': 'red',
+  'auto-red-6': 'red',
+  'auto-red-7': 'red',
+  'auto-red-8': 'red',
+  'auto-red-9': 'red',
+  'auto-purple-0': 'red',
+  'auto-purple-1': 'red',
+  'auto-purple-2': 'red',
+  'auto-purple-3': 'red',
+  'auto-purple-4': 'red',
+  'auto-purple-5': 'red',
+  'auto-purple-6': 'red',
+  'auto-purple-7': 'red',
+  'auto-purple-8': 'red',
+  'auto-purple-9': 'red',
+  'auto-pink-0': 'red',
+  'auto-pink-1': 'red',
+  'auto-pink-2': 'red',
+  'auto-pink-3': 'red',
+  'auto-pink-4': 'red',
+  'auto-pink-5': 'red',
+  'auto-pink-6': 'red',
+  'auto-pink-7': 'red',
+  'auto-pink-8': 'red',
+  'auto-pink-9': 'red',
+  'text-primary': '#f0f3f6',
+  'text-secondary': '#f0f3f6',
+  'text-tertiary': '#f0f3f6',
+  'text-placeholder': '#7a828e',
+  'text-disabled': '#7a828e',
+  'text-inverse': '#0a0c10',
+  'text-link': '#71b7ff',
+  'text-danger': '#ff6a69',
+  'text-success': '#26cd41',
+  'text-warning': '#f0b72f',
+  'text-white': 'red',
+  'icon-primary': '#f0f3f6',
+  'icon-secondary': '#f0f3f6',
+  'icon-tertiary': '#f0f3f6',
+  'icon-info': '#71b7ff',
+  'icon-danger': '#ff6a69',
+  'icon-success': '#26cd41',
+  'icon-warning': '#f0b72f',
+  'border-primary': '#7a828e',
+  'border-secondary': '#7a828e',
+  'border-tertiary': 'rgba(158,167,179,0.4)',
+  'border-overlay': '#7a828e',
+  'border-inverse': '#0a0c10',
+  'border-info': '#409eff',
+  'border-danger': '#ff6a69',
+  'border-success': '#09b432',
+  'border-warning': '#e09b13',
+  'border-default': '#7a828e',
+  'border-muted': '#7a828e',
+  'border-subtle': '#7a828e',
+  'bg-canvas': '#0a0c10',
+  'bg-canvas-mobile': 'transparent',
+  'bg-canvas-inverse': '#9ea7b3',
+  'bg-canvas-inset': '#010409',
+  'bg-primary': '#0a0c10',
+  'bg-secondary': '#272b33',
+  'bg-tertiary': '#272b33',
+  'bg-overlay': '#272b33',
+  'bg-backdrop': 'rgba(1,4,9,0.8)',
+  'bg-info': 'rgba(64,158,255,0.15)',
+  'bg-info-inverse': '#409eff',
+  'bg-danger': 'rgba(255,106,105,0.15)',
+  'bg-danger-inverse': '#ff6a69',
+  'bg-success': 'rgba(9,180,50,0.15)',
+  'bg-success-inverse': '#09b432',
+  'bg-warning': 'rgba(224,155,19,0.15)',
+  'bg-warning-inverse': '#e09b13',
+  'shadow-highlight': '0 0 transparent',
+  'shadow-inset': '0 0 transparent',
+  'shadow-small': '0 0 transparent',
+  'shadow-medium': '0 3px 6px #010409',
+  'shadow-large': '0 8px 24px #010409',
+  'shadow-extra-large': '0 12px 48px #010409',
+  'state-hover-primary-bg': '#409eff',
+  'state-hover-primary-border': '#409eff',
+  'state-hover-primary-text': '#0a0c10',
+  'state-hover-primary-icon': '#0a0c10',
+  'state-hover-secondary-bg': 'rgba(158,167,179,0.1)',
+  'state-hover-secondary-border': 'rgba(158,167,179,0.1)',
+  'state-selected-primary-bg': '#409eff',
+  'state-selected-primary-border': '#409eff',
+  'state-selected-primary-text': '#0a0c10',
+  'state-selected-primary-icon': '#0a0c10',
+  'state-focus-border': '#409eff',
+  'state-focus-shadow': '0 0 0 3px #1e60d5',
+  'fade-fg-10': 'red',
+  'fade-fg-15': 'red',
+  'fade-fg-30': 'red',
+  'fade-fg-50': 'red',
+  'fade-fg-70': 'red',
+  'fade-fg-85': 'red',
+  'fade-black-10': 'red',
+  'fade-black-15': 'red',
+  'fade-black-30': 'red',
+  'fade-black-50': 'red',
+  'fade-black-70': 'red',
+  'fade-black-85': 'red',
+  'fade-white-10': 'red',
+  'fade-white-15': 'red',
+  'fade-white-30': 'red',
+  'fade-white-50': 'red',
+  'fade-white-70': 'red',
+  'fade-white-85': 'red',
+  'alert-info-text': '#71b7ff',
+  'alert-info-icon': '#71b7ff',
+  'alert-info-bg': 'rgba(64,158,255,0.15)',
+  'alert-info-border': '#409eff',
+  'alert-warn-text': '#f0b72f',
+  'alert-warn-icon': '#f0b72f',
+  'alert-warn-bg': 'rgba(224,155,19,0.15)',
+  'alert-warn-border': '#e09b13',
+  'alert-error-text': '#ff6a69',
+  'alert-error-icon': '#ff6a69',
+  'alert-error-bg': 'rgba(255,106,105,0.15)',
+  'alert-error-border': '#ff6a69',
+  'alert-success-text': '#26cd41',
+  'alert-success-icon': '#26cd41',
+  'alert-success-bg': 'rgba(9,180,50,0.15)',
+  'alert-success-border': '#09b432',
+  'autocomplete-shadow': '0 3px 6px #010409',
+  'autocomplete-row-border': '#7a828e',
+  'blankslate-icon': '#f0f3f6',
+  'counter-text': '#f0f3f6',
+  'counter-bg': 'rgba(158,167,179,0.4)',
+  'counter-primary-text': '#0a0c10',
+  'counter-primary-bg': '#9ea7b3',
+  'counter-secondary-text': '#f0f3f6',
+  'counter-secondary-bg': 'rgba(158,167,179,0.1)',
+  'box-blue-border': '#409eff',
+  'box-row-yellow-bg': 'rgba(224,155,19,0.15)',
+  'box-row-blue-bg': 'rgba(64,158,255,0.15)',
+  'box-header-blue-bg': 'rgba(64,158,255,0.15)',
+  'box-header-blue-border': '#409eff',
+  'box-border-info': '#409eff',
+  'box-bg-info': 'rgba(64,158,255,0.15)',
+  'box-border-warning': '#e09b13',
+  'box-bg-warning': 'rgba(224,155,19,0.15)',
+  'branch-name-text': '#f0f3f6',
+  'branch-name-icon': '#f0f3f6',
+  'branch-name-bg': 'rgba(158,167,179,0.1)',
+  'branch-name-link-text': '#71b7ff',
+  'branch-name-link-icon': '#71b7ff',
+  'branch-name-link-bg': 'rgba(64,158,255,0.15)',
+  'markdown-code-bg': 'rgba(158,167,179,0.1)',
+  'markdown-frame-border': '#7a828e',
+  'markdown-blockquote-border': '#7a828e',
+  'markdown-table-border': '#7a828e',
+  'markdown-table-tr-border': '#7a828e',
+  'filter-item-bar-bg': 'rgba(158,167,179,0.1)',
+  'hidden-text-expander-bg': 'rgba(158,167,179,0.4)',
+  'hidden-text-expander-bg-hover': '#409eff',
+  'drag-and-drop-border': '#7a828e',
+  'upload-enabled-border': '#7a828e',
+  'upload-enabled-border-focused': '#409eff',
+  'previewable-comment-form-border': '#7a828e',
+  'verified-badge-text': '#26cd41',
+  'verified-badge-bg': '#0a0c10',
+  'verified-badge-border': '#7a828e',
+  'social-count-bg': '#0a0c10',
+  'tooltip-text': '#0a0c10',
+  'tooltip-bg': '#9ea7b3',
+  'search-keyword-hl': 'rgba(224,155,19,0.15)',
+  'files-explorer-icon': '#71b7ff',
+  'hl-author-bg': 'rgba(64,158,255,0.15)',
+  'hl-author-border': '#409eff',
+  'logo-subdued': 'rgba(158,167,179,0.4)',
+  'discussion-border': '#09b432',
+  'discussion-bg-success': '#09b432',
+  'actions-workflow-table-sticky-bg': 'rgba(10,12,16,0.95)',
+  'repo-language-color-border': 'rgba(255,255,255,0.2)',
+  'code-selection-bg': '#409eff',
+  'highlight-text': '#f0f3f6',
+  'highlight-bg': 'rgba(224,155,19,0.15)',
+  'blob-line-highlight-bg': 'rgba(224,155,19,0.15)',
+  'blob-line-highlight-border': '#e09b13',
+  'topic-tag-text': '#71b7ff',
+  'topic-tag-bg': 'rgba(64,158,255,0.15)',
+  'topic-tag-hover-bg': '#409eff',
+  'topic-tag-active-bg': 'rgba(64,158,255,0.15)',
+  'footer-invertocat-octicon': '#7a828e',
+  'footer-invertocat-octicon-hover': '#f0f3f6',
+  'dropdown-shadow': '0 8px 24px #010409',
+  'label-border': '#7a828e',
+  'label-primary-text': '#f0f3f6',
+  'label-primary-border': '#9ea7b3',
+  'label-secondary-text': '#f0f3f6',
+  'label-secondary-border': '#7a828e',
+  'label-info-text': '#71b7ff',
+  'label-info-border': '#409eff',
+  'label-success-text': '#26cd41',
+  'label-success-border': '#09b432',
+  'label-warning-text': '#f0b72f',
+  'label-warning-border': '#e09b13',
+  'label-danger-text': '#ff6a69',
+  'label-danger-border': '#ff6a69',
+  'label-orange-text': '#e7811d',
+  'label-orange-border': '#e7811d',
+  'input-bg': '#0a0c10',
+  'input-contrast-bg': '#010409',
+  'input-border': '#7a828e',
+  'input-shadow': '0 0 transparent',
+  'input-disabled-bg': 'rgba(158,167,179,0.4)',
+  'input-disabled-border': '#7a828e',
+  'input-warning-border': '#e09b13',
+  'input-error-border': '#ff6a69',
+  'input-tooltip-success-text': '#f0f3f6',
+  'input-tooltip-success-bg': 'rgba(9,180,50,0.15)',
+  'input-tooltip-success-border': '#09b432',
+  'input-tooltip-warning-text': '#f0f3f6',
+  'input-tooltip-warning-bg': 'rgba(224,155,19,0.15)',
+  'input-tooltip-warning-border': '#e09b13',
+  'input-tooltip-error-text': '#f0f3f6',
+  'input-tooltip-error-bg': 'rgba(255,106,105,0.15)',
+  'input-tooltip-error-border': '#ff6a69',
+  'toast-text': '#f0f3f6',
+  'toast-bg': '#0a0c10',
+  'toast-border': '#7a828e',
+  'toast-shadow': '0 8px 24px #010409',
+  'toast-icon': '#0a0c10',
+  'toast-icon-bg': '#409eff',
+  'toast-icon-border': 'transparent',
+  'toast-success-text': '#f0f3f6',
+  'toast-success-border': '#7a828e',
+  'toast-success-icon': '#0a0c10',
+  'toast-success-icon-bg': '#09b432',
+  'toast-success-icon-border': 'transparent',
+  'toast-warning-text': '#f0f3f6',
+  'toast-warning-border': '#7a828e',
+  'toast-warning-icon': '#f0f3f6',
+  'toast-warning-icon-bg': '#e09b13',
+  'toast-warning-icon-border': 'transparent',
+  'toast-danger-text': '#f0f3f6',
+  'toast-danger-border': '#7a828e',
+  'toast-danger-icon': '#0a0c10',
+  'toast-danger-icon-bg': '#ff6a69',
+  'toast-danger-icon-border': 'transparent',
+  'toast-loading-text': '#f0f3f6',
+  'toast-loading-border': '#7a828e',
+  'toast-loading-icon': '#0a0c10',
+  'toast-loading-icon-bg': '#9ea7b3',
+  'toast-loading-icon-border': 'transparent',
+  'timeline-text': '#f0f3f6',
+  'timeline-badge-bg': '#272b33',
+  'timeline-badge-success-border': 'transparent',
+  'timeline-target-badge-border': '#409eff',
+  'timeline-target-badge-shadow': '#409eff',
+  'diffstat-neutral-bg': 'rgba(158,167,179,0.4)',
+  'diffstat-neutral-border': '#7a828e',
+  'diffstat-deletion-bg': '#ff6a69',
+  'diffstat-addition-bg': '#09b432',
+  'diffstat-deletion-border': '#ffb1af',
+  'diffstat-addition-border': '#4ae15e',
+  'diff-addition-text': '#26cd41',
+  'diff-addition-bg': 'rgba(9,180,50,0.15)',
+  'diff-addition-border': '#09b432',
+  'diff-deletion-text': '#ff6a69',
+  'diff-deletion-bg': 'rgba(255,106,105,0.15)',
+  'diff-deletion-border': '#ff6a69',
+  'diff-change-text': '#f0b72f',
+  'diff-change-bg': 'rgba(224,155,19,0.15)',
+  'diff-change-border': '#e09b13',
+  'merge-box-success-icon-bg': '#09b432',
+  'merge-box-success-icon-text': '#0a0c10',
+  'merge-box-success-icon-border': 'transparent',
+  'merge-box-success-indicator-bg': '#09b432',
+  'merge-box-success-indicator-border': 'transparent',
+  'merge-box-merged-icon-bg': '#b87fff',
+  'merge-box-merged-icon-text': '#0a0c10',
+  'merge-box-merged-icon-border': 'transparent',
+  'merge-box-merged-box-border': '#b87fff',
+  'merge-box-neutral-icon-bg': '#9ea7b3',
+  'merge-box-neutral-icon-text': '#0a0c10',
+  'merge-box-neutral-icon-border': 'transparent',
+  'merge-box-neutral-indicator-bg': '#9ea7b3',
+  'merge-box-neutral-indicator-border': 'transparent',
+  'merge-box-warning-icon-bg': '#e09b13',
+  'merge-box-warning-icon-text': '#0a0c10',
+  'merge-box-warning-icon-border': 'transparent',
+  'merge-box-warning-box-border': '#e09b13',
+  'merge-box-warning-merge-highlight': 'transparent',
+  'merge-box-error-icon-bg': '#ff6a69',
+  'merge-box-error-icon-text': '#0a0c10',
+  'merge-box-error-icon-border': 'transparent',
+  'merge-box-error-indicator-bg': '#ff6a69',
+  'merge-box-error-indicator-border': 'transparent',
+  'underlinenav-border': 'transparent',
+  'underlinenav-border-hover': 'rgba(158,167,179,0.4)',
+  'underlinenav-border-active': '#ff967d',
+  'underlinenav-text': '#f0f3f6',
+  'underlinenav-text-hover': '#f0f3f6',
+  'underlinenav-text-active': '#f0f3f6',
+  'underlinenav-icon': '#7a828e',
+  'underlinenav-icon-hover': '#7a828e',
+  'underlinenav-icon-active': '#f0f3f6',
+  'underlinenav-counter-text': '#f0f3f6',
+  'underlinenav-counter-bg': 'rgba(158,167,179,0.4)',
+  'select-menu-border-secondary': '#7a828e',
+  'select-menu-shadow': '0 8px 24px #010409',
+  'select-menu-backdrop-bg': 'rgba(1,4,9,0.8)',
+  'select-menu-backdrop-border': '#7a828e',
+  'select-menu-tap-highlight': 'rgba(82,89,100,0.5)',
+  'select-menu-tap-focus-bg': '#1e60d5',
+  'sidenav-border-active': '#ff967d',
+  'sidenav-selected-bg': '#272b33',
+  'menu-heading-text': '#f0f3f6',
+  'menu-border-active': '#ff967d',
+  'menu-bg-active': '#272b33',
+  'project-card-bg': '#272b33',
+  'project-header-bg': '#0a0c10',
+  'project-sidebar-bg': '#272b33',
+  'project-gradient-in': '#272b33',
+  'project-gradient-out': 'rgba(39,43,51,0)',
+  'pr-state-draft-text': '#0a0c10',
+  'pr-state-draft-bg': '#9ea7b3',
+  'pr-state-draft-border': 'transparent',
+  'pr-state-open-text': '#0a0c10',
+  'pr-state-open-bg': '#09b432',
+  'pr-state-open-border': 'transparent',
+  'pr-state-merged-text': '#0a0c10',
+  'pr-state-merged-bg': '#b87fff',
+  'pr-state-merged-border': 'transparent',
+  'pr-state-closed-text': '#0a0c10',
+  'pr-state-closed-bg': '#ff6a69',
+  'pr-state-closed-border': 'transparent',
+  'diff-blob-num-text': '#f0f3f6',
+  'diff-blob-num-hover-text': '#f0f3f6',
+  'diff-blob-addition-num-hover-text': '#f0f3f6',
+  'diff-blob-addition-num-bg': '#09b432',
+  'diff-blob-addition-line-bg': 'rgba(9,180,50,0.15)',
+  'diff-blob-addition-word-bg': '#09b432',
+  'diff-blob-addition-num-text': '#0a0c10',
+  'diff-blob-addition-fg': '#0a0c10',
+  'diff-blob-deletion-num-hover-text': '#f0f3f6',
+  'diff-blob-deletion-num-bg': '#ff6a69',
+  'diff-blob-deletion-line-bg': 'rgba(255,106,105,0.15)',
+  'diff-blob-deletion-word-bg': '#ff6a69',
+  'diff-blob-deletion-num-text': '#0a0c10',
+  'diff-blob-deletion-fg': '#0a0c10',
+  'diff-blob-hunk-text': '#f0f3f6',
+  'diff-blob-hunk-num-bg': '#409eff',
+  'diff-blob-hunk-line-bg': 'rgba(64,158,255,0.15)',
+  'diff-blob-empty-block-bg': 'rgba(158,167,179,0.1)',
+  'diff-blob-selected-line-highlight-bg': 'rgba(224,155,19,0.15)',
+  'diff-blob-selected-line-highlight-border': '#e09b13',
+  'diff-blob-expander-hover-icon': '#0a0c10',
+  'diff-blob-expander-hover-bg': '#409eff',
+  'diff-blob-expander-icon': '#0a0c10',
+  'diff-blob-comment-button-icon': '#0a0c10',
+  'diff-blob-comment-button-bg': '#409eff',
+  'diff-blob-comment-button-gradient-bg': 'transparent',
+  'diff-blob-selected-line-highlight-mix-blend-mode': 'screen',
+  'global-nav-logo': 'red',
+  'global-nav-bg': 'red',
+  'global-nav-text': 'red',
+  'global-nav-icon': 'red',
+  'global-nav-input-bg': 'red',
+  'global-nav-input-border': 'red',
+  'global-nav-input-icon': 'red',
+  'global-nav-input-placeholder': 'red',
+  'intro-shelf-gradient-left': 'rgba(64,158,255,0.15)',
+  'intro-shelf-gradient-right': 'rgba(9,180,50,0.15)',
+  'intro-shelf-gradient-in': '#0a0c10',
+  'intro-shelf-gradient-out': 'rgba(255,255,255,0)',
+  'marketing-icon-primary': '#91cbff',
+  'marketing-icon-secondary': '#409eff',
+  'prettylights-syntax-comment': '#bdc4cc',
+  'prettylights-syntax-constant': '#91cbff',
+  'prettylights-syntax-entity': '#dbb7ff',
+  'prettylights-syntax-storage-modifier-import': '#f0f3f6',
+  'prettylights-syntax-entity-tag': '#72f07e',
+  'prettylights-syntax-keyword': '#ff9492',
+  'prettylights-syntax-string': '#addcff',
+  'prettylights-syntax-variable': '#ffb757',
+  'prettylights-syntax-brackethighlighter-unmatched': '#ff6a69',
+  'prettylights-syntax-invalid-illegal-text': '#fff',
+  'prettylights-syntax-invalid-illegal-bg': '#e82a2f',
+  'prettylights-syntax-carriage-return-text': '#fff',
+  'prettylights-syntax-carriage-return-bg': '#ff4445',
+  'prettylights-syntax-string-regexp': '#72f07e',
+  'prettylights-syntax-markup-list': '#fbd669',
+  'prettylights-syntax-markup-heading': '#409eff',
+  'prettylights-syntax-markup-italic': '#f0f3f6',
+  'prettylights-syntax-markup-bold': '#f0f3f6',
+  'prettylights-syntax-markup-deleted-text': '#ffdedb',
+  'prettylights-syntax-markup-deleted-bg': '#cc1421',
+  'prettylights-syntax-markup-inserted-text': '#adf7b2',
+  'prettylights-syntax-markup-inserted-bg': '#007723',
+  'prettylights-syntax-markup-changed-text': '#ffe1b4',
+  'prettylights-syntax-markup-changed-bg': '#a74c00',
+  'prettylights-syntax-markup-ignored-text': '#f0f3f6',
+  'prettylights-syntax-markup-ignored-bg': '#318bf8',
+  'prettylights-syntax-meta-diff-range': '#dbb7ff',
+  'prettylights-syntax-brackethighlighter-angle': '#bdc4cc',
+  'prettylights-syntax-sublimelinter-gutter-mark': '#7a828e',
+  'prettylights-syntax-constant-other-reference-link': '#addcff',
+  'codemirror-text': '#f0f3f6',
+  'codemirror-bg': '#0a0c10',
+  'codemirror-gutters-bg': '#0a0c10',
+  'codemirror-guttermarker-text': '#0a0c10',
+  'codemirror-guttermarker-subtle-text': '#7a828e',
+  'codemirror-linenumber-text': '#f0f3f6',
+  'codemirror-cursor': '#f0f3f6',
+  'codemirror-selection-bg': 'rgba(64,158,255,0.4)',
+  'codemirror-activeline-bg': 'rgba(158,167,179,0.1)',
+  'codemirror-matchingbracket-text': '#f0f3f6',
+  'codemirror-lines-bg': '#0a0c10',
+  'codemirror-syntax-comment': '#bdc4cc',
+  'codemirror-syntax-constant': '#91cbff',
+  'codemirror-syntax-entity': '#dbb7ff',
+  'codemirror-syntax-keyword': '#ff9492',
+  'codemirror-syntax-storage': '#ff9492',
+  'codemirror-syntax-string': '#addcff',
+  'codemirror-syntax-support': '#91cbff',
+  'codemirror-syntax-variable': '#ffb757',
+  'checks-bg': '#010409',
+  'checks-run-border-width': '1px',
+  'checks-container-border-width': '1px',
+  'checks-text-primary': '#f0f3f6',
+  'checks-text-secondary': '#f0f3f6',
+  'checks-text-link': '#71b7ff',
+  'checks-btn-icon': '#f0f3f6',
+  'checks-btn-hover-icon': '#f0f3f6',
+  'checks-btn-hover-bg': 'rgba(158,167,179,0.1)',
+  'checks-input-text': '#f0f3f6',
+  'checks-input-placeholder-text': '#7a828e',
+  'checks-input-focus-text': '#f0f3f6',
+  'checks-input-bg': '#0a0c10',
+  'checks-input-shadow': '0 0 0 1px (obj) => get_1.default(obj,path)',
+  'checks-donut-error': '#ff6a69',
+  'checks-donut-pending': '#f0b72f',
+  'checks-donut-success': '#09b432',
+  'checks-donut-neutral': '#bdc4cc',
+  'checks-dropdown-text': '#f0f3f6',
+  'checks-dropdown-bg': '#272b33',
+  'checks-dropdown-border': '#7a828e',
+  'checks-dropdown-shadow': 'rgba(1,4,9,0.3)',
+  'checks-dropdown-hover-text': '#f0f3f6',
+  'checks-dropdown-hover-bg': 'rgba(158,167,179,0.1)',
+  'checks-dropdown-btn-hover-text': '#f0f3f6',
+  'checks-dropdown-btn-hover-bg': 'rgba(158,167,179,0.1)',
+  'checks-scrollbar-thumb-bg': 'rgba(158,167,179,0.4)',
+  'checks-header-label-text': '#f0f3f6',
+  'checks-header-label-open-text': '#f0f3f6',
+  'checks-header-border': '#7a828e',
+  'checks-header-icon': '#f0f3f6',
+  'checks-line-text': '#f0f3f6',
+  'checks-line-num-text': '#7a828e',
+  'checks-line-timestamp-text': '#7a828e',
+  'checks-line-hover-bg': 'rgba(158,167,179,0.1)',
+  'checks-line-selected-bg': 'rgba(64,158,255,0.15)',
+  'checks-line-selected-num-text': '#71b7ff',
+  'checks-line-dt-fm-text': '#0a0c10',
+  'checks-line-dt-fm-bg': '#e09b13',
+  'checks-gate-bg': 'rgba(224,155,19,0.15)',
+  'checks-gate-text': '#f0f3f6',
+  'checks-gate-waiting-text': '#f0b72f',
+  'checks-step-header-open-bg': '#272b33',
+  'checks-step-error-text': '#ff6a69',
+  'checks-step-warning-text': '#f0b72f',
+  'checks-logline-text': '#f0f3f6',
+  'checks-logline-num-text': '#7a828e',
+  'checks-logline-debug-text': '#b780ff',
+  'checks-logline-error-text': '#f0f3f6',
+  'checks-logline-error-num-text': '#7a828e',
+  'checks-logline-error-bg': 'rgba(255,106,105,0.15)',
+  'checks-logline-warning-text': '#f0f3f6',
+  'checks-logline-warning-num-text': '#f0b72f',
+  'checks-logline-warning-bg': 'rgba(224,155,19,0.15)',
+  'checks-logline-command-text': '#71b7ff',
+  'checks-logline-section-text': '#26cd41',
+  'checks-ansi-black': '#0a0c10',
+  'checks-ansi-black-bright': '#272b33',
+  'checks-ansi-white': '#d9dee3',
+  'checks-ansi-white-bright': '#d9dee3',
+  'checks-ansi-gray': '#9ea7b3',
+  'checks-ansi-red': '#ff9492',
+  'checks-ansi-red-bright': '#ffb1af',
+  'checks-ansi-green': '#26cd41',
+  'checks-ansi-green-bright': '#4ae15e',
+  'checks-ansi-yellow': '#f0b72f',
+  'checks-ansi-yellow-bright': '#f7c843',
+  'checks-ansi-blue': '#71b7ff',
+  'checks-ansi-blue-bright': '#91cbff',
+  'checks-ansi-magenta': '#cb9eff',
+  'checks-ansi-magenta-bright': '#dbb7ff',
+  'checks-ansi-cyan': '#76e3ea',
+  'checks-ansi-cyan-bright': '#b3f0ff',
+  'header-search-bg': '#0a0c10',
+  'header-search-border': '#525964',
+  'mktg-success': '#09b432',
+  'mktg-info': '#409eff',
+  'mktg-bg-shade-gradient-top': 'rgba(1,4,9,0.065)',
+  'mktg-bg-shade-gradient-bottom': 'rgba(1,4,9,0)',
+  'mktg-btn-bg-top': '#617eef',
+  'mktg-btn-bg-bottom': '#4969ed',
+  'mktg-btn-bg-overlay-top': '#4968e4',
+  'mktg-btn-bg-overlay-bottom': '#3355e0',
+  'mktg-btn-text': '#fff',
+  'mktg-btn-primary-bg-top': '#34b759',
+  'mktg-btn-primary-bg-bottom': '#2ea44f',
+  'mktg-btn-primary-bg-overlay-top': '#279b42',
+  'mktg-btn-primary-bg-overlay-bottom': '#22863a',
+  'mktg-btn-primary-text': '#fff',
+  'mktg-btn-enterprise-bg-top': '#8670ff',
+  'mktg-btn-enterprise-bg-bottom': '#6f57ff',
+  'mktg-btn-enterprise-bg-overlay-top': '#7463de',
+  'mktg-btn-enterprise-bg-overlay-bottom': '#614eda',
+  'mktg-btn-enterprise-text': '#fff',
+  'mktg-btn-outline-text': '#fff',
+  'mktg-btn-outline-border': 'rgba(255,255,255,0.3)',
+  'mktg-btn-outline-hover-text': '#fff',
+  'mktg-btn-outline-hover-border': 'rgba(255,255,255,0.5)',
+  'mktg-btn-outline-focus-border': '#fff',
+  'mktg-btn-outline-focus-border-inset': 'rgba(255,255,255,0.5)',
+  'mktg-btn-dark-text': '#fff',
+  'mktg-btn-dark-border': 'rgba(255,255,255,0.3)',
+  'mktg-btn-dark-hover-text': '#fff',
+  'mktg-btn-dark-hover-border': 'rgba(255,255,255,0.5)',
+  'mktg-btn-dark-focus-border': '#fff',
+  'mktg-btn-dark-focus-border-inset': 'rgba(255,255,255,0.5)',
+  'avatar-bg': 'rgba(255,255,255,0.1)',
+  'avatar-border': 'rgba(255,255,255,0.9)',
+  'avatar-stack-fade': '#525964',
+  'avatar-stack-fade-more': '#272b33',
+  'avatar-child-shadow': '-2px -2px 0 #0a0c10',
+  'overlay-shadow': '0 0 0 1px #525964,0 16px 32px rgba(1,4,9,0.85)',
+  'header-text': 'rgba(255,255,255,0.7)',
+  'header-bg': '#272b33',
+  'header-logo': '#fff',
+  'ansi-black': '#7a828e',
+  'ansi-black-bright': '#9ea7b3',
+  'ansi-white': '#d9dee3',
+  'ansi-white-bright': '#fff',
+  'ansi-gray': '#9ea7b3',
+  'ansi-red': '#ff9492',
+  'ansi-red-bright': '#ffb1af',
+  'ansi-green': '#26cd41',
+  'ansi-green-bright': '#4ae15e',
+  'ansi-yellow': '#f0b72f',
+  'ansi-yellow-bright': '#f7c843',
+  'ansi-blue': '#71b7ff',
+  'ansi-blue-bright': '#91cbff',
+  'ansi-magenta': '#cb9eff',
+  'ansi-magenta-bright': '#dbb7ff',
+  'ansi-cyan': '#39c5cf',
+  'ansi-cyan-bright': '#56d4dd',
+  'btn-text': '#f0f3f6',
+  'btn-bg': '#272b33',
+  'btn-border': '#7a828e',
+  'btn-shadow': '0 0 transparent',
+  'btn-inset-shadow': '0 0 transparent',
+  'btn-hover-bg': '#525964',
+  'btn-hover-border': '#bdc4cc',
+  'btn-active-bg': '#4c525d',
+  'btn-active-border': '#9ea7b3',
+  'btn-selected-bg': '#272b33',
+  'btn-focus-bg': '#272b33',
+  'btn-focus-border': '#bdc4cc',
+  'btn-focus-shadow': '0 0 0 3px rgba(189,196,204,0.3)',
+  'btn-shadow-active': 'inset 0 0.15em 0.3em rgba(1,4,9,0.15)',
+  'btn-shadow-input-focus': '0 0 0 0.2em rgba(64,158,255,0.3)',
+  'btn-counter-bg': '#525964',
+  'btn-primary-text': '#0a0c10',
+  'btn-primary-bg': '#09b432',
+  'btn-primary-border': '#4ae15e',
+  'btn-primary-shadow': '0 0 transparent',
+  'btn-primary-inset-shadow': '0 0 transparent',
+  'btn-primary-hover-bg': '#26cd41',
+  'btn-primary-hover-border': '#4ae15e',
+  'btn-primary-selected-bg': 'rgba(82,89,100,0.9)',
+  'btn-primary-selected-shadow': '0 0 transparent',
+  'btn-primary-disabled-text': 'rgba(10,12,16,0.5)',
+  'btn-primary-disabled-bg': 'rgba(9,180,50,0.6)',
+  'btn-primary-disabled-border': 'rgba(74,225,94,0.4)',
+  'btn-primary-focus-bg': '#09b432',
+  'btn-primary-focus-border': '#7a828e',
+  'btn-primary-focus-shadow': '0 0 0 3px rgba(46,164,79,0.4)',
+  'btn-primary-icon': '#0a0c10',
+  'btn-primary-counter-bg': 'rgba(1,4,9,0.15)',
+  'btn-outline-text': '#71b7ff',
+  'btn-outline-hover-text': '#71b7ff',
+  'btn-outline-hover-bg': '#525964',
+  'btn-outline-hover-border': '#7a828e',
+  'btn-outline-hover-shadow': '0 1px 0 rgba(1,4,9,0.1)',
+  'btn-outline-hover-inset-shadow': 'inset 0 1px 0 rgba(255,255,255,0.03)',
+  'btn-outline-hover-counter-bg': 'rgba(255,255,255,0.2)',
+  'btn-outline-selected-text': '#fff',
+  'btn-outline-selected-bg': '#2672f3',
+  'btn-outline-selected-border': '#7a828e',
+  'btn-outline-selected-shadow': '0 0 transparent',
+  'btn-outline-disabled-text': 'rgba(113,183,255,0.5)',
+  'btn-outline-disabled-bg': '#0a0c10',
+  'btn-outline-disabled-counter-bg': 'rgba(64,158,255,0.05)',
+  'btn-outline-focus-border': '#7a828e',
+  'btn-outline-focus-shadow': '0 0 0 3px rgba(49,139,248,0.4)',
+  'btn-outline-counter-bg': 'rgba(64,158,255,0.1)',
+  'btn-danger-text': '#ff6a69',
+  'btn-danger-hover-text': '#0a0c10',
+  'btn-danger-hover-bg': '#ff6a69',
+  'btn-danger-hover-border': '#ffb1af',
+  'btn-danger-hover-shadow': '0 0 transparent',
+  'btn-danger-hover-inset-shadow': '0 0 transparent',
+  'btn-danger-hover-icon': '#0a0c10',
+  'btn-danger-hover-counter-bg': 'rgba(1,4,9,0.15)',
+  'btn-danger-selected-text': '#fff',
+  'btn-danger-selected-bg': '#ff4445',
+  'btn-danger-selected-border': '#ff9492',
+  'btn-danger-selected-shadow': '0 0 transparent',
+  'btn-danger-disabled-text': 'rgba(255,106,105,0.5)',
+  'btn-danger-disabled-bg': '#0a0c10',
+  'btn-danger-disabled-counter-bg': 'rgba(255,106,105,0.05)',
+  'btn-danger-focus-border': '#ff6a69',
+  'btn-danger-focus-shadow': '0 0 0 3px rgba(255,106,105,0.4)',
+  'btn-danger-counter-bg': 'rgba(1,4,9,0.15)',
+  'btn-danger-icon': '#ff6a69',
+  'fg-default': '#f0f3f6',
+  'fg-muted': '#f0f3f6',
+  'fg-subtle': '#7a828e',
+  'fg-on-emphasis': '#0a0c10',
+  'canvas-default': '#0a0c10',
+  'canvas-overlay': '#272b33',
+  'canvas-inset': '#010409',
+  'canvas-subtle': '#272b33',
+  'neutral-emphasis-plus': '#9ea7b3',
+  'neutral-emphasis': '#9ea7b3',
+  'neutral-muted': 'rgba(158,167,179,0.4)',
+  'neutral-subtle': 'rgba(158,167,179,0.1)',
+  'accent-fg': '#71b7ff',
+  'accent-emphasis': '#409eff',
+  'accent-muted': '#409eff',
+  'accent-subtle': 'rgba(64,158,255,0.15)',
+  'success-fg': '#26cd41',
+  'success-emphasis': '#09b432',
+  'success-muted': '#09b432',
+  'success-subtle': 'rgba(9,180,50,0.15)',
+  'attention-fg': '#f0b72f',
+  'attention-emphasis': '#e09b13',
+  'attention-muted': '#e09b13',
+  'attention-subtle': 'rgba(224,155,19,0.15)',
+  'severe-fg': '#e7811d',
+  'severe-emphasis': '#e7811d',
+  'severe-muted': '#e7811d',
+  'severe-subtle': 'rgba(231,129,29,0.15)',
+  'danger-fg': '#ff6a69',
+  'danger-emphasis': '#ff6a69',
+  'danger-muted': '#ff6a69',
+  'danger-subtle': 'rgba(255,106,105,0.15)',
+  'done-fg': '#b780ff',
+  'done-emphasis': '#b87fff',
+  'done-muted': '#b780ff',
+  'done-subtle': 'rgba(183,128,255,0.15)',
+  'sponsors-fg': '#ef6eb1',
+  'sponsors-emphasis': '#ef6eb1',
+  'sponsors-muted': '#ef6eb1',
+  'sponsors-subtle': 'rgba(239,110,177,0.15)',
+  'primer-canvas-backdrop': 'rgba(1,4,9,0.8)',
+  'primer-canvas-sticky': 'rgba(10,12,16,0.95)',
+  'primer-border-active': '#ff967d',
+  'primer-border-contrast': 'rgba(255,255,255,0.2)',
+  'primer-shadow-highlight': '0 0 transparent',
+  'primer-shadow-inset': '0 0 transparent',
+  'primer-shadow-focus': '0 0 0 3px #1e60d5',
+  'scale-black': '#010409',
+  'scale-white': '#fff',
+  'scale-gray-0': '#fff',
+  'scale-gray-1': '#f0f3f6',
+  'scale-gray-2': '#d9dee3',
+  'scale-gray-3': '#bdc4cc',
+  'scale-gray-4': '#9ea7b3',
+  'scale-gray-5': '#7a828e',
+  'scale-gray-6': '#525964',
+  'scale-gray-7': '#272b33',
+  'scale-gray-8': '#272b33',
+  'scale-gray-9': '#0a0c10',
+  'scale-blue-0': '#caeaff',
+  'scale-blue-1': '#addcff',
+  'scale-blue-2': '#91cbff',
+  'scale-blue-3': '#71b7ff',
+  'scale-blue-4': '#409eff',
+  'scale-blue-5': '#409eff',
+  'scale-blue-6': '#318bf8',
+  'scale-blue-7': '#2672f3',
+  'scale-blue-8': '#1e60d5',
+  'scale-blue-9': '#194fb1',
+  'scale-green-0': '#adf7b2',
+  'scale-green-1': '#72f07e',
+  'scale-green-2': '#4ae15e',
+  'scale-green-3': '#26cd41',
+  'scale-green-4': '#09b432',
+  'scale-green-5': '#09b432',
+  'scale-green-6': '#02a229',
+  'scale-green-7': '#008c25',
+  'scale-green-8': '#007723',
+  'scale-green-9': '#046320',
+  'scale-yellow-0': '#fbe59e',
+  'scale-yellow-1': '#fbd669',
+  'scale-yellow-2': '#f7c843',
+  'scale-yellow-3': '#f0b72f',
+  'scale-yellow-4': '#e09b13',
+  'scale-yellow-5': '#e09b13',
+  'scale-yellow-6': '#c88508',
+  'scale-yellow-7': '#ae7104',
+  'scale-yellow-8': '#945d02',
+  'scale-yellow-9': '#7b4900',
+  'scale-orange-0': '#ffe1b4',
+  'scale-orange-1': '#ffcf86',
+  'scale-orange-2': '#ffb757',
+  'scale-orange-3': '#fe9a2d',
+  'scale-orange-4': '#e7811d',
+  'scale-orange-5': '#e7811d',
+  'scale-orange-6': '#d57014',
+  'scale-orange-7': '#bf5e0a',
+  'scale-orange-8': '#a74c00',
+  'scale-orange-9': '#8f3c00',
+  'scale-red-0': '#ffdedb',
+  'scale-red-1': '#ffc9c7',
+  'scale-red-2': '#ffb1af',
+  'scale-red-3': '#ff9492',
+  'scale-red-4': '#ff6a69',
+  'scale-red-5': '#ff6a69',
+  'scale-red-6': '#ff4445',
+  'scale-red-7': '#e82a2f',
+  'scale-red-8': '#cc1421',
+  'scale-red-9': '#ad0116',
+  'scale-purple-0': '#f0dfff',
+  'scale-purple-1': '#e6ccff',
+  'scale-purple-2': '#dbb7ff',
+  'scale-purple-3': '#cb9eff',
+  'scale-purple-4': '#b780ff',
+  'scale-purple-5': '#b87fff',
+  'scale-purple-6': '#a66bff',
+  'scale-purple-7': '#954ffd',
+  'scale-purple-8': '#8031f7',
+  'scale-purple-9': '#6921d7',
+  'scale-pink-0': '#ffdceb',
+  'scale-pink-1': '#ffc7e1',
+  'scale-pink-2': '#ffadd4',
+  'scale-pink-3': '#ff8dc7',
+  'scale-pink-4': '#ef6eb1',
+  'scale-pink-5': '#ef6eb1',
+  'scale-pink-6': '#e456a3',
+  'scale-pink-7': '#d23d91',
+  'scale-pink-8': '#b72c7d',
+  'scale-pink-9': '#9c1d6a',
+  'scale-coral-0': '#ffded4',
+  'scale-coral-1': '#ffcbb9',
+  'scale-coral-2': '#ffb39b',
+  'scale-coral-3': '#ff967d',
+  'scale-coral-4': '#fc704f',
+  'scale-coral-5': '#fc704f',
+  'scale-coral-6': '#f75133',
+  'scale-coral-7': '#e03b21',
+  'scale-coral-8': '#c62612',
+  'scale-coral-9': '#a91500',
+);
diff --git a/src/styles/index.scss b/src/styles/index.scss
index d155b4a..9bcb182 100644
--- a/src/styles/index.scss
+++ b/src/styles/index.scss
@@ -633,15 +633,15 @@ $minimal-z-index: max($github-header-z-index, $github-pull-request-float-header-
           &.focused {
             @include interactive-background(
               var(--gitako-bg-tertiary),
-              var(--gitako-bg-secondary),
-              var(--gitako-bg-overlay)
+              var(--gitako-bg-tertiary),
+              var(--gitako-bg-secondary)
             );
           }
 
           @include interactive-background(
-            var(--gitako-auto-white),
+            var(--gitako-bg-primary),
+            var(--gitako-bg-tertiary),
             var(--gitako-bg-secondary),
-            var(--gitako-bg-tertiary)
           );
 
           &.disabled {
diff --git a/src/styles/themes.scss b/src/styles/themes.scss
index eb60cbf..668f9aa 100644
--- a/src/styles/themes.scss
+++ b/src/styles/themes.scss
@@ -1,6 +1,7 @@
 @use './light/variables.scss' as light;
 @use './dark/variables.scss' as dark;
 @use './darkDimmed/variables.scss' as darkDimmed;
+@use './darkHighContrast/variables.scss' as darkHighContrast;
 
 @mixin setVariables($variables) {
   @each $name, $value in $variables {
@@ -29,6 +30,11 @@
   &[data-color-mode='dark'][data-dark-theme='dark_dimmed'] {
     @include setVariables(darkDimmed.$variables);
   }
+
+  &[data-color-mode='light'][data-light-theme='dark_high_contrast'],
+  &[data-color-mode='dark'][data-dark-theme='dark_high_contrast'] {
+    @include setVariables(darkHighContrast.$variables);
+  }
 }
 
 @media (prefers-color-scheme: light) {
@@ -44,6 +50,10 @@
     &[data-light-theme='dark_dimmed'] {
       @include setVariables(darkDimmed.$variables);
     }
+
+    &[data-light-theme='dark_high_contrast'] {
+      @include setVariables(darkHighContrast.$variables);
+    }
   }
 }
 
@@ -60,5 +70,9 @@
     &[data-dark-theme='dark_dimmed'] {
       @include setVariables(darkDimmed.$variables);
     }
+
+    &[data-dark-theme='dark_high_contrast'] {
+      @include setVariables(darkHighContrast.$variables);
+    }
   }
 }