From 1ab96a12de76e06b0d5680b51d43519a2b986474 Mon Sep 17 00:00:00 2001
From: EnixCoda <enixcoda@gmail.com>
Date: Mon, 1 Nov 2021 16:21:55 +0800
Subject: [PATCH] feat: support colorblind themes

---
 src/styles/darkColorblind/variables.scss  | 433 ++++++++++++++++++++++
 src/styles/lightColorblind/variables.scss | 433 ++++++++++++++++++++++
 src/styles/themes.scss                    |  28 ++
 3 files changed, 894 insertions(+)
 create mode 100644 src/styles/darkColorblind/variables.scss
 create mode 100644 src/styles/lightColorblind/variables.scss

diff --git a/src/styles/darkColorblind/variables.scss b/src/styles/darkColorblind/variables.scss
new file mode 100644
index 0000000..b8d871e
--- /dev/null
+++ b/src/styles/darkColorblind/variables.scss
@@ -0,0 +1,433 @@
+$variables: (
+  'accent-emphasis': '#1f6feb',
+  'accent-fg': '#58a6ff',
+  'accent-muted': 'rgba(56,139,253,0.4)',
+  'accent-subtle': 'rgba(56,139,253,0.15)',
+  'ansi-black-bright': '#6e7681',
+  'ansi-black': '#484f58',
+  'ansi-blue-bright': '#79c0ff',
+  'ansi-blue': '#58a6ff',
+  'ansi-cyan-bright': '#56d4dd',
+  'ansi-cyan': '#39c5cf',
+  'ansi-gray': '#6e7681',
+  'ansi-green-bright': '#66baff',
+  'ansi-green': '#42a0ff',
+  'ansi-magenta-bright': '#d2a8ff',
+  'ansi-magenta': '#bc8cff',
+  'ansi-red-bright': '#e6b716',
+  'ansi-red': '#d69a00',
+  'ansi-white-bright': '#f0f6fc',
+  'ansi-white': '#b1bac4',
+  'ansi-yellow-bright': '#e3b341',
+  'ansi-yellow': '#d29922',
+  'attention-emphasis': '#9e6a03',
+  'attention-fg': '#d29922',
+  'attention-muted': 'rgba(187,128,9,0.4)',
+  'attention-subtle': 'rgba(187,128,9,0.15)',
+  'avatar-bg': 'rgba(240,246,252,0.1)',
+  'avatar-border': 'rgba(240,246,252,0.1)',
+  'avatar-child-shadow': '-2px -2px 0 #0d1117',
+  'avatar-stack-fade-more': '#21262d',
+  'avatar-stack-fade': '#30363d',
+  'border-default': '#30363d',
+  'border-muted': '#21262d',
+  'border-subtle': 'rgba(240,246,252,0.1)',
+  'btn-active-bg': 'hsla(212,12%,18%,1)',
+  'btn-active-border': '#6e7681',
+  'btn-bg': '#21262d',
+  'btn-border': 'rgba(240,246,252,0.1)',
+  'btn-counter-bg': '#30363d',
+  'btn-danger-counter-bg': 'rgba(166,105,0,0.1)',
+  'btn-danger-disabled-bg': '#0d1117',
+  'btn-danger-disabled-counter-bg': 'rgba(166,105,0,0.05)',
+  'btn-danger-disabled-text': 'rgba(195,128,0,0.5)',
+  'btn-danger-focus-border': '#c38000',
+  'btn-danger-focus-shadow': '0 0 0 3px rgba(195,128,0,0.4)',
+  'btn-danger-hover-bg': '#a66900',
+  'btn-danger-hover-border': '#c38000',
+  'btn-danger-hover-counter-bg': 'rgba(255,255,255,0.2)',
+  'btn-danger-hover-icon': '#f0f6fc',
+  'btn-danger-hover-inset-shadow': '0 0 transparent',
+  'btn-danger-hover-shadow': '0 0 transparent',
+  'btn-danger-hover-text': '#f0f6fc',
+  'btn-danger-icon': '#c38000',
+  'btn-danger-selected-bg': '#865401',
+  'btn-danger-selected-border': '#d69a00',
+  'btn-danger-selected-shadow': '0 0 transparent',
+  'btn-danger-selected-text': '#ffffff',
+  'btn-danger-text': '#c38000',
+  'btn-focus-bg': '#21262d',
+  'btn-focus-border': '#8b949e',
+  'btn-focus-shadow': '0 0 0 3px rgba(139,148,158,0.3)',
+  'btn-hover-bg': '#30363d',
+  'btn-hover-border': '#8b949e',
+  'btn-inset-shadow': '0 0 transparent',
+  'btn-outline-counter-bg': 'rgba(31,111,235,0.1)',
+  'btn-outline-disabled-bg': '#0d1117',
+  'btn-outline-disabled-counter-bg': 'rgba(31,111,235,0.05)',
+  'btn-outline-disabled-text': 'rgba(88,166,255,0.5)',
+  'btn-outline-focus-border': 'rgba(240,246,252,0.1)',
+  'btn-outline-focus-shadow': '0 0 0 3px rgba(17,88,199,0.4)',
+  'btn-outline-hover-bg': '#30363d',
+  'btn-outline-hover-border': 'rgba(240,246,252,0.1)',
+  'btn-outline-hover-counter-bg': 'rgba(240,246,252,0.2)',
+  'btn-outline-hover-inset-shadow': 'inset 0 1px 0 rgba(240,246,252,0.03)',
+  'btn-outline-hover-shadow': '0 1px 0 rgba(1,4,9,0.1)',
+  'btn-outline-hover-text': '#58a6ff',
+  'btn-outline-selected-bg': '#0d419d',
+  'btn-outline-selected-border': 'rgba(240,246,252,0.1)',
+  'btn-outline-selected-shadow': '0 0 transparent',
+  'btn-outline-selected-text': '#f0f6fc',
+  'btn-outline-text': '#58a6ff',
+  'btn-primary-bg': '#1d69e0',
+  'btn-primary-border': 'rgba(240,246,252,0.1)',
+  'btn-primary-counter-bg': 'rgba(240,246,252,0.2)',
+  'btn-primary-disabled-bg': 'rgba(29,105,224,0.6)',
+  'btn-primary-disabled-border': 'rgba(240,246,252,0.1)',
+  'btn-primary-disabled-text': 'rgba(240,246,252,0.5)',
+  'btn-primary-focus-bg': '#1d69e0',
+  'btn-primary-focus-border': 'rgba(240,246,252,0.1)',
+  'btn-primary-focus-shadow': '0 0 0 3px rgba(46,164,79,0.4)',
+  'btn-primary-hover-bg': '#1585fd',
+  'btn-primary-hover-border': 'rgba(240,246,252,0.1)',
+  'btn-primary-icon': '#f0f6fc',
+  'btn-primary-inset-shadow': '0 0 transparent',
+  'btn-primary-selected-bg': '#1d69e0',
+  'btn-primary-selected-shadow': '0 0 transparent',
+  'btn-primary-shadow': '0 0 transparent',
+  'btn-primary-text': '#ffffff',
+  'btn-selected-bg': '#161b22',
+  '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(31,111,235,0.3)',
+  'btn-shadow': '0 0 transparent',
+  'btn-text': '#c9d1d9',
+  'canvas-default-transparent': 'rgba(13,17,23,0)',
+  'canvas-default': '#0d1117',
+  'canvas-inset': '#010409',
+  'canvas-overlay': '#161b22',
+  'canvas-subtle': '#161b22',
+  'checks-ansi-black-bright': '#161b22',
+  'checks-ansi-black': '#0d1117',
+  'checks-ansi-blue-bright': '#79c0ff',
+  'checks-ansi-blue': '#58a6ff',
+  'checks-ansi-cyan-bright': '#b3f0ff',
+  'checks-ansi-cyan': '#76e3ea',
+  'checks-ansi-gray': '#6e7681',
+  'checks-ansi-green-bright': '#66baff',
+  'checks-ansi-green': '#42a0ff',
+  'checks-ansi-magenta-bright': '#d2a8ff',
+  'checks-ansi-magenta': '#bc8cff',
+  'checks-ansi-red-bright': '#e6b716',
+  'checks-ansi-red': '#d69a00',
+  'checks-ansi-white-bright': '#b1bac4',
+  'checks-ansi-white': '#b1bac4',
+  'checks-ansi-yellow-bright': '#e3b341',
+  'checks-ansi-yellow': '#d29922',
+  'checks-bg': '#010409',
+  'checks-btn-hover-bg': 'rgba(110,118,129,0.1)',
+  'checks-btn-hover-icon': '#c9d1d9',
+  'checks-btn-icon': '#8b949e',
+  'checks-container-border-width': '1px',
+  'checks-donut-error': '#c38000',
+  'checks-donut-neutral': '#8b949e',
+  'checks-donut-pending': '#d29922',
+  'checks-donut-success': '#1585fd',
+  'checks-dropdown-bg': '#161b22',
+  'checks-dropdown-border': '#30363d',
+  'checks-dropdown-btn-hover-bg': 'rgba(110,118,129,0.1)',
+  'checks-dropdown-btn-hover-text': '#c9d1d9',
+  'checks-dropdown-hover-bg': 'rgba(110,118,129,0.1)',
+  'checks-dropdown-hover-text': '#c9d1d9',
+  'checks-dropdown-shadow': 'rgba(1,4,9,0.3)',
+  'checks-dropdown-text': '#c9d1d9',
+  'checks-gate-bg': 'rgba(187,128,9,0.15)',
+  'checks-gate-text': '#8b949e',
+  'checks-gate-waiting-text': '#d29922',
+  'checks-header-border': '#21262d',
+  'checks-header-icon': '#8b949e',
+  'checks-header-label-open-text': '#c9d1d9',
+  'checks-header-label-text': '#8b949e',
+  'checks-input-bg': '#161b22',
+  'checks-input-focus-text': '#c9d1d9',
+  'checks-input-placeholder-text': '#484f58',
+  'checks-input-shadow': '0 0 0 1px (obj) => get_1.default(obj, path)',
+  'checks-input-text': '#8b949e',
+  'checks-line-dt-fm-bg': '#9e6a03',
+  'checks-line-dt-fm-text': '#f0f6fc',
+  'checks-line-hover-bg': 'rgba(110,118,129,0.1)',
+  'checks-line-num-text': '#484f58',
+  'checks-line-selected-bg': 'rgba(56,139,253,0.15)',
+  'checks-line-selected-num-text': '#58a6ff',
+  'checks-line-text': '#8b949e',
+  'checks-line-timestamp-text': '#484f58',
+  'checks-logline-command-text': '#58a6ff',
+  'checks-logline-debug-text': '#a371f7',
+  'checks-logline-error-bg': 'rgba(195,128,0,0.15)',
+  'checks-logline-error-num-text': '#484f58',
+  'checks-logline-error-text': '#8b949e',
+  'checks-logline-num-text': '#484f58',
+  'checks-logline-section-text': '#42a0ff',
+  'checks-logline-text': '#8b949e',
+  'checks-logline-warning-bg': 'rgba(187,128,9,0.15)',
+  'checks-logline-warning-num-text': '#d29922',
+  'checks-logline-warning-text': '#8b949e',
+  'checks-run-border-width': '1px',
+  'checks-scrollbar-thumb-bg': 'rgba(110,118,129,0.4)',
+  'checks-step-error-text': '#c38000',
+  'checks-step-header-open-bg': '#161b22',
+  'checks-step-warning-text': '#d29922',
+  'checks-text-link': '#58a6ff',
+  'checks-text-primary': '#c9d1d9',
+  'checks-text-secondary': '#8b949e',
+  'codemirror-activeline-bg': 'rgba(110,118,129,0.1)',
+  'codemirror-bg': '#0d1117',
+  'codemirror-cursor': '#c9d1d9',
+  'codemirror-guttermarker-subtle-text': '#484f58',
+  'codemirror-guttermarker-text': '#0d1117',
+  'codemirror-gutters-bg': '#0d1117',
+  'codemirror-linenumber-text': '#8b949e',
+  'codemirror-lines-bg': '#0d1117',
+  'codemirror-matchingbracket-text': '#c9d1d9',
+  'codemirror-selection-bg': 'rgba(56,139,253,0.4)',
+  'codemirror-syntax-comment': '#8b949e',
+  'codemirror-syntax-constant': '#79c0ff',
+  'codemirror-syntax-entity': '#d2a8ff',
+  'codemirror-syntax-keyword': '#d69a00',
+  'codemirror-syntax-storage': '#d69a00',
+  'codemirror-syntax-string': '#a5d6ff',
+  'codemirror-syntax-support': '#79c0ff',
+  'codemirror-syntax-variable': '#ffa657',
+  'codemirror-text': '#c9d1d9',
+  'danger-emphasis': '#a66900',
+  'danger-fg': '#c38000',
+  'danger-muted': 'rgba(195,128,0,0.4)',
+  'danger-subtle': 'rgba(195,128,0,0.15)',
+  'diff-blob-addition-fg': '#c9d1d9',
+  'diff-blob-addition-line-bg': 'rgba(21,133,253,0.15)',
+  'diff-blob-addition-num-bg': 'rgba(66,160,255,0.3)',
+  'diff-blob-addition-num-text': '#c9d1d9',
+  'diff-blob-addition-word-bg': 'rgba(21,133,253,0.4)',
+  'diff-blob-deletion-fg': '#c9d1d9',
+  'diff-blob-deletion-line-bg': 'rgba(195,128,0,0.15)',
+  'diff-blob-deletion-num-bg': 'rgba(195,128,0,0.3)',
+  'diff-blob-deletion-num-text': '#c9d1d9',
+  'diff-blob-deletion-word-bg': 'rgba(195,128,0,0.4)',
+  'diff-blob-expander-icon': '#8b949e',
+  'diff-blob-hunk-num-bg': 'rgba(56,139,253,0.4)',
+  'diff-blob-selected-line-highlight-mix-blend-mode': 'screen',
+  'diffstat-addition-bg': '#42a0ff',
+  'diffstat-addition-border': 'rgba(240,246,252,0.1)',
+  'diffstat-deletion-border': 'rgba(240,246,252,0.1)',
+  'done-emphasis': '#8957e5',
+  'done-fg': '#a371f7',
+  'done-muted': 'rgba(163,113,247,0.4)',
+  'done-subtle': 'rgba(163,113,247,0.15)',
+  'fg-default': '#c9d1d9',
+  'fg-muted': '#8b949e',
+  'fg-on-emphasis': '#f0f6fc',
+  'fg-subtle': '#484f58',
+  'header-bg': '#161b22',
+  'header-logo': '#f0f6fc',
+  'header-search-bg': '#0d1117',
+  'header-search-border': '#30363d',
+  'header-text': 'rgba(240,246,252,0.7)',
+  'input-disabled-bg': 'rgba(110,118,129,0)',
+  '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)',
+  '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)',
+  'prettylights-syntax-brackethighlighter-angle': '#8b949e',
+  'prettylights-syntax-brackethighlighter-unmatched': '#c38000',
+  'prettylights-syntax-carriage-return-bg': '#865401',
+  'prettylights-syntax-carriage-return-text': '#f0f6fc',
+  'prettylights-syntax-comment': '#8b949e',
+  'prettylights-syntax-constant-other-reference-link': '#a5d6ff',
+  'prettylights-syntax-constant': '#79c0ff',
+  'prettylights-syntax-entity-tag': '#83d4ff',
+  'prettylights-syntax-entity': '#d2a8ff',
+  'prettylights-syntax-invalid-illegal-bg': '#633e00',
+  'prettylights-syntax-invalid-illegal-text': '#f0f6fc',
+  'prettylights-syntax-keyword': '#d69a00',
+  'prettylights-syntax-markup-bold': '#c9d1d9',
+  'prettylights-syntax-markup-changed-bg': '#5a1e02',
+  'prettylights-syntax-markup-changed-text': '#ffdfb6',
+  'prettylights-syntax-markup-deleted-bg': '#452f00',
+  'prettylights-syntax-markup-deleted-text': '#f0ec59',
+  'prettylights-syntax-markup-heading': '#1f6feb',
+  'prettylights-syntax-markup-ignored-bg': '#1158c7',
+  'prettylights-syntax-markup-ignored-text': '#c9d1d9',
+  'prettylights-syntax-markup-inserted-bg': '#0a2861',
+  'prettylights-syntax-markup-inserted-text': '#a0e8ff',
+  'prettylights-syntax-markup-italic': '#c9d1d9',
+  'prettylights-syntax-markup-list': '#f2cc60',
+  'prettylights-syntax-meta-diff-range': '#d2a8ff',
+  'prettylights-syntax-storage-modifier-import': '#c9d1d9',
+  'prettylights-syntax-string-regexp': '#83d4ff',
+  'prettylights-syntax-string': '#a5d6ff',
+  'prettylights-syntax-sublimelinter-gutter-mark': '#484f58',
+  'prettylights-syntax-variable': '#ffa657',
+  'primer-border-active': '#F78166',
+  'primer-border-contrast': 'rgba(240,246,252,0.2)',
+  'primer-canvas-backdrop': 'rgba(1,4,9,0.8)',
+  'primer-canvas-sticky': 'rgba(13,17,23,0.95)',
+  'primer-fg-disabled': '#484f58',
+  'primer-shadow-focus': '0 0 0 3px #0c2d6b',
+  'primer-shadow-highlight': '0 0 transparent',
+  'primer-shadow-inset': '0 0 transparent',
+  'project-gradient-in': '#161b22',
+  'project-gradient-out': 'rgba(22,27,34,0)',
+  'project-header-bg': '#0d1117',
+  'project-sidebar-bg': '#161b22',
+  'scale-black': '#010409',
+  'scale-blue-0': '#cae8ff',
+  'scale-blue-1': '#a5d6ff',
+  'scale-blue-2': '#79c0ff',
+  'scale-blue-3': '#58a6ff',
+  'scale-blue-4': '#388bfd',
+  'scale-blue-5': '#1f6feb',
+  'scale-blue-6': '#1158c7',
+  'scale-blue-7': '#0d419d',
+  'scale-blue-8': '#0c2d6b',
+  'scale-blue-9': '#051d4d',
+  'scale-coral-0': '#FFDDD2',
+  'scale-coral-1': '#FFC2B2',
+  'scale-coral-2': '#FFA28B',
+  'scale-coral-3': '#F78166',
+  'scale-coral-4': '#EA6045',
+  'scale-coral-5': '#CF462D',
+  'scale-coral-6': '#AC3220',
+  'scale-coral-7': '#872012',
+  'scale-coral-8': '#640D04',
+  'scale-coral-9': '#460701',
+  'scale-gray-0': '#f0f6fc',
+  'scale-gray-1': '#c9d1d9',
+  'scale-gray-2': '#b1bac4',
+  'scale-gray-3': '#8b949e',
+  'scale-gray-4': '#6e7681',
+  'scale-gray-5': '#484f58',
+  'scale-gray-6': '#30363d',
+  'scale-gray-7': '#21262d',
+  'scale-gray-8': '#161b22',
+  'scale-gray-9': '#0d1117',
+  'scale-green-0': '#a0e8ff',
+  'scale-green-1': '#83d4ff',
+  'scale-green-2': '#66baff',
+  'scale-green-3': '#42a0ff',
+  'scale-green-4': '#1585fd',
+  'scale-green-5': '#1d69e0',
+  'scale-green-6': '#0f53bc',
+  'scale-green-7': '#0b3c92',
+  'scale-green-8': '#0a2861',
+  'scale-green-9': '#041843',
+  'scale-orange-0': '#ffdfb6',
+  'scale-orange-1': '#ffc680',
+  'scale-orange-2': '#ffa657',
+  'scale-orange-3': '#f0883e',
+  'scale-orange-4': '#db6d28',
+  'scale-orange-5': '#bd561d',
+  'scale-orange-6': '#9b4215',
+  'scale-orange-7': '#762d0a',
+  'scale-orange-8': '#5a1e02',
+  'scale-orange-9': '#3d1300',
+  'scale-pink-0': '#ffdaec',
+  'scale-pink-1': '#ffbedd',
+  'scale-pink-2': '#ff9bce',
+  'scale-pink-3': '#f778ba',
+  'scale-pink-4': '#db61a2',
+  'scale-pink-5': '#bf4b8a',
+  'scale-pink-6': '#9e3670',
+  'scale-pink-7': '#7d2457',
+  'scale-pink-8': '#5e103e',
+  'scale-pink-9': '#42062a',
+  'scale-purple-0': '#eddeff',
+  'scale-purple-1': '#e2c5ff',
+  'scale-purple-2': '#d2a8ff',
+  'scale-purple-3': '#bc8cff',
+  'scale-purple-4': '#a371f7',
+  'scale-purple-5': '#8957e5',
+  'scale-purple-6': '#6e40c9',
+  'scale-purple-7': '#553098',
+  'scale-purple-8': '#3c1e70',
+  'scale-purple-9': '#271052',
+  'scale-red-0': '#f0ec59',
+  'scale-red-1': '#ecd334',
+  'scale-red-2': '#e6b716',
+  'scale-red-3': '#d69a00',
+  'scale-red-4': '#c38000',
+  'scale-red-5': '#a66900',
+  'scale-red-6': '#865401',
+  'scale-red-7': '#633e00',
+  'scale-red-8': '#452f00',
+  'scale-red-9': '#292100',
+  'scale-white': '#f0f6fc',
+  'scale-yellow-0': '#f8e3a1',
+  'scale-yellow-1': '#f2cc60',
+  'scale-yellow-2': '#e3b341',
+  'scale-yellow-3': '#d29922',
+  'scale-yellow-4': '#bb8009',
+  'scale-yellow-5': '#9e6a03',
+  'scale-yellow-6': '#845306',
+  'scale-yellow-7': '#693e00',
+  'scale-yellow-8': '#4b2900',
+  'scale-yellow-9': '#341a00',
+  'search-keyword-hl': 'rgba(210,153,34,0.4)',
+  'select-menu-backdrop-border': '#484f58',
+  'select-menu-tap-focus-bg': '#0c2d6b',
+  'select-menu-tap-highlight': 'rgba(48,54,61,0.5)',
+  'severe-emphasis': '#bd561d',
+  'severe-fg': '#db6d28',
+  'severe-muted': 'rgba(219,109,40,0.4)',
+  'severe-subtle': 'rgba(219,109,40,0.15)',
+  'shadow-extra-large': '0 12px 48px #010409',
+  'shadow-large': '0 8px 24px #010409',
+  'shadow-medium': '0 3px 6px #010409',
+  'shadow-small': '0 0 transparent',
+  'sidenav-selected-bg': '#21262d',
+  'sponsors-emphasis': '#bf4b8a',
+  'sponsors-fg': '#db61a2',
+  'sponsors-muted': 'rgba(219,97,162,0.4)',
+  'sponsors-subtle': 'rgba(219,97,162,0.15)',
+  'success-emphasis': '#1d69e0',
+  'success-fg': '#42a0ff',
+  'success-muted': 'rgba(21,133,253,0.4)',
+  'success-subtle': 'rgba(21,133,253,0.15)',
+  'timeline-badge-bg': '#21262d',
+  'topic-tag-border': 'rgba(0,0,0,0)',
+  'underlinenav-border-hover': 'rgba(110,118,129,0.4)',
+  'underlinenav-icon': '#484f58',
+);
diff --git a/src/styles/lightColorblind/variables.scss b/src/styles/lightColorblind/variables.scss
new file mode 100644
index 0000000..78d79a0
--- /dev/null
+++ b/src/styles/lightColorblind/variables.scss
@@ -0,0 +1,433 @@
+$variables: (
+  'accent-emphasis': '#0969da',
+  'accent-fg': '#0969da',
+  'accent-muted': 'rgba(84,174,255,0.4)',
+  'accent-subtle': '#ddf4ff',
+  'ansi-black-bright': '#57606a',
+  'ansi-black': '#24292f',
+  'ansi-blue-bright': '#218bff',
+  'ansi-blue': '#0969da',
+  'ansi-cyan-bright': '#3192aa',
+  'ansi-cyan': '#1b7c83',
+  'ansi-gray': '#6e7781',
+  'ansi-green-bright': '#0566d5',
+  'ansi-green': '#054da9',
+  'ansi-magenta-bright': '#a475f9',
+  'ansi-magenta': '#8250df',
+  'ansi-red-bright': '#8b4600',
+  'ansi-red': '#ac5e00',
+  'ansi-white-bright': '#8c959f',
+  'ansi-white': '#6e7781',
+  'ansi-yellow-bright': '#633c01',
+  'ansi-yellow': '#4d2d00',
+  'attention-emphasis': '#bf8700',
+  'attention-fg': '#9a6700',
+  'attention-muted': 'rgba(212,167,44,0.4)',
+  'attention-subtle': '#fff8c5',
+  'avatar-bg': '#ffffff',
+  'avatar-border': 'rgba(27,31,36,0.15)',
+  'avatar-child-shadow': '-2px -2px 0 rgba(255,255,255,0.8)',
+  'avatar-stack-fade-more': '#d0d7de',
+  'avatar-stack-fade': '#afb8c1',
+  'border-default': '#d0d7de',
+  'border-muted': 'hsla(210,18%,87%,1)',
+  'border-subtle': 'rgba(27,31,36,0.15)',
+  'btn-active-bg': 'hsla(220,14%,93%,1)',
+  'btn-active-border': 'rgba(27,31,36,0.15)',
+  'btn-bg': '#f6f8fa',
+  'btn-border': 'rgba(27,31,36,0.15)',
+  'btn-counter-bg': 'rgba(27,31,36,0.08)',
+  'btn-danger-counter-bg': 'rgba(172,94,0,0.1)',
+  'btn-danger-disabled-bg': '#f6f8fa',
+  'btn-danger-disabled-counter-bg': 'rgba(172,94,0,0.05)',
+  'btn-danger-disabled-text': 'rgba(172,94,0,0.5)',
+  'btn-danger-focus-border': 'rgba(27,31,36,0.15)',
+  'btn-danger-focus-shadow': '0 0 0 3px rgba(139,70,0,0.4)',
+  'btn-danger-hover-bg': '#8b4600',
+  'btn-danger-hover-border': 'rgba(27,31,36,0.15)',
+  '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(27,31,36,0.1)',
+  'btn-danger-hover-text': '#ffffff',
+  'btn-danger-icon': '#ac5e00',
+  'btn-danger-selected-bg': 'hsla(33,100%,31%,1)',
+  'btn-danger-selected-border': 'rgba(27,31,36,0.15)',
+  'btn-danger-selected-shadow': 'inset 0 1px 0 rgba(47,41,0,0.2)',
+  'btn-danger-selected-text': '#ffffff',
+  'btn-danger-text': '#ac5e00',
+  'btn-focus-bg': '#f6f8fa',
+  'btn-focus-border': 'rgba(27,31,36,0.15)',
+  'btn-focus-shadow': '0 0 0 3px rgba(9,105,218,0.3)',
+  'btn-hover-bg': '#f3f4f6',
+  'btn-hover-border': 'rgba(27,31,36,0.15)',
+  'btn-inset-shadow': 'inset 0 1px 0 rgba(255,255,255,0.25)',
+  'btn-outline-counter-bg': 'rgba(9,105,218,0.1)',
+  'btn-outline-disabled-bg': '#f6f8fa',
+  'btn-outline-disabled-counter-bg': 'rgba(9,105,218,0.05)',
+  'btn-outline-disabled-text': 'rgba(9,105,218,0.5)',
+  'btn-outline-focus-border': 'rgba(27,31,36,0.15)',
+  'btn-outline-focus-shadow': '0 0 0 3px rgba(5,80,174,0.4)',
+  'btn-outline-hover-bg': '#0969da',
+  'btn-outline-hover-border': 'rgba(27,31,36,0.15)',
+  '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(27,31,36,0.1)',
+  'btn-outline-hover-text': '#ffffff',
+  'btn-outline-selected-bg': 'hsla(212,92%,42%,1)',
+  'btn-outline-selected-border': 'rgba(27,31,36,0.15)',
+  'btn-outline-selected-shadow': 'inset 0 1px 0 rgba(0,33,85,0.2)',
+  'btn-outline-selected-text': '#ffffff',
+  'btn-outline-text': '#0969da',
+  'btn-primary-bg': '#0088ff',
+  'btn-primary-border': 'rgba(27,31,36,0.15)',
+  'btn-primary-counter-bg': 'rgba(255,255,255,0.2)',
+  'btn-primary-disabled-bg': '#65ccff',
+  'btn-primary-disabled-border': 'rgba(27,31,36,0.15)',
+  'btn-primary-disabled-text': 'rgba(255,255,255,0.8)',
+  'btn-primary-focus-bg': '#0088ff',
+  'btn-primary-focus-border': 'rgba(27,31,36,0.15)',
+  'btn-primary-focus-shadow': '0 0 0 3px rgba(0,136,255,0.4)',
+  'btn-primary-hover-bg': '#0566d5',
+  'btn-primary-hover-border': 'rgba(27,31,36,0.15)',
+  '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(212,95%,41%,1)',
+  'btn-primary-selected-shadow': 'inset 0 1px 0 rgba(0,31,80,0.2)',
+  'btn-primary-shadow': '0 1px 0 rgba(27,31,36,0.1)',
+  'btn-primary-text': '#ffffff',
+  'btn-selected-bg': 'hsla(220,14%,94%,1)',
+  'btn-shadow-active': 'inset 0 0.15em 0.3em rgba(27,31,36,0.15)',
+  'btn-shadow-input-focus': '0 0 0 0.2em rgba(9,105,218,0.3)',
+  'btn-shadow': '0 1px 0 rgba(27,31,36,0.04)',
+  'btn-text': '#24292f',
+  'canvas-default-transparent': 'rgba(255,255,255,0)',
+  'canvas-default': '#ffffff',
+  'canvas-inset': '#f6f8fa',
+  'canvas-overlay': '#ffffff',
+  'canvas-subtle': '#f6f8fa',
+  'checks-ansi-black-bright': '#32383f',
+  'checks-ansi-black': '#24292f',
+  'checks-ansi-blue-bright': '#80ccff',
+  'checks-ansi-blue': '#54aeff',
+  'checks-ansi-cyan-bright': '#b3f0ff',
+  'checks-ansi-cyan': '#76e3ea',
+  'checks-ansi-gray': '#8c959f',
+  'checks-ansi-green-bright': '#65ccff',
+  'checks-ansi-green': '#35adff',
+  'checks-ansi-magenta-bright': '#d8b9ff',
+  'checks-ansi-magenta': '#c297ff',
+  'checks-ansi-red-bright': '#f8c200',
+  'checks-ansi-red': '#e7a100',
+  'checks-ansi-white-bright': '#d0d7de',
+  'checks-ansi-white': '#d0d7de',
+  'checks-ansi-yellow-bright': '#eac54f',
+  'checks-ansi-yellow': '#d4a72c',
+  'checks-bg': '#24292f',
+  'checks-btn-hover-bg': 'rgba(255,255,255,0.125)',
+  'checks-btn-hover-icon': '#f6f8fa',
+  'checks-btn-icon': '#afb8c1',
+  'checks-container-border-width': '0px',
+  'checks-donut-error': '#d08002',
+  'checks-donut-neutral': '#afb8c1',
+  'checks-donut-pending': '#bf8700',
+  'checks-donut-success': '#0088ff',
+  'checks-dropdown-bg': '#32383f',
+  'checks-dropdown-border': '#424a53',
+  'checks-dropdown-btn-hover-bg': '#32383f',
+  'checks-dropdown-btn-hover-text': '#f6f8fa',
+  'checks-dropdown-hover-bg': '#424a53',
+  'checks-dropdown-hover-text': '#f6f8fa',
+  'checks-dropdown-shadow': 'rgba(27,31,36,0.3)',
+  'checks-dropdown-text': '#afb8c1',
+  'checks-gate-bg': 'rgba(125,78,0,0.15)',
+  'checks-gate-text': '#d0d7de',
+  'checks-gate-waiting-text': '#afb8c1',
+  'checks-header-border': '#32383f',
+  'checks-header-icon': '#8c959f',
+  'checks-header-label-open-text': '#f6f8fa',
+  'checks-header-label-text': '#d0d7de',
+  'checks-input-bg': '#32383f',
+  'checks-input-focus-text': '#8c959f',
+  'checks-input-placeholder-text': '#8c959f',
+  'checks-input-shadow': 'none',
+  'checks-input-text': '#eaeef2',
+  'checks-line-dt-fm-bg': '#9a6700',
+  'checks-line-dt-fm-text': '#24292f',
+  'checks-line-hover-bg': '#32383f',
+  'checks-line-num-text': 'rgba(140,149,159,0.75)',
+  'checks-line-selected-bg': 'rgba(33,139,255,0.15)',
+  'checks-line-selected-num-text': '#54aeff',
+  'checks-line-text': '#d0d7de',
+  'checks-line-timestamp-text': '#8c959f',
+  'checks-logline-command-text': '#54aeff',
+  'checks-logline-debug-text': '#c297ff',
+  'checks-logline-error-bg': 'rgba(139,70,0,0.15)',
+  'checks-logline-error-num-text': '#e7a100',
+  'checks-logline-error-text': '#d0d7de',
+  'checks-logline-num-text': 'rgba(140,149,159,0.75)',
+  'checks-logline-section-text': '#35adff',
+  'checks-logline-text': '#8c959f',
+  'checks-logline-warning-bg': 'rgba(125,78,0,0.15)',
+  'checks-logline-warning-num-text': '#d4a72c',
+  'checks-logline-warning-text': '#d0d7de',
+  'checks-run-border-width': '0px',
+  'checks-scrollbar-thumb-bg': '#57606a',
+  'checks-step-error-text': '#e7a100',
+  'checks-step-header-open-bg': '#32383f',
+  'checks-step-warning-text': '#d4a72c',
+  'checks-text-link': '#54aeff',
+  'checks-text-primary': '#f6f8fa',
+  'checks-text-secondary': '#8c959f',
+  'codemirror-activeline-bg': 'rgba(234,238,242,0.5)',
+  'codemirror-bg': '#ffffff',
+  'codemirror-cursor': '#24292f',
+  'codemirror-guttermarker-subtle-text': '#6e7781',
+  'codemirror-guttermarker-text': '#ffffff',
+  'codemirror-gutters-bg': '#ffffff',
+  'codemirror-linenumber-text': '#57606a',
+  'codemirror-lines-bg': '#ffffff',
+  'codemirror-matchingbracket-text': '#24292f',
+  'codemirror-selection-bg': 'rgba(84,174,255,0.4)',
+  'codemirror-syntax-comment': '#24292f',
+  'codemirror-syntax-constant': '#0550ae',
+  'codemirror-syntax-entity': '#8250df',
+  'codemirror-syntax-keyword': '#ac5e00',
+  'codemirror-syntax-storage': '#ac5e00',
+  'codemirror-syntax-string': '#0a3069',
+  'codemirror-syntax-support': '#0550ae',
+  'codemirror-syntax-variable': '#953800',
+  'codemirror-text': '#24292f',
+  'danger-emphasis': '#ac5e00',
+  'danger-fg': '#ac5e00',
+  'danger-muted': 'rgba(231,161,0,0.4)',
+  'danger-subtle': '#fefe48',
+  'diff-blob-addition-fg': '#24292f',
+  'diff-blob-addition-line-bg': 'rgba(192,246,255,0.5)',
+  'diff-blob-addition-num-bg': 'rgba(53,173,255,0.4)',
+  'diff-blob-addition-num-text': '#24292f',
+  'diff-blob-addition-word-bg': 'rgba(53,173,255,0.4)',
+  'diff-blob-deletion-fg': '#24292f',
+  'diff-blob-deletion-line-bg': 'rgba(254,254,72,0.5)',
+  'diff-blob-deletion-num-bg': 'rgba(231,161,0,0.4)',
+  'diff-blob-deletion-num-text': '#24292f',
+  'diff-blob-deletion-word-bg': 'rgba(248,194,0,0.5)',
+  'diff-blob-expander-icon': '#57606a',
+  'diff-blob-hunk-num-bg': 'rgba(84,174,255,0.4)',
+  'diff-blob-selected-line-highlight-mix-blend-mode': 'multiply',
+  'diffstat-addition-bg': '#0088ff',
+  'diffstat-addition-border': 'rgba(27,31,36,0.15)',
+  'diffstat-deletion-border': 'rgba(27,31,36,0.15)',
+  'done-emphasis': '#8250df',
+  'done-fg': '#8250df',
+  'done-muted': 'rgba(194,151,255,0.4)',
+  'done-subtle': '#fbefff',
+  'fg-default': '#24292f',
+  'fg-muted': '#57606a',
+  'fg-on-emphasis': '#ffffff',
+  'fg-subtle': '#6e7781',
+  'header-bg': '#24292f',
+  'header-logo': '#ffffff',
+  'header-search-bg': '#24292f',
+  'header-search-border': '#57606a',
+  'header-text': 'rgba(255,255,255,0.7)',
+  'input-disabled-bg': 'rgba(175,184,193,0.2)',
+  '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)',
+  '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)',
+  'prettylights-syntax-brackethighlighter-angle': '#57606a',
+  'prettylights-syntax-brackethighlighter-unmatched': '#6c3900',
+  'prettylights-syntax-carriage-return-bg': '#ac5e00',
+  'prettylights-syntax-carriage-return-text': '#f6f8fa',
+  'prettylights-syntax-comment': '#6e7781',
+  'prettylights-syntax-constant-other-reference-link': '#0a3069',
+  'prettylights-syntax-constant': '#0550ae',
+  'prettylights-syntax-entity-tag': '#054da9',
+  'prettylights-syntax-entity': '#8250df',
+  'prettylights-syntax-invalid-illegal-bg': '#6c3900',
+  'prettylights-syntax-invalid-illegal-text': '#f6f8fa',
+  'prettylights-syntax-keyword': '#ac5e00',
+  'prettylights-syntax-markup-bold': '#24292f',
+  'prettylights-syntax-markup-changed-bg': '#ffd8b5',
+  'prettylights-syntax-markup-changed-text': '#953800',
+  'prettylights-syntax-markup-deleted-bg': '#fefe48',
+  'prettylights-syntax-markup-deleted-text': '#6c3900',
+  'prettylights-syntax-markup-heading': '#0550ae',
+  'prettylights-syntax-markup-ignored-bg': '#0550ae',
+  'prettylights-syntax-markup-ignored-text': '#eaeef2',
+  'prettylights-syntax-markup-inserted-bg': '#c0f6ff',
+  'prettylights-syntax-markup-inserted-text': '#054da9',
+  'prettylights-syntax-markup-italic': '#24292f',
+  'prettylights-syntax-markup-list': '#3b2300',
+  'prettylights-syntax-meta-diff-range': '#8250df',
+  'prettylights-syntax-storage-modifier-import': '#24292f',
+  'prettylights-syntax-string-regexp': '#054da9',
+  'prettylights-syntax-string': '#0a3069',
+  'prettylights-syntax-sublimelinter-gutter-mark': '#8c959f',
+  'prettylights-syntax-variable': '#953800',
+  'primer-border-active': '#FD8C73',
+  'primer-border-contrast': 'rgba(27,31,36,0.1)',
+  'primer-canvas-backdrop': 'rgba(27,31,36,0.5)',
+  'primer-canvas-sticky': 'rgba(255,255,255,0.95)',
+  'primer-fg-disabled': '#8c959f',
+  'primer-shadow-focus': '0 0 0 3px rgba(9,105,218,0.3)',
+  'primer-shadow-highlight': 'inset 0 1px 0 rgba(255,255,255,0.25)',
+  'primer-shadow-inset': 'inset 0 1px 0 rgba(208,215,222,0.2)',
+  'project-gradient-in': '#ffffff',
+  'project-gradient-out': 'rgba(255,255,255,0)',
+  'project-header-bg': '#24292f',
+  'project-sidebar-bg': '#ffffff',
+  'scale-black': '#1b1f24',
+  'scale-blue-0': '#ddf4ff',
+  'scale-blue-1': '#b6e3ff',
+  'scale-blue-2': '#80ccff',
+  'scale-blue-3': '#54aeff',
+  'scale-blue-4': '#218bff',
+  'scale-blue-5': '#0969da',
+  'scale-blue-6': '#0550ae',
+  'scale-blue-7': '#033d8b',
+  'scale-blue-8': '#0a3069',
+  'scale-blue-9': '#002155',
+  'scale-coral-0': '#FFF0EB',
+  'scale-coral-1': '#FFD6CC',
+  'scale-coral-2': '#FFB4A1',
+  'scale-coral-3': '#FD8C73',
+  'scale-coral-4': '#EC6547',
+  'scale-coral-5': '#C4432B',
+  'scale-coral-6': '#9E2F1C',
+  'scale-coral-7': '#801F0F',
+  'scale-coral-8': '#691105',
+  'scale-coral-9': '#510901',
+  'scale-gray-0': '#f6f8fa',
+  'scale-gray-1': '#eaeef2',
+  'scale-gray-2': '#d0d7de',
+  'scale-gray-3': '#afb8c1',
+  'scale-gray-4': '#8c959f',
+  'scale-gray-5': '#6e7781',
+  'scale-gray-6': '#57606a',
+  'scale-gray-7': '#424a53',
+  'scale-gray-8': '#32383f',
+  'scale-gray-9': '#24292f',
+  'scale-green-0': '#c0f6ff',
+  'scale-green-1': '#96e5ff',
+  'scale-green-2': '#65ccff',
+  'scale-green-3': '#35adff',
+  'scale-green-4': '#0088ff',
+  'scale-green-5': '#0566d5',
+  'scale-green-6': '#054da9',
+  'scale-green-7': '#033a86',
+  'scale-green-8': '#002d68',
+  'scale-green-9': '#001f50',
+  'scale-orange-0': '#fff1e5',
+  'scale-orange-1': '#ffd8b5',
+  'scale-orange-2': '#ffb77c',
+  'scale-orange-3': '#fb8f44',
+  'scale-orange-4': '#e16f24',
+  'scale-orange-5': '#bc4c00',
+  'scale-orange-6': '#953800',
+  'scale-orange-7': '#762c00',
+  'scale-orange-8': '#5c2200',
+  'scale-orange-9': '#471700',
+  'scale-pink-0': '#ffeff7',
+  'scale-pink-1': '#ffd3eb',
+  'scale-pink-2': '#ffadda',
+  'scale-pink-3': '#ff80c8',
+  'scale-pink-4': '#e85aad',
+  'scale-pink-5': '#bf3989',
+  'scale-pink-6': '#99286e',
+  'scale-pink-7': '#772057',
+  'scale-pink-8': '#611347',
+  'scale-pink-9': '#4d0336',
+  'scale-purple-0': '#fbefff',
+  'scale-purple-1': '#ecd8ff',
+  'scale-purple-2': '#d8b9ff',
+  'scale-purple-3': '#c297ff',
+  'scale-purple-4': '#a475f9',
+  'scale-purple-5': '#8250df',
+  'scale-purple-6': '#6639ba',
+  'scale-purple-7': '#512a97',
+  'scale-purple-8': '#3e1f79',
+  'scale-purple-9': '#2e1461',
+  'scale-red-0': '#fefe48',
+  'scale-red-1': '#fee325',
+  'scale-red-2': '#f8c200',
+  'scale-red-3': '#e7a100',
+  'scale-red-4': '#d08002',
+  'scale-red-5': '#ac5e00',
+  'scale-red-6': '#8b4600',
+  'scale-red-7': '#6c3900',
+  'scale-red-8': '#4c3100',
+  'scale-red-9': '#2f2900',
+  'scale-white': '#ffffff',
+  'scale-yellow-0': '#fff8c5',
+  'scale-yellow-1': '#fae17d',
+  'scale-yellow-2': '#eac54f',
+  'scale-yellow-3': '#d4a72c',
+  'scale-yellow-4': '#bf8700',
+  'scale-yellow-5': '#9a6700',
+  'scale-yellow-6': '#7d4e00',
+  'scale-yellow-7': '#633c01',
+  'scale-yellow-8': '#4d2d00',
+  'scale-yellow-9': '#3b2300',
+  'search-keyword-hl': '#fff8c5',
+  'select-menu-backdrop-border': 'rgba(0,0,0,0)',
+  'select-menu-tap-focus-bg': '#b6e3ff',
+  'select-menu-tap-highlight': 'rgba(175,184,193,0.5)',
+  'severe-emphasis': '#bc4c00',
+  'severe-fg': '#bc4c00',
+  'severe-muted': 'rgba(251,143,68,0.4)',
+  'severe-subtle': '#fff1e5',
+  'shadow-extra-large': '0 12px 28px rgba(140,149,159,0.3)',
+  'shadow-large': '0 8px 24px rgba(140,149,159,0.2)',
+  'shadow-medium': '0 3px 6px rgba(140,149,159,0.15)',
+  'shadow-small': '0 1px 0 rgba(27,31,36,0.04)',
+  'sidenav-selected-bg': '#ffffff',
+  'sponsors-emphasis': '#bf3989',
+  'sponsors-fg': '#bf3989',
+  'sponsors-muted': 'rgba(255,128,200,0.4)',
+  'sponsors-subtle': '#ffeff7',
+  'success-emphasis': '#0088ff',
+  'success-fg': '#0566d5',
+  'success-muted': 'rgba(53,173,255,0.4)',
+  'success-subtle': '#c0f6ff',
+  'timeline-badge-bg': '#eaeef2',
+  'topic-tag-border': 'rgba(0,0,0,0)',
+  'underlinenav-border-hover': 'rgba(175,184,193,0.2)',
+  'underlinenav-icon': '#6e7781',
+);
diff --git a/src/styles/themes.scss b/src/styles/themes.scss
index d306427..efa5696 100644
--- a/src/styles/themes.scss
+++ b/src/styles/themes.scss
@@ -2,6 +2,8 @@
 @use './dark/variables.scss' as dark;
 @use './darkDimmed/variables.scss' as darkDimmed;
 @use './darkHighContrast/variables.scss' as darkHighContrast;
