From e5d4b6875f8400ee1679356f76c693e2b3a24a68 Mon Sep 17 00:00:00 2001
From: EnixCoda <enixcoda@gmail.com>
Date: Wed, 22 Dec 2021 11:33:26 +0800
Subject: [PATCH] feat: update themes and add light high contrast mode

---
 src/styles/themes.scss                   |   8 +-
 src/styles/themes/dark.scss              |  47 +--
 src/styles/themes/darkColorblind.scss    |  47 +--
 src/styles/themes/darkDimmed.scss        |  47 +--
 src/styles/themes/darkHighContrast.scss  |  49 +--
 src/styles/themes/light.scss             |  47 +--
 src/styles/themes/lightColorblind.scss   |  47 +--
 src/styles/themes/lightHighContrast.scss | 418 +++++++++++++++++++++++
 8 files changed, 520 insertions(+), 190 deletions(-)
 create mode 100644 src/styles/themes/lightHighContrast.scss

diff --git a/src/styles/themes.scss b/src/styles/themes.scss
index f037b14..61451a0 100644
--- a/src/styles/themes.scss
+++ b/src/styles/themes.scss
@@ -1,9 +1,10 @@
 @use './themes/light.scss' as light;
 @use './themes/dark.scss' as dark;
-@use './themes/darkDimmed.scss' as darkDimmed;
+@use './themes/lightHighContrast.scss' as lightHighContrast;
 @use './themes/darkHighContrast.scss' as darkHighContrast;
-@use './themes/darkColorblind.scss' as darkColorblind;
 @use './themes/lightColorblind.scss' as lightColorblind;
