diff --git a/src/styles/dark/export.scss b/src/styles/dark/export.scss
deleted file mode 100644
index f143168..0000000
--- a/src/styles/dark/export.scss
+++ /dev/null
@@ -1,579 +0,0 @@
-@use './variables.scss' as variables;
-
-@mixin assign {
-  --gitako-auto-black: #{variables.$auto-black};
-  --gitako-auto-white: #{variables.$auto-white};
-  --gitako-auto-gray-0: #{variables.$auto-gray-0};
-  --gitako-auto-gray-1: #{variables.$auto-gray-1};
-  --gitako-auto-gray-2: #{variables.$auto-gray-2};
-  --gitako-auto-gray-3: #{variables.$auto-gray-3};
-  --gitako-auto-gray-4: #{variables.$auto-gray-4};
-  --gitako-auto-gray-5: #{variables.$auto-gray-5};
-  --gitako-auto-gray-6: #{variables.$auto-gray-6};
-  --gitako-auto-gray-7: #{variables.$auto-gray-7};
-  --gitako-auto-gray-8: #{variables.$auto-gray-8};
-  --gitako-auto-gray-9: #{variables.$auto-gray-9};
-  --gitako-auto-blue-0: #{variables.$auto-blue-0};
-  --gitako-auto-blue-1: #{variables.$auto-blue-1};
-  --gitako-auto-blue-2: #{variables.$auto-blue-2};
-  --gitako-auto-blue-3: #{variables.$auto-blue-3};
-  --gitako-auto-blue-4: #{variables.$auto-blue-4};
-  --gitako-auto-blue-5: #{variables.$auto-blue-5};
-  --gitako-auto-blue-6: #{variables.$auto-blue-6};
-  --gitako-auto-blue-7: #{variables.$auto-blue-7};
-  --gitako-auto-blue-8: #{variables.$auto-blue-8};
-  --gitako-auto-blue-9: #{variables.$auto-blue-9};
-  --gitako-auto-green-0: #{variables.$auto-green-0};
-  --gitako-auto-green-1: #{variables.$auto-green-1};
-  --gitako-auto-green-2: #{variables.$auto-green-2};
-  --gitako-auto-green-3: #{variables.$auto-green-3};
-  --gitako-auto-green-4: #{variables.$auto-green-4};
-  --gitako-auto-green-5: #{variables.$auto-green-5};
-  --gitako-auto-green-6: #{variables.$auto-green-6};
-  --gitako-auto-green-7: #{variables.$auto-green-7};
-  --gitako-auto-green-8: #{variables.$auto-green-8};
-  --gitako-auto-green-9: #{variables.$auto-green-9};
-  --gitako-auto-yellow-0: #{variables.$auto-yellow-0};
-  --gitako-auto-yellow-1: #{variables.$auto-yellow-1};
-  --gitako-auto-yellow-2: #{variables.$auto-yellow-2};
-  --gitako-auto-yellow-3: #{variables.$auto-yellow-3};
-  --gitako-auto-yellow-4: #{variables.$auto-yellow-4};
-  --gitako-auto-yellow-5: #{variables.$auto-yellow-5};
-  --gitako-auto-yellow-6: #{variables.$auto-yellow-6};
-  --gitako-auto-yellow-7: #{variables.$auto-yellow-7};
-  --gitako-auto-yellow-8: #{variables.$auto-yellow-8};
-  --gitako-auto-yellow-9: #{variables.$auto-yellow-9};
-  --gitako-auto-orange-0: #{variables.$auto-orange-0};
-  --gitako-auto-orange-1: #{variables.$auto-orange-1};
-  --gitako-auto-orange-2: #{variables.$auto-orange-2};
-  --gitako-auto-orange-3: #{variables.$auto-orange-3};
-  --gitako-auto-orange-4: #{variables.$auto-orange-4};
-  --gitako-auto-orange-5: #{variables.$auto-orange-5};
-  --gitako-auto-orange-6: #{variables.$auto-orange-6};
-  --gitako-auto-orange-7: #{variables.$auto-orange-7};
-  --gitako-auto-orange-8: #{variables.$auto-orange-8};
-  --gitako-auto-orange-9: #{variables.$auto-orange-9};
-  --gitako-auto-red-0: #{variables.$auto-red-0};
-  --gitako-auto-red-1: #{variables.$auto-red-1};
-  --gitako-auto-red-2: #{variables.$auto-red-2};
-  --gitako-auto-red-3: #{variables.$auto-red-3};
-  --gitako-auto-red-4: #{variables.$auto-red-4};
-  --gitako-auto-red-5: #{variables.$auto-red-5};
-  --gitako-auto-red-6: #{variables.$auto-red-6};
-  --gitako-auto-red-7: #{variables.$auto-red-7};
-  --gitako-auto-red-8: #{variables.$auto-red-8};
-  --gitako-auto-red-9: #{variables.$auto-red-9};
-  --gitako-auto-purple-0: #{variables.$auto-purple-0};
-  --gitako-auto-purple-1: #{variables.$auto-purple-1};
-  --gitako-auto-purple-2: #{variables.$auto-purple-2};
-  --gitako-auto-purple-3: #{variables.$auto-purple-3};
-  --gitako-auto-purple-4: #{variables.$auto-purple-4};
-  --gitako-auto-purple-5: #{variables.$auto-purple-5};
-  --gitako-auto-purple-6: #{variables.$auto-purple-6};
-  --gitako-auto-purple-7: #{variables.$auto-purple-7};
-  --gitako-auto-purple-8: #{variables.$auto-purple-8};
-  --gitako-auto-purple-9: #{variables.$auto-purple-9};
-  --gitako-auto-pink-0: #{variables.$auto-pink-0};
-  --gitako-auto-pink-1: #{variables.$auto-pink-1};
-  --gitako-auto-pink-2: #{variables.$auto-pink-2};
-  --gitako-auto-pink-3: #{variables.$auto-pink-3};
-  --gitako-auto-pink-4: #{variables.$auto-pink-4};
-  --gitako-auto-pink-5: #{variables.$auto-pink-5};
-  --gitako-auto-pink-6: #{variables.$auto-pink-6};
-  --gitako-auto-pink-7: #{variables.$auto-pink-7};
-  --gitako-auto-pink-8: #{variables.$auto-pink-8};
-  --gitako-auto-pink-9: #{variables.$auto-pink-9};
-  --gitako-text-primary: #{variables.$text-primary};
-  --gitako-text-secondary: #{variables.$text-secondary};
-  --gitako-text-tertiary: #{variables.$text-tertiary};
-  --gitako-text-placeholder: #{variables.$text-placeholder};
-  --gitako-text-disabled: #{variables.$text-disabled};
-  --gitako-text-inverse: #{variables.$text-inverse};
-  --gitako-text-link: #{variables.$text-link};
-  --gitako-text-danger: #{variables.$text-danger};
-  --gitako-text-success: #{variables.$text-success};
-  --gitako-text-warning: #{variables.$text-warning};
-  --gitako-text-white: #{variables.$text-white};
-  --gitako-icon-primary: #{variables.$icon-primary};
-  --gitako-icon-secondary: #{variables.$icon-secondary};
-  --gitako-icon-tertiary: #{variables.$icon-tertiary};
-  --gitako-icon-info: #{variables.$icon-info};
-  --gitako-icon-danger: #{variables.$icon-danger};
-  --gitako-icon-success: #{variables.$icon-success};
-  --gitako-icon-warning: #{variables.$icon-warning};
-  --gitako-border-primary: #{variables.$border-primary};
-  --gitako-border-secondary: #{variables.$border-secondary};
-  --gitako-border-tertiary: #{variables.$border-tertiary};
-  --gitako-border-overlay: #{variables.$border-overlay};
-  --gitako-border-inverse: #{variables.$border-inverse};
-  --gitako-border-info: #{variables.$border-info};
-  --gitako-border-danger: #{variables.$border-danger};
-  --gitako-border-success: #{variables.$border-success};
-  --gitako-border-warning: #{variables.$border-warning};
-  --gitako-bg-canvas: #{variables.$bg-canvas};
-  --gitako-bg-canvas-mobile: #{variables.$bg-canvas-mobile};
-  --gitako-bg-canvas-inverse: #{variables.$bg-canvas-inverse};
-  --gitako-bg-canvas-inset: #{variables.$bg-canvas-inset};
-  --gitako-bg-primary: #{variables.$bg-primary};
-  --gitako-bg-secondary: #{variables.$bg-secondary};
-  --gitako-bg-tertiary: #{variables.$bg-tertiary};
-  --gitako-bg-overlay: #{variables.$bg-overlay};
-  --gitako-bg-backdrop: #{variables.$bg-backdrop};
-  --gitako-bg-info: #{variables.$bg-info};
-  --gitako-bg-info-inverse: #{variables.$bg-info-inverse};
-  --gitako-bg-danger: #{variables.$bg-danger};
-  --gitako-bg-danger-inverse: #{variables.$bg-danger-inverse};
-  --gitako-bg-success: #{variables.$bg-success};
-  --gitako-bg-success-inverse: #{variables.$bg-success-inverse};
-  --gitako-bg-warning: #{variables.$bg-warning};
-  --gitako-bg-warning-inverse: #{variables.$bg-warning-inverse};
-  --gitako-shadow-small: #{variables.$shadow-small};
-  --gitako-shadow-medium: #{variables.$shadow-medium};
-  --gitako-shadow-large: #{variables.$shadow-large};
-  --gitako-shadow-extra-large: #{variables.$shadow-extra-large};
-  --gitako-shadow-highlight: #{variables.$shadow-highlight};
-  --gitako-shadow-inset: #{variables.$shadow-inset};
-  --gitako-state-hover-primary-bg: #{variables.$state-hover-primary-bg};
-  --gitako-state-hover-primary-border: #{variables.$state-hover-primary-border};
-  --gitako-state-hover-primary-text: #{variables.$state-hover-primary-text};
-  --gitako-state-hover-primary-icon: #{variables.$state-hover-primary-icon};
-  --gitako-state-hover-secondary-bg: #{variables.$state-hover-secondary-bg};
-  --gitako-state-hover-secondary-border: #{variables.$state-hover-secondary-border};
-  --gitako-state-selected-primary-bg: #{variables.$state-selected-primary-bg};
-  --gitako-state-selected-primary-border: #{variables.$state-selected-primary-border};
-  --gitako-state-selected-primary-text: #{variables.$state-selected-primary-text};
-  --gitako-state-selected-primary-icon: #{variables.$state-selected-primary-icon};
-  --gitako-state-focus-border: #{variables.$state-focus-border};
-  --gitako-state-focus-shadow: #{variables.$state-focus-shadow};
-  --gitako-fade-fg-10: #{variables.$fade-fg-10};
-  --gitako-fade-fg-15: #{variables.$fade-fg-15};
-  --gitako-fade-fg-30: #{variables.$fade-fg-30};
-  --gitako-fade-fg-50: #{variables.$fade-fg-50};
-  --gitako-fade-fg-70: #{variables.$fade-fg-70};
-  --gitako-fade-fg-85: #{variables.$fade-fg-85};
-  --gitako-fade-black-10: #{variables.$fade-black-10};
-  --gitako-fade-black-15: #{variables.$fade-black-15};
-  --gitako-fade-black-30: #{variables.$fade-black-30};
-  --gitako-fade-black-50: #{variables.$fade-black-50};
-  --gitako-fade-black-70: #{variables.$fade-black-70};
-  --gitako-fade-black-85: #{variables.$fade-black-85};
-  --gitako-fade-white-10: #{variables.$fade-white-10};
-  --gitako-fade-white-15: #{variables.$fade-white-15};
-  --gitako-fade-white-30: #{variables.$fade-white-30};
-  --gitako-fade-white-50: #{variables.$fade-white-50};
-  --gitako-fade-white-70: #{variables.$fade-white-70};
-  --gitako-fade-white-85: #{variables.$fade-white-85};
-  --gitako-alert-info-text: #{variables.$alert-info-text};
-  --gitako-alert-info-icon: #{variables.$alert-info-icon};
-  --gitako-alert-info-bg: #{variables.$alert-info-bg};
-  --gitako-alert-info-border: #{variables.$alert-info-border};
-  --gitako-alert-warn-text: #{variables.$alert-warn-text};
-  --gitako-alert-warn-icon: #{variables.$alert-warn-icon};
-  --gitako-alert-warn-bg: #{variables.$alert-warn-bg};
-  --gitako-alert-warn-border: #{variables.$alert-warn-border};
-  --gitako-alert-error-text: #{variables.$alert-error-text};
-  --gitako-alert-error-icon: #{variables.$alert-error-icon};
-  --gitako-alert-error-bg: #{variables.$alert-error-bg};
-  --gitako-alert-error-border: #{variables.$alert-error-border};
-  --gitako-alert-success-text: #{variables.$alert-success-text};
-  --gitako-alert-success-icon: #{variables.$alert-success-icon};
-  --gitako-alert-success-bg: #{variables.$alert-success-bg};
-  --gitako-alert-success-border: #{variables.$alert-success-border};
-  --gitako-autocomplete-shadow: #{variables.$autocomplete-shadow};
-  --gitako-autocomplete-row-border: #{variables.$autocomplete-row-border};
-  --gitako-blankslate-icon: #{variables.$blankslate-icon};
-  --gitako-btn-text: #{variables.$btn-text};
-  --gitako-btn-bg: #{variables.$btn-bg};
-  --gitako-btn-border: #{variables.$btn-border};
-  --gitako-btn-shadow: #{variables.$btn-shadow};
-  --gitako-btn-inset-shadow: #{variables.$btn-inset-shadow};
-  --gitako-btn-hover-bg: #{variables.$btn-hover-bg};
-  --gitako-btn-hover-border: #{variables.$btn-hover-border};
-  --gitako-btn-selected-bg: #{variables.$btn-selected-bg};
-  --gitako-btn-focus-bg: #{variables.$btn-focus-bg};
-  --gitako-btn-focus-border: #{variables.$btn-focus-border};
-  --gitako-btn-focus-shadow: #{variables.$btn-focus-shadow};
-  --gitako-btn-shadow-active: #{variables.$btn-shadow-active};
-  --gitako-btn-shadow-input-focus: #{variables.$btn-shadow-input-focus};
-  --gitako-btn-primary-text: #{variables.$btn-primary-text};
-  --gitako-btn-primary-bg: #{variables.$btn-primary-bg};
-  --gitako-btn-primary-border: #{variables.$btn-primary-border};
-  --gitako-btn-primary-shadow: #{variables.$btn-primary-shadow};
-  --gitako-btn-primary-inset-shadow: #{variables.$btn-primary-inset-shadow};
-  --gitako-btn-primary-hover-bg: #{variables.$btn-primary-hover-bg};
-  --gitako-btn-primary-hover-border: #{variables.$btn-primary-hover-border};
-  --gitako-btn-primary-selected-bg: #{variables.$btn-primary-selected-bg};
-  --gitako-btn-primary-selected-shadow: #{variables.$btn-primary-selected-shadow};
-  --gitako-btn-primary-disabled-text: #{variables.$btn-primary-disabled-text};
-  --gitako-btn-primary-disabled-bg: #{variables.$btn-primary-disabled-bg};
-  --gitako-btn-primary-disabled-border: #{variables.$btn-primary-disabled-border};
-  --gitako-btn-primary-focus-bg: #{variables.$btn-primary-focus-bg};
-  --gitako-btn-primary-focus-border: #{variables.$btn-primary-focus-border};
-  --gitako-btn-primary-focus-shadow: #{variables.$btn-primary-focus-shadow};
-  --gitako-btn-primary-icon: #{variables.$btn-primary-icon};
-  --gitako-btn-primary-counter-bg: #{variables.$btn-primary-counter-bg};
-  --gitako-btn-outline-text: #{variables.$btn-outline-text};
-  --gitako-btn-outline-hover-text: #{variables.$btn-outline-hover-text};
-  --gitako-btn-outline-hover-bg: #{variables.$btn-outline-hover-bg};
-  --gitako-btn-outline-hover-border: #{variables.$btn-outline-hover-border};
-  --gitako-btn-outline-hover-shadow: #{variables.$btn-outline-hover-shadow};
-  --gitako-btn-outline-hover-inset-shadow: #{variables.$btn-outline-hover-inset-shadow};
-  --gitako-btn-outline-hover-counter-bg: #{variables.$btn-outline-hover-counter-bg};
-  --gitako-btn-outline-selected-text: #{variables.$btn-outline-selected-text};
-  --gitako-btn-outline-selected-bg: #{variables.$btn-outline-selected-bg};
-  --gitako-btn-outline-selected-border: #{variables.$btn-outline-selected-border};
-  --gitako-btn-outline-selected-shadow: #{variables.$btn-outline-selected-shadow};
-  --gitako-btn-outline-disabled-text: #{variables.$btn-outline-disabled-text};
-  --gitako-btn-outline-disabled-bg: #{variables.$btn-outline-disabled-bg};
-  --gitako-btn-outline-disabled-counter-bg: #{variables.$btn-outline-disabled-counter-bg};
-  --gitako-btn-outline-focus-border: #{variables.$btn-outline-focus-border};
-  --gitako-btn-outline-focus-shadow: #{variables.$btn-outline-focus-shadow};
-  --gitako-btn-outline-counter-bg: #{variables.$btn-outline-counter-bg};
-  --gitako-btn-danger-text: #{variables.$btn-danger-text};
-  --gitako-btn-danger-hover-text: #{variables.$btn-danger-hover-text};
-  --gitako-btn-danger-hover-bg: #{variables.$btn-danger-hover-bg};
-  --gitako-btn-danger-hover-border: #{variables.$btn-danger-hover-border};
-  --gitako-btn-danger-hover-shadow: #{variables.$btn-danger-hover-shadow};
-  --gitako-btn-danger-hover-inset-shadow: #{variables.$btn-danger-hover-inset-shadow};
-  --gitako-btn-danger-hover-counter-bg: #{variables.$btn-danger-hover-counter-bg};
-  --gitako-btn-danger-selected-text: #{variables.$btn-danger-selected-text};
-  --gitako-btn-danger-selected-bg: #{variables.$btn-danger-selected-bg};
-  --gitako-btn-danger-selected-border: #{variables.$btn-danger-selected-border};
-  --gitako-btn-danger-selected-shadow: #{variables.$btn-danger-selected-shadow};
-  --gitako-btn-danger-disabled-text: #{variables.$btn-danger-disabled-text};
-  --gitako-btn-danger-disabled-bg: #{variables.$btn-danger-disabled-bg};
-  --gitako-btn-danger-disabled-counter-bg: #{variables.$btn-danger-disabled-counter-bg};
-  --gitako-btn-danger-focus-border: #{variables.$btn-danger-focus-border};
-  --gitako-btn-danger-focus-shadow: #{variables.$btn-danger-focus-shadow};
-  --gitako-btn-danger-counter-bg: #{variables.$btn-danger-counter-bg};
-  --gitako-btn-counter-bg: #{variables.$btn-counter-bg};
-  --gitako-counter-text: #{variables.$counter-text};
-  --gitako-counter-bg: #{variables.$counter-bg};
-  --gitako-counter-primary-text: #{variables.$counter-primary-text};
-  --gitako-counter-primary-bg: #{variables.$counter-primary-bg};
-  --gitako-counter-secondary-text: #{variables.$counter-secondary-text};
-  --gitako-dropdown-shadow: #{variables.$dropdown-shadow};
-  --gitako-label-border: #{variables.$label-border};
-  --gitako-label-primary-text: #{variables.$label-primary-text};
-  --gitako-label-primary-border: #{variables.$label-primary-border};
-  --gitako-label-secondary-text: #{variables.$label-secondary-text};
-  --gitako-label-secondary-border: #{variables.$label-secondary-border};
-  --gitako-label-info-text: #{variables.$label-info-text};
-  --gitako-label-info-border: #{variables.$label-info-border};
-  --gitako-label-success-text: #{variables.$label-success-text};
-  --gitako-label-success-border: #{variables.$label-success-border};
-  --gitako-label-warning-text: #{variables.$label-warning-text};
-  --gitako-label-warning-border: #{variables.$label-warning-border};
-  --gitako-label-danger-text: #{variables.$label-danger-text};
-  --gitako-label-danger-border: #{variables.$label-danger-border};
-  --gitako-label-orange-text: #{variables.$label-orange-text};
-  --gitako-label-orange-border: #{variables.$label-orange-border};
-  --gitako-input-bg: #{variables.$input-bg};
-  --gitako-input-contrast-bg: #{variables.$input-contrast-bg};
-  --gitako-input-border: #{variables.$input-border};
-  --gitako-input-shadow: #{variables.$input-shadow};
-  --gitako-input-disabled-bg: #{variables.$input-disabled-bg};
-  --gitako-input-disabled-border: #{variables.$input-disabled-border};
-  --gitako-input-warning-border: #{variables.$input-warning-border};
-  --gitako-input-error-border: #{variables.$input-error-border};
-  --gitako-input-tooltip-success-text: #{variables.$input-tooltip-success-text};
-  --gitako-input-tooltip-success-bg: #{variables.$input-tooltip-success-bg};
-  --gitako-input-tooltip-success-border: #{variables.$input-tooltip-success-border};
-  --gitako-input-tooltip-warning-text: #{variables.$input-tooltip-warning-text};
-  --gitako-input-tooltip-warning-bg: #{variables.$input-tooltip-warning-bg};
-  --gitako-input-tooltip-warning-border: #{variables.$input-tooltip-warning-border};
-  --gitako-input-tooltip-error-text: #{variables.$input-tooltip-error-text};
-  --gitako-input-tooltip-error-bg: #{variables.$input-tooltip-error-bg};
-  --gitako-input-tooltip-error-border: #{variables.$input-tooltip-error-border};
-  --gitako-avatar-bg: #{variables.$avatar-bg};
-  --gitako-avatar-border: #{variables.$avatar-border};
-  --gitako-avatar-stack-fade: #{variables.$avatar-stack-fade};
-  --gitako-avatar-stack-fade-more: #{variables.$avatar-stack-fade-more};
-  --gitako-avatar-child-shadow: #{variables.$avatar-child-shadow};
-  --gitako-toast-text: #{variables.$toast-text};
-  --gitako-toast-bg: #{variables.$toast-bg};
-  --gitako-toast-border: #{variables.$toast-border};
-  --gitako-toast-shadow: #{variables.$toast-shadow};
-  --gitako-toast-icon: #{variables.$toast-icon};
-  --gitako-toast-icon-bg: #{variables.$toast-icon-bg};
-  --gitako-toast-icon-border: #{variables.$toast-icon-border};
-  --gitako-toast-success-text: #{variables.$toast-success-text};
-  --gitako-toast-success-border: #{variables.$toast-success-border};
-  --gitako-toast-success-icon: #{variables.$toast-success-icon};
-  --gitako-toast-success-icon-bg: #{variables.$toast-success-icon-bg};
-  --gitako-toast-success-icon-border: #{variables.$toast-success-icon-border};
-  --gitako-toast-warning-text: #{variables.$toast-warning-text};
-  --gitako-toast-warning-border: #{variables.$toast-warning-border};
-  --gitako-toast-warning-icon: #{variables.$toast-warning-icon};
-  --gitako-toast-warning-icon-bg: #{variables.$toast-warning-icon-bg};
-  --gitako-toast-warning-icon-border: #{variables.$toast-warning-icon-border};
-  --gitako-toast-danger-text: #{variables.$toast-danger-text};
-  --gitako-toast-danger-border: #{variables.$toast-danger-border};
-  --gitako-toast-danger-icon: #{variables.$toast-danger-icon};
-  --gitako-toast-danger-icon-bg: #{variables.$toast-danger-icon-bg};
-  --gitako-toast-danger-icon-border: #{variables.$toast-danger-icon-border};
-  --gitako-toast-loading-text: #{variables.$toast-loading-text};
-  --gitako-toast-loading-border: #{variables.$toast-loading-border};
-  --gitako-toast-loading-icon: #{variables.$toast-loading-icon};
-  --gitako-toast-loading-icon-bg: #{variables.$toast-loading-icon-bg};
-  --gitako-toast-loading-icon-border: #{variables.$toast-loading-icon-border};
-  --gitako-timeline-text: #{variables.$timeline-text};
-  --gitako-timeline-badge-bg: #{variables.$timeline-badge-bg};
-  --gitako-timeline-target-badge-border: #{variables.$timeline-target-badge-border};
-  --gitako-timeline-target-badge-shadow: #{variables.$timeline-target-badge-shadow};
-  --gitako-select-menu-border-secondary: #{variables.$select-menu-border-secondary};
-  --gitako-select-menu-shadow: #{variables.$select-menu-shadow};
-  --gitako-select-menu-backdrop-bg: #{variables.$select-menu-backdrop-bg};
-  --gitako-select-menu-backdrop-border: #{variables.$select-menu-backdrop-border};
-  --gitako-select-menu-tap-highlight: #{variables.$select-menu-tap-highlight};
-  --gitako-select-menu-tap-focus-bg: #{variables.$select-menu-tap-focus-bg};
-  --gitako-box-blue-border: #{variables.$box-blue-border};
-  --gitako-box-row-yellow-bg: #{variables.$box-row-yellow-bg};
-  --gitako-box-row-blue-bg: #{variables.$box-row-blue-bg};
-  --gitako-box-header-blue-bg: #{variables.$box-header-blue-bg};
-  --gitako-box-header-blue-border: #{variables.$box-header-blue-border};
-  --gitako-box-border-info: #{variables.$box-border-info};
-  --gitako-box-bg-info: #{variables.$box-bg-info};
-  --gitako-box-border-warning: #{variables.$box-border-warning};
-  --gitako-box-bg-warning: #{variables.$box-bg-warning};
-  --gitako-branch-name-text: #{variables.$branch-name-text};
-  --gitako-branch-name-icon: #{variables.$branch-name-icon};
-  --gitako-branch-name-bg: #{variables.$branch-name-bg};
-  --gitako-branch-name-link-text: #{variables.$branch-name-link-text};
-  --gitako-branch-name-link-icon: #{variables.$branch-name-link-icon};
-  --gitako-branch-name-link-bg: #{variables.$branch-name-link-bg};
-  --gitako-markdown-code-bg: #{variables.$markdown-code-bg};
-  --gitako-markdown-frame-border: #{variables.$markdown-frame-border};
-  --gitako-markdown-blockquote-border: #{variables.$markdown-blockquote-border};
-  --gitako-markdown-table-border: #{variables.$markdown-table-border};
-  --gitako-markdown-table-tr-border: #{variables.$markdown-table-tr-border};
-  --gitako-menu-heading-text: #{variables.$menu-heading-text};
-  --gitako-menu-border-active: #{variables.$menu-border-active};
-  --gitako-menu-bg-active: #{variables.$menu-bg-active};
-  --gitako-sidenav-selected-bg: #{variables.$sidenav-selected-bg};
-  --gitako-sidenav-border-active: #{variables.$sidenav-border-active};
-  --gitako-header-text: #{variables.$header-text};
-  --gitako-header-bg: #{variables.$header-bg};
-  --gitako-header-logo: #{variables.$header-logo};
-  --gitako-filter-item-bar-bg: #{variables.$filter-item-bar-bg};
-  --gitako-hidden-text-expander-bg: #{variables.$hidden-text-expander-bg};
-  --gitako-hidden-text-expander-bg-hover: #{variables.$hidden-text-expander-bg-hover};
-  --gitako-drag-and-drop-border: #{variables.$drag-and-drop-border};
-  --gitako-upload-enabled-border: #{variables.$upload-enabled-border};
-  --gitako-upload-enabled-border-focused: #{variables.$upload-enabled-border-focused};
-  --gitako-previewable-comment-form-border: #{variables.$previewable-comment-form-border};
-  --gitako-underlinenav-border: #{variables.$underlinenav-border};
-  --gitako-underlinenav-border-hover: #{variables.$underlinenav-border-hover};
-  --gitako-underlinenav-border-active: #{variables.$underlinenav-border-active};
-  --gitako-underlinenav-text: #{variables.$underlinenav-text};
-  --gitako-underlinenav-text-hover: #{variables.$underlinenav-text-hover};
-  --gitako-underlinenav-text-active: #{variables.$underlinenav-text-active};
-  --gitako-underlinenav-icon: #{variables.$underlinenav-icon};
-  --gitako-underlinenav-icon-hover: #{variables.$underlinenav-icon-hover};
-  --gitako-underlinenav-icon-active: #{variables.$underlinenav-icon-active};
-  --gitako-underlinenav-counter-text: #{variables.$underlinenav-counter-text};
-  --gitako-verified-badge-text: #{variables.$verified-badge-text};
-  --gitako-verified-badge-bg: #{variables.$verified-badge-bg};
-  --gitako-verified-badge-border: #{variables.$verified-badge-border};
-  --gitako-social-count-bg: #{variables.$social-count-bg};
-  --gitako-tooltip-text: #{variables.$tooltip-text};
-  --gitako-tooltip-bg: #{variables.$tooltip-bg};
-  --gitako-header-search-bg: #{variables.$header-search-bg};
-  --gitako-header-search-border: #{variables.$header-search-border};
-  --gitako-search-keyword-hl: #{variables.$search-keyword-hl};
-  --gitako-diffstat-neutral-bg: #{variables.$diffstat-neutral-bg};
-  --gitako-diffstat-neutral-border: #{variables.$diffstat-neutral-border};
-  --gitako-diffstat-deletion-bg: #{variables.$diffstat-deletion-bg};
-  --gitako-diffstat-deletion-border: #{variables.$diffstat-deletion-border};
-  --gitako-diffstat-addition-bg: #{variables.$diffstat-addition-bg};
-  --gitako-diffstat-addition-border: #{variables.$diffstat-addition-border};
-  --gitako-files-explorer-icon: #{variables.$files-explorer-icon};
-  --gitako-hl-author-bg: #{variables.$hl-author-bg};
-  --gitako-hl-author-border: #{variables.$hl-author-border};
-  --gitako-logo-subdued: #{variables.$logo-subdued};
-  --gitako-discussion-border: #{variables.$discussion-border};
-  --gitako-discussion-bg-success: #{variables.$discussion-bg-success};
-  --gitako-actions-workflow-table-sticky-bg: #{variables.$actions-workflow-table-sticky-bg};
-  --gitako-repo-language-color-border: #{variables.$repo-language-color-border};
-  --gitako-code-selection-bg: #{variables.$code-selection-bg};
-  --gitako-blob-line-highlight-bg: #{variables.$blob-line-highlight-bg};
-  --gitako-blob-line-highlight-border: #{variables.$blob-line-highlight-border};
-  --gitako-diff-addition-text: #{variables.$diff-addition-text};
-  --gitako-diff-addition-bg: #{variables.$diff-addition-bg};
-  --gitako-diff-addition-border: #{variables.$diff-addition-border};
-  --gitako-diff-deletion-text: #{variables.$diff-deletion-text};
-  --gitako-diff-deletion-bg: #{variables.$diff-deletion-bg};
-  --gitako-diff-deletion-border: #{variables.$diff-deletion-border};
-  --gitako-diff-change-text: #{variables.$diff-change-text};
-  --gitako-diff-change-bg: #{variables.$diff-change-bg};
-  --gitako-diff-change-border: #{variables.$diff-change-border};
-  --gitako-diff-blob-num-text: #{variables.$diff-blob-num-text};
-  --gitako-diff-blob-num-hover-text: #{variables.$diff-blob-num-hover-text};
-  --gitako-diff-blob-addition-num-text: #{variables.$diff-blob-addition-num-text};
-  --gitako-diff-blob-addition-num-hover-text: #{variables.$diff-blob-addition-num-hover-text};
-  --gitako-diff-blob-addition-num-bg: #{variables.$diff-blob-addition-num-bg};
-  --gitako-diff-blob-addition-line-bg: #{variables.$diff-blob-addition-line-bg};
-  --gitako-diff-blob-addition-word-bg: #{variables.$diff-blob-addition-word-bg};
-  --gitako-diff-blob-deletion-num-text: #{variables.$diff-blob-deletion-num-text};
-  --gitako-diff-blob-deletion-num-hover-text: #{variables.$diff-blob-deletion-num-hover-text};
-  --gitako-diff-blob-deletion-num-bg: #{variables.$diff-blob-deletion-num-bg};
-  --gitako-diff-blob-deletion-line-bg: #{variables.$diff-blob-deletion-line-bg};
-  --gitako-diff-blob-deletion-word-bg: #{variables.$diff-blob-deletion-word-bg};
-  --gitako-diff-blob-hunk-text: #{variables.$diff-blob-hunk-text};
-  --gitako-diff-blob-hunk-num-bg: #{variables.$diff-blob-hunk-num-bg};
-  --gitako-diff-blob-hunk-line-bg: #{variables.$diff-blob-hunk-line-bg};
-  --gitako-diff-blob-empty-block-bg: #{variables.$diff-blob-empty-block-bg};
-  --gitako-diff-blob-selected-line-highlight-bg: #{variables.$diff-blob-selected-line-highlight-bg};
-  --gitako-diff-blob-selected-line-highlight-border: #{variables.$diff-blob-selected-line-highlight-border};
-  --gitako-diff-blob-selected-line-highlight-mix-blend-mode: #{variables.$diff-blob-selected-line-highlight-mix-blend-mode};
-  --gitako-diff-blob-expander-icon: #{variables.$diff-blob-expander-icon};
-  --gitako-diff-blob-expander-hover-icon: #{variables.$diff-blob-expander-hover-icon};
-  --gitako-diff-blob-expander-hover-bg: #{variables.$diff-blob-expander-hover-bg};
-  --gitako-diff-blob-comment-button-icon: #{variables.$diff-blob-comment-button-icon};
-  --gitako-diff-blob-comment-button-bg: #{variables.$diff-blob-comment-button-bg};
-  --gitako-diff-blob-comment-button-gradient-bg: #{variables.$diff-blob-comment-button-gradient-bg};
-  --gitako-global-nav-logo: #{variables.$global-nav-logo};
-  --gitako-global-nav-bg: #{variables.$global-nav-bg};
-  --gitako-global-nav-text: #{variables.$global-nav-text};
-  --gitako-global-nav-icon: #{variables.$global-nav-icon};
-  --gitako-global-nav-input-bg: #{variables.$global-nav-input-bg};
-  --gitako-global-nav-input-border: #{variables.$global-nav-input-border};
-  --gitako-global-nav-input-icon: #{variables.$global-nav-input-icon};
-  --gitako-global-nav-input-placeholder: #{variables.$global-nav-input-placeholder};
-  --gitako-calendar-graph-day-bg: #{variables.$calendar-graph-day-bg};
-  --gitako-calendar-graph-day-border: #{variables.$calendar-graph-day-border};
-  --gitako-calendar-graph-day-l1-bg: #{variables.$calendar-graph-day-l1-bg};
-  --gitako-calendar-graph-day-l2-bg: #{variables.$calendar-graph-day-l2-bg};
-  --gitako-calendar-graph-day-l3-bg: #{variables.$calendar-graph-day-l3-bg};
-  --gitako-calendar-graph-day-l4-bg: #{variables.$calendar-graph-day-l4-bg};
-  --gitako-calendar-graph-day-l4-border: #{variables.$calendar-graph-day-l4-border};
-  --gitako-calendar-graph-day-l3-border: #{variables.$calendar-graph-day-l3-border};
-  --gitako-calendar-graph-day-l2-border: #{variables.$calendar-graph-day-l2-border};
-  --gitako-calendar-graph-day-l1-border: #{variables.$calendar-graph-day-l1-border};
-  --gitako-footer-invertocat-octicon: #{variables.$footer-invertocat-octicon};
-  --gitako-footer-invertocat-octicon-hover: #{variables.$footer-invertocat-octicon-hover};
-  --gitako-pr-state-draft-text: #{variables.$pr-state-draft-text};
-  --gitako-pr-state-draft-bg: #{variables.$pr-state-draft-bg};
-  --gitako-pr-state-draft-border: #{variables.$pr-state-draft-border};
-  --gitako-pr-state-open-text: #{variables.$pr-state-open-text};
-  --gitako-pr-state-open-bg: #{variables.$pr-state-open-bg};
-  --gitako-pr-state-open-border: #{variables.$pr-state-open-border};
-  --gitako-pr-state-merged-text: #{variables.$pr-state-merged-text};
-  --gitako-pr-state-merged-bg: #{variables.$pr-state-merged-bg};
-  --gitako-pr-state-merged-border: #{variables.$pr-state-merged-border};
-  --gitako-pr-state-closed-text: #{variables.$pr-state-closed-text};
-  --gitako-pr-state-closed-bg: #{variables.$pr-state-closed-bg};
-  --gitako-pr-state-closed-border: #{variables.$pr-state-closed-border};
-  --gitako-topic-tag-text: #{variables.$topic-tag-text};
-  --gitako-topic-tag-bg: #{variables.$topic-tag-bg};
-  --gitako-topic-tag-hover-bg: #{variables.$topic-tag-hover-bg};
-  --gitako-topic-tag-active-bg: #{variables.$topic-tag-active-bg};
-  --gitako-merge-box-success-icon-bg: #{variables.$merge-box-success-icon-bg};
-  --gitako-merge-box-success-icon-text: #{variables.$merge-box-success-icon-text};
-  --gitako-merge-box-success-icon-border: #{variables.$merge-box-success-icon-border};
-  --gitako-merge-box-success-indicator-bg: #{variables.$merge-box-success-indicator-bg};
-  --gitako-merge-box-success-indicator-border: #{variables.$merge-box-success-indicator-border};
-  --gitako-merge-box-merged-icon-bg: #{variables.$merge-box-merged-icon-bg};
-  --gitako-merge-box-merged-icon-text: #{variables.$merge-box-merged-icon-text};
-  --gitako-merge-box-merged-icon-border: #{variables.$merge-box-merged-icon-border};
-  --gitako-merge-box-merged-box-border: #{variables.$merge-box-merged-box-border};
-  --gitako-merge-box-neutral-icon-bg: #{variables.$merge-box-neutral-icon-bg};
-  --gitako-merge-box-neutral-icon-text: #{variables.$merge-box-neutral-icon-text};
-  --gitako-merge-box-neutral-icon-border: #{variables.$merge-box-neutral-icon-border};
-  --gitako-merge-box-neutral-indicator-bg: #{variables.$merge-box-neutral-indicator-bg};
-  --gitako-merge-box-neutral-indicator-border: #{variables.$merge-box-neutral-indicator-border};
-  --gitako-merge-box-warning-icon-bg: #{variables.$merge-box-warning-icon-bg};
-  --gitako-merge-box-warning-icon-text: #{variables.$merge-box-warning-icon-text};
-  --gitako-merge-box-warning-icon-border: #{variables.$merge-box-warning-icon-border};
-  --gitako-merge-box-warning-box-border: #{variables.$merge-box-warning-box-border};
-  --gitako-merge-box-warning-merge-highlight: #{variables.$merge-box-warning-merge-highlight};
-  --gitako-merge-box-error-icon-bg: #{variables.$merge-box-error-icon-bg};
-  --gitako-merge-box-error-icon-text: #{variables.$merge-box-error-icon-text};
-  --gitako-merge-box-error-icon-border: #{variables.$merge-box-error-icon-border};
-  --gitako-merge-box-error-indicator-bg: #{variables.$merge-box-error-indicator-bg};
-  --gitako-merge-box-error-indicator-border: #{variables.$merge-box-error-indicator-border};
-  --gitako-project-card-bg: #{variables.$project-card-bg};
-  --gitako-project-header-bg: #{variables.$project-header-bg};
-  --gitako-project-sidebar-bg: #{variables.$project-sidebar-bg};
-  --gitako-project-gradient-in: #{variables.$project-gradient-in};
-  --gitako-project-gradient-out: #{variables.$project-gradient-out};
-  --gitako-marketing-icon-primary: #{variables.$marketing-icon-primary};
-  --gitako-marketing-icon-secondary: #{variables.$marketing-icon-secondary};
-  --gitako-prettylights-syntax-comment: #{variables.$prettylights-syntax-comment};
-  --gitako-prettylights-syntax-constant: #{variables.$prettylights-syntax-constant};
-  --gitako-prettylights-syntax-entity: #{variables.$prettylights-syntax-entity};
-  --gitako-prettylights-syntax-storage-modifier-import: #{variables.$prettylights-syntax-storage-modifier-import};
-  --gitako-prettylights-syntax-entity-tag: #{variables.$prettylights-syntax-entity-tag};
-  --gitako-prettylights-syntax-keyword: #{variables.$prettylights-syntax-keyword};
-  --gitako-prettylights-syntax-string: #{variables.$prettylights-syntax-string};
-  --gitako-prettylights-syntax-variable: #{variables.$prettylights-syntax-variable};
-  --gitako-prettylights-syntax-brackethighlighter-unmatched: #{variables.$prettylights-syntax-brackethighlighter-unmatched};
-  --gitako-prettylights-syntax-invalid-illegal-text: #{variables.$prettylights-syntax-invalid-illegal-text};
-  --gitako-prettylights-syntax-invalid-illegal-bg: #{variables.$prettylights-syntax-invalid-illegal-bg};
-  --gitako-prettylights-syntax-carriage-return-text: #{variables.$prettylights-syntax-carriage-return-text};
-  --gitako-prettylights-syntax-carriage-return-bg: #{variables.$prettylights-syntax-carriage-return-bg};
-  --gitako-prettylights-syntax-string-regexp: #{variables.$prettylights-syntax-string-regexp};
-  --gitako-prettylights-syntax-markup-list: #{variables.$prettylights-syntax-markup-list};
-  --gitako-prettylights-syntax-markup-heading: #{variables.$prettylights-syntax-markup-heading};
-  --gitako-prettylights-syntax-markup-italic: #{variables.$prettylights-syntax-markup-italic};
-  --gitako-prettylights-syntax-markup-bold: #{variables.$prettylights-syntax-markup-bold};
-  --gitako-prettylights-syntax-markup-deleted-text: #{variables.$prettylights-syntax-markup-deleted-text};
-  --gitako-prettylights-syntax-markup-deleted-bg: #{variables.$prettylights-syntax-markup-deleted-bg};
-  --gitako-prettylights-syntax-markup-inserted-text: #{variables.$prettylights-syntax-markup-inserted-text};
-  --gitako-prettylights-syntax-markup-inserted-bg: #{variables.$prettylights-syntax-markup-inserted-bg};
-  --gitako-prettylights-syntax-markup-changed-text: #{variables.$prettylights-syntax-markup-changed-text};
-  --gitako-prettylights-syntax-markup-changed-bg: #{variables.$prettylights-syntax-markup-changed-bg};
-  --gitako-prettylights-syntax-markup-ignored-text: #{variables.$prettylights-syntax-markup-ignored-text};
-  --gitako-prettylights-syntax-markup-ignored-bg: #{variables.$prettylights-syntax-markup-ignored-bg};
-  --gitako-prettylights-syntax-meta-diff-range: #{variables.$prettylights-syntax-meta-diff-range};
-  --gitako-prettylights-syntax-brackethighlighter-angle: #{variables.$prettylights-syntax-brackethighlighter-angle};
-  --gitako-prettylights-syntax-sublimelinter-gutter-mark: #{variables.$prettylights-syntax-sublimelinter-gutter-mark};
-  --gitako-prettylights-syntax-constant-other-reference-link: #{variables.$prettylights-syntax-constant-other-reference-link};
-  --gitako-codemirror-text: #{variables.$codemirror-text};
-  --gitako-codemirror-bg: #{variables.$codemirror-bg};
-  --gitako-codemirror-gutters-bg: #{variables.$codemirror-gutters-bg};
-  --gitako-codemirror-guttermarker-text: #{variables.$codemirror-guttermarker-text};
-  --gitako-codemirror-guttermarker-subtle-text: #{variables.$codemirror-guttermarker-subtle-text};
-  --gitako-codemirror-linenumber-text: #{variables.$codemirror-linenumber-text};
-  --gitako-codemirror-cursor: #{variables.$codemirror-cursor};
-  --gitako-codemirror-selection-bg: #{variables.$codemirror-selection-bg};
-  --gitako-codemirror-activeline-bg: #{variables.$codemirror-activeline-bg};
-  --gitako-codemirror-matchingbracket-text: #{variables.$codemirror-matchingbracket-text};
-  --gitako-codemirror-lines-bg: #{variables.$codemirror-lines-bg};
-  --gitako-codemirror-syntax-comment: #{variables.$codemirror-syntax-comment};
-  --gitako-codemirror-syntax-constant: #{variables.$codemirror-syntax-constant};
-  --gitako-codemirror-syntax-entity: #{variables.$codemirror-syntax-entity};
-  --gitako-codemirror-syntax-keyword: #{variables.$codemirror-syntax-keyword};
-  --gitako-codemirror-syntax-storage: #{variables.$codemirror-syntax-storage};
-  --gitako-codemirror-syntax-string: #{variables.$codemirror-syntax-string};
-  --gitako-codemirror-syntax-support: #{variables.$codemirror-syntax-support};
-  --gitako-codemirror-syntax-variable: #{variables.$codemirror-syntax-variable};
-  --gitako-ansi-black: #{variables.$ansi-black};
-  --gitako-ansi-black-bright: #{variables.$ansi-black-bright};
-  --gitako-ansi-white: #{variables.$ansi-white};
-  --gitako-ansi-white-bright: #{variables.$ansi-white-bright};
-  --gitako-ansi-gray: #{variables.$ansi-gray};
-  --gitako-ansi-red: #{variables.$ansi-red};
-  --gitako-ansi-red-bright: #{variables.$ansi-red-bright};
-  --gitako-ansi-green: #{variables.$ansi-green};
-  --gitako-ansi-green-bright: #{variables.$ansi-green-bright};
-  --gitako-ansi-yellow: #{variables.$ansi-yellow};
-  --gitako-ansi-yellow-bright: #{variables.$ansi-yellow-bright};
-  --gitako-ansi-blue: #{variables.$ansi-blue};
-  --gitako-ansi-blue-bright: #{variables.$ansi-blue-bright};
-  --gitako-ansi-magenta: #{variables.$ansi-magenta};
-  --gitako-ansi-magenta-bright: #{variables.$ansi-magenta-bright};
-  --gitako-ansi-cyan: #{variables.$ansi-cyan};
-  --gitako-ansi-cyan-bright: #{variables.$ansi-cyan-bright};
-}
-
-// How to merge the selectors?
-// Is it possible to not have two copies of dark theme variables?
-@media (prefers-color-scheme: dark) {
-  :root[data-color-mode='auto'] {
-    @include assign();
-  }
-}
-:root[data-color-mode='dark'] {
-  @include assign();
-}
diff --git a/src/styles/dark/variables.scss b/src/styles/dark/variables.scss
index a495c0c..182c783 100644
--- a/src/styles/dark/variables.scss
+++ b/src/styles/dark/variables.scss
@@ -1,564 +1,566 @@
-$auto-black: #f0f6fc;
-$auto-white: #010409;
-$auto-gray-0: #0d1117;
-$auto-gray-1: #161b22;
-$auto-gray-2: #21262d;
-$auto-gray-3: #30363d;
-$auto-gray-4: #484f58;
-$auto-gray-5: #6e7681;
-$auto-gray-6: #8b949e;
-$auto-gray-7: #b1bac4;
-$auto-gray-8: #c9d1d9;
-$auto-gray-9: #f0f6fc;
-$auto-blue-0: #051d4d;
-$auto-blue-1: #0c2d6b;
-$auto-blue-2: #0d419d;
-$auto-blue-3: #1158c7;
-$auto-blue-4: #1f6feb;
-$auto-blue-5: #388bfd;
-$auto-blue-6: #58a6ff;
-$auto-blue-7: #79c0ff;
-$auto-blue-8: #a5d6ff;
-$auto-blue-9: #cae8ff;
-$auto-green-0: #04260f;
-$auto-green-1: #033a16;
-$auto-green-2: #0f5323;
-$auto-green-3: #196c2e;
-$auto-green-4: #238636;
-$auto-green-5: #2ea043;
-$auto-green-6: #3fb950;
-$auto-green-7: #56d364;
-$auto-green-8: #7ee787;
-$auto-green-9: #aff5b4;
-$auto-yellow-0: #341a00;
-$auto-yellow-1: #4b2900;
-$auto-yellow-2: #693e00;
-$auto-yellow-3: #845306;
-$auto-yellow-4: #9e6a03;
-$auto-yellow-5: #bb8009;
-$auto-yellow-6: #d29922;
-$auto-yellow-7: #e3b341;
-$auto-yellow-8: #f2cc60;
-$auto-yellow-9: #f8e3a1;
-$auto-orange-0: #3d1300;
-$auto-orange-1: #5a1e02;
-$auto-orange-2: #762d0a;
-$auto-orange-3: #9b4215;
-$auto-orange-4: #bd561d;
-$auto-orange-5: #db6d28;
-$auto-orange-6: #f0883e;
-$auto-orange-7: #ffa657;
-$auto-orange-8: #ffc680;
-$auto-orange-9: #ffdfb6;
-$auto-red-0: #490202;
-$auto-red-1: #67060c;
-$auto-red-2: #8e1519;
-$auto-red-3: #b62324;
-$auto-red-4: #da3633;
-$auto-red-5: #f85149;
-$auto-red-6: #ff7b72;
-$auto-red-7: #ffa198;
-$auto-red-8: #ffc1ba;
-$auto-red-9: #ffdcd7;
-$auto-purple-0: #271052;
-$auto-purple-1: #3c1e70;
-$auto-purple-2: #553098;
-$auto-purple-3: #6e40c9;
-$auto-purple-4: #8957e5;
-$auto-purple-5: #a371f7;
-$auto-purple-6: #bc8cff;
-$auto-purple-7: #d2a8ff;
-$auto-purple-8: #e2c5ff;
-$auto-purple-9: #eddeff;
-$auto-pink-0: #42062a;
-$auto-pink-1: #5e103e;
-$auto-pink-2: #7d2457;
-$auto-pink-3: #9e3670;
-$auto-pink-4: #bf4b8a;
-$auto-pink-5: #db61a2;
-$auto-pink-6: #f778ba;
-$auto-pink-7: #ff9bce;
-$auto-pink-8: #ffbedd;
-$auto-pink-9: #ffdaec;
-$text-primary: #c9d1d9;
-$text-secondary: #8b949e;
-$text-tertiary: #8b949e;
-$text-placeholder: #484f58;
-$text-disabled: #484f58;
-$text-inverse: #0d1117;
-$text-link: #58a6ff;
-$text-danger: #f85149;
-$text-success: #56d364;
-$text-warning: #e3b341;
-$text-white: #f0f6fc;
-$icon-primary: #c9d1d9;
-$icon-secondary: #6e7681;
-$icon-tertiary: #484f58;
-$icon-info: #79c0ff;
-$icon-danger: #f85149;
-$icon-success: #56d364;
-$icon-warning: #e3b341;
-$border-primary: #30363d;
-$border-secondary: #21262d;
-$border-tertiary: #6e7681;
-$border-overlay: #30363d;
-$border-inverse: #f0f6fc;
-$border-info: #388bfd66;
-$border-danger: #f8514966;
-$border-success: #3fb95066;
-$border-warning: #bb800966;
-$bg-canvas: #0d1117;
-$bg-canvas-mobile: #010409;
-$bg-canvas-inverse: #f0f6fc;
-$bg-canvas-inset: #06090f;
-$bg-primary: #0d1117;
-$bg-secondary: #0d1117;
-$bg-tertiary: #161b22;
-$bg-overlay: #21262d;
-$bg-backdrop: #010409cc;
-$bg-info: #388bfd1a;
-$bg-info-inverse: #388bfd;
-$bg-danger: #f851491a;
-$bg-danger-inverse: #da3633;
-$bg-success: #2ea0431a;
-$bg-success-inverse: #2ea043;
-$bg-warning: #bb80091a;
-$bg-warning-inverse: #bb8009;
-$shadow-small: 0 0 #0000;
-$shadow-medium: 0 3px 6px #010409;
-$shadow-large: 0 8px 24px #010409;
-$shadow-extra-large: 0 12px 48px #010409;
-$shadow-highlight: 0 0 #0000;
-$shadow-inset: 0 0 #0000;
-$state-hover-primary-bg: #1f6feb;
-$state-hover-primary-border: #388bfd;
-$state-hover-primary-text: #f0f6fc;
-$state-hover-primary-icon: #f0f6fc;
-$state-hover-secondary-bg: #161b22;
-$state-hover-secondary-border: #161b22;
-$state-selected-primary-bg: #1f6feb;
-$state-selected-primary-border: #388bfd;
-$state-selected-primary-text: #f0f6fc;
-$state-selected-primary-icon: #f0f6fc;
-$state-focus-border: #388bfd;
-$state-focus-shadow: 0 0 0 3px #0c2d6b;
-$fade-fg-10: #f0f6fc1a;
-$fade-fg-15: #f0f6fc26;
-$fade-fg-30: #f0f6fc4d;
-$fade-fg-50: #f0f6fc80;
-$fade-fg-70: #f0f6fcb3;
-$fade-fg-85: #f0f6fcd9;
-$fade-black-10: #0104091a;
-$fade-black-15: #01040926;
-$fade-black-30: #0104094d;
-$fade-black-50: #01040980;
-$fade-black-70: #010409b3;
-$fade-black-85: #010409d9;
-$fade-white-10: #f0f6fc1a;
-$fade-white-15: #f0f6fc26;
-$fade-white-30: #f0f6fc4d;
-$fade-white-50: #f0f6fc80;
-$fade-white-70: #f0f6fcb3;
-$fade-white-85: #f0f6fcd9;
-$alert-info-text: #79c0ff;
-$alert-info-icon: #79c0ff;
-$alert-info-bg: #388bfd1a;
-$alert-info-border: #388bfd66;
-$alert-warn-text: #e3b341;
-$alert-warn-icon: #e3b341;
-$alert-warn-bg: #bb80091a;
-$alert-warn-border: #bb800966;
-$alert-error-text: #ff7b72;
-$alert-error-icon: #ff7b72;
-$alert-error-bg: #f851491a;
-$alert-error-border: #f8514966;
-$alert-success-text: #56d364;
-$alert-success-icon: #56d364;
-$alert-success-bg: #2ea0431a;
-$alert-success-border: #2ea04366;
-$autocomplete-shadow: 0 16px 32px #010409d9;
-$autocomplete-row-border: #30363d;
-$blankslate-icon: #535c66;
-$btn-text: #c9d1d9;
-$btn-bg: #21262d;
-$btn-border: #30363d;
-$btn-shadow: 0 0 #0000;
-$btn-inset-shadow: 0 0 #0000;
-$btn-hover-bg: #30363d;
-$btn-hover-border: #8b949e;
-$btn-selected-bg: #161b22;
-$btn-focus-bg: #21262d;
-$btn-focus-border: #8b949e;
-$btn-focus-shadow: 0 0 0 3px #8b949e4d;
-$btn-shadow-active: inset 0 0.15em 0.3em #01040926;
-$btn-shadow-input-focus: 0 0 0 0.2em #1f6feb4d;
-$btn-primary-text: #fff;
-$btn-primary-bg: #238636;
-$btn-primary-border: #2ea043;
-$btn-primary-shadow: 0 0 #0000;
-$btn-primary-inset-shadow: 0 0 #0000;
-$btn-primary-hover-bg: #2ea043;
-$btn-primary-hover-border: #3fb950;
-$btn-primary-selected-bg: #238636;
-$btn-primary-selected-shadow: 0 0 #0000;
-$btn-primary-disabled-text: #f0f6fc80;
-$btn-primary-disabled-bg: #23863699;
-$btn-primary-disabled-border: #0000;
-$btn-primary-focus-bg: #238636;
-$btn-primary-focus-border: #3fb950;
-$btn-primary-focus-shadow: 0 0 0 3px #2ea44f66;
-$btn-primary-icon: #f0f6fc;
-$btn-primary-counter-bg: #f0f6fc33;
-$btn-outline-text: #58a6ff;
-$btn-outline-hover-text: #58a6ff;
-$btn-outline-hover-bg: #30363d;
-$btn-outline-hover-border: #58a6ff;
-$btn-outline-hover-shadow: 0 1px 0 #0104091a;
-$btn-outline-hover-inset-shadow: inset 0 1px 0 #f0f6fc08;
-$btn-outline-hover-counter-bg: #f0f6fc33;
-$btn-outline-selected-text: #f0f6fc;
-$btn-outline-selected-bg: #0d419d;
-$btn-outline-selected-border: #f0f6fc1a;
-$btn-outline-selected-shadow: 0 0 #0000;
-$btn-outline-disabled-text: #58a6ff80;
-$btn-outline-disabled-bg: #0d1117;
-$btn-outline-disabled-counter-bg: #1f6feb0d;
-$btn-outline-focus-border: #58a6ff;
-$btn-outline-focus-shadow: 0 0 0 3px #1158c766;
-$btn-outline-counter-bg: #1f6feb1a;
-$btn-danger-text: #f85149;
-$btn-danger-hover-text: #fff;
-$btn-danger-hover-bg: #da3633;
-$btn-danger-hover-border: #f85149;
-$btn-danger-hover-shadow: 0 0 #0000;
-$btn-danger-hover-inset-shadow: 0 0 #0000;
-$btn-danger-hover-counter-bg: #fff3;
-$btn-danger-selected-text: #fff;
-$btn-danger-selected-bg: #b62324;
-$btn-danger-selected-border: #f0f6fc1a;
-$btn-danger-selected-shadow: 0 0 #0000;
-$btn-danger-disabled-text: #f85149;
-$btn-danger-disabled-bg: #0d1117;
-$btn-danger-disabled-counter-bg: #da36330d;
-$btn-danger-focus-border: #f85149;
-$btn-danger-focus-shadow: 0 0 0 3px #b6232466;
-$btn-danger-counter-bg: #da36331a;
-$btn-counter-bg: #30363d;
-$counter-text: #c9d1d9;
-$counter-bg: #30363d;
-$counter-primary-text: #c9d1d9;
-$counter-primary-bg: #6e7681;
-$counter-secondary-text: #8b949e;
-$dropdown-shadow: 0 16px 32px #010409d9;
-$label-border: #30363d;
-$label-primary-text: #b1bac4;
-$label-primary-border: #6e7681;
-$label-secondary-text: #8b949e;
-$label-secondary-border: #30363d;
-$label-info-text: #388bfd;
-$label-info-border: #388bfd66;
-$label-success-text: #3fb950;
-$label-success-border: #2ea04366;
-$label-warning-text: #e3b341;
-$label-warning-border: #f2d35b66;
-$label-danger-text: #f85149;
-$label-danger-border: #f8514966;
-$label-orange-text: #db6d28;
-$label-orange-border: #db6d2866;
-$input-bg: #0d1117;
-$input-contrast-bg: #0104094d;
-$input-border: #21262d;
-$input-shadow: 0 0 #0000;
-$input-disabled-bg: #161b22;
-$input-disabled-border: #30363d;
-$input-warning-border: #d29922;
-$input-error-border: #f85149;
-$input-tooltip-success-text: #56d364;
-$input-tooltip-success-bg: #101f1b;
-$input-tooltip-success-border: #1c532b;
-$input-tooltip-warning-text: #e3b341;
-$input-tooltip-warning-bg: #1e1c16;
-$input-tooltip-warning-border: #5d4411;
-$input-tooltip-error-text: #ff7b72;
-$input-tooltip-error-bg: #25171c;
-$input-tooltip-error-border: #792e2e;
-$avatar-bg: #f0f6fc;
-$avatar-border: #f0f6fc1a;
-$avatar-stack-fade: #30363d;
-$avatar-stack-fade-more: #21262d;
-$avatar-child-shadow: -2px -2px 0 #0d1117;
-$toast-text: #79c0ff;
-$toast-bg: #010409;
-$toast-border: #214981;
-$toast-shadow: 0 8px 24px #010409;
-$toast-icon: #79c0ff;
-$toast-icon-bg: #121d2e;
-$toast-icon-border: #214981;
-$toast-success-text: #56d364;
-$toast-success-border: #1c532c;
-$toast-success-icon: #56d364;
-$toast-success-icon-bg: #111f1c;
-$toast-success-icon-border: #1c532c;
-$toast-warning-text: #e3b341;
-$toast-warning-border: #5e4411;
-$toast-warning-icon: #e3b341;
-$toast-warning-icon-bg: #1f1c16;
-$toast-warning-icon-border: #5e4411;
-$toast-danger-text: #ff7b72;
-$toast-danger-border: #792e2e;
-$toast-danger-icon: #ff7b72;
-$toast-danger-icon-bg: #25171c;
-$toast-danger-icon-border: #792e2e;
-$toast-loading-text: #c9d1d9;
-$toast-loading-border: #30363d;
-$toast-loading-icon: #f0f6fc;
-$toast-loading-icon-bg: #30363d;
-$toast-loading-icon-border: #30363d;
-$timeline-text: #b1bac4;
-$timeline-badge-bg: #0d1117;
-$timeline-target-badge-border: #1f6feb;
-$timeline-target-badge-shadow: #0d419d;
-$select-menu-border-secondary: #30363d;
-$select-menu-shadow: 0 0 18px #01040966;
-$select-menu-backdrop-bg: #01040980;
-$select-menu-backdrop-border: #484f58;
-$select-menu-tap-highlight: #30363d80;
-$select-menu-tap-focus-bg: #0c2d6b;
-$box-blue-border: #0d419d;
-$box-row-yellow-bg: #ebc4401a;
-$box-row-blue-bg: #79c0ff1a;
-$box-header-blue-bg: #0d1117;
-$box-header-blue-border: #30363d;
-$box-border-info: #388bfd66;
-$box-bg-info: #388bfd1a;
-$box-border-warning: #bb800966;
-$box-bg-warning: #bb80091a;
-$branch-name-text: #c9d1d9;
-$branch-name-icon: #b1bac4;
-$branch-name-bg: #58a6ff1a;
-$branch-name-link-text: #58a6ff;
-$branch-name-link-icon: #58a6ff;
-$branch-name-link-bg: #58a6ff1a;
-$markdown-code-bg: #f0f6fc26;
-$markdown-frame-border: #3b434b;
-$markdown-blockquote-border: #3b434b;
-$markdown-table-border: #3b434b;
-$markdown-table-tr-border: #272c32;
-$menu-heading-text: #8b949e;
-$menu-border-active: #f78166;
-$menu-bg-active: #161b22;
-$sidenav-selected-bg: #21262d;
-$sidenav-border-active: #f78166;
-$header-text: #f0f6fcb3;
-$header-bg: #161b22;
-$header-logo: #f0f6fc;
-$filter-item-bar-bg: #12161c;
-$hidden-text-expander-bg: #21262d;
-$hidden-text-expander-bg-hover: #30363d;
-$drag-and-drop-border: #25292f;
-$upload-enabled-border: #3b434b;
-$upload-enabled-border-focused: #4487ee;
-$previewable-comment-form-border: #25292f;
-$underlinenav-border: #30363d00;
-$underlinenav-border-hover: #30363d;
-$underlinenav-border-active: #f78166;
-$underlinenav-text: #8b949e;
-$underlinenav-text-hover: #c9d1d9;
-$underlinenav-text-active: #c9d1d9;
-$underlinenav-icon: #6e7681;
-$underlinenav-icon-hover: #c9d1d9;
-$underlinenav-icon-active: #c9d1d9;
-$underlinenav-counter-text: #8b949e;
-$verified-badge-text: #3fb950;
-$verified-badge-bg: #3fb9501a;
-$verified-badge-border: #3fb95066;
-$social-count-bg: #21262d;
-$tooltip-text: #f0f6fc;
-$tooltip-bg: #21262d;
-$header-search-bg: #0d1117;
-$header-search-border: #21262d;
-$search-keyword-hl: #bb800966;
-$diffstat-neutral-bg: #30363d;
-$diffstat-neutral-border: #f0f6fc1a;
-$diffstat-deletion-bg: #da3633;
-$diffstat-deletion-border: #f85149;
-$diffstat-addition-bg: #238636;
-$diffstat-addition-border: #2ea043;
-$files-explorer-icon: #6e7681;
-$hl-author-bg: #051d4d;
-$hl-author-border: #0d419d;
-$logo-subdued: #30363d;
-$discussion-border: #34513b;
-$discussion-bg-success: #2ea0431a;
-$actions-workflow-table-sticky-bg: #0d1117f2;
-$repo-language-color-border: #f0f6fc33;
-$code-selection-bg: #79c0ff4d;
-$blob-line-highlight-bg: #bb80091a;
-$blob-line-highlight-border: #bb8009;
-$diff-addition-text: #56d364;
-$diff-addition-bg: #23863626;
-$diff-addition-border: #196c2e;
-$diff-deletion-text: #f85149;
-$diff-deletion-bg: #da363326;
-$diff-deletion-border: #b62324;
-$diff-change-text: #e3b341;
-$diff-change-bg: #341a00;
-$diff-change-border: #9e6a03;
-$diff-blob-num-text: #f0f6fc4d;
-$diff-blob-num-hover-text: #f0f6fc99;
-$diff-blob-addition-num-text: #3fb950;
-$diff-blob-addition-num-hover-text: #7ee787;
-$diff-blob-addition-num-bg: #2386360d;
-$diff-blob-addition-line-bg: #23863626;
-$diff-blob-addition-word-bg: #2386364d;
-$diff-blob-deletion-num-text: #f85149;
-$diff-blob-deletion-num-hover-text: #ffa198;
-$diff-blob-deletion-num-bg: #da36330d;
-$diff-blob-deletion-line-bg: #da363326;
-$diff-blob-deletion-word-bg: #da36334d;
-$diff-blob-hunk-text: #8b949e;
-$diff-blob-hunk-num-bg: #58a6ff26;
-$diff-blob-hunk-line-bg: #58a6ff1a;
-$diff-blob-empty-block-bg: #161b22;
-$diff-blob-selected-line-highlight-bg: #bb80091a;
-$diff-blob-selected-line-highlight-border: #bb8009;
-$diff-blob-selected-line-highlight-mix-blend-mode: normal;
-$diff-blob-expander-icon: #8b949e;
-$diff-blob-expander-hover-icon: #f0f6fc;
-$diff-blob-expander-hover-bg: #1f6feb;
-$diff-blob-comment-button-icon: #f0f6fc;
-$diff-blob-comment-button-bg: #1f6feb;
-$diff-blob-comment-button-gradient-bg: #367eed;
-$global-nav-logo: #f0f6fc;
-$global-nav-bg: #161b22;
-$global-nav-text: #c9d1d9;
-$global-nav-icon: #c9d1d9;
-$global-nav-input-bg: #0d1117;
-$global-nav-input-border: #21262d;
-$global-nav-input-icon: #21262d;
-$global-nav-input-placeholder: #484f58;
-$calendar-graph-day-bg: #161b22;
-$calendar-graph-day-border: #1b1f230f;
-$calendar-graph-day-l1-bg: #01311f;
-$calendar-graph-day-l2-bg: #034525;
-$calendar-graph-day-l3-bg: #0f6d31;
-$calendar-graph-day-l4-bg: #00c647;
-$calendar-graph-day-l4-border: #1b1f230f;
-$calendar-graph-day-l3-border: #1b1f230f;
-$calendar-graph-day-l2-border: #1b1f230f;
-$calendar-graph-day-l1-border: #1b1f230f;
-$footer-invertocat-octicon: #30363d;
-$footer-invertocat-octicon-hover: #6e7681;
-$pr-state-draft-text: #8b949e;
-$pr-state-draft-bg: #8b949e1a;
-$pr-state-draft-border: #8b949e66;
-$pr-state-open-text: #3fb950;
-$pr-state-open-bg: #3fb9501a;
-$pr-state-open-border: #3fb95066;
-$pr-state-merged-text: #a371f7;
-$pr-state-merged-bg: #bc8cff1a;
-$pr-state-merged-border: #bc8cff66;
-$pr-state-closed-text: #f85149;
-$pr-state-closed-bg: #da36331a;
-$pr-state-closed-border: #da363366;
-$topic-tag-text: #58a6ff;
-$topic-tag-bg: #388bfd1a;
-$topic-tag-hover-bg: #388bfd33;
-$topic-tag-active-bg: #388bfd26;
-$merge-box-success-icon-bg: #2ea0431a;
-$merge-box-success-icon-text: #3fb950;
-$merge-box-success-icon-border: #2ea04366;
-$merge-box-success-indicator-bg: #238636;
-$merge-box-success-indicator-border: #2ea043;
-$merge-box-merged-icon-bg: #bc8cff1a;
-$merge-box-merged-icon-text: #a371f7;
-$merge-box-merged-icon-border: #bc8cff66;
-$merge-box-merged-box-border: #bc8cff66;
-$merge-box-neutral-icon-bg: #c9d1d91a;
-$merge-box-neutral-icon-text: #8b949e;
-$merge-box-neutral-icon-border: #c9d1d966;
-$merge-box-neutral-indicator-bg: #484f58;
-$merge-box-neutral-indicator-border: #6e7681;
-$merge-box-warning-icon-bg: #bb80091a;
-$merge-box-warning-icon-text: #e3b341;
-$merge-box-warning-icon-border: #bb800966;
-$merge-box-warning-box-border: #bb800966;
-$merge-box-warning-merge-highlight: #bb80091a;
-$merge-box-error-icon-bg: #f851491a;
-$merge-box-error-icon-text: #f85149;
-$merge-box-error-icon-border: #f8514966;
-$merge-box-error-indicator-bg: #da3633;
-$merge-box-error-indicator-border: #f85149;
-$project-card-bg: #161b22;
-$project-header-bg: #0d1117;
-$project-sidebar-bg: #161b22;
-$project-gradient-in: #161b22;
-$project-gradient-out: #161b2200;
-$marketing-icon-primary: #79c0ff;
-$marketing-icon-secondary: #1f6feb;
-$prettylights-syntax-comment: #8b949e;
-$prettylights-syntax-constant: #79c0ff;
-$prettylights-syntax-entity: #d2a8ff;
-$prettylights-syntax-storage-modifier-import: #c9d1d9;
-$prettylights-syntax-entity-tag: #7ee787;
-$prettylights-syntax-keyword: #ff7b72;
-$prettylights-syntax-string: #a5d6ff;
-$prettylights-syntax-variable: #ffa657;
-$prettylights-syntax-brackethighlighter-unmatched: #f85149;
-$prettylights-syntax-invalid-illegal-text: #f0f6fc;
-$prettylights-syntax-invalid-illegal-bg: #8e1519;
-$prettylights-syntax-carriage-return-text: #f0f6fc;
-$prettylights-syntax-carriage-return-bg: #b62324;
-$prettylights-syntax-string-regexp: #7ee787;
-$prettylights-syntax-markup-list: #f2cc60;
-$prettylights-syntax-markup-heading: #1f6feb;
-$prettylights-syntax-markup-italic: #c9d1d9;
-$prettylights-syntax-markup-bold: #c9d1d9;
-$prettylights-syntax-markup-deleted-text: #ffdcd7;
-$prettylights-syntax-markup-deleted-bg: #67060c;
-$prettylights-syntax-markup-inserted-text: #aff5b4;
-$prettylights-syntax-markup-inserted-bg: #033a16;
-$prettylights-syntax-markup-changed-text: #ffdfb6;
-$prettylights-syntax-markup-changed-bg: #5a1e02;
-$prettylights-syntax-markup-ignored-text: #c9d1d9;
-$prettylights-syntax-markup-ignored-bg: #1158c7;
-$prettylights-syntax-meta-diff-range: #d2a8ff;
-$prettylights-syntax-brackethighlighter-angle: #8b949e;
-$prettylights-syntax-sublimelinter-gutter-mark: #484f58;
-$prettylights-syntax-constant-other-reference-link: #a5d6ff;
-$codemirror-text: #c9d1d9;
-$codemirror-bg: #0d1117;
-$codemirror-gutters-bg: #0d1117;
-$codemirror-guttermarker-text: #0d1117;
-$codemirror-guttermarker-subtle-text: #6e7681;
-$codemirror-linenumber-text: #8b949e;
-$codemirror-cursor: #f0f6fc;
-$codemirror-selection-bg: #79c0ff4d;
-$codemirror-activeline-bg: #161b22;
-$codemirror-matchingbracket-text: #c9d1d9;
-$codemirror-lines-bg: #0d1117;
-$codemirror-syntax-comment: #8b949e;
-$codemirror-syntax-constant: #79c0ff;
-$codemirror-syntax-entity: #d2a8ff;
-$codemirror-syntax-keyword: #ff7b72;
-$codemirror-syntax-storage: #ff7b72;
-$codemirror-syntax-string: #a5d6ff;
-$codemirror-syntax-support: #79c0ff;
-$codemirror-syntax-variable: #ffa657;
-$ansi-black: #0d1117;
-$ansi-black-bright: #161b22;
-$ansi-white: #b1bac4;
-$ansi-white-bright: #b1bac4;
-$ansi-gray: #6e7681;
-$ansi-red: #ff7b72;
-$ansi-red-bright: #ffa198;
-$ansi-green: #3fb950;
-$ansi-green-bright: #56d364;
-$ansi-yellow: #d29922;
-$ansi-yellow-bright: #e3b341;
-$ansi-blue: #58a6ff;
-$ansi-blue-bright: #79c0ff;
-$ansi-magenta: #bc8cff;
-$ansi-magenta-bright: #d2a8ff;
-$ansi-cyan: #76e3ea;
-$ansi-cyan-bright: #b3f0ff;
+$variables: (
+  'auto-black': '#f0f6fc',
+  'auto-white': '#010409',
+  'auto-gray-0': '#0d1117',
+  'auto-gray-1': '#161b22',
+  'auto-gray-2': '#21262d',
+  'auto-gray-3': '#30363d',
+  'auto-gray-4': '#484f58',
+  'auto-gray-5': '#6e7681',
+  'auto-gray-6': '#8b949e',
+  'auto-gray-7': '#b1bac4',
+  'auto-gray-8': '#c9d1d9',
+  'auto-gray-9': '#f0f6fc',
+  'auto-blue-0': '#051d4d',
+  'auto-blue-1': '#0c2d6b',
+  'auto-blue-2': '#0d419d',
+  'auto-blue-3': '#1158c7',
+  'auto-blue-4': '#1f6feb',
+  'auto-blue-5': '#388bfd',
+  'auto-blue-6': '#58a6ff',
+  'auto-blue-7': '#79c0ff',
+  'auto-blue-8': '#a5d6ff',
+  'auto-blue-9': '#cae8ff',
+  'auto-green-0': '#04260f',
+  'auto-green-1': '#033a16',
+  'auto-green-2': '#0f5323',
+  'auto-green-3': '#196c2e',
+  'auto-green-4': '#238636',
+  'auto-green-5': '#2ea043',
+  'auto-green-6': '#3fb950',
+  'auto-green-7': '#56d364',
+  'auto-green-8': '#7ee787',
+  'auto-green-9': '#aff5b4',
+  'auto-yellow-0': '#341a00',
+  'auto-yellow-1': '#4b2900',
+  'auto-yellow-2': '#693e00',
+  'auto-yellow-3': '#845306',
+  'auto-yellow-4': '#9e6a03',
+  'auto-yellow-5': '#bb8009',
+  'auto-yellow-6': '#d29922',
+  'auto-yellow-7': '#e3b341',
+  'auto-yellow-8': '#f2cc60',
+  'auto-yellow-9': '#f8e3a1',
+  'auto-orange-0': '#3d1300',
+  'auto-orange-1': '#5a1e02',
+  'auto-orange-2': '#762d0a',
+  'auto-orange-3': '#9b4215',
+  'auto-orange-4': '#bd561d',
+  'auto-orange-5': '#db6d28',
+  'auto-orange-6': '#f0883e',
+  'auto-orange-7': '#ffa657',
+  'auto-orange-8': '#ffc680',
+  'auto-orange-9': '#ffdfb6',
+  'auto-red-0': '#490202',
+  'auto-red-1': '#67060c',
+  'auto-red-2': '#8e1519',
+  'auto-red-3': '#b62324',
+  'auto-red-4': '#da3633',
+  'auto-red-5': '#f85149',
+  'auto-red-6': '#ff7b72',
+  'auto-red-7': '#ffa198',
+  'auto-red-8': '#ffc1ba',
+  'auto-red-9': '#ffdcd7',
+  'auto-purple-0': '#271052',
+  'auto-purple-1': '#3c1e70',
+  'auto-purple-2': '#553098',
+  'auto-purple-3': '#6e40c9',
+  'auto-purple-4': '#8957e5',
+  'auto-purple-5': '#a371f7',
+  'auto-purple-6': '#bc8cff',
+  'auto-purple-7': '#d2a8ff',
+  'auto-purple-8': '#e2c5ff',
+  'auto-purple-9': '#eddeff',
+  'auto-pink-0': '#42062a',
+  'auto-pink-1': '#5e103e',
+  'auto-pink-2': '#7d2457',
+  'auto-pink-3': '#9e3670',
+  'auto-pink-4': '#bf4b8a',
+  'auto-pink-5': '#db61a2',
+  'auto-pink-6': '#f778ba',
+  'auto-pink-7': '#ff9bce',
+  'auto-pink-8': '#ffbedd',
+  'auto-pink-9': '#ffdaec',
+  'text-primary': '#c9d1d9',
+  'text-secondary': '#8b949e',
+  'text-tertiary': '#8b949e',
+  'text-placeholder': '#484f58',
+  'text-disabled': '#484f58',
+  'text-inverse': '#0d1117',
+  'text-link': '#58a6ff',
+  'text-danger': '#f85149',
+  'text-success': '#56d364',
+  'text-warning': '#e3b341',
+  'text-white': '#f0f6fc',
+  'icon-primary': '#c9d1d9',
+  'icon-secondary': '#6e7681',
+  'icon-tertiary': '#484f58',
+  'icon-info': '#79c0ff',
+  'icon-danger': '#f85149',
+  'icon-success': '#56d364',
+  'icon-warning': '#e3b341',
+  'border-primary': '#30363d',
+  'border-secondary': '#21262d',
+  'border-tertiary': '#6e7681',
+  'border-overlay': '#30363d',
+  'border-inverse': '#f0f6fc',
+  'border-info': '#388bfd66',
+  'border-danger': '#f8514966',
+  'border-success': '#3fb95066',
+  'border-warning': '#bb800966',
+  'bg-canvas': '#0d1117',
+  'bg-canvas-mobile': '#010409',
+  'bg-canvas-inverse': '#f0f6fc',
+  'bg-canvas-inset': '#06090f',
+  'bg-primary': '#0d1117',
+  'bg-secondary': '#0d1117',
+  'bg-tertiary': '#161b22',
+  'bg-overlay': '#21262d',
+  'bg-backdrop': '#010409cc',
+  'bg-info': '#388bfd1a',
+  'bg-info-inverse': '#388bfd',
+  'bg-danger': '#f851491a',
+  'bg-danger-inverse': '#da3633',
+  'bg-success': '#2ea0431a',
+  'bg-success-inverse': '#2ea043',
+  'bg-warning': '#bb80091a',
+  'bg-warning-inverse': '#bb8009',
+  'shadow-small': '0 0 #0000',
+  'shadow-medium': '0 3px 6px #010409',
+  'shadow-large': '0 8px 24px #010409',
+  'shadow-extra-large': '0 12px 48px #010409',
+  'shadow-highlight': '0 0 #0000',
+  'shadow-inset': '0 0 #0000',
+  'state-hover-primary-bg': '#1f6feb',
+  'state-hover-primary-border': '#388bfd',
+  'state-hover-primary-text': '#f0f6fc',
+  'state-hover-primary-icon': '#f0f6fc',
+  'state-hover-secondary-bg': '#161b22',
+  'state-hover-secondary-border': '#161b22',
+  'state-selected-primary-bg': '#1f6feb',
+  'state-selected-primary-border': '#388bfd',
+  'state-selected-primary-text': '#f0f6fc',
+  'state-selected-primary-icon': '#f0f6fc',
+  'state-focus-border': '#388bfd',
+  'state-focus-shadow': '0 0 0 3px #0c2d6b',
+  'fade-fg-10': '#f0f6fc1a',
+  'fade-fg-15': '#f0f6fc26',
+  'fade-fg-30': '#f0f6fc4d',
+  'fade-fg-50': '#f0f6fc80',
+  'fade-fg-70': '#f0f6fcb3',
+  'fade-fg-85': '#f0f6fcd9',
+  'fade-black-10': '#0104091a',
+  'fade-black-15': '#01040926',
+  'fade-black-30': '#0104094d',
+  'fade-black-50': '#01040980',
+  'fade-black-70': '#010409b3',
+  'fade-black-85': '#010409d9',
+  'fade-white-10': '#f0f6fc1a',
+  'fade-white-15': '#f0f6fc26',
+  'fade-white-30': '#f0f6fc4d',
+  'fade-white-50': '#f0f6fc80',
+  'fade-white-70': '#f0f6fcb3',
+  'fade-white-85': '#f0f6fcd9',
+  'alert-info-text': '#79c0ff',
+  'alert-info-icon': '#79c0ff',
+  'alert-info-bg': '#388bfd1a',
+  'alert-info-border': '#388bfd66',
+  'alert-warn-text': '#e3b341',
+  'alert-warn-icon': '#e3b341',
+  'alert-warn-bg': '#bb80091a',
+  'alert-warn-border': '#bb800966',
+  'alert-error-text': '#ff7b72',
+  'alert-error-icon': '#ff7b72',
+  'alert-error-bg': '#f851491a',
+  'alert-error-border': '#f8514966',
+  'alert-success-text': '#56d364',
+  'alert-success-icon': '#56d364',
+  'alert-success-bg': '#2ea0431a',
+  'alert-success-border': '#2ea04366',
+  'autocomplete-shadow': '0 16px 32px #010409d9',
+  'autocomplete-row-border': '#30363d',
+  'blankslate-icon': '#535c66',
+  'btn-text': '#c9d1d9',
+  'btn-bg': '#21262d',
+  'btn-border': '#30363d',
+  'btn-shadow': '0 0 #0000',
+  'btn-inset-shadow': '0 0 #0000',
+  'btn-hover-bg': '#30363d',
+  'btn-hover-border': '#8b949e',
+  'btn-selected-bg': '#161b22',
+  'btn-focus-bg': '#21262d',
+  'btn-focus-border': '#8b949e',
+  'btn-focus-shadow': '0 0 0 3px #8b949e4d',
+  'btn-shadow-active': 'inset 0 0.15em 0.3em #01040926',
+  'btn-shadow-input-focus': '0 0 0 0.2em #1f6feb4d',
+  'btn-primary-text': '#fff',
+  'btn-primary-bg': '#238636',
+  'btn-primary-border': '#2ea043',
+  'btn-primary-shadow': '0 0 #0000',
+  'btn-primary-inset-shadow': '0 0 #0000',
+  'btn-primary-hover-bg': '#2ea043',
+  'btn-primary-hover-border': '#3fb950',
+  'btn-primary-selected-bg': '#238636',
+  'btn-primary-selected-shadow': '0 0 #0000',
+  'btn-primary-disabled-text': '#f0f6fc80',
+  'btn-primary-disabled-bg': '#23863699',
+  'btn-primary-disabled-border': '#0000',
+  'btn-primary-focus-bg': '#238636',
+  'btn-primary-focus-border': '#3fb950',
+  'btn-primary-focus-shadow': '0 0 0 3px #2ea44f66',
+  'btn-primary-icon': '#f0f6fc',
+  'btn-primary-counter-bg': '#f0f6fc33',
+  'btn-outline-text': '#58a6ff',
+  'btn-outline-hover-text': '#58a6ff',
+  'btn-outline-hover-bg': '#30363d',
+  'btn-outline-hover-border': '#58a6ff',
+  'btn-outline-hover-shadow': '0 1px 0 #0104091a',
+  'btn-outline-hover-inset-shadow': 'inset 0 1px 0 #f0f6fc08',
+  'btn-outline-hover-counter-bg': '#f0f6fc33',
+  'btn-outline-selected-text': '#f0f6fc',
+  'btn-outline-selected-bg': '#0d419d',
+  'btn-outline-selected-border': '#f0f6fc1a',
+  'btn-outline-selected-shadow': '0 0 #0000',
+  'btn-outline-disabled-text': '#58a6ff80',
+  'btn-outline-disabled-bg': '#0d1117',
+  'btn-outline-disabled-counter-bg': '#1f6feb0d',
+  'btn-outline-focus-border': '#58a6ff',
+  'btn-outline-focus-shadow': '0 0 0 3px #1158c766',
+  'btn-outline-counter-bg': '#1f6feb1a',
+  'btn-danger-text': '#f85149',
+  'btn-danger-hover-text': '#fff',
+  'btn-danger-hover-bg': '#da3633',
+  'btn-danger-hover-border': '#f85149',
+  'btn-danger-hover-shadow': '0 0 #0000',
+  'btn-danger-hover-inset-shadow': '0 0 #0000',
+  'btn-danger-hover-counter-bg': '#fff3',
+  'btn-danger-selected-text': '#fff',
+  'btn-danger-selected-bg': '#b62324',
+  'btn-danger-selected-border': '#f0f6fc1a',
+  'btn-danger-selected-shadow': '0 0 #0000',
+  'btn-danger-disabled-text': '#f85149',
+  'btn-danger-disabled-bg': '#0d1117',
+  'btn-danger-disabled-counter-bg': '#da36330d',
+  'btn-danger-focus-border': '#f85149',
+  'btn-danger-focus-shadow': '0 0 0 3px #b6232466',
+  'btn-danger-counter-bg': '#da36331a',
+  'btn-counter-bg': '#30363d',
+  'counter-text': '#c9d1d9',
+  'counter-bg': '#30363d',
+  'counter-primary-text': '#c9d1d9',
+  'counter-primary-bg': '#6e7681',
+  'counter-secondary-text': '#8b949e',
+  'dropdown-shadow': '0 16px 32px #010409d9',
+  'label-border': '#30363d',
+  'label-primary-text': '#b1bac4',
+  'label-primary-border': '#6e7681',
+  'label-secondary-text': '#8b949e',
+  'label-secondary-border': '#30363d',
+  'label-info-text': '#388bfd',
+  'label-info-border': '#388bfd66',
+  'label-success-text': '#3fb950',
+  'label-success-border': '#2ea04366',
+  'label-warning-text': '#e3b341',
+  'label-warning-border': '#f2d35b66',
+  'label-danger-text': '#f85149',
+  'label-danger-border': '#f8514966',
+  'label-orange-text': '#db6d28',
+  'label-orange-border': '#db6d2866',
+  'input-bg': '#0d1117',
+  'input-contrast-bg': '#0104094d',
+  'input-border': '#21262d',
+  'input-shadow': '0 0 #0000',
+  'input-disabled-bg': '#161b22',
+  'input-disabled-border': '#30363d',
+  'input-warning-border': '#d29922',
+  'input-error-border': '#f85149',
+  'input-tooltip-success-text': '#56d364',
+  'input-tooltip-success-bg': '#101f1b',
+  'input-tooltip-success-border': '#1c532b',
+  'input-tooltip-warning-text': '#e3b341',
+  'input-tooltip-warning-bg': '#1e1c16',
+  'input-tooltip-warning-border': '#5d4411',
+  'input-tooltip-error-text': '#ff7b72',
+  'input-tooltip-error-bg': '#25171c',
+  'input-tooltip-error-border': '#792e2e',
+  'avatar-bg': '#f0f6fc',
+  'avatar-border': '#f0f6fc1a',
+  'avatar-stack-fade': '#30363d',
+  'avatar-stack-fade-more': '#21262d',
+  'avatar-child-shadow': '-2px -2px 0 #0d1117',
+  'toast-text': '#79c0ff',
+  'toast-bg': '#010409',
+  'toast-border': '#214981',
+  'toast-shadow': '0 8px 24px #010409',
+  'toast-icon': '#79c0ff',
+  'toast-icon-bg': '#121d2e',
+  'toast-icon-border': '#214981',
+  'toast-success-text': '#56d364',
+  'toast-success-border': '#1c532c',
+  'toast-success-icon': '#56d364',
+  'toast-success-icon-bg': '#111f1c',
+  'toast-success-icon-border': '#1c532c',
+  'toast-warning-text': '#e3b341',
+  'toast-warning-border': '#5e4411',
+  'toast-warning-icon': '#e3b341',
+  'toast-warning-icon-bg': '#1f1c16',
+  'toast-warning-icon-border': '#5e4411',
+  'toast-danger-text': '#ff7b72',
+  'toast-danger-border': '#792e2e',
+  'toast-danger-icon': '#ff7b72',
+  'toast-danger-icon-bg': '#25171c',
+  'toast-danger-icon-border': '#792e2e',
+  'toast-loading-text': '#c9d1d9',
+  'toast-loading-border': '#30363d',
+  'toast-loading-icon': '#f0f6fc',
+  'toast-loading-icon-bg': '#30363d',
+  'toast-loading-icon-border': '#30363d',
+  'timeline-text': '#b1bac4',
+  'timeline-badge-bg': '#0d1117',
+  'timeline-target-badge-border': '#1f6feb',
+  'timeline-target-badge-shadow': '#0d419d',
+  'select-menu-border-secondary': '#30363d',
+  'select-menu-shadow': '0 0 18px #01040966',
+  'select-menu-backdrop-bg': '#01040980',
+  'select-menu-backdrop-border': '#484f58',
+  'select-menu-tap-highlight': '#30363d80',
+  'select-menu-tap-focus-bg': '#0c2d6b',
+  'box-blue-border': '#0d419d',
+  'box-row-yellow-bg': '#ebc4401a',
+  'box-row-blue-bg': '#79c0ff1a',
+  'box-header-blue-bg': '#0d1117',
+  'box-header-blue-border': '#30363d',
+  'box-border-info': '#388bfd66',
+  'box-bg-info': '#388bfd1a',
+  'box-border-warning': '#bb800966',
+  'box-bg-warning': '#bb80091a',
+  'branch-name-text': '#c9d1d9',
+  'branch-name-icon': '#b1bac4',
+  'branch-name-bg': '#58a6ff1a',
+  'branch-name-link-text': '#58a6ff',
+  'branch-name-link-icon': '#58a6ff',
+  'branch-name-link-bg': '#58a6ff1a',
+  'markdown-code-bg': '#f0f6fc26',
+  'markdown-frame-border': '#3b434b',
+  'markdown-blockquote-border': '#3b434b',
+  'markdown-table-border': '#3b434b',
+  'markdown-table-tr-border': '#272c32',
+  'menu-heading-text': '#8b949e',
+  'menu-border-active': '#f78166',
+  'menu-bg-active': '#161b22',
+  'sidenav-selected-bg': '#21262d',
+  'sidenav-border-active': '#f78166',
+  'header-text': '#f0f6fcb3',
+  'header-bg': '#161b22',
+  'header-logo': '#f0f6fc',
+  'filter-item-bar-bg': '#12161c',
+  'hidden-text-expander-bg': '#21262d',
+  'hidden-text-expander-bg-hover': '#30363d',
+  'drag-and-drop-border': '#25292f',
+  'upload-enabled-border': '#3b434b',
+  'upload-enabled-border-focused': '#4487ee',
+  'previewable-comment-form-border': '#25292f',
+  'underlinenav-border': '#30363d00',
+  'underlinenav-border-hover': '#30363d',
+  'underlinenav-border-active': '#f78166',
+  'underlinenav-text': '#8b949e',
+  'underlinenav-text-hover': '#c9d1d9',
+  'underlinenav-text-active': '#c9d1d9',
+  'underlinenav-icon': '#6e7681',
+  'underlinenav-icon-hover': '#c9d1d9',
+  'underlinenav-icon-active': '#c9d1d9',
+  'underlinenav-counter-text': '#8b949e',
+  'verified-badge-text': '#3fb950',
+  'verified-badge-bg': '#3fb9501a',
+  'verified-badge-border': '#3fb95066',
+  'social-count-bg': '#21262d',
+  'tooltip-text': '#f0f6fc',
+  'tooltip-bg': '#21262d',
+  'header-search-bg': '#0d1117',
+  'header-search-border': '#21262d',
+  'search-keyword-hl': '#bb800966',
+  'diffstat-neutral-bg': '#30363d',
+  'diffstat-neutral-border': '#f0f6fc1a',
+  'diffstat-deletion-bg': '#da3633',
+  'diffstat-deletion-border': '#f85149',
+  'diffstat-addition-bg': '#238636',
+  'diffstat-addition-border': '#2ea043',
+  'files-explorer-icon': '#6e7681',
+  'hl-author-bg': '#051d4d',
+  'hl-author-border': '#0d419d',
+  'logo-subdued': '#30363d',
+  'discussion-border': '#34513b',
+  'discussion-bg-success': '#2ea0431a',
+  'actions-workflow-table-sticky-bg': '#0d1117f2',
+  'repo-language-color-border': '#f0f6fc33',
+  'code-selection-bg': '#79c0ff4d',
+  'blob-line-highlight-bg': '#bb80091a',
+  'blob-line-highlight-border': '#bb8009',
+  'diff-addition-text': '#56d364',
+  'diff-addition-bg': '#23863626',
+  'diff-addition-border': '#196c2e',
+  'diff-deletion-text': '#f85149',
+  'diff-deletion-bg': '#da363326',
+  'diff-deletion-border': '#b62324',
+  'diff-change-text': '#e3b341',
+  'diff-change-bg': '#341a00',
+  'diff-change-border': '#9e6a03',
+  'diff-blob-num-text': '#f0f6fc4d',
+  'diff-blob-num-hover-text': '#f0f6fc99',
+  'diff-blob-addition-num-text': '#3fb950',
+  'diff-blob-addition-num-hover-text': '#7ee787',
+  'diff-blob-addition-num-bg': '#2386360d',
+  'diff-blob-addition-line-bg': '#23863626',
+  'diff-blob-addition-word-bg': '#2386364d',
+  'diff-blob-deletion-num-text': '#f85149',
+  'diff-blob-deletion-num-hover-text': '#ffa198',
+  'diff-blob-deletion-num-bg': '#da36330d',
+  'diff-blob-deletion-line-bg': '#da363326',
+  'diff-blob-deletion-word-bg': '#da36334d',
+  'diff-blob-hunk-text': '#8b949e',
+  'diff-blob-hunk-num-bg': '#58a6ff26',
+  'diff-blob-hunk-line-bg': '#58a6ff1a',
+  'diff-blob-empty-block-bg': '#161b22',
+  'diff-blob-selected-line-highlight-bg': '#bb80091a',
+  'diff-blob-selected-line-highlight-border': '#bb8009',
+  'diff-blob-selected-line-highlight-mix-blend-mode': 'normal',
+  'diff-blob-expander-icon': '#8b949e',
+  'diff-blob-expander-hover-icon': '#f0f6fc',
+  'diff-blob-expander-hover-bg': '#1f6feb',
+  'diff-blob-comment-button-icon': '#f0f6fc',
+  'diff-blob-comment-button-bg': '#1f6feb',
+  'diff-blob-comment-button-gradient-bg': '#367eed',
+  'global-nav-logo': '#f0f6fc',
+  'global-nav-bg': '#161b22',
+  'global-nav-text': '#c9d1d9',
+  'global-nav-icon': '#c9d1d9',
+  'global-nav-input-bg': '#0d1117',
+  'global-nav-input-border': '#21262d',
+  'global-nav-input-icon': '#21262d',
+  'global-nav-input-placeholder': '#484f58',
+  'calendar-graph-day-bg': '#161b22',
+  'calendar-graph-day-border': '#1b1f230f',
+  'calendar-graph-day-l1-bg': '#01311f',
+  'calendar-graph-day-l2-bg': '#034525',
+  'calendar-graph-day-l3-bg': '#0f6d31',
+  'calendar-graph-day-l4-bg': '#00c647',
+  'calendar-graph-day-l4-border': '#1b1f230f',
+  'calendar-graph-day-l3-border': '#1b1f230f',
+  'calendar-graph-day-l2-border': '#1b1f230f',
+  'calendar-graph-day-l1-border': '#1b1f230f',
+  'footer-invertocat-octicon': '#30363d',
+  'footer-invertocat-octicon-hover': '#6e7681',
+  'pr-state-draft-text': '#8b949e',
+  'pr-state-draft-bg': '#8b949e1a',
+  'pr-state-draft-border': '#8b949e66',
+  'pr-state-open-text': '#3fb950',
+  'pr-state-open-bg': '#3fb9501a',
+  'pr-state-open-border': '#3fb95066',
+  'pr-state-merged-text': '#a371f7',
+  'pr-state-merged-bg': '#bc8cff1a',
+  'pr-state-merged-border': '#bc8cff66',
+  'pr-state-closed-text': '#f85149',
+  'pr-state-closed-bg': '#da36331a',
+  'pr-state-closed-border': '#da363366',
+  'topic-tag-text': '#58a6ff',
+  'topic-tag-bg': '#388bfd1a',
+  'topic-tag-hover-bg': '#388bfd33',
+  'topic-tag-active-bg': '#388bfd26',
+  'merge-box-success-icon-bg': '#2ea0431a',
+  'merge-box-success-icon-text': '#3fb950',
+  'merge-box-success-icon-border': '#2ea04366',
+  'merge-box-success-indicator-bg': '#238636',
+  'merge-box-success-indicator-border': '#2ea043',
+  'merge-box-merged-icon-bg': '#bc8cff1a',
+  'merge-box-merged-icon-text': '#a371f7',
+  'merge-box-merged-icon-border': '#bc8cff66',
+  'merge-box-merged-box-border': '#bc8cff66',
+  'merge-box-neutral-icon-bg': '#c9d1d91a',
+  'merge-box-neutral-icon-text': '#8b949e',
+  'merge-box-neutral-icon-border': '#c9d1d966',
+  'merge-box-neutral-indicator-bg': '#484f58',
+  'merge-box-neutral-indicator-border': '#6e7681',
+  'merge-box-warning-icon-bg': '#bb80091a',
+  'merge-box-warning-icon-text': '#e3b341',
+  'merge-box-warning-icon-border': '#bb800966',
+  'merge-box-warning-box-border': '#bb800966',
+  'merge-box-warning-merge-highlight': '#bb80091a',
+  'merge-box-error-icon-bg': '#f851491a',
+  'merge-box-error-icon-text': '#f85149',
+  'merge-box-error-icon-border': '#f8514966',
+  'merge-box-error-indicator-bg': '#da3633',
+  'merge-box-error-indicator-border': '#f85149',
+  'project-card-bg': '#161b22',
+  'project-header-bg': '#0d1117',
+  'project-sidebar-bg': '#161b22',
+  'project-gradient-in': '#161b22',
+  'project-gradient-out': '#161b2200',
+  'marketing-icon-primary': '#79c0ff',
+  'marketing-icon-secondary': '#1f6feb',
+  'prettylights-syntax-comment': '#8b949e',
+  'prettylights-syntax-constant': '#79c0ff',
+  'prettylights-syntax-entity': '#d2a8ff',
+  'prettylights-syntax-storage-modifier-import': '#c9d1d9',
+  'prettylights-syntax-entity-tag': '#7ee787',
+  'prettylights-syntax-keyword': '#ff7b72',
+  'prettylights-syntax-string': '#a5d6ff',
+  'prettylights-syntax-variable': '#ffa657',
+  'prettylights-syntax-brackethighlighter-unmatched': '#f85149',
+  'prettylights-syntax-invalid-illegal-text': '#f0f6fc',
+  'prettylights-syntax-invalid-illegal-bg': '#8e1519',
+  'prettylights-syntax-carriage-return-text': '#f0f6fc',
+  'prettylights-syntax-carriage-return-bg': '#b62324',
+  'prettylights-syntax-string-regexp': '#7ee787',
+  'prettylights-syntax-markup-list': '#f2cc60',
+  'prettylights-syntax-markup-heading': '#1f6feb',
+  'prettylights-syntax-markup-italic': '#c9d1d9',
+  'prettylights-syntax-markup-bold': '#c9d1d9',
+  'prettylights-syntax-markup-deleted-text': '#ffdcd7',
+  'prettylights-syntax-markup-deleted-bg': '#67060c',
+  'prettylights-syntax-markup-inserted-text': '#aff5b4',
+  'prettylights-syntax-markup-inserted-bg': '#033a16',
+  'prettylights-syntax-markup-changed-text': '#ffdfb6',
+  'prettylights-syntax-markup-changed-bg': '#5a1e02',
+  'prettylights-syntax-markup-ignored-text': '#c9d1d9',
+  'prettylights-syntax-markup-ignored-bg': '#1158c7',
+  'prettylights-syntax-meta-diff-range': '#d2a8ff',
+  'prettylights-syntax-brackethighlighter-angle': '#8b949e',
+  'prettylights-syntax-sublimelinter-gutter-mark': '#484f58',
+  'prettylights-syntax-constant-other-reference-link': '#a5d6ff',
+  'codemirror-text': '#c9d1d9',
+  'codemirror-bg': '#0d1117',
+  'codemirror-gutters-bg': '#0d1117',
+  'codemirror-guttermarker-text': '#0d1117',
+  'codemirror-guttermarker-subtle-text': '#6e7681',
+  'codemirror-linenumber-text': '#8b949e',
+  'codemirror-cursor': '#f0f6fc',
+  'codemirror-selection-bg': '#79c0ff4d',
+  'codemirror-activeline-bg': '#161b22',
+  'codemirror-matchingbracket-text': '#c9d1d9',
+  'codemirror-lines-bg': '#0d1117',
+  'codemirror-syntax-comment': '#8b949e',
+  'codemirror-syntax-constant': '#79c0ff',
+  'codemirror-syntax-entity': '#d2a8ff',
+  'codemirror-syntax-keyword': '#ff7b72',
+  'codemirror-syntax-storage': '#ff7b72',
+  'codemirror-syntax-string': '#a5d6ff',
+  'codemirror-syntax-support': '#79c0ff',
+  'codemirror-syntax-variable': '#ffa657',
+  'ansi-black': '#0d1117',
+  'ansi-black-bright': '#161b22',
+  'ansi-white': '#b1bac4',
+  'ansi-white-bright': '#b1bac4',
+  'ansi-gray': '#6e7681',
+  'ansi-red': '#ff7b72',
+  'ansi-red-bright': '#ffa198',
+  'ansi-green': '#3fb950',
+  'ansi-green-bright': '#56d364',
+  'ansi-yellow': '#d29922',
+  'ansi-yellow-bright': '#e3b341',
+  'ansi-blue': '#58a6ff',
+  'ansi-blue-bright': '#79c0ff',
+  'ansi-magenta': '#bc8cff',
+  'ansi-magenta-bright': '#d2a8ff',
+  'ansi-cyan': '#76e3ea',
+  'ansi-cyan-bright': '#b3f0ff',
+);
diff --git a/src/styles/index.scss b/src/styles/index.scss
index 5f5786e..85a3e31 100644
--- a/src/styles/index.scss
+++ b/src/styles/index.scss
@@ -1,7 +1,6 @@
 @import '~nprogress/nprogress.css';
 