+@use './darkColorblind/variables.scss' as darkColorblind;
+@use './lightColorblind/variables.scss' as lightColorblind;
 
 @mixin setVariables($variables) {
   @each $name, $value in $variables {
@@ -42,6 +44,16 @@
   &[data-color-mode='dark'][data-dark-theme='dark_high_contrast'] {
     @include setVariables(darkHighContrast.$variables);
   }
+
+  &[data-color-mode='light'][data-light-theme='dark_colorblind'],
+  &[data-color-mode='dark'][data-dark-theme='dark_colorblind'] {
+    @include setVariables(darkColorblind.$variables);
+  }
+
+  &[data-color-mode='light'][data-light-theme='light_colorblind'],
+  &[data-color-mode='dark'][data-dark-theme='light_colorblind'] {
+    @include setVariables(lightColorblind.$variables);
+  }
 }
 
 @media (prefers-color-scheme: light) {
@@ -61,6 +73,14 @@
     &[data-light-theme='dark_high_contrast'] {
       @include setVariables(darkHighContrast.$variables);
     }
+
+    &[data-light-theme='dark_colorblind'] {
+      @include setVariables(darkColorblind.$variables);
+    }
+
+    &[data-light-theme='light_colorblind'] {
+      @include setVariables(lightColorblind.$variables);
+    }
   }
 }
 
@@ -81,5 +101,13 @@
     &[data-dark-theme='dark_high_contrast'] {
       @include setVariables(darkHighContrast.$variables);
     }
+
+    &[data-dark-theme='dark_colorblind'] {
+      @include setVariables(darkColorblind.$variables);
+    }
+
+    &[data-dark-theme='light_colorblind'] {
+      @include setVariables(lightColorblind.$variables);
+    }
   }
 }