+@use './themes/darkColorblind.scss' as darkColorblind;
+@use './themes/darkDimmed.scss' as darkDimmed;
 
 @mixin setVariables($variables) {
   @each $name, $value in $variables {
@@ -48,7 +49,8 @@
 
 @include theme('light', light.$variables);
 @include theme('dark', dark.$variables);
-@include theme('dark_dimmed', darkDimmed.$variables);
+@include theme('light_high_contrast', lightHighContrast.$variables);
 @include theme('dark_high_contrast', darkHighContrast.$variables);
 @include theme('light_colorblind', lightColorblind.$variables);
 @include theme('dark_colorblind', darkColorblind.$variables);
+@include theme('dark_dimmed', darkDimmed.$variables);
diff --git a/src/styles/themes/dark.scss b/src/styles/themes/dark.scss
index 46d4586..986117f 100644
--- a/src/styles/themes/dark.scss
+++ b/src/styles/themes/dark.scss
@@ -3,6 +3,13 @@ $variables: (
   'accent-fg': '#58a6ff',
   'accent-muted': 'rgba(56,139,253,0.4)',
   'accent-subtle': 'rgba(56,139,253,0.15)',
+  'action-list-item-danger-active-bg': 'rgba(248,81,73,0.24)',
+  'action-list-item-danger-hover-bg': 'rgba(248,81,73,0.16)',
+  'action-list-item-danger-hover-text': '#ff7b72',
+  'action-list-item-default-active-bg': 'rgba(177,186,196,0.2)',
+  'action-list-item-default-hover-bg': 'rgba(177,186,196,0.12)',
+  'action-list-item-default-selected-bg': 'rgba(177,186,196,0.08)',
+  'action-list-item-inline-divider': 'rgba(48,54,61,0.48)',
   'ansi-black-bright': '#6e7681',
   'ansi-black': '#484f58',
   'ansi-blue-bright': '#79c0ff',
@@ -198,6 +205,7 @@ $variables: (
   'codemirror-syntax-support': '#79c0ff',
   'codemirror-syntax-variable': '#ffa657',
   'codemirror-text': '#c9d1d9',
+  'counter-border': 'rgba(0,0,0,0)',
   'danger-emphasis': '#da3633',
   'danger-fg': '#f85149',
   'danger-muted': 'rgba(248,81,73,0.4)',
@@ -227,6 +235,7 @@ $variables: (
   'fg-on-emphasis': '#f0f6fc',
   'fg-subtle': '#484f58',
   'header-bg': '#161b22',
+  'header-divider': '#8b949e',
   'header-logo': '#f0f6fc',
   'header-search-bg': '#0d1117',
   'header-search-border': '#30363d',
@@ -235,42 +244,18 @@ $variables: (
   'marketing-icon-primary': '#79c0ff',
   'marketing-icon-secondary': '#1f6feb',
   'menu-bg-active': '#161b22',
-  'mktg-bg-shade-gradient-bottom': 'rgba(1,4,9,0)',
-  'mktg-bg-shade-gradient-top': 'rgba(1,4,9,0.065)',
-  'mktg-btn-bg-bottom': '#4969ed',
-  'mktg-btn-bg-overlay-bottom': '#3355e0',
-  'mktg-btn-bg-overlay-top': 'hsla(228,74%,59%,1)',
-  'mktg-btn-bg-top': 'hsla(228,82%,66%,1)',
-  'mktg-btn-dark-border': 'rgba(240,246,252,0.3)',
-  'mktg-btn-dark-focus-border-inset': 'rgba(240,246,252,0.5)',
-  'mktg-btn-dark-focus-border': '#f0f6fc',
-  'mktg-btn-dark-hover-border': 'rgba(240,246,252,0.5)',
-  'mktg-btn-dark-hover-text': '#f0f6fc',
-  'mktg-btn-dark-text': '#f0f6fc',
-  'mktg-btn-enterprise-bg-bottom': '#6f57ff',
-  'mktg-btn-enterprise-bg-overlay-bottom': '#614eda',
-  'mktg-btn-enterprise-bg-overlay-top': 'hsla(248,65%,63%,1)',
-  'mktg-btn-enterprise-bg-top': 'hsla(249,100%,72%,1)',
-  'mktg-btn-enterprise-text': '#f0f6fc',
-  'mktg-btn-outline-border': 'rgba(240,246,252,0.3)',
-  'mktg-btn-outline-focus-border-inset': 'rgba(240,246,252,0.5)',
-  'mktg-btn-outline-focus-border': '#f0f6fc',
-  'mktg-btn-outline-hover-border': 'rgba(240,246,252,0.5)',
-  'mktg-btn-outline-hover-text': '#f0f6fc',
-  'mktg-btn-outline-text': '#f0f6fc',
-  'mktg-btn-primary-bg-bottom': '#2ea44f',
-  'mktg-btn-primary-bg-overlay-bottom': '#22863a',
-  'mktg-btn-primary-bg-overlay-top': 'hsla(134,60%,38%,1)',
-  'mktg-btn-primary-bg-top': 'hsla(137,56%,46%,1)',
-  'mktg-btn-primary-text': '#f0f6fc',
-  'mktg-btn-text': '#f0f6fc',
-  'mktg-info': 'rgba(42,123,243,1)',
-  'mktg-success': 'rgba(41,147,61,1)',
+  'mktg-btn-bg': '#f6f8fa',
+  'mktg-btn-shadow-focus': 'rgb(255 255 255 / 25%) 0 0 0 4px',
+  'mktg-btn-shadow-hover-muted': 'rgb(255 255 255) 0 0 0 2px inset',
+  'mktg-btn-shadow-hover':
+    '0 4px 7px rgba(0, 0, 0, 0.15), 0 100px 80px rgba(255, 255, 255, 0.02), 0 42px 33px rgba(255, 255, 255, 0.024), 0 22px 18px rgba(255, 255, 255, 0.028), 0 12px 10px rgba(255, 255, 255, 0.034), 0 7px 5px rgba(255, 255, 255, 0.04), 0 3px 2px rgba(255, 255, 255, 0.07)',
+  'mktg-btn-shadow-outline': 'rgb(255 255 255 / 25%) 0 0 0 1px inset',
   'neutral-emphasis-plus': '#6e7681',
   'neutral-emphasis': '#6e7681',
   'neutral-muted': 'rgba(110,118,129,0.4)',
   'neutral-subtle': 'rgba(110,118,129,0.1)',
   'overlay-shadow': '0 0 0 1px #30363d, 0 16px 32px rgba(1,4,9,0.85)',
+  'page-header-bg': '#0d1117',
   'prettylights-syntax-brackethighlighter-angle': '#8b949e',
   'prettylights-syntax-brackethighlighter-unmatched': '#f85149',
   'prettylights-syntax-carriage-return-bg': '#b62324',
diff --git a/src/styles/themes/darkColorblind.scss b/src/styles/themes/darkColorblind.scss
index b8d871e..49f7777 100644
--- a/src/styles/themes/darkColorblind.scss
+++ b/src/styles/themes/darkColorblind.scss
@@ -3,6 +3,13 @@ $variables: (
   'accent-fg': '#58a6ff',
   'accent-muted': 'rgba(56,139,253,0.4)',
   'accent-subtle': 'rgba(56,139,253,0.15)',
+  'action-list-item-danger-active-bg': 'rgba(195,128,0,0.24)',
+  'action-list-item-danger-hover-bg': 'rgba(195,128,0,0.16)',
+  'action-list-item-danger-hover-text': '#d69a00',
+  'action-list-item-default-active-bg': 'rgba(177,186,196,0.2)',
+  'action-list-item-default-hover-bg': 'rgba(177,186,196,0.12)',
+  'action-list-item-default-selected-bg': 'rgba(177,186,196,0.08)',
+  'action-list-item-inline-divider': 'rgba(48,54,61,0.48)',
   'ansi-black-bright': '#6e7681',
   'ansi-black': '#484f58',
   'ansi-blue-bright': '#79c0ff',
@@ -198,6 +205,7 @@ $variables: (
   'codemirror-syntax-support': '#79c0ff',
   'codemirror-syntax-variable': '#ffa657',
   'codemirror-text': '#c9d1d9',
+  'counter-border': 'rgba(0,0,0,0)',
   'danger-emphasis': '#a66900',
   'danger-fg': '#c38000',
   'danger-muted': 'rgba(195,128,0,0.4)',
@@ -227,6 +235,7 @@ $variables: (
   'fg-on-emphasis': '#f0f6fc',
   'fg-subtle': '#484f58',
   'header-bg': '#161b22',
+  'header-divider': '#8b949e',
   'header-logo': '#f0f6fc',
   'header-search-bg': '#0d1117',
   'header-search-border': '#30363d',
@@ -235,42 +244,18 @@ $variables: (
   'marketing-icon-primary': '#79c0ff',
   'marketing-icon-secondary': '#1f6feb',
   'menu-bg-active': '#161b22',
-  'mktg-bg-shade-gradient-bottom': 'rgba(1,4,9,0)',
-  'mktg-bg-shade-gradient-top': 'rgba(1,4,9,0.065)',
-  'mktg-btn-bg-bottom': '#4969ed',
-  'mktg-btn-bg-overlay-bottom': '#3355e0',
-  'mktg-btn-bg-overlay-top': 'hsla(228,74%,59%,1)',
-  'mktg-btn-bg-top': 'hsla(228,82%,66%,1)',
-  'mktg-btn-dark-border': 'rgba(240,246,252,0.3)',
-  'mktg-btn-dark-focus-border-inset': 'rgba(240,246,252,0.5)',
-  'mktg-btn-dark-focus-border': '#f0f6fc',
-  'mktg-btn-dark-hover-border': 'rgba(240,246,252,0.5)',
-  'mktg-btn-dark-hover-text': '#f0f6fc',
-  'mktg-btn-dark-text': '#f0f6fc',
-  'mktg-btn-enterprise-bg-bottom': '#6f57ff',
-  'mktg-btn-enterprise-bg-overlay-bottom': '#614eda',
-  'mktg-btn-enterprise-bg-overlay-top': 'hsla(248,65%,63%,1)',
-  'mktg-btn-enterprise-bg-top': 'hsla(249,100%,72%,1)',
-  'mktg-btn-enterprise-text': '#f0f6fc',
-  'mktg-btn-outline-border': 'rgba(240,246,252,0.3)',
-  'mktg-btn-outline-focus-border-inset': 'rgba(240,246,252,0.5)',
-  'mktg-btn-outline-focus-border': '#f0f6fc',
-  'mktg-btn-outline-hover-border': 'rgba(240,246,252,0.5)',
-  'mktg-btn-outline-hover-text': '#f0f6fc',
-  'mktg-btn-outline-text': '#f0f6fc',
-  'mktg-btn-primary-bg-bottom': '#2ea44f',
-  'mktg-btn-primary-bg-overlay-bottom': '#22863a',
-  'mktg-btn-primary-bg-overlay-top': 'hsla(134,60%,38%,1)',
-  'mktg-btn-primary-bg-top': 'hsla(137,56%,46%,1)',
-  'mktg-btn-primary-text': '#f0f6fc',
-  'mktg-btn-text': '#f0f6fc',
-  'mktg-info': 'rgba(42,123,243,1)',
-  'mktg-success': 'rgba(25,119,239,1)',
+  'mktg-btn-bg': '#f6f8fa',
+  'mktg-btn-shadow-focus': 'rgb(255 255 255 / 25%) 0 0 0 4px',
+  'mktg-btn-shadow-hover-muted': 'rgb(255 255 255) 0 0 0 2px inset',
+  'mktg-btn-shadow-hover':
+    '0 4px 7px rgba(0, 0, 0, 0.15), 0 100px 80px rgba(255, 255, 255, 0.02), 0 42px 33px rgba(255, 255, 255, 0.024), 0 22px 18px rgba(255, 255, 255, 0.028), 0 12px 10px rgba(255, 255, 255, 0.034), 0 7px 5px rgba(255, 255, 255, 0.04), 0 3px 2px rgba(255, 255, 255, 0.07)',
+  'mktg-btn-shadow-outline': 'rgb(255 255 255 / 25%) 0 0 0 1px inset',
   'neutral-emphasis-plus': '#6e7681',
   'neutral-emphasis': '#6e7681',
   'neutral-muted': 'rgba(110,118,129,0.4)',
   'neutral-subtle': 'rgba(110,118,129,0.1)',
   'overlay-shadow': '0 0 0 1px #30363d, 0 16px 32px rgba(1,4,9,0.85)',
+  'page-header-bg': '#0d1117',
   'prettylights-syntax-brackethighlighter-angle': '#8b949e',
   'prettylights-syntax-brackethighlighter-unmatched': '#c38000',
   'prettylights-syntax-carriage-return-bg': '#865401',
diff --git a/src/styles/themes/darkDimmed.scss b/src/styles/themes/darkDimmed.scss
index 95f8f61..1d0a300 100644
--- a/src/styles/themes/darkDimmed.scss
+++ b/src/styles/themes/darkDimmed.scss
@@ -3,6 +3,13 @@ $variables: (
   'accent-fg': '#539bf5',
   'accent-muted': 'rgba(65,132,228,0.4)',
   'accent-subtle': 'rgba(65,132,228,0.15)',
+  'action-list-item-danger-active-bg': 'rgba(229,83,75,0.24)',
+  'action-list-item-danger-hover-bg': 'rgba(229,83,75,0.16)',
+  'action-list-item-danger-hover-text': '#f47067',
+  'action-list-item-default-active-bg': 'rgba(144,157,171,0.2)',
+  'action-list-item-default-hover-bg': 'rgba(144,157,171,0.12)',
+  'action-list-item-default-selected-bg': 'rgba(144,157,171,0.08)',
+  'action-list-item-inline-divider': 'rgba(68,76,86,0.48)',
   'ansi-black-bright': '#636e7b',
   'ansi-black': '#545d68',
   'ansi-blue-bright': '#6cb6ff',
@@ -198,6 +205,7 @@ $variables: (
   'codemirror-syntax-support': '#6cb6ff',
   'codemirror-syntax-variable': '#f69d50',
   'codemirror-text': '#adbac7',
+  'counter-border': 'rgba(0,0,0,0)',
   'danger-emphasis': '#c93c37',
   'danger-fg': '#e5534b',
   'danger-muted': 'rgba(229,83,75,0.4)',
@@ -227,6 +235,7 @@ $variables: (
   'fg-on-emphasis': '#cdd9e5',
   'fg-subtle': '#545d68',
   'header-bg': '#2d333b',
+  'header-divider': '#768390',
   'header-logo': '#cdd9e5',
   'header-search-bg': '#22272e',
   'header-search-border': '#444c56',
@@ -235,42 +244,18 @@ $variables: (
   'marketing-icon-primary': '#6cb6ff',
   'marketing-icon-secondary': '#316dca',
   'menu-bg-active': '#2d333b',
-  'mktg-bg-shade-gradient-bottom': 'rgba(28,33,40,0)',
-  'mktg-bg-shade-gradient-top': 'rgba(28,33,40,0.065)',
-  'mktg-btn-bg-bottom': '#4969ed',
-  'mktg-btn-bg-overlay-bottom': '#3355e0',
-  'mktg-btn-bg-overlay-top': 'hsla(228,74%,59%,1)',
-  'mktg-btn-bg-top': 'hsla(228,82%,66%,1)',
-  'mktg-btn-dark-border': 'rgba(205,217,229,0.3)',
-  'mktg-btn-dark-focus-border-inset': 'rgba(205,217,229,0.5)',
-  'mktg-btn-dark-focus-border': '#cdd9e5',
-  'mktg-btn-dark-hover-border': 'rgba(205,217,229,0.5)',
-  'mktg-btn-dark-hover-text': '#cdd9e5',
-  'mktg-btn-dark-text': '#cdd9e5',
-  'mktg-btn-enterprise-bg-bottom': '#6f57ff',
-  'mktg-btn-enterprise-bg-overlay-bottom': '#614eda',
-  'mktg-btn-enterprise-bg-overlay-top': 'hsla(248,65%,63%,1)',
-  'mktg-btn-enterprise-bg-top': 'hsla(249,100%,72%,1)',
-  'mktg-btn-enterprise-text': '#cdd9e5',
-  'mktg-btn-outline-border': 'rgba(205,217,229,0.3)',
-  'mktg-btn-outline-focus-border-inset': 'rgba(205,217,229,0.5)',
-  'mktg-btn-outline-focus-border': '#cdd9e5',
-  'mktg-btn-outline-hover-border': 'rgba(205,217,229,0.5)',
-  'mktg-btn-outline-hover-text': '#cdd9e5',
-  'mktg-btn-outline-text': '#cdd9e5',
-  'mktg-btn-primary-bg-bottom': '#2ea44f',
-  'mktg-btn-primary-bg-overlay-bottom': '#22863a',
-  'mktg-btn-primary-bg-overlay-top': 'hsla(134,60%,38%,1)',
-  'mktg-btn-primary-bg-top': 'hsla(137,56%,46%,1)',
-  'mktg-btn-primary-text': '#cdd9e5',
-  'mktg-btn-text': '#cdd9e5',
-  'mktg-info': 'rgba(56,119,213,1)',
-  'mktg-success': 'rgba(61,137,66,1)',
+  'mktg-btn-bg': '#f6f8fa',
+  'mktg-btn-shadow-focus': 'rgb(255 255 255 / 25%) 0 0 0 4px',
+  'mktg-btn-shadow-hover-muted': 'rgb(255 255 255) 0 0 0 2px inset',
+  'mktg-btn-shadow-hover':
+    '0 4px 7px rgba(0, 0, 0, 0.15), 0 100px 80px rgba(255, 255, 255, 0.02), 0 42px 33px rgba(255, 255, 255, 0.024), 0 22px 18px rgba(255, 255, 255, 0.028), 0 12px 10px rgba(255, 255, 255, 0.034), 0 7px 5px rgba(255, 255, 255, 0.04), 0 3px 2px rgba(255, 255, 255, 0.07)',
+  'mktg-btn-shadow-outline': 'rgb(255 255 255 / 25%) 0 0 0 1px inset',
   'neutral-emphasis-plus': '#636e7b',
   'neutral-emphasis': '#636e7b',
   'neutral-muted': 'rgba(99,110,123,0.4)',
   'neutral-subtle': 'rgba(99,110,123,0.1)',
   'overlay-shadow': '0 0 0 1px #444c56, 0 16px 32px rgba(28,33,40,0.85)',
+  'page-header-bg': '#22272e',
   'prettylights-syntax-brackethighlighter-angle': '#768390',
   'prettylights-syntax-brackethighlighter-unmatched': '#e5534b',
   'prettylights-syntax-carriage-return-bg': '#ad2e2c',
diff --git a/src/styles/themes/darkHighContrast.scss b/src/styles/themes/darkHighContrast.scss
index e8d7f7e..eb3f09b 100644
--- a/src/styles/themes/darkHighContrast.scss
+++ b/src/styles/themes/darkHighContrast.scss
@@ -3,6 +3,13 @@ $variables: (
   'accent-fg': '#71b7ff',
   'accent-muted': '#409eff',
   'accent-subtle': 'rgba(64,158,255,0.15)',
+  'action-list-item-danger-active-bg': '#ff4445',
+  'action-list-item-danger-hover-bg': '#ff6a69',
+  'action-list-item-danger-hover-text': '#0a0c10',
+  'action-list-item-default-active-bg': 'rgba(217,222,227,0.24)',
+  'action-list-item-default-hover-bg': 'rgba(217,222,227,0.12)',
+  'action-list-item-default-selected-bg': 'rgba(217,222,227,0.08)',
+  'action-list-item-inline-divider': '#7a828e',
   'ansi-black-bright': '#9ea7b3',
   'ansi-black': '#7a828e',
   'ansi-blue-bright': '#91cbff',
@@ -198,6 +205,7 @@ $variables: (
   'codemirror-syntax-support': '#91cbff',
   'codemirror-syntax-variable': '#ffb757',
   'codemirror-text': '#f0f3f6',
+  'counter-border': 'rgba(0,0,0,0)',
   'danger-emphasis': '#ff6a69',
   'danger-fg': '#ff6a69',
   'danger-muted': '#ff6a69',
@@ -212,7 +220,7 @@ $variables: (
   'diff-blob-deletion-num-bg': 'rgba(255,106,105,0.3)',
   'diff-blob-deletion-num-text': '#f0f3f6',
   'diff-blob-deletion-word-bg': '#ff6a69',
-  'diff-blob-expander-icon': '#0a0c10',
+  'diff-blob-expander-icon': '#f0f3f6',
   'diff-blob-hunk-num-bg': 'rgba(64,158,255,0.4)',
   'diff-blob-selected-line-highlight-mix-blend-mode': 'screen',
   'diffstat-addition-bg': '#26cd4d',
@@ -227,6 +235,7 @@ $variables: (
   'fg-on-emphasis': '#0a0c10',
   'fg-subtle': '#7a828e',
   'header-bg': '#272b33',
+  'header-divider': '#bdc4cc',
   'header-logo': '#ffffff',
   'header-search-bg': '#0a0c10',
   'header-search-border': '#525964',
@@ -235,42 +244,18 @@ $variables: (
   'marketing-icon-primary': '#91cbff',
   'marketing-icon-secondary': '#409eff',
   'menu-bg-active': '#272b33',
-  'mktg-bg-shade-gradient-bottom': 'rgba(1,4,9,0)',
-  'mktg-bg-shade-gradient-top': 'rgba(1,4,9,0.065)',
-  'mktg-btn-bg-bottom': '#4969ed',
-  'mktg-btn-bg-overlay-bottom': '#3355e0',
-  'mktg-btn-bg-overlay-top': 'hsla(228,74%,59%,1)',
-  'mktg-btn-bg-top': 'hsla(228,82%,66%,1)',
-  'mktg-btn-dark-border': 'rgba(255,255,255,0.3)',
-  'mktg-btn-dark-focus-border-inset': 'rgba(255,255,255,0.5)',
-  'mktg-btn-dark-focus-border': '#ffffff',
-  'mktg-btn-dark-hover-border': 'rgba(255,255,255,0.5)',
-  'mktg-btn-dark-hover-text': '#ffffff',
-  'mktg-btn-dark-text': '#ffffff',
-  'mktg-btn-enterprise-bg-bottom': '#6f57ff',
-  'mktg-btn-enterprise-bg-overlay-bottom': '#614eda',
-  'mktg-btn-enterprise-bg-overlay-top': 'hsla(248,65%,63%,1)',
-  'mktg-btn-enterprise-bg-top': 'hsla(249,100%,72%,1)',
-  'mktg-btn-enterprise-text': '#ffffff',
-  'mktg-btn-outline-border': 'rgba(255,255,255,0.3)',
-  'mktg-btn-outline-focus-border-inset': 'rgba(255,255,255,0.5)',
-  'mktg-btn-outline-focus-border': '#ffffff',
-  'mktg-btn-outline-hover-border': 'rgba(255,255,255,0.5)',
-  'mktg-btn-outline-hover-text': '#ffffff',
-  'mktg-btn-outline-text': '#ffffff',
-  'mktg-btn-primary-bg-bottom': '#2ea44f',
-  'mktg-btn-primary-bg-overlay-bottom': '#22863a',
-  'mktg-btn-primary-bg-overlay-top': 'hsla(134,60%,38%,1)',
-  'mktg-btn-primary-bg-top': 'hsla(137,56%,46%,1)',
-  'mktg-btn-primary-text': '#ffffff',
-  'mktg-btn-text': '#ffffff',
-  'mktg-info': 'rgba(64,158,255,1)',
-  'mktg-success': 'rgba(9,180,58,1)',
+  'mktg-btn-bg': '#f6f8fa',
+  'mktg-btn-shadow-focus': 'rgb(255 255 255 / 25%) 0 0 0 4px',
+  'mktg-btn-shadow-hover-muted': 'rgb(255 255 255) 0 0 0 2px inset',
+  'mktg-btn-shadow-hover':
+    '0 4px 7px rgba(0, 0, 0, 0.15), 0 100px 80px rgba(255, 255, 255, 0.02), 0 42px 33px rgba(255, 255, 255, 0.024), 0 22px 18px rgba(255, 255, 255, 0.028), 0 12px 10px rgba(255, 255, 255, 0.034), 0 7px 5px rgba(255, 255, 255, 0.04), 0 3px 2px rgba(255, 255, 255, 0.07)',
+  'mktg-btn-shadow-outline': 'rgb(255 255 255 / 25%) 0 0 0 1px inset',
   'neutral-emphasis-plus': '#ffffff',
   'neutral-emphasis': '#9ea7b3',
   'neutral-muted': 'rgba(158,167,179,0.4)',
   'neutral-subtle': 'rgba(158,167,179,0.1)',
   'overlay-shadow': '0 0 0 1px #525964, 0 16px 32px rgba(1,4,9,0.85)',
+  'page-header-bg': '#0a0c10',
   'prettylights-syntax-brackethighlighter-angle': '#bdc4cc',
   'prettylights-syntax-brackethighlighter-unmatched': '#ff6a69',
   'prettylights-syntax-carriage-return-bg': '#ff4445',
diff --git a/src/styles/themes/light.scss b/src/styles/themes/light.scss
index b37c348..ff031ff 100644
--- a/src/styles/themes/light.scss
+++ b/src/styles/themes/light.scss
@@ -3,6 +3,13 @@ $variables: (
   'accent-fg': '#0969da',
   'accent-muted': 'rgba(84,174,255,0.4)',
   'accent-subtle': '#ddf4ff',
+  'action-list-item-danger-active-bg': '#FFEBE9',
+  'action-list-item-danger-hover-bg': 'rgba(255,235,233,0.64)',
+  'action-list-item-danger-hover-text': '#cf222e',
+  'action-list-item-default-active-bg': 'rgba(208,215,222,0.48)',
+  'action-list-item-default-hover-bg': 'rgba(208,215,222,0.32)',
+  'action-list-item-default-selected-bg': 'rgba(208,215,222,0.24)',
+  'action-list-item-inline-divider': 'rgba(208,215,222,0.48)',
   'ansi-black-bright': '#57606a',
   'ansi-black': '#24292f',
   'ansi-blue-bright': '#218bff',
@@ -198,6 +205,7 @@ $variables: (
   'codemirror-syntax-support': '#0550ae',
   'codemirror-syntax-variable': '#953800',
   'codemirror-text': '#24292f',
+  'counter-border': 'rgba(0,0,0,0)',
   'danger-emphasis': '#cf222e',
   'danger-fg': '#cf222e',
   'danger-muted': 'rgba(255,129,130,0.4)',
@@ -227,6 +235,7 @@ $variables: (
   'fg-on-emphasis': '#ffffff',
   'fg-subtle': '#6e7781',
   'header-bg': '#24292f',
+  'header-divider': '#57606a',
   'header-logo': '#ffffff',
   'header-search-bg': '#24292f',
   'header-search-border': '#57606a',
@@ -235,42 +244,18 @@ $variables: (
   'marketing-icon-primary': '#218bff',
   'marketing-icon-secondary': '#54aeff',
   'menu-bg-active': 'rgba(0,0,0,0)',
-  'mktg-bg-shade-gradient-bottom': 'rgba(27,31,36,0)',
-  'mktg-bg-shade-gradient-top': 'rgba(27,31,36,0.065)',
-  'mktg-btn-bg-bottom': '#4969ed',
-  'mktg-btn-bg-overlay-bottom': '#3355e0',
-  'mktg-btn-bg-overlay-top': 'hsla(228,74%,59%,1)',
-  'mktg-btn-bg-top': 'hsla(228,82%,66%,1)',
-  'mktg-btn-dark-border': 'rgba(255,255,255,0.3)',
-  'mktg-btn-dark-focus-border-inset': 'rgba(255,255,255,0.5)',
-  'mktg-btn-dark-focus-border': '#ffffff',
-  'mktg-btn-dark-hover-border': 'rgba(255,255,255,0.5)',
-  'mktg-btn-dark-hover-text': '#ffffff',
-  'mktg-btn-dark-text': '#ffffff',
-  'mktg-btn-enterprise-bg-bottom': '#6f57ff',
-  'mktg-btn-enterprise-bg-overlay-bottom': '#614eda',
-  'mktg-btn-enterprise-bg-overlay-top': 'hsla(248,65%,63%,1)',
-  'mktg-btn-enterprise-bg-top': 'hsla(249,100%,72%,1)',
-  'mktg-btn-enterprise-text': '#ffffff',
-  'mktg-btn-outline-border': 'rgba(73,105,237,0.3)',
-  'mktg-btn-outline-focus-border-inset': 'rgba(73,105,237,0.5)',
-  'mktg-btn-outline-focus-border': '#4969ed',
-  'mktg-btn-outline-hover-border': 'rgba(51,85,224,0.5)',
-  'mktg-btn-outline-hover-text': '#3355e0',
-  'mktg-btn-outline-text': '#4969ed',
-  'mktg-btn-primary-bg-bottom': '#2ea44f',
-  'mktg-btn-primary-bg-overlay-bottom': '#22863a',
-  'mktg-btn-primary-bg-overlay-top': 'hsla(134,60%,38%,1)',
-  'mktg-btn-primary-bg-top': 'hsla(137,56%,46%,1)',
-  'mktg-btn-primary-text': '#ffffff',
-  'mktg-btn-text': '#ffffff',
-  'mktg-info': 'rgba(19,119,234,1)',
-  'mktg-success': 'rgba(36,146,67,1)',
+  'mktg-btn-bg': '#1b1f23',
+  'mktg-btn-shadow-focus': 'rgb(0 0 0 / 15%) 0 0 0 4px',
+  'mktg-btn-shadow-hover-muted': 'rgb(0 0 0 / 70%) 0 0 0 2px inset',
+  'mktg-btn-shadow-hover':
+    '0 3px 2px rgba(0, 0, 0, 0.07), 0 7px 5px rgba(0, 0, 0, 0.04), 0 12px 10px rgba(0, 0, 0, 0.03), 0 22px 18px rgba(0, 0, 0, 0.03), 0 42px 33px rgba(0, 0, 0, 0.02), 0 100px 80px rgba(0, 0, 0, 0.02)',
+  'mktg-btn-shadow-outline': 'rgb(0 0 0 / 15%) 0 0 0 1px inset',
   'neutral-emphasis-plus': '#24292f',
   'neutral-emphasis': '#6e7781',
   'neutral-muted': 'rgba(175,184,193,0.2)',
   'neutral-subtle': 'rgba(234,238,242,0.5)',
   'overlay-shadow': '0 1px 3px rgba(27,31,36,0.12), 0 8px 24px rgba(66,74,83,0.12)',
+  'page-header-bg': '#f6f8fa',
   'prettylights-syntax-brackethighlighter-angle': '#57606a',
   'prettylights-syntax-brackethighlighter-unmatched': '#82071e',
   'prettylights-syntax-carriage-return-bg': '#cf222e',
diff --git a/src/styles/themes/lightColorblind.scss b/src/styles/themes/lightColorblind.scss
index 78d79a0..f23ee01 100644
--- a/src/styles/themes/lightColorblind.scss
+++ b/src/styles/themes/lightColorblind.scss
@@ -3,6 +3,13 @@ $variables: (
   'accent-fg': '#0969da',
   'accent-muted': 'rgba(84,174,255,0.4)',
   'accent-subtle': '#ddf4ff',
+  'action-list-item-danger-active-bg': '#fefe48',
+  'action-list-item-danger-hover-bg': 'rgba(254,254,72,0.64)',
+  'action-list-item-danger-hover-text': '#ac5e00',
+  'action-list-item-default-active-bg': 'rgba(208,215,222,0.48)',
+  'action-list-item-default-hover-bg': 'rgba(208,215,222,0.32)',
+  'action-list-item-default-selected-bg': 'rgba(208,215,222,0.24)',
+  'action-list-item-inline-divider': 'rgba(208,215,222,0.48)',
   'ansi-black-bright': '#57606a',
   'ansi-black': '#24292f',
   'ansi-blue-bright': '#218bff',
@@ -198,6 +205,7 @@ $variables: (
   'codemirror-syntax-support': '#0550ae',
   'codemirror-syntax-variable': '#953800',
   'codemirror-text': '#24292f',
+  'counter-border': 'rgba(0,0,0,0)',
   'danger-emphasis': '#ac5e00',
   'danger-fg': '#ac5e00',
   'danger-muted': 'rgba(231,161,0,0.4)',
@@ -227,6 +235,7 @@ $variables: (
   'fg-on-emphasis': '#ffffff',
   'fg-subtle': '#6e7781',
   'header-bg': '#24292f',
+  'header-divider': '#57606a',
   'header-logo': '#ffffff',
   'header-search-bg': '#24292f',
   'header-search-border': '#57606a',
@@ -235,42 +244,18 @@ $variables: (
   'marketing-icon-primary': '#218bff',
   'marketing-icon-secondary': '#54aeff',
   'menu-bg-active': 'rgba(0,0,0,0)',
-  'mktg-bg-shade-gradient-bottom': 'rgba(27,31,36,0)',
-  'mktg-bg-shade-gradient-top': 'rgba(27,31,36,0.065)',
-  'mktg-btn-bg-bottom': '#4969ed',
-  'mktg-btn-bg-overlay-bottom': '#3355e0',
-  'mktg-btn-bg-overlay-top': 'hsla(228,74%,59%,1)',
-  'mktg-btn-bg-top': 'hsla(228,82%,66%,1)',
-  'mktg-btn-dark-border': 'rgba(255,255,255,0.3)',
-  'mktg-btn-dark-focus-border-inset': 'rgba(255,255,255,0.5)',
-  'mktg-btn-dark-focus-border': '#ffffff',
-  'mktg-btn-dark-hover-border': 'rgba(255,255,255,0.5)',
-  'mktg-btn-dark-hover-text': '#ffffff',
-  'mktg-btn-dark-text': '#ffffff',
-  'mktg-btn-enterprise-bg-bottom': '#6f57ff',
-  'mktg-btn-enterprise-bg-overlay-bottom': '#614eda',
-  'mktg-btn-enterprise-bg-overlay-top': 'hsla(248,65%,63%,1)',
-  'mktg-btn-enterprise-bg-top': 'hsla(249,100%,72%,1)',
-  'mktg-btn-enterprise-text': '#ffffff',
-  'mktg-btn-outline-border': 'rgba(73,105,237,0.3)',
-  'mktg-btn-outline-focus-border-inset': 'rgba(73,105,237,0.5)',
-  'mktg-btn-outline-focus-border': '#4969ed',
-  'mktg-btn-outline-hover-border': 'rgba(51,85,224,0.5)',
-  'mktg-btn-outline-hover-text': '#3355e0',
-  'mktg-btn-outline-text': '#4969ed',
-  'mktg-btn-primary-bg-bottom': '#2ea44f',
-  'mktg-btn-primary-bg-overlay-bottom': '#22863a',
-  'mktg-btn-primary-bg-overlay-top': 'hsla(134,60%,38%,1)',
-  'mktg-btn-primary-bg-top': 'hsla(137,56%,46%,1)',
-  'mktg-btn-primary-text': '#ffffff',
-  'mktg-btn-text': '#ffffff',
-  'mktg-info': 'rgba(19,119,234,1)',
-  'mktg-success': 'rgba(3,119,234,1)',
+  'mktg-btn-bg': '#1b1f23',
+  'mktg-btn-shadow-focus': 'rgb(0 0 0 / 15%) 0 0 0 4px',
+  'mktg-btn-shadow-hover-muted': 'rgb(0 0 0 / 70%) 0 0 0 2px inset',
+  'mktg-btn-shadow-hover':
+    '0 3px 2px rgba(0, 0, 0, 0.07), 0 7px 5px rgba(0, 0, 0, 0.04), 0 12px 10px rgba(0, 0, 0, 0.03), 0 22px 18px rgba(0, 0, 0, 0.03), 0 42px 33px rgba(0, 0, 0, 0.02), 0 100px 80px rgba(0, 0, 0, 0.02)',
+  'mktg-btn-shadow-outline': 'rgb(0 0 0 / 15%) 0 0 0 1px inset',
   'neutral-emphasis-plus': '#24292f',
   'neutral-emphasis': '#6e7781',
   'neutral-muted': 'rgba(175,184,193,0.2)',
   'neutral-subtle': 'rgba(234,238,242,0.5)',
   'overlay-shadow': '0 1px 3px rgba(27,31,36,0.12), 0 8px 24px rgba(66,74,83,0.12)',
+  'page-header-bg': '#f6f8fa',
   'prettylights-syntax-brackethighlighter-angle': '#57606a',
   'prettylights-syntax-brackethighlighter-unmatched': '#6c3900',
   'prettylights-syntax-carriage-return-bg': '#ac5e00',
diff --git a/src/styles/themes/lightHighContrast.scss b/src/styles/themes/lightHighContrast.scss
new file mode 100644
index 0000000..8b1c9d5
--- /dev/null
+++ b/src/styles/themes/lightHighContrast.scss
@@ -0,0 +1,418 @@
+$variables: (
+  'accent-emphasis': '#0349b4',
+  'accent-fg': '#0349b4',
+  'accent-muted': '#368cf9',
+  'accent-subtle': '#dff7ff',
+  'action-list-item-danger-active-bg': '#fff0ee',
+  'action-list-item-danger-hover-bg': 'rgba(255,240,238,0.64)',
+  'action-list-item-danger-hover-text': '#a0111f',
+  'action-list-item-default-active-bg': 'rgba(206,213,220,0.48)',
+  'action-list-item-default-hover-bg': 'rgba(206,213,220,0.32)',
+  'action-list-item-default-selected-bg': 'rgba(206,213,220,0.24)',
+  'action-list-item-inline-divider': 'rgba(32,37,44,0.48)',
+  'ansi-black-bright': '#4B535D',
+  'ansi-black': '#0E1116',
+  'ansi-blue-bright': '#1168e3',
+  'ansi-blue': '#0349b4',
+  'ansi-cyan-bright': '#3192aa',
+  'ansi-cyan': '#1b7c83',
+  'ansi-gray': '#66707B',
+  'ansi-green-bright': '#055d20',
+  'ansi-green': '#024c1a',
+  'ansi-magenta-bright': '#844ae7',
+  'ansi-magenta': '#622cbc',
+  'ansi-red-bright': '#86061d',
+  'ansi-red': '#a0111f',
+  'ansi-white-bright': '#88929D',
+  'ansi-white': '#66707B',
+  'ansi-yellow-bright': '#4e2c00',
+  'ansi-yellow': '#3f2200',
+  'attention-emphasis': '#744500',
+  'attention-fg': '#744500',
+  'attention-muted': '#b58407',
+  'attention-subtle': '#fcf7be',
+  'avatar-bg': '#ffffff',
+  'avatar-border': 'rgba(1,4,9,0.8)',
+  'avatar-child-shadow': '-2px -2px 0 rgba(255,255,255,0.8)',
+  'avatar-stack-fade-more': '#CED5DC',
+  'avatar-stack-fade': '#ACB6C0',
+  'border-default': '#20252C',
+  'border-muted': '#88929D',
+  'border-subtle': 'rgba(1,4,9,0.8)',
+  'btn-active-bg': '#ACB6C0',
+  'btn-active-border': 'rgba(1,4,9,0.8)',
+  'btn-bg': '#E7ECF0',
+  'btn-border': 'rgba(1,4,9,0.8)',
+  'btn-counter-bg': 'rgba(1,4,9,0.08)',
+  'btn-danger-counter-bg': 'rgba(160,17,31,0.1)',
+  'btn-danger-disabled-bg': '#E7ECF0',
+  'btn-danger-disabled-counter-bg': 'rgba(160,17,31,0.05)',
+  'btn-danger-disabled-text': 'rgba(160,17,31,0.5)',
+  'btn-danger-focus-border': '#6e011a',
+  'btn-danger-focus-shadow': '0 0 0 3px rgba(134,6,29,0.4)',
+  'btn-danger-hover-bg': '#a0111f',
+  'btn-danger-hover-border': '#6e011a',
+  'btn-danger-hover-counter-bg': 'rgba(255,255,255,0.2)',
+  'btn-danger-hover-icon': '#ffffff',
+  'btn-danger-hover-inset-shadow': 'inset 0 1px 0 rgba(255,255,255,0.03)',
+  'btn-danger-hover-shadow': '0 1px 0 rgba(1,4,9,0.1)',
+  'btn-danger-hover-text': '#ffffff',
+  'btn-danger-icon': '#86061d',
+  'btn-danger-selected-bg': '#6e011a',
+  'btn-danger-selected-border': '#6e011a',
+  'btn-danger-selected-shadow': 'inset 0 1px 0 rgba(67,0,17,0.2)',
+  'btn-danger-selected-text': '#ffffff',
+  'btn-danger-text': '#86061d',
+  'btn-focus-bg': '#CED5DC',
+  'btn-focus-border': 'rgba(1,4,9,0.8)',
+  'btn-focus-shadow': '0 0 0 3px rgba(3,73,180,0.3)',
+  'btn-hover-bg': '#CED5DC',
+  'btn-hover-border': 'rgba(1,4,9,0.8)',
+  'btn-inset-shadow': 'inset 0 1px 0 rgba(255,255,255,0.25)',
+  'btn-outline-counter-bg': 'rgba(3,73,180,0.1)',
+  'btn-outline-disabled-bg': '#E7ECF0',
+  'btn-outline-disabled-counter-bg': 'rgba(3,73,180,0.05)',
+  'btn-outline-disabled-text': 'rgba(3,73,180,0.5)',
+  'btn-outline-focus-border': '#022f7a',
+  'btn-outline-focus-shadow': '0 0 0 3px rgba(2,59,149,0.4)',
+  'btn-outline-hover-bg': '#0349b4',
+  'btn-outline-hover-border': '#022f7a',
+  'btn-outline-hover-counter-bg': 'rgba(255,255,255,0.2)',
+  'btn-outline-hover-inset-shadow': 'inset 0 1px 0 rgba(255,255,255,0.03)',
+  'btn-outline-hover-shadow': '0 1px 0 rgba(1,4,9,0.1)',
+  'btn-outline-hover-text': '#ffffff',
+  'btn-outline-selected-bg': '#022f7a',
+  'btn-outline-selected-border': '#022f7a',
+  'btn-outline-selected-shadow': 'inset 0 1px 0 rgba(2,26,74,0.2)',
+  'btn-outline-selected-text': '#ffffff',
+  'btn-outline-text': '#023b95',
+  'btn-primary-bg': '#055d20',
+  'btn-primary-border': '#013d14',
+  'btn-primary-counter-bg': 'rgba(255,255,255,0.2)',
+  'btn-primary-disabled-bg': '#94d3a2',
+  'btn-primary-disabled-border': 'rgba(1,4,9,0.8)',
+  'btn-primary-disabled-text': 'rgba(255,255,255,0.8)',
+  'btn-primary-focus-bg': '#013d14',
+  'btn-primary-focus-border': '#013d14',
+  'btn-primary-focus-shadow': '0 0 0 3px rgba(1,61,20,0.4)',
+  'btn-primary-hover-bg': '#024c1a',
+  'btn-primary-hover-border': '#013d14',
+  'btn-primary-icon': 'rgba(255,255,255,0.8)',
+  'btn-primary-inset-shadow': 'inset 0 1px 0 rgba(255,255,255,0.03)',
+  'btn-primary-selected-bg': 'hsla(139,95%,13%,1)',
+  'btn-primary-selected-shadow': 'inset 0 1px 0 rgba(0,35,11,0.2)',
+  'btn-primary-shadow': '0 1px 0 rgba(1,4,9,0.1)',
+  'btn-primary-text': '#ffffff',
+  'btn-selected-bg': '#ACB6C0',
+  '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(3,73,180,0.3)',
+  'btn-shadow': '0 1px 0 rgba(1,4,9,0.04)',
+  'btn-text': '#0E1116',
+  'canvas-default-transparent': 'rgba(255,255,255,0)',
+  'canvas-default': '#ffffff',
+  'canvas-inset': '#ffffff',
+  'canvas-overlay': '#ffffff',
+  'canvas-subtle': '#E7ECF0',
+  'checks-ansi-black-bright': '#20252C',
+  'checks-ansi-black': '#0E1116',
+  'checks-ansi-blue-bright': '#67b3fd',
+  'checks-ansi-blue': '#368cf9',
+  'checks-ansi-cyan-bright': '#b3f0ff',
+  'checks-ansi-cyan': '#76e3ea',
+  'checks-ansi-gray': '#88929D',
+  'checks-ansi-green-bright': '#43c663',
+  'checks-ansi-green': '#26a148',
+  'checks-ansi-magenta-bright': '#c49bff',
+  'checks-ansi-magenta': '#a371f7',
+  'checks-ansi-red-bright': '#ff8e8a',
+  'checks-ansi-red': '#ee5a5d',
+  'checks-ansi-white-bright': '#CED5DC',
+  'checks-ansi-white': '#CED5DC',
+  'checks-ansi-yellow-bright': '#d5a824',
+  'checks-ansi-yellow': '#b58407',
+  'checks-bg': '#0E1116',
+  'checks-btn-hover-bg': 'rgba(255,255,255,0.125)',
+  'checks-btn-hover-icon': '#FFFFFF',
+  'checks-btn-icon': '#ACB6C0',
+  'checks-container-border-width': '0px',
+  'checks-donut-error': '#d5232c',
+  'checks-donut-neutral': '#ACB6C0',
+  'checks-donut-pending': '#956400',
+  'checks-donut-success': '#117f32',
+  'checks-dropdown-bg': '#20252C',
+  'checks-dropdown-border': '#343B43',
+  'checks-dropdown-btn-hover-bg': '#20252C',
+  'checks-dropdown-btn-hover-text': '#FFFFFF',
+  'checks-dropdown-hover-bg': '#343B43',
+  'checks-dropdown-hover-text': '#FFFFFF',
+  'checks-dropdown-shadow': 'rgba(1,4,9,0.3)',
+  'checks-dropdown-text': '#ACB6C0',
+  'checks-gate-bg': 'rgba(96,55,0,0.15)',
+  'checks-gate-text': '#CED5DC',
+  'checks-gate-waiting-text': '#ACB6C0',
+  'checks-header-border': '#20252C',
+  'checks-header-icon': '#88929D',
+  'checks-header-label-open-text': '#FFFFFF',
+  'checks-header-label-text': '#CED5DC',
+  'checks-input-bg': '#20252C',
+  'checks-input-focus-text': '#88929D',
+  'checks-input-placeholder-text': '#88929D',
+  'checks-input-shadow': 'none',
+  'checks-input-text': '#E7ECF0',
+  'checks-line-dt-fm-bg': '#744500',
+  'checks-line-dt-fm-text': '#0E1116',
+  'checks-line-hover-bg': '#20252C',
+  'checks-line-num-text': 'rgba(136,146,157,0.75)',
+  'checks-line-selected-bg': 'rgba(17,104,227,0.15)',
+  'checks-line-selected-num-text': '#368cf9',
+  'checks-line-text': '#CED5DC',
+  'checks-line-timestamp-text': '#88929D',
+  'checks-logline-command-text': '#368cf9',
+  'checks-logline-debug-text': '#a371f7',
+  'checks-logline-error-bg': 'rgba(134,6,29,0.15)',
+  'checks-logline-error-num-text': '#ee5a5d',
+  'checks-logline-error-text': '#CED5DC',
+  'checks-logline-num-text': 'rgba(136,146,157,0.75)',
+  'checks-logline-section-text': '#26a148',
+  'checks-logline-text': '#88929D',
+  'checks-logline-warning-bg': 'rgba(96,55,0,0.15)',
+  'checks-logline-warning-num-text': '#b58407',
+  'checks-logline-warning-text': '#CED5DC',
+  'checks-run-border-width': '0px',
+  'checks-scrollbar-thumb-bg': '#4B535D',
+  'checks-step-error-text': '#ee5a5d',
+  'checks-step-header-open-bg': '#20252C',
+  'checks-step-warning-text': '#b58407',
+  'checks-text-link': '#368cf9',
+  'checks-text-primary': '#FFFFFF',
+  'checks-text-secondary': '#88929D',
+  'codemirror-activeline-bg': '#E7ECF0',
+  'codemirror-bg': '#ffffff',
+  'codemirror-cursor': '#0E1116',
+  'codemirror-guttermarker-subtle-text': '#66707B',
+  'codemirror-guttermarker-text': '#ffffff',
+  'codemirror-gutters-bg': '#ffffff',
+  'codemirror-linenumber-text': '#0E1116',
+  'codemirror-lines-bg': '#ffffff',
+  'codemirror-matchingbracket-text': '#0E1116',
+  'codemirror-selection-bg': '#368cf9',
+  'codemirror-syntax-comment': '#0E1116',
+  'codemirror-syntax-constant': '#023b95',
+  'codemirror-syntax-entity': '#622cbc',
+  'codemirror-syntax-keyword': '#a0111f',
+  'codemirror-syntax-storage': '#a0111f',
+  'codemirror-syntax-string': '#032563',
+  'codemirror-syntax-support': '#023b95',
+  'codemirror-syntax-variable': '#702c00',
+  'codemirror-text': '#0E1116',
+  'counter-border': '#20252C',
+  'danger-emphasis': '#a0111f',
+  'danger-fg': '#a0111f',
+  'danger-muted': '#ee5a5d',
+  'danger-subtle': '#fff0ee',
+  'diff-blob-addition-fg': '#ffffff',
+  'diff-blob-addition-line-bg': '#E6FFEC',
+  'diff-blob-addition-num-bg': '#CCFFD8',
+  'diff-blob-addition-num-text': '#0E1116',
+  'diff-blob-addition-word-bg': '#055d20',
+  'diff-blob-deletion-fg': '#ffffff',
+  'diff-blob-deletion-line-bg': '#fff0ee',
+  'diff-blob-deletion-num-bg': '#FFD7D5',
+  'diff-blob-deletion-num-text': '#0E1116',
+  'diff-blob-deletion-word-bg': '#a0111f',
+  'diff-blob-expander-icon': '#0E1116',
+  'diff-blob-hunk-num-bg': '#9cd7ff',
+  'diff-blob-selected-line-highlight-mix-blend-mode': 'multiply',
+  'diffstat-addition-bg': '#117f32',
+  'diffstat-addition-border': 'rgba(1,4,9,0.8)',
+  'diffstat-deletion-border': 'rgba(1,4,9,0.8)',
+  'done-emphasis': '#622cbc',
+  'done-fg': '#622cbc',
+  'done-muted': '#a371f7',
+  'done-subtle': '#faf0fe',
+  'fg-default': '#0E1116',
+  'fg-muted': '#0E1116',
+  'fg-on-emphasis': '#ffffff',
+  'fg-subtle': '#66707B',
+  'header-bg': '#0E1116',
+  'header-divider': '#ACB6C0',
+  'header-logo': '#ffffff',
+  'header-search-bg': '#0E1116',
+  'header-search-border': '#4B535D',
+  'header-text': 'rgba(255,255,255,0.7)',
+  'input-disabled-bg': 'rgba(172,182,192,0.2)',
+  'marketing-icon-primary': '#1168e3',
+  'marketing-icon-secondary': '#368cf9',
+  'menu-bg-active': 'rgba(0,0,0,0)',
+  'mktg-btn-bg': '#1b1f23',
+  'mktg-btn-shadow-focus': 'rgb(0 0 0 / 15%) 0 0 0 4px',
+  'mktg-btn-shadow-hover-muted': 'rgb(0 0 0 / 70%) 0 0 0 2px inset',
+  'mktg-btn-shadow-hover':
+    '0 3px 2px rgba(0, 0, 0, 0.07), 0 7px 5px rgba(0, 0, 0, 0.04), 0 12px 10px rgba(0, 0, 0, 0.03), 0 22px 18px rgba(0, 0, 0, 0.03), 0 42px 33px rgba(0, 0, 0, 0.02), 0 100px 80px rgba(0, 0, 0, 0.02)',
+  'mktg-btn-shadow-outline': 'rgb(0 0 0 / 15%) 0 0 0 1px inset',
+  'neutral-emphasis-plus': '#0E1116',
+  'neutral-emphasis': '#66707B',
+  'neutral-muted': 'rgba(172,182,192,0.2)',
+  'neutral-subtle': '#E7ECF0',
+  'overlay-shadow': '0 1px 3px rgba(1,4,9,0.12), 0 8px 24px rgba(52,59,67,0.12)',
+  'page-header-bg': '#ffffff',
+  'prettylights-syntax-brackethighlighter-angle': '#4B535D',
+  'prettylights-syntax-brackethighlighter-unmatched': '#6e011a',
+  'prettylights-syntax-carriage-return-bg': '#a0111f',
+  'prettylights-syntax-carriage-return-text': '#FFFFFF',
+  'prettylights-syntax-comment': '#66707B',
+  'prettylights-syntax-constant-other-reference-link': '#032563',
+  'prettylights-syntax-constant': '#023b95',
+  'prettylights-syntax-entity-tag': '#024c1a',
+  'prettylights-syntax-entity': '#622cbc',
+  'prettylights-syntax-invalid-illegal-bg': '#6e011a',
+  'prettylights-syntax-invalid-illegal-text': '#FFFFFF',
+  'prettylights-syntax-keyword': '#a0111f',
+  'prettylights-syntax-markup-bold': '#0E1116',
+  'prettylights-syntax-markup-changed-bg': '#ffc67b',
+  'prettylights-syntax-markup-changed-text': '#702c00',
+  'prettylights-syntax-markup-deleted-bg': '#fff0ee',
+  'prettylights-syntax-markup-deleted-text': '#6e011a',
+  'prettylights-syntax-markup-heading': '#023b95',
+  'prettylights-syntax-markup-ignored-bg': '#023b95',
+  'prettylights-syntax-markup-ignored-text': '#E7ECF0',
+  'prettylights-syntax-markup-inserted-bg': '#d2fedb',
+  'prettylights-syntax-markup-inserted-text': '#024c1a',
+  'prettylights-syntax-markup-italic': '#0E1116',
+  'prettylights-syntax-markup-list': '#2e1800',
+  'prettylights-syntax-meta-diff-range': '#622cbc',
+  'prettylights-syntax-storage-modifier-import': '#0E1116',
+  'prettylights-syntax-string-regexp': '#024c1a',
+  'prettylights-syntax-string': '#032563',
+  'prettylights-syntax-sublimelinter-gutter-mark': '#88929D',
+  'prettylights-syntax-variable': '#702c00',
+  'primer-border-active': '#ef5b48',
+  'primer-border-contrast': 'rgba(1,4,9,0.1)',
+  'primer-canvas-backdrop': 'rgba(1,4,9,0.5)',
+  'primer-canvas-sticky': 'rgba(255,255,255,0.95)',
+  'primer-fg-disabled': '#88929D',
+  'primer-shadow-focus': '0 0 0 3px rgba(3,73,180,0.3)',
+  'primer-shadow-highlight': 'inset 0 1px 0 rgba(255,255,255,0.25)',
+  'primer-shadow-inset': 'inset 0 1px 0 rgba(206,213,220,0.2)',
+  'project-gradient-in': '#ffffff',
+  'project-gradient-out': 'rgba(255,255,255,0)',
+  'project-header-bg': '#0E1116',
+  'project-sidebar-bg': '#ffffff',
+  'scale-black': '#010409',
+  'scale-blue-0': '#dff7ff',
+  'scale-blue-1': '#9cd7ff',
+  'scale-blue-2': '#67b3fd',
+  'scale-blue-3': '#368cf9',
+  'scale-blue-4': '#1168e3',
+  'scale-blue-5': '#0349b4',
+  'scale-blue-6': '#023b95',
+  'scale-blue-7': '#022f7a',
+  'scale-blue-8': '#032563',
+  'scale-blue-9': '#021a4a',
+  'scale-coral-0': '#fff0ed',
+  'scale-coral-1': '#ffc2b6',
+  'scale-coral-2': '#ff8f7e',
+  'scale-coral-3': '#ef5b48',
+  'scale-coral-4': '#cd3425',
+  'scale-coral-5': '#9f1710',
+  'scale-coral-6': '#870706',
+  'scale-coral-7': '#6f0107',
+  'scale-coral-8': '#5b0002',
+  'scale-coral-9': '#430200',
+  'scale-gray-0': '#FFFFFF',
+  'scale-gray-1': '#E7ECF0',
+  'scale-gray-2': '#CED5DC',
+  'scale-gray-3': '#ACB6C0',
+  'scale-gray-4': '#88929D',
+  'scale-gray-5': '#66707B',
+  'scale-gray-6': '#4B535D',
+  'scale-gray-7': '#343B43',
+  'scale-gray-8': '#20252C',
+  'scale-gray-9': '#0E1116',
+  'scale-green-0': '#d2fedb',
+  'scale-green-1': '#82e596',
+  'scale-green-2': '#43c663',
+  'scale-green-3': '#26a148',
+  'scale-green-4': '#117f32',
+  'scale-green-5': '#055d20',
+  'scale-green-6': '#024c1a',
+  'scale-green-7': '#013d14',
+  'scale-green-8': '#003110',
+  'scale-green-9': '#00230b',
+  'scale-orange-0': '#fff2d5',
+  'scale-orange-1': '#ffc67b',
+  'scale-orange-2': '#f99636',
+  'scale-orange-3': '#dc6d1a',
+  'scale-orange-4': '#b45105',
+  'scale-orange-5': '#873800',
+  'scale-orange-6': '#702c00',
+  'scale-orange-7': '#5b2300',
+  'scale-orange-8': '#491b00',
+  'scale-orange-9': '#361200',
+  'scale-pink-0': '#feeff7',
+  'scale-pink-1': '#ffbde0',
+  'scale-pink-2': '#fc87ca',
+  'scale-pink-3': '#ed4baf',
+  'scale-pink-4': '#c9248e',
+  'scale-pink-5': '#971368',
+  'scale-pink-6': '#7d0c57',
+  'scale-pink-7': '#660847',
+  'scale-pink-8': '#53043a',
+  'scale-pink-9': '#3e022b',
+  'scale-purple-0': '#faf0fe',
+  'scale-purple-1': '#e0c5ff',
+  'scale-purple-2': '#c49bff',
+  'scale-purple-3': '#a371f7',
+  'scale-purple-4': '#844ae7',
+  'scale-purple-5': '#622cbc',
+  'scale-purple-6': '#512598',
+  'scale-purple-7': '#411d7b',
+  'scale-purple-8': '#341763',
+  'scale-purple-9': '#260f49',
+  'scale-red-0': '#fff0ee',
+  'scale-red-1': '#ffc1bc',
+  'scale-red-2': '#ff8e8a',
+  'scale-red-3': '#ee5a5d',
+  'scale-red-4': '#d5232c',
+  'scale-red-5': '#a0111f',
+  'scale-red-6': '#86061d',
+  'scale-red-7': '#6e011a',
+  'scale-red-8': '#5a0016',
+  'scale-red-9': '#430011',
+  'scale-white': '#ffffff',
+  'scale-yellow-0': '#fcf7be',
+  'scale-yellow-1': '#f0ce53',
+  'scale-yellow-2': '#d5a824',
+  'scale-yellow-3': '#b58407',
+  'scale-yellow-4': '#956400',
+  'scale-yellow-5': '#744500',
+  'scale-yellow-6': '#603700',
+  'scale-yellow-7': '#4e2c00',
+  'scale-yellow-8': '#3f2200',
+  'scale-yellow-9': '#2e1800',
+  'search-keyword-hl': '#fcf7be',
+  'select-menu-backdrop-border': 'rgba(0,0,0,0)',
+  'select-menu-tap-focus-bg': '#9cd7ff',
+  'select-menu-tap-highlight': 'rgba(172,182,192,0.5)',
+  'severe-emphasis': '#873800',
+  'severe-fg': '#873800',
+  'severe-muted': '#dc6d1a',
+  'severe-subtle': '#fff2d5',
+  'shadow-extra-large': '0 12px 28px rgba(136,146,157,0.3)',
+  'shadow-large': '0 8px 24px rgba(136,146,157,0.2)',
+  'shadow-medium': '0 3px 6px rgba(136,146,157,0.15)',
+  'shadow-small': '0 1px 0 rgba(1,4,9,0.04)',
+  'sidenav-selected-bg': '#ffffff',
+  'sponsors-emphasis': '#971368',
+  'sponsors-fg': '#971368',
+  'sponsors-muted': '#ed4baf',
+  'sponsors-subtle': '#feeff7',
+  'success-emphasis': '#055d20',
+  'success-fg': '#055d20',
+  'success-muted': '#26a148',
+  'success-subtle': '#d2fedb',
+  'timeline-badge-bg': '#E7ECF0',
+  'topic-tag-border': '#0349b4',
+  'underlinenav-border-hover': 'rgba(172,182,192,0.2)',
+  'underlinenav-icon': '#66707B',
+);