-@import './dark/export.scss';
-@import './light/export.scss';
+@import './themes.scss';
 
 $name: gitako;
 
diff --git a/src/styles/light/export.scss b/src/styles/light/export.scss
deleted file mode 100644
index 1253cf6..0000000
--- a/src/styles/light/export.scss
+++ /dev/null
@@ -1,568 +0,0 @@
-@use './variables.scss' as variables;
-
-:root {
-  --gitako-auto-black: #{variables.$auto-black};
-  --gitako-auto-white: #{variables.$auto-white};
-  --gitako-auto-gray-0: #{variables.$auto-gray-0};
-  --gitako-auto-gray-1: #{variables.$auto-gray-1};
-  --gitako-auto-gray-2: #{variables.$auto-gray-2};
-  --gitako-auto-gray-3: #{variables.$auto-gray-3};
-  --gitako-auto-gray-4: #{variables.$auto-gray-4};
-  --gitako-auto-gray-5: #{variables.$auto-gray-5};
-  --gitako-auto-gray-6: #{variables.$auto-gray-6};
-  --gitako-auto-gray-7: #{variables.$auto-gray-7};
-  --gitako-auto-gray-8: #{variables.$auto-gray-8};
-  --gitako-auto-gray-9: #{variables.$auto-gray-9};
-  --gitako-auto-blue-0: #{variables.$auto-blue-0};
-  --gitako-auto-blue-1: #{variables.$auto-blue-1};
-  --gitako-auto-blue-2: #{variables.$auto-blue-2};
-  --gitako-auto-blue-3: #{variables.$auto-blue-3};
-  --gitako-auto-blue-4: #{variables.$auto-blue-4};
-  --gitako-auto-blue-5: #{variables.$auto-blue-5};
-  --gitako-auto-blue-6: #{variables.$auto-blue-6};
-  --gitako-auto-blue-7: #{variables.$auto-blue-7};
-  --gitako-auto-blue-8: #{variables.$auto-blue-8};
-  --gitako-auto-blue-9: #{variables.$auto-blue-9};
-  --gitako-auto-green-0: #{variables.$auto-green-0};
-  --gitako-auto-green-1: #{variables.$auto-green-1};
-  --gitako-auto-green-2: #{variables.$auto-green-2};
-  --gitako-auto-green-3: #{variables.$auto-green-3};
-  --gitako-auto-green-4: #{variables.$auto-green-4};
-  --gitako-auto-green-5: #{variables.$auto-green-5};
-  --gitako-auto-green-6: #{variables.$auto-green-6};
-  --gitako-auto-green-7: #{variables.$auto-green-7};
-  --gitako-auto-green-8: #{variables.$auto-green-8};
-  --gitako-auto-green-9: #{variables.$auto-green-9};
-  --gitako-auto-yellow-0: #{variables.$auto-yellow-0};
-  --gitako-auto-yellow-1: #{variables.$auto-yellow-1};
-  --gitako-auto-yellow-2: #{variables.$auto-yellow-2};
-  --gitako-auto-yellow-3: #{variables.$auto-yellow-3};
-  --gitako-auto-yellow-4: #{variables.$auto-yellow-4};
-  --gitako-auto-yellow-5: #{variables.$auto-yellow-5};
-  --gitako-auto-yellow-6: #{variables.$auto-yellow-6};
-  --gitako-auto-yellow-7: #{variables.$auto-yellow-7};
-  --gitako-auto-yellow-8: #{variables.$auto-yellow-8};
-  --gitako-auto-yellow-9: #{variables.$auto-yellow-9};
-  --gitako-auto-orange-0: #{variables.$auto-orange-0};
-  --gitako-auto-orange-1: #{variables.$auto-orange-1};
-  --gitako-auto-orange-2: #{variables.$auto-orange-2};
-  --gitako-auto-orange-3: #{variables.$auto-orange-3};
-  --gitako-auto-orange-4: #{variables.$auto-orange-4};
-  --gitako-auto-orange-5: #{variables.$auto-orange-5};
-  --gitako-auto-orange-6: #{variables.$auto-orange-6};
-  --gitako-auto-orange-7: #{variables.$auto-orange-7};
-  --gitako-auto-orange-8: #{variables.$auto-orange-8};
-  --gitako-auto-orange-9: #{variables.$auto-orange-9};
-  --gitako-auto-red-0: #{variables.$auto-red-0};
-  --gitako-auto-red-1: #{variables.$auto-red-1};
-  --gitako-auto-red-2: #{variables.$auto-red-2};
-  --gitako-auto-red-3: #{variables.$auto-red-3};
-  --gitako-auto-red-4: #{variables.$auto-red-4};
-  --gitako-auto-red-5: #{variables.$auto-red-5};
-  --gitako-auto-red-6: #{variables.$auto-red-6};
-  --gitako-auto-red-7: #{variables.$auto-red-7};
-  --gitako-auto-red-8: #{variables.$auto-red-8};
-  --gitako-auto-red-9: #{variables.$auto-red-9};
-  --gitako-auto-purple-0: #{variables.$auto-purple-0};
-  --gitako-auto-purple-1: #{variables.$auto-purple-1};
-  --gitako-auto-purple-2: #{variables.$auto-purple-2};
-  --gitako-auto-purple-3: #{variables.$auto-purple-3};
-  --gitako-auto-purple-4: #{variables.$auto-purple-4};
-  --gitako-auto-purple-5: #{variables.$auto-purple-5};
-  --gitako-auto-purple-6: #{variables.$auto-purple-6};
-  --gitako-auto-purple-7: #{variables.$auto-purple-7};
-  --gitako-auto-purple-8: #{variables.$auto-purple-8};
-  --gitako-auto-purple-9: #{variables.$auto-purple-9};
-  --gitako-auto-pink-0: #{variables.$auto-pink-0};
-  --gitako-auto-pink-1: #{variables.$auto-pink-1};
-  --gitako-auto-pink-2: #{variables.$auto-pink-2};
-  --gitako-auto-pink-3: #{variables.$auto-pink-3};
-  --gitako-auto-pink-4: #{variables.$auto-pink-4};
-  --gitako-auto-pink-5: #{variables.$auto-pink-5};
-  --gitako-auto-pink-6: #{variables.$auto-pink-6};
-  --gitako-auto-pink-7: #{variables.$auto-pink-7};
-  --gitako-auto-pink-8: #{variables.$auto-pink-8};
-  --gitako-auto-pink-9: #{variables.$auto-pink-9};
-  --gitako-text-primary: #{variables.$text-primary};
-  --gitako-text-secondary: #{variables.$text-secondary};
-  --gitako-text-tertiary: #{variables.$text-tertiary};
-  --gitako-text-placeholder: #{variables.$text-placeholder};
-  --gitako-text-disabled: #{variables.$text-disabled};
-  --gitako-text-inverse: #{variables.$text-inverse};
-  --gitako-text-link: #{variables.$text-link};
-  --gitako-text-danger: #{variables.$text-danger};
-  --gitako-text-success: #{variables.$text-success};
-  --gitako-text-warning: #{variables.$text-warning};
-  --gitako-text-white: #{variables.$text-white};
-  --gitako-icon-primary: #{variables.$icon-primary};
-  --gitako-icon-secondary: #{variables.$icon-secondary};
-  --gitako-icon-tertiary: #{variables.$icon-tertiary};
-  --gitako-icon-info: #{variables.$icon-info};
-  --gitako-icon-danger: #{variables.$icon-danger};
-  --gitako-icon-success: #{variables.$icon-success};
-  --gitako-icon-warning: #{variables.$icon-warning};
-  --gitako-border-primary: #{variables.$border-primary};
-  --gitako-border-secondary: #{variables.$border-secondary};
-  --gitako-border-tertiary: #{variables.$border-tertiary};
-  --gitako-border-overlay: #{variables.$border-overlay};
-  --gitako-border-inverse: #{variables.$border-inverse};
-  --gitako-border-info: #{variables.$border-info};
-  --gitako-border-danger: #{variables.$border-danger};
-  --gitako-border-success: #{variables.$border-success};
-  --gitako-border-warning: #{variables.$border-warning};
-  --gitako-bg-canvas: #{variables.$bg-canvas};
-  --gitako-bg-canvas-mobile: #{variables.$bg-canvas-mobile};
-  --gitako-bg-canvas-inverse: #{variables.$bg-canvas-inverse};
-  --gitako-bg-canvas-inset: #{variables.$bg-canvas-inset};
-  --gitako-bg-primary: #{variables.$bg-primary};
-  --gitako-bg-secondary: #{variables.$bg-secondary};
-  --gitako-bg-tertiary: #{variables.$bg-tertiary};
-  --gitako-bg-overlay: #{variables.$bg-overlay};
-  --gitako-bg-backdrop: #{variables.$bg-backdrop};
-  --gitako-bg-info: #{variables.$bg-info};
-  --gitako-bg-info-inverse: #{variables.$bg-info-inverse};
-  --gitako-bg-danger: #{variables.$bg-danger};
-  --gitako-bg-danger-inverse: #{variables.$bg-danger-inverse};
-  --gitako-bg-success: #{variables.$bg-success};
-  --gitako-bg-success-inverse: #{variables.$bg-success-inverse};
-  --gitako-bg-warning: #{variables.$bg-warning};
-  --gitako-bg-warning-inverse: #{variables.$bg-warning-inverse};
-  --gitako-shadow-small: #{variables.$shadow-small};
-  --gitako-shadow-medium: #{variables.$shadow-medium};
-  --gitako-shadow-large: #{variables.$shadow-large};
-  --gitako-shadow-extra-large: #{variables.$shadow-extra-large};
-  --gitako-shadow-highlight: #{variables.$shadow-highlight};
-  --gitako-shadow-inset: #{variables.$shadow-inset};
-  --gitako-state-hover-primary-bg: #{variables.$state-hover-primary-bg};
-  --gitako-state-hover-primary-border: #{variables.$state-hover-primary-border};
-  --gitako-state-hover-primary-text: #{variables.$state-hover-primary-text};
-  --gitako-state-hover-primary-icon: #{variables.$state-hover-primary-icon};
-  --gitako-state-hover-secondary-bg: #{variables.$state-hover-secondary-bg};
-  --gitako-state-hover-secondary-border: #{variables.$state-hover-secondary-border};
-  --gitako-state-selected-primary-bg: #{variables.$state-selected-primary-bg};
-  --gitako-state-selected-primary-border: #{variables.$state-selected-primary-border};
-  --gitako-state-selected-primary-text: #{variables.$state-selected-primary-text};
-  --gitako-state-selected-primary-icon: #{variables.$state-selected-primary-icon};
-  --gitako-state-focus-border: #{variables.$state-focus-border};
-  --gitako-state-focus-shadow: #{variables.$state-focus-shadow};
-  --gitako-fade-fg-10: #{variables.$fade-fg-10};
-  --gitako-fade-fg-15: #{variables.$fade-fg-15};
-  --gitako-fade-fg-30: #{variables.$fade-fg-30};
-  --gitako-fade-fg-50: #{variables.$fade-fg-50};
-  --gitako-fade-fg-70: #{variables.$fade-fg-70};
-  --gitako-fade-fg-85: #{variables.$fade-fg-85};
-  --gitako-fade-black-10: #{variables.$fade-black-10};
-  --gitako-fade-black-15: #{variables.$fade-black-15};
-  --gitako-fade-black-30: #{variables.$fade-black-30};
-  --gitako-fade-black-50: #{variables.$fade-black-50};
-  --gitako-fade-black-70: #{variables.$fade-black-70};
-  --gitako-fade-black-85: #{variables.$fade-black-85};
-  --gitako-fade-white-10: #{variables.$fade-white-10};
-  --gitako-fade-white-15: #{variables.$fade-white-15};
-  --gitako-fade-white-30: #{variables.$fade-white-30};
-  --gitako-fade-white-50: #{variables.$fade-white-50};
-  --gitako-fade-white-70: #{variables.$fade-white-70};
-  --gitako-fade-white-85: #{variables.$fade-white-85};
-  --gitako-alert-info-text: #{variables.$alert-info-text};
-  --gitako-alert-info-icon: #{variables.$alert-info-icon};
-  --gitako-alert-info-bg: #{variables.$alert-info-bg};
-  --gitako-alert-info-border: #{variables.$alert-info-border};
-  --gitako-alert-warn-text: #{variables.$alert-warn-text};
-  --gitako-alert-warn-icon: #{variables.$alert-warn-icon};
-  --gitako-alert-warn-bg: #{variables.$alert-warn-bg};
-  --gitako-alert-warn-border: #{variables.$alert-warn-border};
-  --gitako-alert-error-text: #{variables.$alert-error-text};
-  --gitako-alert-error-icon: #{variables.$alert-error-icon};
-  --gitako-alert-error-bg: #{variables.$alert-error-bg};
-  --gitako-alert-error-border: #{variables.$alert-error-border};
-  --gitako-alert-success-text: #{variables.$alert-success-text};
-  --gitako-alert-success-icon: #{variables.$alert-success-icon};
-  --gitako-alert-success-bg: #{variables.$alert-success-bg};
-  --gitako-alert-success-border: #{variables.$alert-success-border};
-  --gitako-autocomplete-shadow: #{variables.$autocomplete-shadow};
-  --gitako-autocomplete-row-border: #{variables.$autocomplete-row-border};
-  --gitako-blankslate-icon: #{variables.$blankslate-icon};
-  --gitako-btn-text: #{variables.$btn-text};
-  --gitako-btn-bg: #{variables.$btn-bg};
-  --gitako-btn-border: #{variables.$btn-border};
-  --gitako-btn-shadow: #{variables.$btn-shadow};
-  --gitako-btn-inset-shadow: #{variables.$btn-inset-shadow};
-  --gitako-btn-hover-bg: #{variables.$btn-hover-bg};
-  --gitako-btn-hover-border: #{variables.$btn-hover-border};
-  --gitako-btn-selected-bg: #{variables.$btn-selected-bg};
-  --gitako-btn-focus-bg: #{variables.$btn-focus-bg};
-  --gitako-btn-focus-border: #{variables.$btn-focus-border};
-  --gitako-btn-focus-shadow: #{variables.$btn-focus-shadow};
-  --gitako-btn-shadow-active: #{variables.$btn-shadow-active};
-  --gitako-btn-shadow-input-focus: #{variables.$btn-shadow-input-focus};
-  --gitako-btn-primary-text: #{variables.$btn-primary-text};
-  --gitako-btn-primary-bg: #{variables.$btn-primary-bg};
-  --gitako-btn-primary-border: #{variables.$btn-primary-border};
-  --gitako-btn-primary-shadow: #{variables.$btn-primary-shadow};
-  --gitako-btn-primary-inset-shadow: #{variables.$btn-primary-inset-shadow};
-  --gitako-btn-primary-hover-bg: #{variables.$btn-primary-hover-bg};
-  --gitako-btn-primary-hover-border: #{variables.$btn-primary-hover-border};
-  --gitako-btn-primary-selected-bg: #{variables.$btn-primary-selected-bg};
-  --gitako-btn-primary-selected-shadow: #{variables.$btn-primary-selected-shadow};
-  --gitako-btn-primary-disabled-text: #{variables.$btn-primary-disabled-text};
-  --gitako-btn-primary-disabled-bg: #{variables.$btn-primary-disabled-bg};
-  --gitako-btn-primary-disabled-border: #{variables.$btn-primary-disabled-border};
-  --gitako-btn-primary-focus-bg: #{variables.$btn-primary-focus-bg};
-  --gitako-btn-primary-focus-border: #{variables.$btn-primary-focus-border};
-  --gitako-btn-primary-focus-shadow: #{variables.$btn-primary-focus-shadow};
-  --gitako-btn-primary-icon: #{variables.$btn-primary-icon};
-  --gitako-btn-primary-counter-bg: #{variables.$btn-primary-counter-bg};
-  --gitako-btn-outline-text: #{variables.$btn-outline-text};
-  --gitako-btn-outline-hover-text: #{variables.$btn-outline-hover-text};
-  --gitako-btn-outline-hover-bg: #{variables.$btn-outline-hover-bg};
-  --gitako-btn-outline-hover-border: #{variables.$btn-outline-hover-border};
-  --gitako-btn-outline-hover-shadow: #{variables.$btn-outline-hover-shadow};
-  --gitako-btn-outline-hover-inset-shadow: #{variables.$btn-outline-hover-inset-shadow};
-  --gitako-btn-outline-hover-counter-bg: #{variables.$btn-outline-hover-counter-bg};
-  --gitako-btn-outline-selected-text: #{variables.$btn-outline-selected-text};
-  --gitako-btn-outline-selected-bg: #{variables.$btn-outline-selected-bg};
-  --gitako-btn-outline-selected-border: #{variables.$btn-outline-selected-border};
-  --gitako-btn-outline-selected-shadow: #{variables.$btn-outline-selected-shadow};
-  --gitako-btn-outline-disabled-text: #{variables.$btn-outline-disabled-text};
-  --gitako-btn-outline-disabled-bg: #{variables.$btn-outline-disabled-bg};
-  --gitako-btn-outline-disabled-counter-bg: #{variables.$btn-outline-disabled-counter-bg};
-  --gitako-btn-outline-focus-border: #{variables.$btn-outline-focus-border};
-  --gitako-btn-outline-focus-shadow: #{variables.$btn-outline-focus-shadow};
-  --gitako-btn-outline-counter-bg: #{variables.$btn-outline-counter-bg};
-  --gitako-btn-danger-text: #{variables.$btn-danger-text};
-  --gitako-btn-danger-hover-text: #{variables.$btn-danger-hover-text};
-  --gitako-btn-danger-hover-bg: #{variables.$btn-danger-hover-bg};
-  --gitako-btn-danger-hover-border: #{variables.$btn-danger-hover-border};
-  --gitako-btn-danger-hover-shadow: #{variables.$btn-danger-hover-shadow};
-  --gitako-btn-danger-hover-inset-shadow: #{variables.$btn-danger-hover-inset-shadow};
-  --gitako-btn-danger-hover-counter-bg: #{variables.$btn-danger-hover-counter-bg};
-  --gitako-btn-danger-selected-text: #{variables.$btn-danger-selected-text};
-  --gitako-btn-danger-selected-bg: #{variables.$btn-danger-selected-bg};
-  --gitako-btn-danger-selected-border: #{variables.$btn-danger-selected-border};
-  --gitako-btn-danger-selected-shadow: #{variables.$btn-danger-selected-shadow};
-  --gitako-btn-danger-disabled-text: #{variables.$btn-danger-disabled-text};
-  --gitako-btn-danger-disabled-bg: #{variables.$btn-danger-disabled-bg};
-  --gitako-btn-danger-disabled-counter-bg: #{variables.$btn-danger-disabled-counter-bg};
-  --gitako-btn-danger-focus-border: #{variables.$btn-danger-focus-border};
-  --gitako-btn-danger-focus-shadow: #{variables.$btn-danger-focus-shadow};
-  --gitako-btn-danger-counter-bg: #{variables.$btn-danger-counter-bg};
-  --gitako-btn-counter-bg: #{variables.$btn-counter-bg};
-  --gitako-counter-text: #{variables.$counter-text};
-  --gitako-counter-bg: #{variables.$counter-bg};
-  --gitako-counter-primary-text: #{variables.$counter-primary-text};
-  --gitako-counter-primary-bg: #{variables.$counter-primary-bg};
-  --gitako-counter-secondary-text: #{variables.$counter-secondary-text};
-  --gitako-dropdown-shadow: #{variables.$dropdown-shadow};
-  --gitako-label-border: #{variables.$label-border};
-  --gitako-label-primary-text: #{variables.$label-primary-text};
-  --gitako-label-primary-border: #{variables.$label-primary-border};
-  --gitako-label-secondary-text: #{variables.$label-secondary-text};
-  --gitako-label-secondary-border: #{variables.$label-secondary-border};
-  --gitako-label-info-text: #{variables.$label-info-text};
-  --gitako-label-info-border: #{variables.$label-info-border};
-  --gitako-label-success-text: #{variables.$label-success-text};
-  --gitako-label-success-border: #{variables.$label-success-border};
-  --gitako-label-warning-text: #{variables.$label-warning-text};
-  --gitako-label-warning-border: #{variables.$label-warning-border};
-  --gitako-label-danger-text: #{variables.$label-danger-text};
-  --gitako-label-danger-border: #{variables.$label-danger-border};
-  --gitako-label-orange-text: #{variables.$label-orange-text};
-  --gitako-label-orange-border: #{variables.$label-orange-border};
-  --gitako-input-bg: #{variables.$input-bg};
-  --gitako-input-contrast-bg: #{variables.$input-contrast-bg};
-  --gitako-input-border: #{variables.$input-border};
-  --gitako-input-shadow: #{variables.$input-shadow};
-  --gitako-input-disabled-bg: #{variables.$input-disabled-bg};
-  --gitako-input-disabled-border: #{variables.$input-disabled-border};
-  --gitako-input-warning-border: #{variables.$input-warning-border};
-  --gitako-input-error-border: #{variables.$input-error-border};
-  --gitako-input-tooltip-success-text: #{variables.$input-tooltip-success-text};
-  --gitako-input-tooltip-success-bg: #{variables.$input-tooltip-success-bg};
-  --gitako-input-tooltip-success-border: #{variables.$input-tooltip-success-border};
-  --gitako-input-tooltip-warning-text: #{variables.$input-tooltip-warning-text};
-  --gitako-input-tooltip-warning-bg: #{variables.$input-tooltip-warning-bg};
-  --gitako-input-tooltip-warning-border: #{variables.$input-tooltip-warning-border};
-  --gitako-input-tooltip-error-text: #{variables.$input-tooltip-error-text};
-  --gitako-input-tooltip-error-bg: #{variables.$input-tooltip-error-bg};
-  --gitako-input-tooltip-error-border: #{variables.$input-tooltip-error-border};
-  --gitako-avatar-bg: #{variables.$avatar-bg};
-  --gitako-avatar-border: #{variables.$avatar-border};
-  --gitako-avatar-stack-fade: #{variables.$avatar-stack-fade};
-  --gitako-avatar-stack-fade-more: #{variables.$avatar-stack-fade-more};
-  --gitako-avatar-child-shadow: #{variables.$avatar-child-shadow};
-  --gitako-toast-text: #{variables.$toast-text};
-  --gitako-toast-bg: #{variables.$toast-bg};
-  --gitako-toast-border: #{variables.$toast-border};
-  --gitako-toast-shadow: #{variables.$toast-shadow};
-  --gitako-toast-icon: #{variables.$toast-icon};
-  --gitako-toast-icon-bg: #{variables.$toast-icon-bg};
-  --gitako-toast-icon-border: #{variables.$toast-icon-border};
-  --gitako-toast-success-text: #{variables.$toast-success-text};
-  --gitako-toast-success-border: #{variables.$toast-success-border};
-  --gitako-toast-success-icon: #{variables.$toast-success-icon};
-  --gitako-toast-success-icon-bg: #{variables.$toast-success-icon-bg};
-  --gitako-toast-success-icon-border: #{variables.$toast-success-icon-border};
-  --gitako-toast-warning-text: #{variables.$toast-warning-text};
-  --gitako-toast-warning-border: #{variables.$toast-warning-border};
-  --gitako-toast-warning-icon: #{variables.$toast-warning-icon};
-  --gitako-toast-warning-icon-bg: #{variables.$toast-warning-icon-bg};
-  --gitako-toast-warning-icon-border: #{variables.$toast-warning-icon-border};
-  --gitako-toast-danger-text: #{variables.$toast-danger-text};
-  --gitako-toast-danger-border: #{variables.$toast-danger-border};
-  --gitako-toast-danger-icon: #{variables.$toast-danger-icon};
-  --gitako-toast-danger-icon-bg: #{variables.$toast-danger-icon-bg};
-  --gitako-toast-danger-icon-border: #{variables.$toast-danger-icon-border};
-  --gitako-toast-loading-text: #{variables.$toast-loading-text};
-  --gitako-toast-loading-border: #{variables.$toast-loading-border};
-  --gitako-toast-loading-icon: #{variables.$toast-loading-icon};
-  --gitako-toast-loading-icon-bg: #{variables.$toast-loading-icon-bg};
-  --gitako-toast-loading-icon-border: #{variables.$toast-loading-icon-border};
-  --gitako-timeline-text: #{variables.$timeline-text};
-  --gitako-timeline-badge-bg: #{variables.$timeline-badge-bg};
-  --gitako-timeline-target-badge-border: #{variables.$timeline-target-badge-border};
-  --gitako-timeline-target-badge-shadow: #{variables.$timeline-target-badge-shadow};
-  --gitako-select-menu-border-secondary: #{variables.$select-menu-border-secondary};
-  --gitako-select-menu-shadow: #{variables.$select-menu-shadow};
-  --gitako-select-menu-backdrop-bg: #{variables.$select-menu-backdrop-bg};
-  --gitako-select-menu-backdrop-border: #{variables.$select-menu-backdrop-border};
-  --gitako-select-menu-tap-highlight: #{variables.$select-menu-tap-highlight};
-  --gitako-select-menu-tap-focus-bg: #{variables.$select-menu-tap-focus-bg};
-  --gitako-box-blue-border: #{variables.$box-blue-border};
-  --gitako-box-row-yellow-bg: #{variables.$box-row-yellow-bg};
-  --gitako-box-row-blue-bg: #{variables.$box-row-blue-bg};
-  --gitako-box-header-blue-bg: #{variables.$box-header-blue-bg};
-  --gitako-box-header-blue-border: #{variables.$box-header-blue-border};
-  --gitako-box-border-info: #{variables.$box-border-info};
-  --gitako-box-bg-info: #{variables.$box-bg-info};
-  --gitako-box-border-warning: #{variables.$box-border-warning};
-  --gitako-box-bg-warning: #{variables.$box-bg-warning};
-  --gitako-branch-name-text: #{variables.$branch-name-text};
-  --gitako-branch-name-icon: #{variables.$branch-name-icon};
-  --gitako-branch-name-bg: #{variables.$branch-name-bg};
-  --gitako-branch-name-link-text: #{variables.$branch-name-link-text};
-  --gitako-branch-name-link-icon: #{variables.$branch-name-link-icon};
-  --gitako-branch-name-link-bg: #{variables.$branch-name-link-bg};
-  --gitako-markdown-code-bg: #{variables.$markdown-code-bg};
-  --gitako-markdown-frame-border: #{variables.$markdown-frame-border};
-  --gitako-markdown-blockquote-border: #{variables.$markdown-blockquote-border};
-  --gitako-markdown-table-border: #{variables.$markdown-table-border};
-  --gitako-markdown-table-tr-border: #{variables.$markdown-table-tr-border};
-  --gitako-menu-heading-text: #{variables.$menu-heading-text};
-  --gitako-menu-border-active: #{variables.$menu-border-active};
-  --gitako-menu-bg-active: #{variables.$menu-bg-active};
-  --gitako-sidenav-selected-bg: #{variables.$sidenav-selected-bg};
-  --gitako-sidenav-border-active: #{variables.$sidenav-border-active};
-  --gitako-header-text: #{variables.$header-text};
-  --gitako-header-bg: #{variables.$header-bg};
-  --gitako-header-logo: #{variables.$header-logo};
-  --gitako-filter-item-bar-bg: #{variables.$filter-item-bar-bg};
-  --gitako-hidden-text-expander-bg: #{variables.$hidden-text-expander-bg};
-  --gitako-hidden-text-expander-bg-hover: #{variables.$hidden-text-expander-bg-hover};
-  --gitako-drag-and-drop-border: #{variables.$drag-and-drop-border};
-  --gitako-upload-enabled-border: #{variables.$upload-enabled-border};
-  --gitako-upload-enabled-border-focused: #{variables.$upload-enabled-border-focused};
-  --gitako-previewable-comment-form-border: #{variables.$previewable-comment-form-border};
-  --gitako-underlinenav-border: #{variables.$underlinenav-border};
-  --gitako-underlinenav-border-hover: #{variables.$underlinenav-border-hover};
-  --gitako-underlinenav-border-active: #{variables.$underlinenav-border-active};
-  --gitako-underlinenav-text: #{variables.$underlinenav-text};
-  --gitako-underlinenav-text-hover: #{variables.$underlinenav-text-hover};
-  --gitako-underlinenav-text-active: #{variables.$underlinenav-text-active};
-  --gitako-underlinenav-icon: #{variables.$underlinenav-icon};
-  --gitako-underlinenav-icon-hover: #{variables.$underlinenav-icon-hover};
-  --gitako-underlinenav-icon-active: #{variables.$underlinenav-icon-active};
-  --gitako-underlinenav-counter-text: #{variables.$underlinenav-counter-text};
-  --gitako-verified-badge-text: #{variables.$verified-badge-text};
-  --gitako-verified-badge-bg: #{variables.$verified-badge-bg};
-  --gitako-verified-badge-border: #{variables.$verified-badge-border};
-  --gitako-social-count-bg: #{variables.$social-count-bg};
-  --gitako-tooltip-text: #{variables.$tooltip-text};
-  --gitako-tooltip-bg: #{variables.$tooltip-bg};
-  --gitako-header-search-bg: #{variables.$header-search-bg};
-  --gitako-header-search-border: #{variables.$header-search-border};
-  --gitako-search-keyword-hl: #{variables.$search-keyword-hl};
-  --gitako-diffstat-neutral-bg: #{variables.$diffstat-neutral-bg};
-  --gitako-diffstat-neutral-border: #{variables.$diffstat-neutral-border};
-  --gitako-diffstat-deletion-bg: #{variables.$diffstat-deletion-bg};
-  --gitako-diffstat-deletion-border: #{variables.$diffstat-deletion-border};
-  --gitako-diffstat-addition-bg: #{variables.$diffstat-addition-bg};
-  --gitako-diffstat-addition-border: #{variables.$diffstat-addition-border};
-  --gitako-files-explorer-icon: #{variables.$files-explorer-icon};
-  --gitako-hl-author-bg: #{variables.$hl-author-bg};
-  --gitako-hl-author-border: #{variables.$hl-author-border};
-  --gitako-logo-subdued: #{variables.$logo-subdued};
-  --gitako-discussion-border: #{variables.$discussion-border};
-  --gitako-discussion-bg-success: #{variables.$discussion-bg-success};
-  --gitako-actions-workflow-table-sticky-bg: #{variables.$actions-workflow-table-sticky-bg};
-  --gitako-repo-language-color-border: #{variables.$repo-language-color-border};
-  --gitako-code-selection-bg: #{variables.$code-selection-bg};
-  --gitako-blob-line-highlight-bg: #{variables.$blob-line-highlight-bg};
-  --gitako-blob-line-highlight-border: #{variables.$blob-line-highlight-border};
-  --gitako-diff-addition-text: #{variables.$diff-addition-text};
-  --gitako-diff-addition-bg: #{variables.$diff-addition-bg};
-  --gitako-diff-addition-border: #{variables.$diff-addition-border};
-  --gitako-diff-deletion-text: #{variables.$diff-deletion-text};
-  --gitako-diff-deletion-bg: #{variables.$diff-deletion-bg};
-  --gitako-diff-deletion-border: #{variables.$diff-deletion-border};
-  --gitako-diff-change-text: #{variables.$diff-change-text};
-  --gitako-diff-change-bg: #{variables.$diff-change-bg};
-  --gitako-diff-change-border: #{variables.$diff-change-border};
-  --gitako-diff-blob-num-text: #{variables.$diff-blob-num-text};
-  --gitako-diff-blob-num-hover-text: #{variables.$diff-blob-num-hover-text};
-  --gitako-diff-blob-addition-num-text: #{variables.$diff-blob-addition-num-text};
-  --gitako-diff-blob-addition-num-hover-text: #{variables.$diff-blob-addition-num-hover-text};
-  --gitako-diff-blob-addition-num-bg: #{variables.$diff-blob-addition-num-bg};
-  --gitako-diff-blob-addition-line-bg: #{variables.$diff-blob-addition-line-bg};
-  --gitako-diff-blob-addition-word-bg: #{variables.$diff-blob-addition-word-bg};
-  --gitako-diff-blob-deletion-num-text: #{variables.$diff-blob-deletion-num-text};
-  --gitako-diff-blob-deletion-num-hover-text: #{variables.$diff-blob-deletion-num-hover-text};
-  --gitako-diff-blob-deletion-num-bg: #{variables.$diff-blob-deletion-num-bg};
-  --gitako-diff-blob-deletion-line-bg: #{variables.$diff-blob-deletion-line-bg};
-  --gitako-diff-blob-deletion-word-bg: #{variables.$diff-blob-deletion-word-bg};
-  --gitako-diff-blob-hunk-text: #{variables.$diff-blob-hunk-text};
-  --gitako-diff-blob-hunk-num-bg: #{variables.$diff-blob-hunk-num-bg};
-  --gitako-diff-blob-hunk-line-bg: #{variables.$diff-blob-hunk-line-bg};
-  --gitako-diff-blob-empty-block-bg: #{variables.$diff-blob-empty-block-bg};
-  --gitako-diff-blob-selected-line-highlight-bg: #{variables.$diff-blob-selected-line-highlight-bg};
-  --gitako-diff-blob-selected-line-highlight-border: #{variables.$diff-blob-selected-line-highlight-border};
-  --gitako-diff-blob-selected-line-highlight-mix-blend-mode: #{variables.$diff-blob-selected-line-highlight-mix-blend-mode};
-  --gitako-diff-blob-expander-icon: #{variables.$diff-blob-expander-icon};
-  --gitako-diff-blob-expander-hover-icon: #{variables.$diff-blob-expander-hover-icon};
-  --gitako-diff-blob-expander-hover-bg: #{variables.$diff-blob-expander-hover-bg};
-  --gitako-diff-blob-comment-button-icon: #{variables.$diff-blob-comment-button-icon};
-  --gitako-diff-blob-comment-button-bg: #{variables.$diff-blob-comment-button-bg};
-  --gitako-diff-blob-comment-button-gradient-bg: #{variables.$diff-blob-comment-button-gradient-bg};
-  --gitako-global-nav-logo: #{variables.$global-nav-logo};
-  --gitako-global-nav-bg: #{variables.$global-nav-bg};
-  --gitako-global-nav-text: #{variables.$global-nav-text};
-  --gitako-global-nav-icon: #{variables.$global-nav-icon};
-  --gitako-global-nav-input-bg: #{variables.$global-nav-input-bg};
-  --gitako-global-nav-input-border: #{variables.$global-nav-input-border};
-  --gitako-global-nav-input-icon: #{variables.$global-nav-input-icon};
-  --gitako-global-nav-input-placeholder: #{variables.$global-nav-input-placeholder};
-  --gitako-calendar-graph-day-bg: #{variables.$calendar-graph-day-bg};
-  --gitako-calendar-graph-day-border: #{variables.$calendar-graph-day-border};
-  --gitako-calendar-graph-day-l1-bg: #{variables.$calendar-graph-day-l1-bg};
-  --gitako-calendar-graph-day-l2-bg: #{variables.$calendar-graph-day-l2-bg};
-  --gitako-calendar-graph-day-l3-bg: #{variables.$calendar-graph-day-l3-bg};
-  --gitako-calendar-graph-day-l4-bg: #{variables.$calendar-graph-day-l4-bg};
-  --gitako-calendar-graph-day-l4-border: #{variables.$calendar-graph-day-l4-border};
-  --gitako-calendar-graph-day-l3-border: #{variables.$calendar-graph-day-l3-border};
-  --gitako-calendar-graph-day-l2-border: #{variables.$calendar-graph-day-l2-border};
-  --gitako-calendar-graph-day-l1-border: #{variables.$calendar-graph-day-l1-border};
-  --gitako-footer-invertocat-octicon: #{variables.$footer-invertocat-octicon};
-  --gitako-footer-invertocat-octicon-hover: #{variables.$footer-invertocat-octicon-hover};
-  --gitako-pr-state-draft-text: #{variables.$pr-state-draft-text};
-  --gitako-pr-state-draft-bg: #{variables.$pr-state-draft-bg};
-  --gitako-pr-state-draft-border: #{variables.$pr-state-draft-border};
-  --gitako-pr-state-open-text: #{variables.$pr-state-open-text};
-  --gitako-pr-state-open-bg: #{variables.$pr-state-open-bg};
-  --gitako-pr-state-open-border: #{variables.$pr-state-open-border};
-  --gitako-pr-state-merged-text: #{variables.$pr-state-merged-text};
-  --gitako-pr-state-merged-bg: #{variables.$pr-state-merged-bg};
-  --gitako-pr-state-merged-border: #{variables.$pr-state-merged-border};
-  --gitako-pr-state-closed-text: #{variables.$pr-state-closed-text};
-  --gitako-pr-state-closed-bg: #{variables.$pr-state-closed-bg};
-  --gitako-pr-state-closed-border: #{variables.$pr-state-closed-border};
-  --gitako-topic-tag-text: #{variables.$topic-tag-text};
-  --gitako-topic-tag-bg: #{variables.$topic-tag-bg};
-  --gitako-topic-tag-hover-bg: #{variables.$topic-tag-hover-bg};
-  --gitako-topic-tag-active-bg: #{variables.$topic-tag-active-bg};
-  --gitako-merge-box-success-icon-bg: #{variables.$merge-box-success-icon-bg};
-  --gitako-merge-box-success-icon-text: #{variables.$merge-box-success-icon-text};
-  --gitako-merge-box-success-icon-border: #{variables.$merge-box-success-icon-border};
-  --gitako-merge-box-success-indicator-bg: #{variables.$merge-box-success-indicator-bg};
-  --gitako-merge-box-success-indicator-border: #{variables.$merge-box-success-indicator-border};
-  --gitako-merge-box-merged-icon-bg: #{variables.$merge-box-merged-icon-bg};
-  --gitako-merge-box-merged-icon-text: #{variables.$merge-box-merged-icon-text};
-  --gitako-merge-box-merged-icon-border: #{variables.$merge-box-merged-icon-border};
-  --gitako-merge-box-merged-box-border: #{variables.$merge-box-merged-box-border};
-  --gitako-merge-box-neutral-icon-bg: #{variables.$merge-box-neutral-icon-bg};
-  --gitako-merge-box-neutral-icon-text: #{variables.$merge-box-neutral-icon-text};
-  --gitako-merge-box-neutral-icon-border: #{variables.$merge-box-neutral-icon-border};
-  --gitako-merge-box-neutral-indicator-bg: #{variables.$merge-box-neutral-indicator-bg};
-  --gitako-merge-box-neutral-indicator-border: #{variables.$merge-box-neutral-indicator-border};
-  --gitako-merge-box-warning-icon-bg: #{variables.$merge-box-warning-icon-bg};
-  --gitako-merge-box-warning-icon-text: #{variables.$merge-box-warning-icon-text};
-  --gitako-merge-box-warning-icon-border: #{variables.$merge-box-warning-icon-border};
-  --gitako-merge-box-warning-box-border: #{variables.$merge-box-warning-box-border};
-  --gitako-merge-box-warning-merge-highlight: #{variables.$merge-box-warning-merge-highlight};
-  --gitako-merge-box-error-icon-bg: #{variables.$merge-box-error-icon-bg};
-  --gitako-merge-box-error-icon-text: #{variables.$merge-box-error-icon-text};
-  --gitako-merge-box-error-icon-border: #{variables.$merge-box-error-icon-border};
-  --gitako-merge-box-error-indicator-bg: #{variables.$merge-box-error-indicator-bg};
-  --gitako-merge-box-error-indicator-border: #{variables.$merge-box-error-indicator-border};
-  --gitako-project-card-bg: #{variables.$project-card-bg};
-  --gitako-project-header-bg: #{variables.$project-header-bg};
-  --gitako-project-sidebar-bg: #{variables.$project-sidebar-bg};
-  --gitako-project-gradient-in: #{variables.$project-gradient-in};
-  --gitako-project-gradient-out: #{variables.$project-gradient-out};
-  --gitako-marketing-icon-primary: #{variables.$marketing-icon-primary};
-  --gitako-marketing-icon-secondary: #{variables.$marketing-icon-secondary};
-  --gitako-prettylights-syntax-comment: #{variables.$prettylights-syntax-comment};
-  --gitako-prettylights-syntax-constant: #{variables.$prettylights-syntax-constant};
-  --gitako-prettylights-syntax-entity: #{variables.$prettylights-syntax-entity};
-  --gitako-prettylights-syntax-storage-modifier-import: #{variables.$prettylights-syntax-storage-modifier-import};
-  --gitako-prettylights-syntax-entity-tag: #{variables.$prettylights-syntax-entity-tag};
-  --gitako-prettylights-syntax-keyword: #{variables.$prettylights-syntax-keyword};
-  --gitako-prettylights-syntax-string: #{variables.$prettylights-syntax-string};
-  --gitako-prettylights-syntax-variable: #{variables.$prettylights-syntax-variable};
-  --gitako-prettylights-syntax-brackethighlighter-unmatched: #{variables.$prettylights-syntax-brackethighlighter-unmatched};
-  --gitako-prettylights-syntax-invalid-illegal-text: #{variables.$prettylights-syntax-invalid-illegal-text};
-  --gitako-prettylights-syntax-invalid-illegal-bg: #{variables.$prettylights-syntax-invalid-illegal-bg};
-  --gitako-prettylights-syntax-carriage-return-text: #{variables.$prettylights-syntax-carriage-return-text};
-  --gitako-prettylights-syntax-carriage-return-bg: #{variables.$prettylights-syntax-carriage-return-bg};
-  --gitako-prettylights-syntax-string-regexp: #{variables.$prettylights-syntax-string-regexp};
-  --gitako-prettylights-syntax-markup-list: #{variables.$prettylights-syntax-markup-list};
-  --gitako-prettylights-syntax-markup-heading: #{variables.$prettylights-syntax-markup-heading};
-  --gitako-prettylights-syntax-markup-italic: #{variables.$prettylights-syntax-markup-italic};
-  --gitako-prettylights-syntax-markup-bold: #{variables.$prettylights-syntax-markup-bold};
-  --gitako-prettylights-syntax-markup-deleted-text: #{variables.$prettylights-syntax-markup-deleted-text};
-  --gitako-prettylights-syntax-markup-deleted-bg: #{variables.$prettylights-syntax-markup-deleted-bg};
-  --gitako-prettylights-syntax-markup-inserted-text: #{variables.$prettylights-syntax-markup-inserted-text};
-  --gitako-prettylights-syntax-markup-inserted-bg: #{variables.$prettylights-syntax-markup-inserted-bg};
-  --gitako-prettylights-syntax-markup-changed-text: #{variables.$prettylights-syntax-markup-changed-text};
-  --gitako-prettylights-syntax-markup-changed-bg: #{variables.$prettylights-syntax-markup-changed-bg};
-  --gitako-prettylights-syntax-markup-ignored-text: #{variables.$prettylights-syntax-markup-ignored-text};
-  --gitako-prettylights-syntax-markup-ignored-bg: #{variables.$prettylights-syntax-markup-ignored-bg};
-  --gitako-prettylights-syntax-meta-diff-range: #{variables.$prettylights-syntax-meta-diff-range};
-  --gitako-prettylights-syntax-brackethighlighter-angle: #{variables.$prettylights-syntax-brackethighlighter-angle};
-  --gitako-prettylights-syntax-sublimelinter-gutter-mark: #{variables.$prettylights-syntax-sublimelinter-gutter-mark};
-  --gitako-prettylights-syntax-constant-other-reference-link: #{variables.$prettylights-syntax-constant-other-reference-link};
-  --gitako-codemirror-text: #{variables.$codemirror-text};
-  --gitako-codemirror-bg: #{variables.$codemirror-bg};
-  --gitako-codemirror-gutters-bg: #{variables.$codemirror-gutters-bg};
-  --gitako-codemirror-guttermarker-text: #{variables.$codemirror-guttermarker-text};
-  --gitako-codemirror-guttermarker-subtle-text: #{variables.$codemirror-guttermarker-subtle-text};
-  --gitako-codemirror-linenumber-text: #{variables.$codemirror-linenumber-text};
-  --gitako-codemirror-cursor: #{variables.$codemirror-cursor};
-  --gitako-codemirror-selection-bg: #{variables.$codemirror-selection-bg};
-  --gitako-codemirror-activeline-bg: #{variables.$codemirror-activeline-bg};
-  --gitako-codemirror-matchingbracket-text: #{variables.$codemirror-matchingbracket-text};
-  --gitako-codemirror-lines-bg: #{variables.$codemirror-lines-bg};
-  --gitako-codemirror-syntax-comment: #{variables.$codemirror-syntax-comment};
-  --gitako-codemirror-syntax-constant: #{variables.$codemirror-syntax-constant};
-  --gitako-codemirror-syntax-entity: #{variables.$codemirror-syntax-entity};
-  --gitako-codemirror-syntax-keyword: #{variables.$codemirror-syntax-keyword};
-  --gitako-codemirror-syntax-storage: #{variables.$codemirror-syntax-storage};
-  --gitako-codemirror-syntax-string: #{variables.$codemirror-syntax-string};
-  --gitako-codemirror-syntax-support: #{variables.$codemirror-syntax-support};
-  --gitako-codemirror-syntax-variable: #{variables.$codemirror-syntax-variable};
-  --gitako-ansi-black: #{variables.$ansi-black};
-  --gitako-ansi-black-bright: #{variables.$ansi-black-bright};
-  --gitako-ansi-white: #{variables.$ansi-white};
-  --gitako-ansi-white-bright: #{variables.$ansi-white-bright};
-  --gitako-ansi-gray: #{variables.$ansi-gray};
-  --gitako-ansi-red: #{variables.$ansi-red};
-  --gitako-ansi-red-bright: #{variables.$ansi-red-bright};
-  --gitako-ansi-green: #{variables.$ansi-green};
-  --gitako-ansi-green-bright: #{variables.$ansi-green-bright};
-  --gitako-ansi-yellow: #{variables.$ansi-yellow};
-  --gitako-ansi-yellow-bright: #{variables.$ansi-yellow-bright};
-  --gitako-ansi-blue: #{variables.$ansi-blue};
-  --gitako-ansi-blue-bright: #{variables.$ansi-blue-bright};
-  --gitako-ansi-magenta: #{variables.$ansi-magenta};
-  --gitako-ansi-magenta-bright: #{variables.$ansi-magenta-bright};
-  --gitako-ansi-cyan: #{variables.$ansi-cyan};
-  --gitako-ansi-cyan-bright: #{variables.$ansi-cyan-bright};
-}
diff --git a/src/styles/light/variables.scss b/src/styles/light/variables.scss
index 6e3c87d..ab58492 100644
--- a/src/styles/light/variables.scss
+++ b/src/styles/light/variables.scss
@@ -1,564 +1,566 @@
-$auto-black: #1b1f23;
-$auto-white: #fff;
-$auto-gray-0: #fafbfc;
-$auto-gray-1: #f6f8fa;
-$auto-gray-2: #e1e4e8;
-$auto-gray-3: #d1d5da;
-$auto-gray-4: #959da5;
-$auto-gray-5: #6a737d;
-$auto-gray-6: #586069;
-$auto-gray-7: #444d56;
-$auto-gray-8: #2f363d;
-$auto-gray-9: #24292e;
-$auto-blue-0: #f1f8ff;
-$auto-blue-1: #dbedff;
-$auto-blue-2: #c8e1ff;
-$auto-blue-3: #79b8ff;
-$auto-blue-4: #2188ff;
-$auto-blue-5: #0366d6;
-$auto-blue-6: #005cc5;
-$auto-blue-7: #044289;
-$auto-blue-8: #032f62;
-$auto-blue-9: #05264c;
-$auto-green-0: #f0fff4;
-$auto-green-1: #dcffe4;
-$auto-green-2: #bef5cb;
-$auto-green-3: #85e89d;
-$auto-green-4: #34d058;
-$auto-green-5: #28a745;
-$auto-green-6: #22863a;
-$auto-green-7: #176f2c;
-$auto-green-8: #165c26;
-$auto-green-9: #144620;
-$auto-yellow-0: #fffdef;
-$auto-yellow-1: #fffbdd;
-$auto-yellow-2: #fff5b1;
-$auto-yellow-3: #ffea7f;
-$auto-yellow-4: #ffdf5d;
-$auto-yellow-5: #ffd33d;
-$auto-yellow-6: #f9c513;
-$auto-yellow-7: #dbab09;
-$auto-yellow-8: #b08800;
-$auto-yellow-9: #735c0f;
-$auto-orange-0: #fff8f2;
-$auto-orange-1: #ffebda;
-$auto-orange-2: #ffd1ac;
-$auto-orange-3: #ffab70;
-$auto-orange-4: #fb8532;
-$auto-orange-5: #f66a0a;
-$auto-orange-6: #e36209;
-$auto-orange-7: #d15704;
-$auto-orange-8: #c24e00;
-$auto-orange-9: #a04100;
-$auto-red-0: #ffeef0;
-$auto-red-1: #ffdce0;
-$auto-red-2: #fdaeb7;
-$auto-red-3: #f97583;
-$auto-red-4: #ea4a5a;
-$auto-red-5: #d73a49;
-$auto-red-6: #cb2431;
-$auto-red-7: #b31d28;
-$auto-red-8: #9e1c23;
-$auto-red-9: #86181d;
-$auto-purple-0: #f5f0ff;
-$auto-purple-1: #e6dcfd;
-$auto-purple-2: #d1bcf9;
-$auto-purple-3: #b392f0;
-$auto-purple-4: #8a63d2;
-$auto-purple-5: #6f42c1;
-$auto-purple-6: #5a32a3;
-$auto-purple-7: #4c2889;
-$auto-purple-8: #3a1d6e;
-$auto-purple-9: #29134e;
-$auto-pink-0: #ffeef8;
-$auto-pink-1: #fedbf0;
-$auto-pink-2: #f9b3dd;
-$auto-pink-3: #f692ce;
-$auto-pink-4: #ec6cb9;
-$auto-pink-5: #ea4aaa;
-$auto-pink-6: #d03592;
-$auto-pink-7: #b93a86;
-$auto-pink-8: #99306f;
-$auto-pink-9: #6d224f;
-$text-primary: #24292e;
-$text-secondary: #586069;
-$text-tertiary: #6a737d;
-$text-placeholder: #6a737d;
-$text-disabled: #6a737d;
-$text-inverse: #fff;
-$text-link: #0366d6;
-$text-danger: #cb2431;
-$text-success: #22863a;
-$text-warning: #b08800;
-$text-white: #fff;
-$icon-primary: #24292e;
-$icon-secondary: #586069;
-$icon-tertiary: #959da5;
-$icon-info: #0366d6;
-$icon-danger: #d73a49;
-$icon-success: #22863a;
-$icon-warning: #b08800;
-$border-primary: #e1e4e8;
-$border-secondary: #eaecef;
-$border-tertiary: #d1d5da;
-$border-overlay: #e1e4e8;
-$border-inverse: #fff;
-$border-info: #0366d6;
-$border-danger: #d73a49;
-$border-success: #34d058;
-$border-warning: #f9c513;
-$bg-canvas: #fff;
-$bg-canvas-mobile: #fff;
-$bg-canvas-inverse: #24292e;
-$bg-canvas-inset: #f6f8fa;
-$bg-primary: #fff;
-$bg-secondary: #fafbfc;
-$bg-tertiary: #f6f8fa;
-$bg-overlay: #fff;
-$bg-backdrop: #1b1f2380;
-$bg-info: #f1f8ff;
-$bg-info-inverse: #0366d6;
-$bg-danger: #ffeef0;
-$bg-danger-inverse: #d73a49;
-$bg-success: #dcffe4;
-$bg-success-inverse: #28a745;
-$bg-warning: #fff5b1;
-$bg-warning-inverse: #ffd33d;
-$shadow-small: 0 1px 0 #1b1f230a;
-$shadow-medium: 0 3px 6px #959da526;
-$shadow-large: 0 8px 24px #959da533;
-$shadow-extra-large: 0 12px 48px #959da54d;
-$shadow-highlight: inset 0 1px 0 #ffffff40;
-$shadow-inset: inset 0 1px 0 #e1e4e833;
-$state-hover-primary-bg: #0366d6;
-$state-hover-primary-border: #0366d6;
-$state-hover-primary-text: #fff;
-$state-hover-primary-icon: #fff;
-$state-hover-secondary-bg: #f6f8fa;
-$state-hover-secondary-border: #f6f8fa;
-$state-selected-primary-bg: #0366d6;
-$state-selected-primary-border: #0366d6;
-$state-selected-primary-text: #fff;
-$state-selected-primary-icon: #fff;
-$state-focus-border: #0366d6;
-$state-focus-shadow: 0 0 0 3px #0366d64d;
-$fade-fg-10: #1b1f231a;
-$fade-fg-15: #1b1f2326;
-$fade-fg-30: #1b1f234d;
-$fade-fg-50: #1b1f2380;
-$fade-fg-70: #1b1f23b3;
-$fade-fg-85: #1b1f23d9;
-$fade-black-10: #1b1f231a;
-$fade-black-15: #1b1f2326;
-$fade-black-30: #1b1f234d;
-$fade-black-50: #1b1f2380;
-$fade-black-70: #1b1f23b3;
-$fade-black-85: #1b1f23d9;
-$fade-white-10: #ffffff1a;
-$fade-white-15: #ffffff26;
-$fade-white-30: #ffffff4d;
-$fade-white-50: #ffffff80;
-$fade-white-70: #ffffffb3;
-$fade-white-85: #ffffffd9;
-$alert-info-text: #24292e;
-$alert-info-icon: #04428999;
-$alert-info-bg: #dbedff;
-$alert-info-border: #04428933;
-$alert-warn-text: #24292e;
-$alert-warn-icon: #b08800;
-$alert-warn-bg: #fffbdd;
-$alert-warn-border: #b0880033;
-$alert-error-text: #24292e;
-$alert-error-icon: #9e1c2399;
-$alert-error-bg: #ffe3e6;
-$alert-error-border: #9e1c2333;
-$alert-success-text: #24292e;
-$alert-success-icon: #176f2ccc;
-$alert-success-bg: #dcffe4;
-$alert-success-border: #176f2c33;
-$autocomplete-shadow: 0 3px 6px #959da526;
-$autocomplete-row-border: #eaecef;
-$blankslate-icon: #a3aab1;
-$btn-text: #24292e;
-$btn-bg: #fafbfc;
-$btn-border: #1b1f2326;
-$btn-shadow: 0 1px 0 #1b1f230a;
-$btn-inset-shadow: inset 0 1px 0 #ffffff40;
-$btn-hover-bg: #f3f4f6;
-$btn-hover-border: #1b1f2326;
-$btn-selected-bg: #edeff2;
-$btn-focus-bg: #fafbfc;
-$btn-focus-border: #1b1f2326;
-$btn-focus-shadow: 0 0 0 3px #0366d64d;
-$btn-shadow-active: inset 0 0.15em 0.3em #1b1f2326;
-$btn-shadow-input-focus: 0 0 0 0.2em #0366d64d;
-$btn-primary-text: #fff;
-$btn-primary-bg: #2ea44f;
-$btn-primary-border: #1b1f2326;
-$btn-primary-shadow: 0 1px 0 #1b1f231a;
-$btn-primary-inset-shadow: inset 0 1px 0 #ffffff08;
-$btn-primary-hover-bg: #2c974b;
-$btn-primary-hover-border: #1b1f2326;
-$btn-primary-selected-bg: #2a8f47;
-$btn-primary-selected-shadow: inset 0 1px 0 #14462033;
-$btn-primary-disabled-text: #fffc;
-$btn-primary-disabled-bg: #94d3a2;
-$btn-primary-disabled-border: #1b1f231a;
-$btn-primary-focus-bg: #2ea44f;
-$btn-primary-focus-border: #1b1f2326;
-$btn-primary-focus-shadow: 0 0 0 3px #2ea44f66;
-$btn-primary-icon: #fffc;
-$btn-primary-counter-bg: #fff3;
-$btn-outline-text: #0366d6;
-$btn-outline-hover-text: #fff;
-$btn-outline-hover-bg: #0366d6;
-$btn-outline-hover-border: #1b1f2326;
-$btn-outline-hover-shadow: 0 1px 0 #1b1f231a;
-$btn-outline-hover-inset-shadow: inset 0 1px 0 #ffffff08;
-$btn-outline-hover-counter-bg: #fff3;
-$btn-outline-selected-text: #fff;
-$btn-outline-selected-bg: #035fc7;
-$btn-outline-selected-border: #1b1f2326;
-$btn-outline-selected-shadow: inset 0 1px 0 #05264c33;
-$btn-outline-disabled-text: #0366d680;
-$btn-outline-disabled-bg: #fafbfc;
-$btn-outline-disabled-counter-bg: #0366d60d;
-$btn-outline-focus-border: #1b1f2326;
-$btn-outline-focus-shadow: 0 0 0 3px #005cc566;
-$btn-outline-counter-bg: #0366d61a;
-$btn-danger-text: #d73a49;
-$btn-danger-hover-text: #fff;
-$btn-danger-hover-bg: #cb2431;
-$btn-danger-hover-border: #1b1f2326;
-$btn-danger-hover-shadow: 0 1px 0 #1b1f231a;
-$btn-danger-hover-inset-shadow: inset 0 1px 0 #ffffff08;
-$btn-danger-hover-counter-bg: #fff3;
-$btn-danger-selected-text: #fff;
-$btn-danger-selected-bg: #d42d3d;
-$btn-danger-selected-border: #1b1f2326;
-$btn-danger-selected-shadow: inset 0 1px 0 #86181d33;
-$btn-danger-disabled-text: #d73a4980;
-$btn-danger-disabled-bg: #fafbfc;
-$btn-danger-disabled-counter-bg: #d73a490d;
-$btn-danger-focus-border: #1b1f2326;
-$btn-danger-focus-shadow: 0 0 0 3px #cb243166;
-$btn-danger-counter-bg: #d73a491a;
-$btn-counter-bg: #1b1f2314;
-$counter-text: #24292e;
-$counter-bg: #d1d5da80;
-$counter-primary-text: #fff;
-$counter-primary-bg: #6a737d;
-$counter-secondary-text: #6a737d;
-$dropdown-shadow: 0 8px 24px #959da533;
-$label-border: #e1e4e8;
-$label-primary-text: #24292e;
-$label-primary-border: #6a737d;
-$label-secondary-text: #586069;
-$label-secondary-border: #e1e4e8;
-$label-info-text: #0366d6;
-$label-info-border: #0366d6;
-$label-success-text: #22863a;
-$label-success-border: #28a745;
-$label-warning-text: #735c0f;
-$label-warning-border: #b08800;
-$label-danger-text: #d73a49;
-$label-danger-border: #cb2431;
-$label-orange-text: #c24e00;
-$label-orange-border: #f66a0a;
-$input-bg: #fff;
-$input-contrast-bg: #fafbfc;
-$input-border: #e1e4e8;
-$input-shadow: inset 0 1px 2px #1b1f2313;
-$input-disabled-bg: #fff;
-$input-disabled-border: #e1e4e8;
-$input-warning-border: #f9c513;
-$input-error-border: #cb2431;
-$input-tooltip-success-text: #144620;
-$input-tooltip-success-bg: #dcffe4;
-$input-tooltip-success-border: #34d058;
-$input-tooltip-warning-text: #735c0f;
-$input-tooltip-warning-bg: #fff5b1;
-$input-tooltip-warning-border: #f9c513;
-$input-tooltip-error-text: #86181d;
-$input-tooltip-error-bg: #ffeef0;
-$input-tooltip-error-border: #f97583;
-$avatar-bg: #fff;
-$avatar-border: #0000;
-$avatar-stack-fade: #d1d5da;
-$avatar-stack-fade-more: #e1e4e8;
-$avatar-child-shadow: -2px -2px 0 #fffc;
-$toast-text: #24292e;
-$toast-bg: #fff;
-$toast-border: #e1e4e8;
-$toast-shadow: 0 8px 24px #959da533;
-$toast-icon: #fff;
-$toast-icon-bg: #0366d6;
-$toast-icon-border: #0000;
-$toast-success-text: #24292e;
-$toast-success-border: #e1e4e8;
-$toast-success-icon: #fff;
-$toast-success-icon-bg: #28a745;
-$toast-success-icon-border: #0000;
-$toast-warning-text: #24292e;
-$toast-warning-border: #e1e4e8;
-$toast-warning-icon: #24292e;
-$toast-warning-icon-bg: #ffd33d;
-$toast-warning-icon-border: #0000;
-$toast-danger-text: #24292e;
-$toast-danger-border: #e1e4e8;
-$toast-danger-icon: #fff;
-$toast-danger-icon-bg: #d73a49;
-$toast-danger-icon-border: #0000;
-$toast-loading-text: #24292e;
-$toast-loading-border: #e1e4e8;
-$toast-loading-icon: #fff;
-$toast-loading-icon-bg: #586069;
-$toast-loading-icon-border: #0000;
-$timeline-text: #444d56;
-$timeline-badge-bg: #e1e4e8;
-$timeline-target-badge-border: #2188ff;
-$timeline-target-badge-shadow: #c8e1ff;
-$select-menu-border-secondary: #eaecef;
-$select-menu-shadow: 0 0 18px #1b1f2366;
-$select-menu-backdrop-bg: #1b1f2380;
-$select-menu-backdrop-border: #0000;
-$select-menu-tap-highlight: #d1d5da80;
-$select-menu-tap-focus-bg: #dbedff;
-$box-blue-border: #c8e1ff;
-$box-row-yellow-bg: #fffbdd;
-$box-row-blue-bg: #f1f8ff;
-$box-header-blue-bg: #f1f8ff;
-$box-header-blue-border: #c8e1ff;
-$box-border-info: #0366d633;
-$box-bg-info: #f1f8ff;
-$box-border-warning: #ffd33d66;
-$box-bg-warning: #fffdef;
-$branch-name-text: #1b1f2399;
-$branch-name-icon: #a8bbd0;
-$branch-name-bg: #eaf5ff;
-$branch-name-link-text: #0366d6;
-$branch-name-link-icon: #a8bbd0;
-$branch-name-link-bg: #eaf5ff;
-$markdown-code-bg: #1b1f230d;
-$markdown-frame-border: #dfe2e5;
-$markdown-blockquote-border: #dfe2e5;
-$markdown-table-border: #dfe2e5;
-$markdown-table-tr-border: #c6cbd1;
-$menu-heading-text: #24292e;
-$menu-border-active: #f9826c;
-$menu-bg-active: #0000;
-$sidenav-selected-bg: #fff;
-$sidenav-border-active: #f9826c;
-$header-text: #ffffffb3;
-$header-bg: #24292e;
-$header-logo: #fff;
-$filter-item-bar-bg: #eff3f6;
-$hidden-text-expander-bg: #dfe2e5;
-$hidden-text-expander-bg-hover: #c6cbd1;
-$drag-and-drop-border: #c3c8cf;
-$upload-enabled-border: #dfe2e5;
-$upload-enabled-border-focused: #4a9eff;
-$previewable-comment-form-border: #c3c8cf;
-$underlinenav-border: #d1d5da00;
-$underlinenav-border-hover: #d1d5da;
-$underlinenav-border-active: #f9826c;
-$underlinenav-text: #24292e;
-$underlinenav-text-hover: #24292e;
-$underlinenav-text-active: #24292e;
-$underlinenav-icon: #959da5;
-$underlinenav-icon-hover: #959da5;
-$underlinenav-icon-active: #24292e;
-$underlinenav-counter-text: #24292e;
-$verified-badge-text: #22863a;
-$verified-badge-bg: #fff;
-$verified-badge-border: #e1e4e8;
-$social-count-bg: #fff;
-$tooltip-text: #fff;
-$tooltip-bg: #24292e;
-$header-search-bg: #24292e;
-$header-search-border: #444d56;
-$search-keyword-hl: #fffbdd;
-$diffstat-neutral-bg: #d1d5da;
-$diffstat-neutral-border: #d1d5da;
-$diffstat-deletion-bg: #d73a49;
-$diffstat-deletion-border: #d73a49;
-$diffstat-addition-bg: #28a745;
-$diffstat-addition-border: #28a745;
-$files-explorer-icon: #79b8ff;
-$hl-author-bg: #f1f8ff;
-$hl-author-border: #c8e1ff;
-$logo-subdued: #d1d5da;
-$discussion-border: #a2cbac;
-$discussion-bg-success: #28a745;
-$actions-workflow-table-sticky-bg: #fffffff2;
-$repo-language-color-border: #1b1f231a;
-$code-selection-bg: #c8e1ff;
-$blob-line-highlight-bg: #fffbdd;
-$blob-line-highlight-border: #0000;
-$diff-addition-text: #22863a;
-$diff-addition-bg: #e6ffed;
-$diff-addition-border: #34d058;
-$diff-deletion-text: #cb2431;
-$diff-deletion-bg: #ffeef0;
-$diff-deletion-border: #d73a49;
-$diff-change-text: #b08800;
-$diff-change-bg: #fff5b1;
-$diff-change-border: #f9c513;
-$diff-blob-num-text: #1b1f234d;
-$diff-blob-num-hover-text: #1b1f2399;
-$diff-blob-addition-num-text: #1b1f234d;
-$diff-blob-addition-num-hover-text: #1b1f2399;
-$diff-blob-addition-num-bg: #cdffd8;
-$diff-blob-addition-line-bg: #e6ffed;
-$diff-blob-addition-word-bg: #acf2bd;
-$diff-blob-deletion-num-text: #1b1f234d;
-$diff-blob-deletion-num-hover-text: #1b1f2399;
-$diff-blob-deletion-num-bg: #ffdce0;
-$diff-blob-deletion-line-bg: #ffeef0;
-$diff-blob-deletion-word-bg: #fdb8c0;
-$diff-blob-hunk-text: #1b1f23b3;
-$diff-blob-hunk-num-bg: #dbedff;
-$diff-blob-hunk-line-bg: #f1f8ff;
-$diff-blob-empty-block-bg: #fafbfc;
-$diff-blob-selected-line-highlight-bg: #ffdf5d33;
-$diff-blob-selected-line-highlight-border: #ffd33d;
-$diff-blob-selected-line-highlight-mix-blend-mode: multiply;
-$diff-blob-expander-icon: #586069;
-$diff-blob-expander-hover-icon: #fff;
-$diff-blob-expander-hover-bg: #0366d6;
-$diff-blob-comment-button-icon: #fff;
-$diff-blob-comment-button-bg: #0366d6;
-$diff-blob-comment-button-gradient-bg: #0372ef;
-$global-nav-logo: #fff;
-$global-nav-bg: #24292e;
-$global-nav-text: #fff;
-$global-nav-icon: #fff;
-$global-nav-input-bg: #fafbfc;
-$global-nav-input-border: #fafbfc;
-$global-nav-input-icon: #d1d5da;
-$global-nav-input-placeholder: #959da5;
-$calendar-graph-day-bg: #ebedf0;
-$calendar-graph-day-border: #1b1f230f;
-$calendar-graph-day-l1-bg: #9be9a8;
-$calendar-graph-day-l2-bg: #40c463;
-$calendar-graph-day-l3-bg: #30a14e;
-$calendar-graph-day-l4-bg: #216e39;
-$calendar-graph-day-l4-border: #1b1f230f;
-$calendar-graph-day-l3-border: #1b1f230f;
-$calendar-graph-day-l2-border: #1b1f230f;
-$calendar-graph-day-l1-border: #1b1f230f;
-$footer-invertocat-octicon: #d1d5da;
-$footer-invertocat-octicon-hover: #6a737d;
-$pr-state-draft-text: #fff;
-$pr-state-draft-bg: #6a737d;
-$pr-state-draft-border: #0000;
-$pr-state-open-text: #fff;
-$pr-state-open-bg: #28a745;
-$pr-state-open-border: #0000;
-$pr-state-merged-text: #fff;
-$pr-state-merged-bg: #6f42c1;
-$pr-state-merged-border: #0000;
-$pr-state-closed-text: #fff;
-$pr-state-closed-bg: #d73a49;
-$pr-state-closed-border: #0000;
-$topic-tag-text: #0366d6;
-$topic-tag-bg: #f1f8ff;
-$topic-tag-hover-bg: #def;
-$topic-tag-active-bg: #e7f3ff;
-$merge-box-success-icon-bg: #28a745;
-$merge-box-success-icon-text: #fff;
-$merge-box-success-icon-border: #0000;
-$merge-box-success-indicator-bg: #28a745;
-$merge-box-success-indicator-border: #0000;
-$merge-box-merged-icon-bg: #6f42c1;
-$merge-box-merged-icon-text: #fff;
-$merge-box-merged-icon-border: #0000;
-$merge-box-merged-box-border: #6f42c1;
-$merge-box-neutral-icon-bg: #6a737d;
-$merge-box-neutral-icon-text: #fff;
-$merge-box-neutral-icon-border: #0000;
-$merge-box-neutral-indicator-bg: #6a737d;
-$merge-box-neutral-indicator-border: #0000;
-$merge-box-warning-icon-bg: #dbab09;
-$merge-box-warning-icon-text: #fff;
-$merge-box-warning-icon-border: #0000;
-$merge-box-warning-box-border: #ffd33d;
-$merge-box-warning-merge-highlight: #0000;
-$merge-box-error-icon-bg: #d73a49;
-$merge-box-error-icon-text: #fff;
-$merge-box-error-icon-border: #0000;
-$merge-box-error-indicator-bg: #d73a49;
-$merge-box-error-indicator-border: #0000;
-$project-card-bg: #fff;
-$project-header-bg: #24292e;
-$project-sidebar-bg: #fff;
-$project-gradient-in: #fff;
-$project-gradient-out: #fff0;
-$marketing-icon-primary: #2188ff;
-$marketing-icon-secondary: #79b8ff;
-$prettylights-syntax-comment: #6a737d;
-$prettylights-syntax-constant: #005cc5;
-$prettylights-syntax-entity: #6f42c1;
-$prettylights-syntax-storage-modifier-import: #24292e;
-$prettylights-syntax-entity-tag: #22863a;
-$prettylights-syntax-keyword: #d73a49;
-$prettylights-syntax-string: #032f62;
-$prettylights-syntax-variable: #e36209;
-$prettylights-syntax-brackethighlighter-unmatched: #b31d28;
-$prettylights-syntax-invalid-illegal-text: #fafbfc;
-$prettylights-syntax-invalid-illegal-bg: #b31d28;
-$prettylights-syntax-carriage-return-text: #fafbfc;
-$prettylights-syntax-carriage-return-bg: #d73a49;
-$prettylights-syntax-string-regexp: #22863a;
-$prettylights-syntax-markup-list: #735c0f;
-$prettylights-syntax-markup-heading: #005cc5;
-$prettylights-syntax-markup-italic: #24292e;
-$prettylights-syntax-markup-bold: #24292e;
-$prettylights-syntax-markup-deleted-text: #b31d28;
-$prettylights-syntax-markup-deleted-bg: #ffeef0;
-$prettylights-syntax-markup-inserted-text: #22863a;
-$prettylights-syntax-markup-inserted-bg: #f0fff4;
-$prettylights-syntax-markup-changed-text: #e36209;
-$prettylights-syntax-markup-changed-bg: #ffebda;
-$prettylights-syntax-markup-ignored-text: #f6f8fa;
-$prettylights-syntax-markup-ignored-bg: #005cc5;
-$prettylights-syntax-meta-diff-range: #6f42c1;
-$prettylights-syntax-brackethighlighter-angle: #586069;
-$prettylights-syntax-sublimelinter-gutter-mark: #959da5;
-$prettylights-syntax-constant-other-reference-link: #032f62;
-$codemirror-text: #24292e;
-$codemirror-bg: #fff;
-$codemirror-gutters-bg: #fff;
-$codemirror-guttermarker-text: #fff;
-$codemirror-guttermarker-subtle-text: #d1d5da;
-$codemirror-linenumber-text: #959da5;
-$codemirror-cursor: #24292e;
-$codemirror-selection-bg: #c8e1ff;
-$codemirror-activeline-bg: #fafbfc;
-$codemirror-matchingbracket-text: #24292e;
-$codemirror-lines-bg: #fff;
-$codemirror-syntax-comment: #6a737d;
-$codemirror-syntax-constant: #005cc5;
-$codemirror-syntax-entity: #6f42c1;
-$codemirror-syntax-keyword: #d73a49;
-$codemirror-syntax-storage: #d73a49;
-$codemirror-syntax-string: #032f62;
-$codemirror-syntax-support: #005cc5;
-$codemirror-syntax-variable: #e36209;
-$ansi-black: #24292e;
-$ansi-black-bright: #2f363d;
-$ansi-white: #e1e4e8;
-$ansi-white-bright: #e1e4e8;
-$ansi-gray: #959da5;
-$ansi-red: #f97583;
-$ansi-red-bright: #fdaeb7;
-$ansi-green: #85e89d;
-$ansi-green-bright: #bef5cb;
-$ansi-yellow: #ffea7f;
-$ansi-yellow-bright: #fff5b1;
-$ansi-blue: #79b8ff;
-$ansi-blue-bright: #c8e1ff;
-$ansi-magenta: #b392f0;
-$ansi-magenta-bright: #d1bcf9;
-$ansi-cyan: #76e3ea;
-$ansi-cyan-bright: #b3f0ff;
+$variables: (
+  'auto-black': '#1b1f23',
+  'auto-white': '#fff',
+  'auto-gray-0': '#fafbfc',
+  'auto-gray-1': '#f6f8fa',
+  'auto-gray-2': '#e1e4e8',
+  'auto-gray-3': '#d1d5da',
+  'auto-gray-4': '#959da5',
+  'auto-gray-5': '#6a737d',
+  'auto-gray-6': '#586069',
+  'auto-gray-7': '#444d56',
+  'auto-gray-8': '#2f363d',
+  'auto-gray-9': '#24292e',
+  'auto-blue-0': '#f1f8ff',
+  'auto-blue-1': '#dbedff',
+  'auto-blue-2': '#c8e1ff',
+  'auto-blue-3': '#79b8ff',
+  'auto-blue-4': '#2188ff',
+  'auto-blue-5': '#0366d6',
+  'auto-blue-6': '#005cc5',
+  'auto-blue-7': '#044289',
+  'auto-blue-8': '#032f62',
+  'auto-blue-9': '#05264c',
+  'auto-green-0': '#f0fff4',
+  'auto-green-1': '#dcffe4',
+  'auto-green-2': '#bef5cb',
+  'auto-green-3': '#85e89d',
+  'auto-green-4': '#34d058',
+  'auto-green-5': '#28a745',
+  'auto-green-6': '#22863a',
+  'auto-green-7': '#176f2c',
+  'auto-green-8': '#165c26',
+  'auto-green-9': '#144620',
+  'auto-yellow-0': '#fffdef',
+  'auto-yellow-1': '#fffbdd',
+  'auto-yellow-2': '#fff5b1',
+  'auto-yellow-3': '#ffea7f',
+  'auto-yellow-4': '#ffdf5d',
+  'auto-yellow-5': '#ffd33d',
+  'auto-yellow-6': '#f9c513',
+  'auto-yellow-7': '#dbab09',
+  'auto-yellow-8': '#b08800',
+  'auto-yellow-9': '#735c0f',
+  'auto-orange-0': '#fff8f2',
+  'auto-orange-1': '#ffebda',
+  'auto-orange-2': '#ffd1ac',
+  'auto-orange-3': '#ffab70',
+  'auto-orange-4': '#fb8532',
+  'auto-orange-5': '#f66a0a',
+  'auto-orange-6': '#e36209',
+  'auto-orange-7': '#d15704',
+  'auto-orange-8': '#c24e00',
+  'auto-orange-9': '#a04100',
+  'auto-red-0': '#ffeef0',
+  'auto-red-1': '#ffdce0',
+  'auto-red-2': '#fdaeb7',
+  'auto-red-3': '#f97583',
+  'auto-red-4': '#ea4a5a',
+  'auto-red-5': '#d73a49',
+  'auto-red-6': '#cb2431',
+  'auto-red-7': '#b31d28',
+  'auto-red-8': '#9e1c23',
+  'auto-red-9': '#86181d',
+  'auto-purple-0': '#f5f0ff',
+  'auto-purple-1': '#e6dcfd',
+  'auto-purple-2': '#d1bcf9',
+  'auto-purple-3': '#b392f0',
+  'auto-purple-4': '#8a63d2',
+  'auto-purple-5': '#6f42c1',
+  'auto-purple-6': '#5a32a3',
+  'auto-purple-7': '#4c2889',
+  'auto-purple-8': '#3a1d6e',
+  'auto-purple-9': '#29134e',
+  'auto-pink-0': '#ffeef8',
+  'auto-pink-1': '#fedbf0',
+  'auto-pink-2': '#f9b3dd',
+  'auto-pink-3': '#f692ce',
+  'auto-pink-4': '#ec6cb9',
+  'auto-pink-5': '#ea4aaa',
+  'auto-pink-6': '#d03592',
+  'auto-pink-7': '#b93a86',
+  'auto-pink-8': '#99306f',
+  'auto-pink-9': '#6d224f',
+  'text-primary': '#24292e',
+  'text-secondary': '#586069',
+  'text-tertiary': '#6a737d',
+  'text-placeholder': '#6a737d',
+  'text-disabled': '#6a737d',
+  'text-inverse': '#fff',
+  'text-link': '#0366d6',
+  'text-danger': '#cb2431',
+  'text-success': '#22863a',
+  'text-warning': '#b08800',
+  'text-white': '#fff',
+  'icon-primary': '#24292e',
+  'icon-secondary': '#586069',
+  'icon-tertiary': '#959da5',
+  'icon-info': '#0366d6',
+  'icon-danger': '#d73a49',
+  'icon-success': '#22863a',
+  'icon-warning': '#b08800',
+  'border-primary': '#e1e4e8',
+  'border-secondary': '#eaecef',
+  'border-tertiary': '#d1d5da',
+  'border-overlay': '#e1e4e8',
+  'border-inverse': '#fff',
+  'border-info': '#0366d6',
+  'border-danger': '#d73a49',
+  'border-success': '#34d058',
+  'border-warning': '#f9c513',
+  'bg-canvas': '#fff',
+  'bg-canvas-mobile': '#fff',
+  'bg-canvas-inverse': '#24292e',
+  'bg-canvas-inset': '#f6f8fa',
+  'bg-primary': '#fff',
+  'bg-secondary': '#fafbfc',
+  'bg-tertiary': '#f6f8fa',
+  'bg-overlay': '#fff',
+  'bg-backdrop': '#1b1f2380',
+  'bg-info': '#f1f8ff',
+  'bg-info-inverse': '#0366d6',
+  'bg-danger': '#ffeef0',
+  'bg-danger-inverse': '#d73a49',
+  'bg-success': '#dcffe4',
+  'bg-success-inverse': '#28a745',
+  'bg-warning': '#fff5b1',
+  'bg-warning-inverse': '#ffd33d',
+  'shadow-small': '0 1px 0 #1b1f230a',
+  'shadow-medium': '0 3px 6px #959da526',
+  'shadow-large': '0 8px 24px #959da533',
+  'shadow-extra-large': '0 12px 48px #959da54d',
+  'shadow-highlight': 'inset 0 1px 0 #ffffff40',
+  'shadow-inset': 'inset 0 1px 0 #e1e4e833',
+  'state-hover-primary-bg': '#0366d6',
+  'state-hover-primary-border': '#0366d6',
+  'state-hover-primary-text': '#fff',
+  'state-hover-primary-icon': '#fff',
+  'state-hover-secondary-bg': '#f6f8fa',
+  'state-hover-secondary-border': '#f6f8fa',
+  'state-selected-primary-bg': '#0366d6',
+  'state-selected-primary-border': '#0366d6',
+  'state-selected-primary-text': '#fff',
+  'state-selected-primary-icon': '#fff',
+  'state-focus-border': '#0366d6',
+  'state-focus-shadow': '0 0 0 3px #0366d64d',
+  'fade-fg-10': '#1b1f231a',
+  'fade-fg-15': '#1b1f2326',
+  'fade-fg-30': '#1b1f234d',
+  'fade-fg-50': '#1b1f2380',
+  'fade-fg-70': '#1b1f23b3',
+  'fade-fg-85': '#1b1f23d9',
+  'fade-black-10': '#1b1f231a',
+  'fade-black-15': '#1b1f2326',
+  'fade-black-30': '#1b1f234d',
+  'fade-black-50': '#1b1f2380',
+  'fade-black-70': '#1b1f23b3',
+  'fade-black-85': '#1b1f23d9',
+  'fade-white-10': '#ffffff1a',
+  'fade-white-15': '#ffffff26',
+  'fade-white-30': '#ffffff4d',
+  'fade-white-50': '#ffffff80',
+  'fade-white-70': '#ffffffb3',
+  'fade-white-85': '#ffffffd9',
+  'alert-info-text': '#24292e',
+  'alert-info-icon': '#04428999',
+  'alert-info-bg': '#dbedff',
+  'alert-info-border': '#04428933',
+  'alert-warn-text': '#24292e',
+  'alert-warn-icon': '#b08800',
+  'alert-warn-bg': '#fffbdd',
+  'alert-warn-border': '#b0880033',
+  'alert-error-text': '#24292e',
+  'alert-error-icon': '#9e1c2399',
+  'alert-error-bg': '#ffe3e6',
+  'alert-error-border': '#9e1c2333',
+  'alert-success-text': '#24292e',
+  'alert-success-icon': '#176f2ccc',
+  'alert-success-bg': '#dcffe4',
+  'alert-success-border': '#176f2c33',
+  'autocomplete-shadow': '0 3px 6px #959da526',
+  'autocomplete-row-border': '#eaecef',
+  'blankslate-icon': '#a3aab1',
+  'btn-text': '#24292e',
+  'btn-bg': '#fafbfc',
+  'btn-border': '#1b1f2326',
+  'btn-shadow': '0 1px 0 #1b1f230a',
+  'btn-inset-shadow': 'inset 0 1px 0 #ffffff40',
+  'btn-hover-bg': '#f3f4f6',
+  'btn-hover-border': '#1b1f2326',
+  'btn-selected-bg': '#edeff2',
+  'btn-focus-bg': '#fafbfc',
+  'btn-focus-border': '#1b1f2326',
+  'btn-focus-shadow': '0 0 0 3px #0366d64d',
+  'btn-shadow-active': 'inset 0 0.15em 0.3em #1b1f2326',
+  'btn-shadow-input-focus': '0 0 0 0.2em #0366d64d',
+  'btn-primary-text': '#fff',
+  'btn-primary-bg': '#2ea44f',
+  'btn-primary-border': '#1b1f2326',
+  'btn-primary-shadow': '0 1px 0 #1b1f231a',
+  'btn-primary-inset-shadow': 'inset 0 1px 0 #ffffff08',
+  'btn-primary-hover-bg': '#2c974b',
+  'btn-primary-hover-border': '#1b1f2326',
+  'btn-primary-selected-bg': '#2a8f47',
+  'btn-primary-selected-shadow': 'inset 0 1px 0 #14462033',
+  'btn-primary-disabled-text': '#fffc',
+  'btn-primary-disabled-bg': '#94d3a2',
+  'btn-primary-disabled-border': '#1b1f231a',
+  'btn-primary-focus-bg': '#2ea44f',
+  'btn-primary-focus-border': '#1b1f2326',
+  'btn-primary-focus-shadow': '0 0 0 3px #2ea44f66',
+  'btn-primary-icon': '#fffc',
+  'btn-primary-counter-bg': '#fff3',
+  'btn-outline-text': '#0366d6',
+  'btn-outline-hover-text': '#fff',
+  'btn-outline-hover-bg': '#0366d6',
+  'btn-outline-hover-border': '#1b1f2326',
+  'btn-outline-hover-shadow': '0 1px 0 #1b1f231a',
+  'btn-outline-hover-inset-shadow': 'inset 0 1px 0 #ffffff08',
+  'btn-outline-hover-counter-bg': '#fff3',
+  'btn-outline-selected-text': '#fff',
+  'btn-outline-selected-bg': '#035fc7',
+  'btn-outline-selected-border': '#1b1f2326',
+  'btn-outline-selected-shadow': 'inset 0 1px 0 #05264c33',
+  'btn-outline-disabled-text': '#0366d680',
+  'btn-outline-disabled-bg': '#fafbfc',
+  'btn-outline-disabled-counter-bg': '#0366d60d',
+  'btn-outline-focus-border': '#1b1f2326',
+  'btn-outline-focus-shadow': '0 0 0 3px #005cc566',
+  'btn-outline-counter-bg': '#0366d61a',
+  'btn-danger-text': '#d73a49',
+  'btn-danger-hover-text': '#fff',
+  'btn-danger-hover-bg': '#cb2431',
+  'btn-danger-hover-border': '#1b1f2326',
+  'btn-danger-hover-shadow': '0 1px 0 #1b1f231a',
+  'btn-danger-hover-inset-shadow': 'inset 0 1px 0 #ffffff08',
+  'btn-danger-hover-counter-bg': '#fff3',
+  'btn-danger-selected-text': '#fff',
+  'btn-danger-selected-bg': '#d42d3d',
+  'btn-danger-selected-border': '#1b1f2326',
+  'btn-danger-selected-shadow': 'inset 0 1px 0 #86181d33',
+  'btn-danger-disabled-text': '#d73a4980',
+  'btn-danger-disabled-bg': '#fafbfc',
+  'btn-danger-disabled-counter-bg': '#d73a490d',
+  'btn-danger-focus-border': '#1b1f2326',
+  'btn-danger-focus-shadow': '0 0 0 3px #cb243166',
+  'btn-danger-counter-bg': '#d73a491a',
+  'btn-counter-bg': '#1b1f2314',
+  'counter-text': '#24292e',
+  'counter-bg': '#d1d5da80',
+  'counter-primary-text': '#fff',
+  'counter-primary-bg': '#6a737d',
+  'counter-secondary-text': '#6a737d',
+  'dropdown-shadow': '0 8px 24px #959da533',
+  'label-border': '#e1e4e8',
+  'label-primary-text': '#24292e',
+  'label-primary-border': '#6a737d',
+  'label-secondary-text': '#586069',
+  'label-secondary-border': '#e1e4e8',
+  'label-info-text': '#0366d6',
+  'label-info-border': '#0366d6',
+  'label-success-text': '#22863a',
+  'label-success-border': '#28a745',
+  'label-warning-text': '#735c0f',
+  'label-warning-border': '#b08800',
+  'label-danger-text': '#d73a49',
+  'label-danger-border': '#cb2431',
+  'label-orange-text': '#c24e00',
+  'label-orange-border': '#f66a0a',
+  'input-bg': '#fff',
+  'input-contrast-bg': '#fafbfc',
+  'input-border': '#e1e4e8',
+  'input-shadow': 'inset 0 1px 2px #1b1f2313',
+  'input-disabled-bg': '#fff',
+  'input-disabled-border': '#e1e4e8',
+  'input-warning-border': '#f9c513',
+  'input-error-border': '#cb2431',
+  'input-tooltip-success-text': '#144620',
+  'input-tooltip-success-bg': '#dcffe4',
+  'input-tooltip-success-border': '#34d058',
+  'input-tooltip-warning-text': '#735c0f',
+  'input-tooltip-warning-bg': '#fff5b1',
+  'input-tooltip-warning-border': '#f9c513',
+  'input-tooltip-error-text': '#86181d',
+  'input-tooltip-error-bg': '#ffeef0',
+  'input-tooltip-error-border': '#f97583',
+  'avatar-bg': '#fff',
+  'avatar-border': '#0000',
+  'avatar-stack-fade': '#d1d5da',
+  'avatar-stack-fade-more': '#e1e4e8',
+  'avatar-child-shadow': '-2px -2px 0 #fffc',
+  'toast-text': '#24292e',
+  'toast-bg': '#fff',
+  'toast-border': '#e1e4e8',
+  'toast-shadow': '0 8px 24px #959da533',
+  'toast-icon': '#fff',
+  'toast-icon-bg': '#0366d6',
+  'toast-icon-border': '#0000',
+  'toast-success-text': '#24292e',
+  'toast-success-border': '#e1e4e8',
+  'toast-success-icon': '#fff',
+  'toast-success-icon-bg': '#28a745',
+  'toast-success-icon-border': '#0000',
+  'toast-warning-text': '#24292e',
+  'toast-warning-border': '#e1e4e8',
+  'toast-warning-icon': '#24292e',
+  'toast-warning-icon-bg': '#ffd33d',
+  'toast-warning-icon-border': '#0000',
+  'toast-danger-text': '#24292e',
+  'toast-danger-border': '#e1e4e8',
+  'toast-danger-icon': '#fff',
+  'toast-danger-icon-bg': '#d73a49',
+  'toast-danger-icon-border': '#0000',
+  'toast-loading-text': '#24292e',
+  'toast-loading-border': '#e1e4e8',
+  'toast-loading-icon': '#fff',
+  'toast-loading-icon-bg': '#586069',
+  'toast-loading-icon-border': '#0000',
+  'timeline-text': '#444d56',
+  'timeline-badge-bg': '#e1e4e8',
+  'timeline-target-badge-border': '#2188ff',
+  'timeline-target-badge-shadow': '#c8e1ff',
+  'select-menu-border-secondary': '#eaecef',
+  'select-menu-shadow': '0 0 18px #1b1f2366',
+  'select-menu-backdrop-bg': '#1b1f2380',
+  'select-menu-backdrop-border': '#0000',
+  'select-menu-tap-highlight': '#d1d5da80',
+  'select-menu-tap-focus-bg': '#dbedff',
+  'box-blue-border': '#c8e1ff',
+  'box-row-yellow-bg': '#fffbdd',
+  'box-row-blue-bg': '#f1f8ff',
+  'box-header-blue-bg': '#f1f8ff',
+  'box-header-blue-border': '#c8e1ff',
+  'box-border-info': '#0366d633',
+  'box-bg-info': '#f1f8ff',
+  'box-border-warning': '#ffd33d66',
+  'box-bg-warning': '#fffdef',
+  'branch-name-text': '#1b1f2399',
+  'branch-name-icon': '#a8bbd0',
+  'branch-name-bg': '#eaf5ff',
+  'branch-name-link-text': '#0366d6',
+  'branch-name-link-icon': '#a8bbd0',
+  'branch-name-link-bg': '#eaf5ff',
+  'markdown-code-bg': '#1b1f230d',
+  'markdown-frame-border': '#dfe2e5',
+  'markdown-blockquote-border': '#dfe2e5',
+  'markdown-table-border': '#dfe2e5',
+  'markdown-table-tr-border': '#c6cbd1',
+  'menu-heading-text': '#24292e',
+  'menu-border-active': '#f9826c',
+  'menu-bg-active': '#0000',
+  'sidenav-selected-bg': '#fff',
+  'sidenav-border-active': '#f9826c',
+  'header-text': '#ffffffb3',
+  'header-bg': '#24292e',
+  'header-logo': '#fff',
+  'filter-item-bar-bg': '#eff3f6',
+  'hidden-text-expander-bg': '#dfe2e5',
+  'hidden-text-expander-bg-hover': '#c6cbd1',
+  'drag-and-drop-border': '#c3c8cf',
+  'upload-enabled-border': '#dfe2e5',
+  'upload-enabled-border-focused': '#4a9eff',
+  'previewable-comment-form-border': '#c3c8cf',
+  'underlinenav-border': '#d1d5da00',
+  'underlinenav-border-hover': '#d1d5da',
+  'underlinenav-border-active': '#f9826c',
+  'underlinenav-text': '#24292e',
+  'underlinenav-text-hover': '#24292e',
+  'underlinenav-text-active': '#24292e',
+  'underlinenav-icon': '#959da5',
+  'underlinenav-icon-hover': '#959da5',
+  'underlinenav-icon-active': '#24292e',
+  'underlinenav-counter-text': '#24292e',
+  'verified-badge-text': '#22863a',
+  'verified-badge-bg': '#fff',
+  'verified-badge-border': '#e1e4e8',
+  'social-count-bg': '#fff',
+  'tooltip-text': '#fff',
+  'tooltip-bg': '#24292e',
+  'header-search-bg': '#24292e',
+  'header-search-border': '#444d56',
+  'search-keyword-hl': '#fffbdd',
+  'diffstat-neutral-bg': '#d1d5da',
+  'diffstat-neutral-border': '#d1d5da',
+  'diffstat-deletion-bg': '#d73a49',
+  'diffstat-deletion-border': '#d73a49',
+  'diffstat-addition-bg': '#28a745',
+  'diffstat-addition-border': '#28a745',
+  'files-explorer-icon': '#79b8ff',
+  'hl-author-bg': '#f1f8ff',
+  'hl-author-border': '#c8e1ff',
+  'logo-subdued': '#d1d5da',
+  'discussion-border': '#a2cbac',
+  'discussion-bg-success': '#28a745',
+  'actions-workflow-table-sticky-bg': '#fffffff2',
+  'repo-language-color-border': '#1b1f231a',
+  'code-selection-bg': '#c8e1ff',
+  'blob-line-highlight-bg': '#fffbdd',
+  'blob-line-highlight-border': '#0000',
+  'diff-addition-text': '#22863a',
+  'diff-addition-bg': '#e6ffed',
+  'diff-addition-border': '#34d058',
+  'diff-deletion-text': '#cb2431',
+  'diff-deletion-bg': '#ffeef0',
+  'diff-deletion-border': '#d73a49',
+  'diff-change-text': '#b08800',
+  'diff-change-bg': '#fff5b1',
+  'diff-change-border': '#f9c513',
+  'diff-blob-num-text': '#1b1f234d',
+  'diff-blob-num-hover-text': '#1b1f2399',
+  'diff-blob-addition-num-text': '#1b1f234d',
+  'diff-blob-addition-num-hover-text': '#1b1f2399',
+  'diff-blob-addition-num-bg': '#cdffd8',
+  'diff-blob-addition-line-bg': '#e6ffed',
+  'diff-blob-addition-word-bg': '#acf2bd',
+  'diff-blob-deletion-num-text': '#1b1f234d',
+  'diff-blob-deletion-num-hover-text': '#1b1f2399',
+  'diff-blob-deletion-num-bg': '#ffdce0',
+  'diff-blob-deletion-line-bg': '#ffeef0',
+  'diff-blob-deletion-word-bg': '#fdb8c0',
+  'diff-blob-hunk-text': '#1b1f23b3',
+  'diff-blob-hunk-num-bg': '#dbedff',
+  'diff-blob-hunk-line-bg': '#f1f8ff',
+  'diff-blob-empty-block-bg': '#fafbfc',
+  'diff-blob-selected-line-highlight-bg': '#ffdf5d33',
+  'diff-blob-selected-line-highlight-border': '#ffd33d',
+  'diff-blob-selected-line-highlight-mix-blend-mode': 'multiply',
+  'diff-blob-expander-icon': '#586069',
+  'diff-blob-expander-hover-icon': '#fff',
+  'diff-blob-expander-hover-bg': '#0366d6',
+  'diff-blob-comment-button-icon': '#fff',
+  'diff-blob-comment-button-bg': '#0366d6',
+  'diff-blob-comment-button-gradient-bg': '#0372ef',
+  'global-nav-logo': '#fff',
+  'global-nav-bg': '#24292e',
+  'global-nav-text': '#fff',
+  'global-nav-icon': '#fff',
+  'global-nav-input-bg': '#fafbfc',
+  'global-nav-input-border': '#fafbfc',
+  'global-nav-input-icon': '#d1d5da',
+  'global-nav-input-placeholder': '#959da5',
+  'calendar-graph-day-bg': '#ebedf0',
+  'calendar-graph-day-border': '#1b1f230f',
+  'calendar-graph-day-l1-bg': '#9be9a8',
+  'calendar-graph-day-l2-bg': '#40c463',
+  'calendar-graph-day-l3-bg': '#30a14e',
+  'calendar-graph-day-l4-bg': '#216e39',
+  'calendar-graph-day-l4-border': '#1b1f230f',
+  'calendar-graph-day-l3-border': '#1b1f230f',
+  'calendar-graph-day-l2-border': '#1b1f230f',
+  'calendar-graph-day-l1-border': '#1b1f230f',
+  'footer-invertocat-octicon': '#d1d5da',
+  'footer-invertocat-octicon-hover': '#6a737d',
+  'pr-state-draft-text': '#fff',
+  'pr-state-draft-bg': '#6a737d',
+  'pr-state-draft-border': '#0000',
+  'pr-state-open-text': '#fff',
+  'pr-state-open-bg': '#28a745',
+  'pr-state-open-border': '#0000',
+  'pr-state-merged-text': '#fff',
+  'pr-state-merged-bg': '#6f42c1',
+  'pr-state-merged-border': '#0000',
+  'pr-state-closed-text': '#fff',
+  'pr-state-closed-bg': '#d73a49',
+  'pr-state-closed-border': '#0000',
+  'topic-tag-text': '#0366d6',
+  'topic-tag-bg': '#f1f8ff',
+  'topic-tag-hover-bg': '#def',
+  'topic-tag-active-bg': '#e7f3ff',
+  'merge-box-success-icon-bg': '#28a745',
+  'merge-box-success-icon-text': '#fff',
+  'merge-box-success-icon-border': '#0000',
+  'merge-box-success-indicator-bg': '#28a745',
+  'merge-box-success-indicator-border': '#0000',
+  'merge-box-merged-icon-bg': '#6f42c1',
+  'merge-box-merged-icon-text': '#fff',
+  'merge-box-merged-icon-border': '#0000',
+  'merge-box-merged-box-border': '#6f42c1',
+  'merge-box-neutral-icon-bg': '#6a737d',
+  'merge-box-neutral-icon-text': '#fff',
+  'merge-box-neutral-icon-border': '#0000',
+  'merge-box-neutral-indicator-bg': '#6a737d',
+  'merge-box-neutral-indicator-border': '#0000',
+  'merge-box-warning-icon-bg': '#dbab09',
+  'merge-box-warning-icon-text': '#fff',
+  'merge-box-warning-icon-border': '#0000',
+  'merge-box-warning-box-border': '#ffd33d',
+  'merge-box-warning-merge-highlight': '#0000',
+  'merge-box-error-icon-bg': '#d73a49',
+  'merge-box-error-icon-text': '#fff',
+  'merge-box-error-icon-border': '#0000',
+  'merge-box-error-indicator-bg': '#d73a49',
+  'merge-box-error-indicator-border': '#0000',
+  'project-card-bg': '#fff',
+  'project-header-bg': '#24292e',
+  'project-sidebar-bg': '#fff',
+  'project-gradient-in': '#fff',
+  'project-gradient-out': '#fff0',
+  'marketing-icon-primary': '#2188ff',
+  'marketing-icon-secondary': '#79b8ff',
+  'prettylights-syntax-comment': '#6a737d',
+  'prettylights-syntax-constant': '#005cc5',
+  'prettylights-syntax-entity': '#6f42c1',
+  'prettylights-syntax-storage-modifier-import': '#24292e',
+  'prettylights-syntax-entity-tag': '#22863a',
+  'prettylights-syntax-keyword': '#d73a49',
+  'prettylights-syntax-string': '#032f62',
+  'prettylights-syntax-variable': '#e36209',
+  'prettylights-syntax-brackethighlighter-unmatched': '#b31d28',
+  'prettylights-syntax-invalid-illegal-text': '#fafbfc',
+  'prettylights-syntax-invalid-illegal-bg': '#b31d28',
+  'prettylights-syntax-carriage-return-text': '#fafbfc',
+  'prettylights-syntax-carriage-return-bg': '#d73a49',
+  'prettylights-syntax-string-regexp': '#22863a',
+  'prettylights-syntax-markup-list': '#735c0f',
+  'prettylights-syntax-markup-heading': '#005cc5',
+  'prettylights-syntax-markup-italic': '#24292e',
+  'prettylights-syntax-markup-bold': '#24292e',
+  'prettylights-syntax-markup-deleted-text': '#b31d28',
+  'prettylights-syntax-markup-deleted-bg': '#ffeef0',
+  'prettylights-syntax-markup-inserted-text': '#22863a',
+  'prettylights-syntax-markup-inserted-bg': '#f0fff4',
+  'prettylights-syntax-markup-changed-text': '#e36209',
+  'prettylights-syntax-markup-changed-bg': '#ffebda',
+  'prettylights-syntax-markup-ignored-text': '#f6f8fa',
+  'prettylights-syntax-markup-ignored-bg': '#005cc5',
+  'prettylights-syntax-meta-diff-range': '#6f42c1',
+  'prettylights-syntax-brackethighlighter-angle': '#586069',
+  'prettylights-syntax-sublimelinter-gutter-mark': '#959da5',
+  'prettylights-syntax-constant-other-reference-link': '#032f62',
+  'codemirror-text': '#24292e',
+  'codemirror-bg': '#fff',
+  'codemirror-gutters-bg': '#fff',
+  'codemirror-guttermarker-text': '#fff',
+  'codemirror-guttermarker-subtle-text': '#d1d5da',
+  'codemirror-linenumber-text': '#959da5',
+  'codemirror-cursor': '#24292e',
+  'codemirror-selection-bg': '#c8e1ff',
+  'codemirror-activeline-bg': '#fafbfc',
+  'codemirror-matchingbracket-text': '#24292e',
+  'codemirror-lines-bg': '#fff',
+  'codemirror-syntax-comment': '#6a737d',
+  'codemirror-syntax-constant': '#005cc5',
+  'codemirror-syntax-entity': '#6f42c1',
+  'codemirror-syntax-keyword': '#d73a49',
+  'codemirror-syntax-storage': '#d73a49',
+  'codemirror-syntax-string': '#032f62',
+  'codemirror-syntax-support': '#005cc5',
+  'codemirror-syntax-variable': '#e36209',
+  'ansi-black': '#24292e',
+  'ansi-black-bright': '#2f363d',
+  'ansi-white': '#e1e4e8',
+  'ansi-white-bright': '#e1e4e8',
+  'ansi-gray': '#959da5',
+  'ansi-red': '#f97583',
+  'ansi-red-bright': '#fdaeb7',
+  'ansi-green': '#85e89d',
+  'ansi-green-bright': '#bef5cb',
+  'ansi-yellow': '#ffea7f',
+  'ansi-yellow-bright': '#fff5b1',
+  'ansi-blue': '#79b8ff',
+  'ansi-blue-bright': '#c8e1ff',
+  'ansi-magenta': '#b392f0',
+  'ansi-magenta-bright': '#d1bcf9',
+  'ansi-cyan': '#76e3ea',
+  'ansi-cyan-bright': '#b3f0ff',
+);
diff --git a/src/styles/themes.scss b/src/styles/themes.scss
new file mode 100644
index 0000000..f6ca6a1
--- /dev/null
+++ b/src/styles/themes.scss
@@ -0,0 +1,29 @@
+@use './light/variables.scss' as light;
+@use './dark/variables.scss' as dark;
+
+@mixin setVariables($variables) {
+  @each $name, $value in $variables {
+    --gitako-#{$name}: #{$value};
+  }
+}
+
+:root, // default
+:root[data-color-mode='light'] {
+  @include setVariables(light.$variables);
+}
+
+:root[data-color-mode='dark'][data-dark-theme='dark'] {
+  @include setVariables(dark.$variables);
+}
+
+@media (prefers-color-scheme: light) {
+  :root[data-color-mode='auto'][data-light-theme='light'] {
+    @include setVariables(light.$variables);
+  }
+}
+
+@media (prefers-color-scheme: dark) {
+  :root[data-color-mode='auto'][data-dark-theme='dark'] {
+    @include setVariables(dark.$variables);
+  }
+}