diff --git a/static/css/dark.css b/static/css/dark.css
index 60a2e2d..e7b02d1 100644
--- a/static/css/dark.css
+++ b/static/css/dark.css
@@ -1,4 +1,372 @@
 [data-color-mode=dark] {
+  --color-canvas-default-transparent: rgba(13,17,23,0);
+  --color-page-header-bg: #0d1117;
+  --color-marketing-icon-primary: #79c0ff;
+  --color-marketing-icon-secondary: #1f6feb;
+  --color-diff-blob-addition-fg: #c9d1d9;
+  --color-diff-blob-deletion-fg: #c9d1d9;
+  --color-diff-blob-expander-icon: #8b949e;
+  --color-diffstat-deletion-border: rgba(240,246,252,0.1);
+  --color-diffstat-addition-border: rgba(240,246,252,0.1);
+  --color-prettylights-syntax-comment: #8b949e;
+  --color-prettylights-syntax-constant: #79c0ff;
+  --color-prettylights-syntax-entity: #d2a8ff;
+  --color-prettylights-syntax-storage-modifier-import: #c9d1d9;
+  --color-prettylights-syntax-entity-tag: #7ee787;
+  --color-prettylights-syntax-keyword: #ff7b72;
+  --color-prettylights-syntax-string: #a5d6ff;
+  --color-prettylights-syntax-variable: #ffa657;
+  --color-prettylights-syntax-brackethighlighter-unmatched: #f85149;
+  --color-prettylights-syntax-invalid-illegal-text: #f0f6fc;
+  --color-prettylights-syntax-invalid-illegal-bg: #8e1519;
+  --color-prettylights-syntax-carriage-return-text: #f0f6fc;
+  --color-prettylights-syntax-carriage-return-bg: #b62324;
+  --color-prettylights-syntax-string-regexp: #7ee787;
+  --color-prettylights-syntax-markup-list: #f2cc60;
+  --color-prettylights-syntax-markup-heading: #1f6feb;
+  --color-prettylights-syntax-markup-italic: #c9d1d9;
+  --color-prettylights-syntax-markup-bold: #c9d1d9;
+  --color-prettylights-syntax-markup-deleted-text: #ffdcd7;
+  --color-prettylights-syntax-markup-deleted-bg: #67060c;
+  --color-prettylights-syntax-markup-inserted-text: #aff5b4;
+  --color-prettylights-syntax-markup-inserted-bg: #033a16;
+  --color-prettylights-syntax-markup-changed-text: #ffdfb6;
+  --color-prettylights-syntax-markup-changed-bg: #5a1e02;
+  --color-prettylights-syntax-markup-ignored-text: #c9d1d9;
+  --color-prettylights-syntax-markup-ignored-bg: #1158c7;
+  --color-prettylights-syntax-meta-diff-range: #d2a8ff;
+  --color-prettylights-syntax-brackethighlighter-angle: #8b949e;
+  --color-prettylights-syntax-sublimelinter-gutter-mark: #484f58;
+  --color-prettylights-syntax-constant-other-reference-link: #a5d6ff;
+  --color-codemirror-text: #c9d1d9;
+  --color-codemirror-bg: #0d1117;
+  --color-codemirror-gutters-bg: #0d1117;
+  --color-codemirror-guttermarker-text: #0d1117;
+  --color-codemirror-linenumber-text: #8b949e;
+  --color-codemirror-activeline-bg: rgba(110,118,129,0.1);
+  --color-codemirror-matchingbracket-text: #c9d1d9;
+  --color-codemirror-lines-bg: #0d1117;
+  --color-codemirror-syntax-comment: #8b949e;
+  --color-codemirror-syntax-constant: #79c0ff;
+  --color-codemirror-syntax-entity: #d2a8ff;
+  --color-codemirror-syntax-keyword: #ff7b72;
+  --color-codemirror-syntax-storage: #ff7b72;
+  --color-codemirror-syntax-string: #a5d6ff;
+  --color-codemirror-syntax-support: #79c0ff;
+  --color-codemirror-syntax-variable: #ffa657;
+  --color-checks-bg: #010409;
+  --color-checks-run-border-width: 1px;
+  --color-checks-container-border-width: 1px;
+  --color-checks-text-primary: #c9d1d9;
+  --color-checks-text-secondary: #8b949e;
+  --color-checks-text-link: #58a6ff;
+  --color-checks-btn-icon: #8b949e;
+  --color-checks-btn-hover-icon: #c9d1d9;
+  --color-checks-btn-hover-bg: rgba(110,118,129,0.1);
+  --color-checks-input-text: #8b949e;
+  --color-checks-input-placeholder-text: #484f58;
+  --color-checks-input-focus-text: #c9d1d9;
+  --color-checks-input-bg: #161b22;
+  --color-checks-input-shadow: 0 0 0 1px;
+  --color-checks-donut-error: #f85149;
+  --color-checks-donut-pending: #d29922;
+  --color-checks-donut-success: #2ea043;
+  --color-checks-donut-neutral: #8b949e;
+  --color-checks-dropdown-text: #c9d1d9;
+  --color-checks-dropdown-bg: #161b22;
+  --color-checks-dropdown-border: #30363d;
+  --color-checks-dropdown-shadow: rgba(1,4,9,0.3);
+  --color-checks-dropdown-hover-text: #c9d1d9;
+  --color-checks-dropdown-hover-bg: rgba(110,118,129,0.1);
+  --color-checks-dropdown-btn-hover-text: #c9d1d9;
+  --color-checks-dropdown-btn-hover-bg: rgba(110,118,129,0.1);
+  --color-checks-scrollbar-thumb-bg: rgba(110,118,129,0.4);
+  --color-checks-header-label-text: #8b949e;
+  --color-checks-header-label-open-text: #c9d1d9;
+  --color-checks-header-border: #21262d;
+  --color-checks-header-icon: #8b949e;
+  --color-checks-line-text: #8b949e;
+  --color-checks-line-num-text: #484f58;
+  --color-checks-line-timestamp-text: #484f58;
+  --color-checks-line-hover-bg: rgba(110,118,129,0.1);
+  --color-checks-line-selected-bg: rgba(56,139,253,0.15);
+  --color-checks-line-selected-num-text: #58a6ff;
+  --color-checks-line-dt-fm-text: #f0f6fc;
+  --color-checks-line-dt-fm-bg: #9e6a03;
+  --color-checks-gate-bg: rgba(187,128,9,0.15);
+  --color-checks-gate-text: #8b949e;
+  --color-checks-gate-waiting-text: #d29922;
+  --color-checks-step-header-open-bg: #161b22;
+  --color-checks-step-error-text: #f85149;
+  --color-checks-step-warning-text: #d29922;
+  --color-checks-logline-text: #8b949e;
+  --color-checks-logline-num-text: #484f58;
+  --color-checks-logline-debug-text: #a371f7;
+  --color-checks-logline-error-text: #8b949e;
+  --color-checks-logline-error-num-text: #484f58;
+  --color-checks-logline-error-bg: rgba(248,81,73,0.15);
+  --color-checks-logline-warning-text: #8b949e;
+  --color-checks-logline-warning-num-text: #d29922;
+  --color-checks-logline-warning-bg: rgba(187,128,9,0.15);
+  --color-checks-logline-command-text: #58a6ff;
+  --color-checks-logline-section-text: #3fb950;
+  --color-checks-ansi-black: #0d1117;
+  --color-checks-ansi-black-bright: #161b22;
+  --color-checks-ansi-white: #b1bac4;
+  --color-checks-ansi-white-bright: #b1bac4;
+  --color-checks-ansi-gray: #6e7681;
+  --color-checks-ansi-red: #ff7b72;
+  --color-checks-ansi-red-bright: #ffa198;
+  --color-checks-ansi-green: #3fb950;
+  --color-checks-ansi-green-bright: #56d364;
+  --color-checks-ansi-yellow: #d29922;
+  --color-checks-ansi-yellow-bright: #e3b341;
+  --color-checks-ansi-blue: #58a6ff;
+  --color-checks-ansi-blue-bright: #79c0ff;
+  --color-checks-ansi-magenta: #bc8cff;
+  --color-checks-ansi-magenta-bright: #d2a8ff;
+  --color-checks-ansi-cyan: #76e3ea;
+  --color-checks-ansi-cyan-bright: #b3f0ff;
+  --color-project-header-bg: #0d1117;
+  --color-project-sidebar-bg: #161b22;
+  --color-project-gradient-in: #161b22;
+  --color-mktg-btn-bg: #f6f8fa;
+  --color-mktg-btn-shadow-outline: rgb(255 255 255 / 25%) 0 0 0 1px inset;
+  --color-mktg-btn-shadow-focus: rgb(255 255 255 / 25%) 0 0 0 4px;
+  --color-mktg-btn-shadow-hover: 0 4px 7px rgba(0, 0, 0, 0.15), 0 100px 80px rgba(255, 255, 255, 0.02), 0 42px 33px rgba(255, 255, 255, 0.024), 0 22px 18px rgba(255, 255, 255, 0.028), 0 12px 10px rgba(255, 255, 255, 0.034), 0 7px 5px rgba(255, 255, 255, 0.04), 0 3px 2px rgba(255, 255, 255, 0.07);
+  --color-mktg-btn-shadow-hover-muted: rgb(255 255 255) 0 0 0 2px inset;
+  --color-avatar-bg: rgba(240,246,252,0.1);
+  --color-avatar-border: rgba(240,246,252,0.1);
+  --color-avatar-stack-fade: #30363d;
+  --color-avatar-stack-fade-more: #21262d;
+  --color-avatar-child-shadow: -2px -2px 0 #0d1117;
+  --color-topic-tag-border: rgba(0,0,0,0);
+  --color-counter-border: rgba(0,0,0,0);
+  --color-select-menu-backdrop-border: #484f58;
+  --color-select-menu-tap-focus-bg: #0c2d6b;
+  --color-overlay-shadow: 0 0 0 1px #30363d, 0 16px 32px rgba(1,4,9,0.85);
+  --color-header-bg: #161b22;
+  --color-header-divider: #8b949e;
+  --color-header-logo: #f0f6fc;
+  --color-header-search-bg: #0d1117;
+  --color-sidenav-selected-bg: #21262d;
+  --color-menu-bg-active: #161b22;
+  --color-input-disabled-bg: rgba(110,118,129,0);
+  --color-ansi-white: #b1bac4;
+  --color-ansi-gray: #6e7681;
+  --color-ansi-red: #ff7b72;
+  --color-ansi-red-bright: #ffa198;
+  --color-ansi-green: #3fb950;
+  --color-ansi-green-bright: #56d364;
+  --color-ansi-yellow: #d29922;
+  --color-ansi-yellow-bright: #e3b341;
+  --color-ansi-blue: #58a6ff;
+  --color-ansi-blue-bright: #79c0ff;
+  --color-ansi-magenta: #bc8cff;
+  --color-ansi-magenta-bright: #d2a8ff;
+  --color-btn-text: #c9d1d9;
+  --color-btn-bg: #21262d;
+  --color-btn-border: rgba(240,246,252,0.1);
+  --color-btn-shadow: 0 0 transparent;
+  --color-btn-inset-shadow: 0 0 transparent;
+  --color-btn-hover-bg: #30363d;
+  --color-btn-hover-border: #8b949e;
+  --color-btn-active-bg: hsla(212,12%,18%,1);
+  --color-btn-active-border: #6e7681;
+  --color-btn-selected-bg: #161b22;
+  --color-btn-focus-bg: #21262d;
+  --color-btn-focus-border: #8b949e;
+  --color-btn-counter-bg: #30363d;
+  --color-btn-primary-bg: #238636;
+  --color-btn-primary-border: rgba(240,246,252,0.1);
+  --color-btn-primary-shadow: 0 0 transparent;
+  --color-btn-primary-inset-shadow: 0 0 transparent;
+  --color-btn-primary-hover-bg: #2ea043;
+  --color-btn-primary-hover-border: rgba(240,246,252,0.1);
+  --color-btn-primary-selected-bg: #238636;
+  --color-btn-primary-selected-shadow: 0 0 transparent;
+  --color-btn-primary-focus-bg: #238636;
+  --color-btn-primary-focus-border: rgba(240,246,252,0.1);
+  --color-btn-primary-icon: #f0f6fc;
+  --color-btn-outline-text: #58a6ff;
+  --color-btn-outline-hover-text: #58a6ff;
+  --color-btn-outline-hover-bg: #30363d;
+  --color-btn-outline-hover-border: rgba(240,246,252,0.1);
+  --color-btn-outline-selected-text: #f0f6fc;
+  --color-btn-outline-selected-bg: #0d419d;
+  --color-btn-outline-selected-shadow: 0 0 transparent;
+  --color-btn-outline-disabled-bg: #0d1117;
+  --color-btn-outline-focus-border: rgba(240,246,252,0.1);
+  --color-btn-danger-text: #f85149;
+  --color-btn-danger-hover-bg: #da3633;
+  --color-btn-danger-hover-border: #f85149;
+  --color-btn-danger-hover-shadow: 0 0 transparent;
+  --color-btn-danger-hover-inset-shadow: 0 0 transparent;
+  --color-btn-danger-hover-icon: #f0f6fc;
+  --color-btn-danger-selected-bg: #b62324;
+  --color-btn-danger-selected-border: #ff7b72;
+  --color-btn-danger-selected-shadow: 0 0 transparent;
+  --color-btn-danger-disabled-text: rgba(248,81,73,0.5);
+  --color-btn-danger-disabled-bg: #0d1117;
+  --color-btn-danger-focus-border: #f85149;
+  --color-btn-danger-icon: #f85149;
+  --color-underlinenav-border-hover: rgba(110,118,129,0.4);
+  --color-action-list-item-inline-divider: rgba(48,54,61,0.48);
+  --color-action-list-item-default-hover-bg: rgba(177,186,196,0.12);
+  --color-action-list-item-default-hover-border: rgba(0,0,0,0);
+  --color-action-list-item-default-active-bg: rgba(177,186,196,0.2);
+  --color-action-list-item-default-active-border: rgba(0,0,0,0);
+  --color-action-list-item-default-selected-bg: rgba(177,186,196,0.08);
+  --color-action-list-item-danger-hover-bg: rgba(248,81,73,0.16);
+  --color-action-list-item-danger-active-bg: rgba(248,81,73,0.24);
+  --color-action-list-item-danger-hover-text: #ff7b72;
+  --color-fg-default: #c9d1d9;
+  --color-fg-muted: #8b949e;
+  --color-fg-subtle: #484f58;
+  --color-fg-on-emphasis: #f0f6fc;
+  --color-canvas-default: #0d1117;
+  --color-canvas-overlay: #161b22;
+  --color-canvas-inset: #010409;
+  --color-canvas-subtle: #161b22;
+  --color-border-default: #30363d;
+  --color-border-muted: #21262d;
+  --color-border-subtle: rgba(240,246,252,0.1);
+  --color-shadow-small: 0 0 transparent;
+  --color-shadow-medium: 0 3px 6px #010409;
+  --color-shadow-large: 0 8px 24px #010409;
+  --color-shadow-extra-large: 0 12px 48px #010409;
+  --color-neutral-emphasis-plus: #6e7681;
+  --color-neutral-emphasis: #6e7681;
+  --color-neutral-muted: rgba(110,118,129,0.4);
+  --color-neutral-subtle: rgba(110,118,129,0.1);
+  --color-accent-fg: #58a6ff;
+  --color-accent-emphasis: #1f6feb;
+  --color-accent-muted: rgba(56,139,253,0.4);
+  --color-accent-subtle: rgba(56,139,253,0.15);
+  --color-success-fg: #3fb950;
+  --color-success-emphasis: #238636;
+  --color-success-muted: rgba(46,160,67,0.4);
+  --color-success-subtle: rgba(46,160,67,0.15);
+  --color-attention-fg: #d29922;
+  --color-attention-emphasis: #9e6a03;
+  --color-attention-muted: rgba(187,128,9,0.4);
+  --color-attention-subtle: rgba(187,128,9,0.15);
+  --color-severe-fg: #db6d28;
+  --color-severe-emphasis: #bd561d;
+  --color-severe-muted: rgba(219,109,40,0.4);
+  --color-severe-subtle: rgba(219,109,40,0.15);
+  --color-danger-fg: #f85149;
+  --color-danger-emphasis: #da3633;
+  --color-danger-muted: rgba(248,81,73,0.4);
+  --color-danger-subtle: rgba(248,81,73,0.15);
+  --color-done-fg: #a371f7;
+  --color-done-emphasis: #8957e5;
+  --color-done-muted: rgba(163,113,247,0.4);
+  --color-done-subtle: rgba(163,113,247,0.15);
+  --color-sponsors-fg: #db61a2;
+  --color-sponsors-emphasis: #bf4b8a;
+  --color-sponsors-muted: rgba(219,97,162,0.4);
+  --color-sponsors-subtle: rgba(219,97,162,0.15);
+  --color-primer-fg-disabled: #484f58;
+  --color-primer-canvas-backdrop: rgba(1,4,9,0.8);
+  --color-primer-canvas-sticky: rgba(13,17,23,0.95);
+  --color-primer-border-active: #F78166;
+  --color-primer-border-contrast: rgba(240,246,252,0.2);
+  --color-primer-shadow-highlight: 0 0 transparent;
+  --color-primer-shadow-inset: 0 0 transparent;
+  --color-primer-shadow-focus: 0 0 0 3px #0c2d6b;
+  --color-scale-black: #010409;
+  --color-scale-white: #f0f6fc;
+  --color-scale-gray-0: #f0f6fc;
+  --color-scale-gray-1: #c9d1d9;
+  --color-scale-gray-2: #b1bac4;
+  --color-scale-gray-3: #8b949e;
+  --color-scale-gray-4: #6e7681;
+  --color-scale-gray-5: #484f58;
+  --color-scale-gray-6: #30363d;
+  --color-scale-gray-7: #21262d;
+  --color-scale-gray-8: #161b22;
+  --color-scale-gray-9: #0d1117;
+  --color-scale-blue-0: #cae8ff;
+  --color-scale-blue-1: #a5d6ff;
+  --color-scale-blue-2: #79c0ff;
+  --color-scale-blue-3: #58a6ff;
+  --color-scale-blue-4: #388bfd;
+  --color-scale-blue-5: #1f6feb;
+  --color-scale-blue-6: #1158c7;
+  --color-scale-blue-7: #0d419d;
+  --color-scale-blue-8: #0c2d6b;
+  --color-scale-blue-9: #051d4d;
+  --color-scale-green-0: #aff5b4;
+  --color-scale-green-1: #7ee787;
+  --color-scale-green-2: #56d364;
+  --color-scale-green-3: #3fb950;
+  --color-scale-green-4: #2ea043;
+  --color-scale-green-5: #238636;
+  --color-scale-green-6: #196c2e;
+  --color-scale-green-7: #0f5323;
+  --color-scale-green-8: #033a16;
+  --color-scale-green-9: #04260f;
+  --color-scale-yellow-0: #f8e3a1;
+  --color-scale-yellow-1: #f2cc60;
+  --color-scale-yellow-2: #e3b341;
+  --color-scale-yellow-3: #d29922;
+  --color-scale-yellow-4: #bb8009;
+  --color-scale-yellow-5: #9e6a03;
+  --color-scale-yellow-6: #845306;
+  --color-scale-yellow-7: #693e00;
+  --color-scale-yellow-8: #4b2900;
+  --color-scale-yellow-9: #341a00;
+  --color-scale-orange-0: #ffdfb6;
+  --color-scale-orange-1: #ffc680;
+  --color-scale-orange-2: #ffa657;
+  --color-scale-orange-3: #f0883e;
+  --color-scale-orange-4: #db6d28;
+  --color-scale-orange-5: #bd561d;
+  --color-scale-orange-6: #9b4215;
+  --color-scale-orange-7: #762d0a;
+  --color-scale-orange-8: #5a1e02;
+  --color-scale-orange-9: #3d1300;
+  --color-scale-red-0: #ffdcd7;
+  --color-scale-red-1: #ffc1ba;
+  --color-scale-red-2: #ffa198;
+  --color-scale-red-3: #ff7b72;
+  --color-scale-red-4: #f85149;
+  --color-scale-red-5: #da3633;
+  --color-scale-red-6: #b62324;
+  --color-scale-red-7: #8e1519;
+  --color-scale-red-8: #67060c;
+  --color-scale-red-9: #490202;
+  --color-scale-purple-0: #eddeff;
+  --color-scale-purple-1: #e2c5ff;
+  --color-scale-purple-2: #d2a8ff;
+  --color-scale-purple-3: #bc8cff;
+  --color-scale-purple-4: #a371f7;
+  --color-scale-purple-5: #8957e5;
+  --color-scale-purple-6: #6e40c9;
+  --color-scale-purple-7: #553098;
+  --color-scale-purple-8: #3c1e70;
+  --color-scale-purple-9: #271052;
+  --color-scale-pink-0: #ffdaec;
+  --color-scale-pink-1: #ffbedd;
+  --color-scale-pink-2: #ff9bce;
+  --color-scale-pink-3: #f778ba;
+  --color-scale-pink-4: #db61a2;
+  --color-scale-pink-5: #bf4b8a;
+  --color-scale-pink-6: #9e3670;
+  --color-scale-pink-7: #7d2457;
+  --color-scale-pink-8: #5e103e;
+  --color-scale-pink-9: #42062a;
+  --color-scale-coral-0: #FFDDD2;
+  --color-scale-coral-1: #FFC2B2;
+  --color-scale-coral-2: #FFA28B;
+  --color-scale-coral-3: #F78166;
+  --color-scale-coral-4: #EA6045;
+  --color-scale-coral-5: #CF462D;
+  --color-scale-coral-6: #AC3220;
+  --color-scale-coral-7: #872012;
+  --color-scale-coral-8: #640D04;
+  --color-scale-coral-9: #460701;
   --body-background-color: #000;
   --color-actions-workflow-table-sticky-bg: rgba(13, 17, 23, 0.95);
   --color-alert-error-bg: rgba(248, 81, 73, 0.1);
@@ -19,21 +387,9 @@
   --color-alert-warn-text: #e3b341;
   --color-ansi-black: #0d1117;
   --color-ansi-black-bright: #161b22;
-  --color-ansi-blue: #58a6ff;
-  --color-ansi-blue-bright: #79c0ff;
   --color-ansi-cyan: #76e3ea;
   --color-ansi-cyan-bright: #b3f0ff;
-  --color-ansi-gray: #6e7681;
-  --color-ansi-green: #3fb950;
-  --color-ansi-green-bright: #56d364;
-  --color-ansi-magenta: #bc8cff;
-  --color-ansi-magenta-bright: #d2a8ff;
-  --color-ansi-red: #ff7b72;
-  --color-ansi-red-bright: #ffa198;
-  --color-ansi-white: #b1bac4;
   --color-ansi-white-bright: #b1bac4;
-  --color-ansi-yellow: #d29922;
-  --color-ansi-yellow-bright: #e3b341;
   --color-auto-black: #f0f6fc;
   --color-auto-blue-0: #051d4d;
   --color-auto-blue-1: #0c2d6b;
@@ -120,9 +476,6 @@
   --color-autocomplete-shadow: 0 16px 32px rgba(1, 4, 9, 0.85);
   --color-avatar-bg: #0d1117;
   --color-avatar-border: #0d1117;
-  --color-avatar-child-shadow: -2px -2px 0 #0d1117;
-  --color-avatar-stack-fade: #30363d;
-  --color-avatar-stack-fade-more: #21262d;
   --color-bg-backdrop: rgba(1, 4, 9, 0.8);
   --color-bg-canvas: #0d1117;
   --color-bg-canvas-inset: #06090f;
@@ -171,71 +524,37 @@
   --color-branch-name-link-icon: #58a6ff;
   --color-branch-name-link-text: #58a6ff;
   --color-branch-name-text: #c9d1d9;
-  --color-btn-bg: #21262d;
   --color-btn-border: #30363d;
-  --color-btn-counter-bg: #30363d;
   --color-btn-danger-counter-bg: rgba(218, 54, 51, 0.1);
-  --color-btn-danger-disabled-bg: #0d1117;
   --color-btn-danger-disabled-counter-bg: rgba(218, 54, 51, 0.05);
   --color-btn-danger-disabled-text: #f85149;
-  --color-btn-danger-focus-border: #f85149;
   --color-btn-danger-focus-shadow: 0 0 0 3px rgba(182, 35, 36, 0.4);
-  --color-btn-danger-hover-bg: #da3633;
-  --color-btn-danger-hover-border: #f85149;
   --color-btn-danger-hover-counter-bg: hsla(0, 0%, 100%, 0.2);
-  --color-btn-danger-hover-inset-shadow: 0 0 transparent;
-  --color-btn-danger-hover-shadow: 0 0 transparent;
   --color-btn-danger-hover-text: #fff;
-  --color-btn-danger-selected-bg: #b62324;
   --color-btn-danger-selected-border: rgba(240, 246, 252, 0.1);
-  --color-btn-danger-selected-shadow: 0 0 transparent;
   --color-btn-danger-selected-text: #fff;
-  --color-btn-danger-text: #f85149;
-  --color-btn-focus-bg: #21262d;
-  --color-btn-focus-border: #8b949e;
   --color-btn-focus-shadow: 0 0 0 3px rgba(139, 148, 158, 0.3);
-  --color-btn-hover-bg: #30363d;
-  --color-btn-hover-border: #8b949e;
-  --color-btn-inset-shadow: 0 0 transparent;
   --color-btn-outline-counter-bg: rgba(31, 111, 235, 0.1);
-  --color-btn-outline-disabled-bg: #0d1117;
   --color-btn-outline-disabled-counter-bg: rgba(31, 111, 235, 0.05);
   --color-btn-outline-disabled-text: rgba(88, 166, 255, 0.5);
   --color-btn-outline-focus-border: #58a6ff;
   --color-btn-outline-focus-shadow: 0 0 0 3px rgba(17, 88, 199, 0.4);
-  --color-btn-outline-hover-bg: #30363d;
   --color-btn-outline-hover-border: #58a6ff;
   --color-btn-outline-hover-counter-bg: rgba(240, 246, 252, 0.2);
   --color-btn-outline-hover-inset-shadow: inset 0 1px 0 rgba(240, 246, 252, 0.03);
   --color-btn-outline-hover-shadow: 0 1px 0 rgba(1, 4, 9, 0.1);
-  --color-btn-outline-hover-text: #58a6ff;
-  --color-btn-outline-selected-bg: #0d419d;
   --color-btn-outline-selected-border: rgba(240, 246, 252, 0.1);
-  --color-btn-outline-selected-shadow: 0 0 transparent;
-  --color-btn-outline-selected-text: #f0f6fc;
-  --color-btn-outline-text: #58a6ff;
-  --color-btn-primary-bg: #238636;
   --color-btn-primary-border: #2ea043;
   --color-btn-primary-counter-bg: rgba(240, 246, 252, 0.2);
   --color-btn-primary-disabled-bg: rgba(35, 134, 54, 0.6);
   --color-btn-primary-disabled-border: transparent;
   --color-btn-primary-disabled-text: rgba(240, 246, 252, 0.5);
-  --color-btn-primary-focus-bg: #238636;
   --color-btn-primary-focus-border: #3fb950;
   --color-btn-primary-focus-shadow: 0 0 0 3px rgba(46, 164, 79, 0.4);
-  --color-btn-primary-hover-bg: #2ea043;
   --color-btn-primary-hover-border: #3fb950;
-  --color-btn-primary-icon: #f0f6fc;
-  --color-btn-primary-inset-shadow: 0 0 transparent;
-  --color-btn-primary-selected-bg: #238636;
-  --color-btn-primary-selected-shadow: 0 0 transparent;
-  --color-btn-primary-shadow: 0 0 transparent;
   --color-btn-primary-text: #fff;
-  --color-btn-selected-bg: #161b22;
-  --color-btn-shadow: 0 0 transparent;
   --color-btn-shadow-active: inset 0 0.15em 0.3em rgba(1, 4, 9, 0.15);
   --color-btn-shadow-input-focus: 0 0 0 0.2em rgba(31, 111, 235, 0.3);
-  --color-btn-text: #c9d1d9;
   --color-calendar-graph-day-L1-bg: #01311f;
   --color-calendar-graph-day-L1-border: rgba(27, 31, 35, 0.06);
   --color-calendar-graph-day-L2-bg: #034525;
@@ -250,30 +569,11 @@
   --color-calendar-halloween-graph-day-L2-bg: #bd561d;
   --color-calendar-halloween-graph-day-L3-bg: #fa7a18;
   --color-calendar-halloween-graph-day-L4-bg: #fddf68;
-  --color-checks-donut-error: #f85149;
-  --color-checks-donut-neutral: #8b949e;
-  --color-checks-donut-pending: #d29922;
-  --color-checks-donut-success: #2ea043;
   --color-code-selection-bg: rgba(121, 192, 255, 0.3);
   --color-codemirror-activeline-bg: #161b22;
-  --color-codemirror-bg: #0d1117;
   --color-codemirror-cursor: #f0f6fc;
   --color-codemirror-guttermarker-subtle-text: #6e7681;
-  --color-codemirror-guttermarker-text: #0d1117;
-  --color-codemirror-gutters-bg: #0d1117;
-  --color-codemirror-linenumber-text: #8b949e;
-  --color-codemirror-lines-bg: #0d1117;
-  --color-codemirror-matchingbracket-text: #c9d1d9;
   --color-codemirror-selection-bg: rgba(121, 192, 255, 0.3);
-  --color-codemirror-syntax-comment: #8b949e;
-  --color-codemirror-syntax-constant: #79c0ff;
-  --color-codemirror-syntax-entity: #d2a8ff;
-  --color-codemirror-syntax-keyword: #ff7b72;
-  --color-codemirror-syntax-storage: #ff7b72;
-  --color-codemirror-syntax-string: #a5d6ff;
-  --color-codemirror-syntax-support: #79c0ff;
-  --color-codemirror-syntax-variable: #ffa657;
-  --color-codemirror-text: #c9d1d9;
   --color-counter-bg: #30363d;
   --color-counter-primary-bg: #6e7681;
   --color-counter-primary-text: #c9d1d9;
@@ -298,7 +598,6 @@
   --color-diff-blob-empty-block-bg: #161b22;
   --color-diff-blob-expander-hover-bg: #1f6feb;
   --color-diff-blob-expander-hover-icon: #f0f6fc;
-  --color-diff-blob-expander-icon: #8b949e;
   --color-diff-blob-hunk-line-bg: rgba(88, 166, 255, 0.1);
   --color-diff-blob-hunk-num-bg: rgba(88, 166, 255, 0.15);
   --color-diff-blob-hunk-text: #8b949e;
@@ -321,7 +620,7 @@
   --color-diffstat-neutral-border: rgba(240, 246, 252, 0.1);
   --color-discussion-bg-success: rgba(46, 160, 67, 0.1);
   --color-discussion-border: #34513b;
-  --color-discussions-answer-border: rgba(#3fb950, 0.3);
+  --color-discussions-answer-border: #3fb950;
   --color-discussions-answer-icon: #3fb950;
   --color-discussions-answer-text: #3fb950;
   --color-discussions-state-answered-icon: #3fb950;
@@ -357,9 +656,6 @@
   --color-global-nav-input-placeholder: #484f58;
   --color-global-nav-logo: #f0f6fc;
   --color-global-nav-text: #c9d1d9;
-  --color-header-bg: #161b22;
-  --color-header-logo: #f0f6fc;
-  --color-header-search-bg: #0d1117;
   --color-header-search-border: #21262d;
   --color-header-text: rgba(240, 246, 252, 0.7);
   --color-hidden-text-expander-bg: #21262d;
@@ -411,9 +707,6 @@
   --color-markdown-frame-border: #3b434b;
   --color-markdown-table-border: #3b434b;
   --color-markdown-table-tr-border: #272c32;
-  --color-marketing-icon-primary: #79c0ff;
-  --color-marketing-icon-secondary: #1f6feb;
-  --color-menu-bg-active: #161b22;
   --color-menu-border-active: #f78166;
   --color-menu-heading-text: #8b949e;
   --color-merge-box-error-icon-bg: rgba(248, 81, 73, 0.1);
@@ -457,149 +750,27 @@
   --color-pr-state-open-bg: rgba(63, 185, 80, 0.1);
   --color-pr-state-open-border: rgba(63, 185, 80, 0.4);
   --color-pr-state-open-text: #3fb950;
-  --color-prettylights-syntax-brackethighlighter-angle: #8b949e;
-  --color-prettylights-syntax-brackethighlighter-unmatched: #f85149;
-  --color-prettylights-syntax-carriage-return-bg: #b62324;
-  --color-prettylights-syntax-carriage-return-text: #f0f6fc;
-  --color-prettylights-syntax-comment: #8b949e;
-  --color-prettylights-syntax-constant: #79c0ff;
-  --color-prettylights-syntax-constant-other-reference-link: #a5d6ff;
-  --color-prettylights-syntax-entity: #d2a8ff;
-  --color-prettylights-syntax-entity-tag: #7ee787;
-  --color-prettylights-syntax-invalid-illegal-bg: #8e1519;
-  --color-prettylights-syntax-invalid-illegal-text: #f0f6fc;
-  --color-prettylights-syntax-keyword: #ff7b72;
-  --color-prettylights-syntax-markup-bold: #c9d1d9;
-  --color-prettylights-syntax-markup-changed-bg: #5a1e02;
-  --color-prettylights-syntax-markup-changed-text: #ffdfb6;
-  --color-prettylights-syntax-markup-deleted-bg: #67060c;
-  --color-prettylights-syntax-markup-deleted-text: #ffdcd7;
-  --color-prettylights-syntax-markup-heading: #1f6feb;
-  --color-prettylights-syntax-markup-ignored-bg: #1158c7;
-  --color-prettylights-syntax-markup-ignored-text: #c9d1d9;
-  --color-prettylights-syntax-markup-inserted-bg: #033a16;
-  --color-prettylights-syntax-markup-inserted-text: #aff5b4;
-  --color-prettylights-syntax-markup-italic: #c9d1d9;
-  --color-prettylights-syntax-markup-list: #f2cc60;
-  --color-prettylights-syntax-meta-diff-range: #d2a8ff;
-  --color-prettylights-syntax-storage-modifier-import: #c9d1d9;
-  --color-prettylights-syntax-string: #a5d6ff;
-  --color-prettylights-syntax-string-regexp: #7ee787;
-  --color-prettylights-syntax-sublimelinter-gutter-mark: #484f58;
-  --color-prettylights-syntax-variable: #ffa657;
   --color-previewable-comment-form-border: #25292f;
   --color-profile-color-modes-toggle-moon: #f8e3a1;
   --color-profile-color-modes-toggle-thumb-bg: #6e40c9;
   --color-profile-color-modes-toggle-track-bg: #271052;
   --color-profile-color-modes-toggle-track-border: #3c1e70;
   --color-project-card-bg: #161b22;
-  --color-project-gradient-in: #161b22;
   --color-project-gradient-out: rgba(22, 27, 34, 0);
-  --color-project-header-bg: #0d1117;
-  --color-project-sidebar-bg: #161b22;
   --color-promo-color-modes-toggle-moon: #f8e3a1;
   --color-promo-color-modes-toggle-thumb-bg: #6e40c9;
   --color-promo-color-modes-toggle-track-bg: #271052;
   --color-promo-color-modes-toggle-track-border: #3c1e70;
   --color-repo-language-color-border: rgba(240, 246, 252, 0.2);
-  --color-scale-black: #010409;
-  --color-scale-blue-0: #cae8ff;
-  --color-scale-blue-1: #a5d6ff;
-  --color-scale-blue-2: #79c0ff;
-  --color-scale-blue-3: #58a6ff;
-  --color-scale-blue-4: #388bfd;
-  --color-scale-blue-5: #1f6feb;
-  --color-scale-blue-6: #1158c7;
-  --color-scale-blue-7: #0d419d;
-  --color-scale-blue-8: #0c2d6b;
-  --color-scale-blue-9: #051d4d;
-  --color-scale-gray-0: #f0f6fc;
-  --color-scale-gray-1: #c9d1d9;
-  --color-scale-gray-2: #b1bac4;
-  --color-scale-gray-3: #8b949e;
-  --color-scale-gray-4: #6e7681;
-  --color-scale-gray-5: #484f58;
-  --color-scale-gray-6: #30363d;
-  --color-scale-gray-7: #21262d;
-  --color-scale-gray-8: #161b22;
-  --color-scale-gray-9: #0d1117;
-  --color-scale-green-0: #aff5b4;
-  --color-scale-green-1: #7ee787;
-  --color-scale-green-2: #56d364;
-  --color-scale-green-3: #3fb950;
-  --color-scale-green-4: #2ea043;
-  --color-scale-green-5: #238636;
-  --color-scale-green-6: #196c2e;
-  --color-scale-green-7: #0f5323;
-  --color-scale-green-8: #033a16;
-  --color-scale-green-9: #04260f;
-  --color-scale-orange-0: #ffdfb6;
-  --color-scale-orange-1: #ffc680;
-  --color-scale-orange-2: #ffa657;
-  --color-scale-orange-3: #f0883e;
-  --color-scale-orange-4: #db6d28;
-  --color-scale-orange-5: #bd561d;
-  --color-scale-orange-6: #9b4215;
-  --color-scale-orange-7: #762d0a;
-  --color-scale-orange-8: #5a1e02;
-  --color-scale-orange-9: #3d1300;
-  --color-scale-pink-0: #ffdaec;
-  --color-scale-pink-1: #ffbedd;
-  --color-scale-pink-2: #ff9bce;
-  --color-scale-pink-3: #f778ba;
-  --color-scale-pink-4: #db61a2;
-  --color-scale-pink-5: #bf4b8a;
-  --color-scale-pink-6: #9e3670;
-  --color-scale-pink-7: #7d2457;
-  --color-scale-pink-8: #5e103e;
-  --color-scale-pink-9: #42062a;
-  --color-scale-purple-0: #eddeff;
-  --color-scale-purple-1: #e2c5ff;
-  --color-scale-purple-2: #d2a8ff;
-  --color-scale-purple-3: #bc8cff;
-  --color-scale-purple-4: #a371f7;
-  --color-scale-purple-5: #8957e5;
-  --color-scale-purple-6: #6e40c9;
-  --color-scale-purple-7: #553098;
-  --color-scale-purple-8: #3c1e70;
-  --color-scale-purple-9: #271052;
-  --color-scale-red-0: #ffdcd7;
-  --color-scale-red-1: #ffc1ba;
-  --color-scale-red-2: #ffa198;
-  --color-scale-red-3: #ff7b72;
-  --color-scale-red-4: #f85149;
-  --color-scale-red-5: #da3633;
-  --color-scale-red-6: #b62324;
-  --color-scale-red-7: #8e1519;
-  --color-scale-red-8: #67060c;
-  --color-scale-red-9: #490202;
-  --color-scale-white: #f0f6fc;
-  --color-scale-yellow-0: #f8e3a1;
-  --color-scale-yellow-1: #f2cc60;
-  --color-scale-yellow-2: #e3b341;
-  --color-scale-yellow-3: #d29922;
-  --color-scale-yellow-4: #bb8009;
-  --color-scale-yellow-5: #9e6a03;
-  --color-scale-yellow-6: #845306;
-  --color-scale-yellow-7: #693e00;
-  --color-scale-yellow-8: #4b2900;
-  --color-scale-yellow-9: #341a00;
   --color-search-hover-hl: #161b22;
   --color-search-keyword-hl: rgba(187, 128, 9, 0.4);
   --color-select-menu-backdrop-bg: rgba(1, 4, 9, 0.5);
-  --color-select-menu-backdrop-border: #484f58;
   --color-select-menu-border-secondary: #30363d;
   --color-select-menu-shadow: 0 0 18px rgba(1, 4, 9, 0.4);
-  --color-select-menu-tap-focus-bg: #0c2d6b;
   --color-select-menu-tap-highlight: rgba(48, 54, 61, 0.5);
-  --color-shadow-extra-large: 0 12px 48px #010409;
   --color-shadow-highlight: 0 0 transparent;
   --color-shadow-inset: 0 0 transparent;
-  --color-shadow-large: 0 8px 24px #010409;
-  --color-shadow-medium: 0 3px 6px #010409;
-  --color-shadow-small: 0 0 transparent;
   --color-sidenav-border-active: #f78166;
-  --color-sidenav-selected-bg: #21262d;
   --color-social-count-bg: #21262d;
   --color-state-focus-border: #388bfd;
   --color-state-focus-shadow: 0 0 0 3px #0c2d6b;
diff --git a/static/css/gitalk.css b/static/css/gitalk.css
index 79b3ce2..4c98f36 100644
--- a/static/css/gitalk.css
+++ b/static/css/gitalk.css
@@ -10,709 +10,7 @@
     padding-right: 16px;
 }
 
-/*
-TODO: 暗黑模式与样式更新
-*/
 .gitalk-container .markdown-body {
-    -ms-text-size-adjust: 100%;
-    -webkit-text-size-adjust: 100%;
-    line-height: 1.5;
-    color: #24292e;
-    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
-    font-size: 16px;
-    line-height: 1.5;
-    word-wrap: break-word;
-}
-
-.gitalk-container .markdown-body .pl-c {
-    color: #6a737d;
-}
-
-.gitalk-container .markdown-body .pl-c1,
-.gitalk-container .markdown-body .pl-s .pl-v {
-    color: #005cc5;
-}
-
-.gitalk-container .markdown-body .pl-e,
-.gitalk-container .markdown-body .pl-en {
-    color: #6f42c1;
-}
-
-.gitalk-container .markdown-body .pl-smi,
-.gitalk-container .markdown-body .pl-s .pl-s1 {
-    color: #24292e;
-}
-
-.gitalk-container .markdown-body .pl-ent {
-    color: #22863a;
-}
-
-.gitalk-container .markdown-body .pl-k {
-    color: #d73a49;
-}
-
-.gitalk-container .markdown-body .pl-s,
-.gitalk-container .markdown-body .pl-pds,
-.gitalk-container .markdown-body .pl-s .pl-pse .pl-s1,
-.gitalk-container .markdown-body .pl-sr,
-.gitalk-container .markdown-body .pl-sr .pl-cce,
-.gitalk-container .markdown-body .pl-sr .pl-sre,
-.gitalk-container .markdown-body .pl-sr .pl-sra {
-    color: #032f62;
-}
-
-.gitalk-container .markdown-body .pl-v,
-.gitalk-container .markdown-body .pl-smw {
-    color: #e36209;
-}
-
-.gitalk-container .markdown-body .pl-bu {
-    color: #b31d28;
-}
-
-.gitalk-container .markdown-body .pl-ii {
-    color: #fafbfc;
-    background-color: #b31d28;
-}
-
-.gitalk-container .markdown-body .pl-c2 {
-    color: #fafbfc;
-    background-color: #d73a49;
-}
-
-.gitalk-container .markdown-body .pl-c2::before {
-    content: "^M";
-}
-
-.gitalk-container .markdown-body .pl-sr .pl-cce {
-    font-weight: bold;
-    color: #22863a;
-}
-
-.gitalk-container .markdown-body .pl-ml {
-    color: #735c0f;
-}
-
-.gitalk-container .markdown-body .pl-mh,
-.gitalk-container .markdown-body .pl-mh .pl-en,
-.gitalk-container .markdown-body .pl-ms {
-    font-weight: bold;
-    color: #005cc5;
-}
-
-.gitalk-container .markdown-body .pl-mi {
-    font-style: italic;
-    color: #24292e;
-}
-
-.gitalk-container .markdown-body .pl-mb {
-    font-weight: bold;
-    color: #24292e;
-}
-
-.gitalk-container .markdown-body .pl-md {
-    color: #b31d28;
-    background-color: #ffeef0;
-}
-
-.gitalk-container .markdown-body .pl-mi1 {
-    color: #22863a;
-    background-color: #f0fff4;
-}
-
-.gitalk-container .markdown-body .pl-mc {
-    color: #e36209;
-    background-color: #ffebda;
-}
-
-.gitalk-container .markdown-body .pl-mi2 {
-    color: #f6f8fa;
-    background-color: #005cc5;
-}
-
-.gitalk-container .markdown-body .pl-mdr {
-    font-weight: bold;
-    color: #6f42c1;
-}
-
-.gitalk-container .markdown-body .pl-ba {
-    color: #586069;
-}
-
-.gitalk-container .markdown-body .pl-sg {
-    color: #959da5;
-}
-
-.gitalk-container .markdown-body .pl-corl {
-    text-decoration: underline;
-    color: #032f62;
-}
-
-.gitalk-container .markdown-body .octicon {
-    display: inline-block;
-    vertical-align: text-top;
-    fill: currentColor;
-}
-
-.gitalk-container .markdown-body a {
-    background-color: transparent;
-    -webkit-text-decoration-skip: objects;
-}
-
-.gitalk-container .markdown-body a:active,
-.gitalk-container .markdown-body a:hover {
-    outline-width: 0;
-}
-
-.gitalk-container .markdown-body strong {
-    font-weight: inherit;
-}
-
-.gitalk-container .markdown-body strong {
-    font-weight: bolder;
-}
-
-.gitalk-container .markdown-body h1 {
-    font-size: 2em;
-    margin: 0.67em 0;
-}
-
-.gitalk-container .markdown-body img {
-    border-style: none;
-}
-
-.gitalk-container .markdown-body svg:not(:root) {
-    overflow: hidden;
-}
-
-.gitalk-container .markdown-body code,
-.gitalk-container .markdown-body kbd,
-.gitalk-container .markdown-body pre {
-    font-family: monospace, monospace;
-    font-size: 1em;
-}
-
-.gitalk-container .markdown-body hr {
-    -webkit-box-sizing: content-box;
-    box-sizing: content-box;
-    height: 0;
-    overflow: visible;
-}
-
-.gitalk-container .markdown-body input {
-    font: inherit;
-    margin: 0;
-}
-
-.gitalk-container .markdown-body input {
-    overflow: visible;
-}
-
-.gitalk-container .markdown-body [type="checkbox"] {
-    -webkit-box-sizing: border-box;
-    box-sizing: border-box;
-    padding: 0;
-}
-
-.gitalk-container .markdown-body * {
-    -webkit-box-sizing: border-box;
-    box-sizing: border-box;
-}
-
-.gitalk-container .markdown-body input {
-    font-family: inherit;
-    font-size: inherit;
-    line-height: inherit;
-}
-
-.gitalk-container .markdown-body a {
-    color: #0366d6;
-    text-decoration: none;
-}
-
-.gitalk-container .markdown-body a:hover {
-    text-decoration: underline;
-}
-
-.gitalk-container .markdown-body strong {
-    font-weight: 600;
-}
-
-.gitalk-container .markdown-body hr {
-    height: 0;
-    margin: 15px 0;
-    overflow: hidden;
-    background: transparent;
-    border: 0;
-    border-bottom: 1px solid #dfe2e5;
-}
-
-.gitalk-container .markdown-body hr::before {
-    display: table;
-    content: "";
-}
-
-.gitalk-container .markdown-body hr::after {
-    display: table;
-    clear: both;
-    content: "";
-}
-
-.gitalk-container .markdown-body table {
-    border-spacing: 0;
-    border-collapse: collapse;
-}
-
-.gitalk-container .markdown-body td,
-.gitalk-container .markdown-body th {
-    padding: 0;
-}
-
-.gitalk-container .markdown-body h1,
-.gitalk-container .markdown-body h2,
-.gitalk-container .markdown-body h3,
-.gitalk-container .markdown-body h4,
-.gitalk-container .markdown-body h5,
-.gitalk-container .markdown-body h6 {
-    margin-top: 0;
-    margin-bottom: 0;
-}
-
-.gitalk-container .markdown-body h1 {
-    font-size: 32px;
-    font-weight: 600;
-}
-
-.gitalk-container .markdown-body h2 {
-    font-size: 24px;
-    font-weight: 600;
-}
-
-.gitalk-container .markdown-body h3 {
-    font-size: 20px;
-    font-weight: 600;
-}
-
-.gitalk-container .markdown-body h4 {
-    font-size: 16px;
-    font-weight: 600;
-}
-
-.gitalk-container .markdown-body h5 {
-    font-size: 14px;
-    font-weight: 600;
-}
-
-.gitalk-container .markdown-body h6 {
-    font-size: 12px;
-    font-weight: 600;
-}
-
-.gitalk-container .markdown-body p {
-    margin-top: 0;
-    margin-bottom: 10px;
-}
-
-.gitalk-container .markdown-body blockquote {
-    margin: 0;
-}
-
-.gitalk-container .markdown-body ul,
-.gitalk-container .markdown-body ol {
-    padding-left: 0;
-    margin-top: 0;
-    margin-bottom: 0;
-}
-
-.gitalk-container .markdown-body ol ol,
-.gitalk-container .markdown-body ul ol {
-    list-style-type: lower-roman;
-}
-
-.gitalk-container .markdown-body ul ul ol,
-.gitalk-container .markdown-body ul ol ol,
-.gitalk-container .markdown-body ol ul ol,
-.gitalk-container .markdown-body ol ol ol {
-    list-style-type: lower-alpha;
-}
-
-.gitalk-container .markdown-body dd {
-    margin-left: 0;
-}
-
-.gitalk-container .markdown-body code {
-    font-family: "SFMono-Regular", Consolas, "Liberation Mono", Menlo, Courier, monospace;
-    font-size: 12px;
-}
-
-.gitalk-container .markdown-body pre {
-    margin-top: 0;
-    margin-bottom: 0;
-    font: 12px "SFMono-Regular", Consolas, "Liberation Mono", Menlo, Courier, monospace;
-}
-
-.gitalk-container .markdown-body .octicon {
-    vertical-align: text-bottom;
-}
-
-.gitalk-container .markdown-body .pl-0 {
-    padding-left: 0 !important;
-}
-
-.gitalk-container .markdown-body .pl-1 {
-    padding-left: 4px !important;
-}
-
-.gitalk-container .markdown-body .pl-2 {
-    padding-left: 8px !important;
-}
-
-.gitalk-container .markdown-body .pl-3 {
-    padding-left: 16px !important;
-}
-
-.gitalk-container .markdown-body .pl-4 {
-    padding-left: 24px !important;
-}
-
-.gitalk-container .markdown-body .pl-5 {
-    padding-left: 32px !important;
-}
-
-.gitalk-container .markdown-body .pl-6 {
-    padding-left: 40px !important;
-}
-
-.gitalk-container .markdown-body::before {
-    display: table;
-    content: "";
-}
-
-.gitalk-container .markdown-body::after {
-    display: table;
-    clear: both;
-    content: "";
-}
-
-.gitalk-container .markdown-body > *:first-child {
-    margin-top: 0 !important;
-}
-
-.gitalk-container .markdown-body > *:last-child {
-    margin-bottom: 0 !important;
-}
-
-.gitalk-container .markdown-body a:not([href]) {
-    color: inherit;
-    text-decoration: none;
-}
-
-.gitalk-container .markdown-body .anchor {
-    float: left;
-    padding-right: 4px;
-    margin-left: -20px;
-    line-height: 1;
-}
-
-.gitalk-container .markdown-body .anchor:focus {
-    outline: none;
-}
-
-.gitalk-container .markdown-body p,
-.gitalk-container .markdown-body blockquote,
-.gitalk-container .markdown-body ul,
-.gitalk-container .markdown-body ol,
-.gitalk-container .markdown-body dl,
-.gitalk-container .markdown-body table,
-.gitalk-container .markdown-body pre {
-    margin-top: 0;
-    margin-bottom: 16px;
-}
-
-.gitalk-container .markdown-body hr {
-    height: 0.25em;
-    padding: 0;
-    margin: 24px 0;
-    background-color: #e1e4e8;
-    border: 0;
-}
-
-.gitalk-container .markdown-body blockquote {
-    padding: 0 1em;
-    color: #6a737d;
-    border-left: 0.25em solid #dfe2e5;
-}
-
-.gitalk-container .markdown-body blockquote > :first-child {
-    margin-top: 0;
-}
-
-.gitalk-container .markdown-body blockquote > :last-child {
-    margin-bottom: 0;
-}
-
-.gitalk-container .markdown-body kbd {
-    display: inline-block;
-    padding: 3px 5px;
-    font-size: 11px;
-    line-height: 10px;
-    color: #444d56;
-    vertical-align: middle;
-    background-color: #fafbfc;
-    border: solid 1px #c6cbd1;
-    border-bottom-color: #959da5;
-    border-radius: 3px;
-    -webkit-box-shadow: inset 0 -1px 0 #959da5;
-    box-shadow: inset 0 -1px 0 #959da5;
-}
-
-.gitalk-container .markdown-body h1,
-.gitalk-container .markdown-body h2,
-.gitalk-container .markdown-body h3,
-.gitalk-container .markdown-body h4,
-.gitalk-container .markdown-body h5,
-.gitalk-container .markdown-body h6 {
-    margin-top: 24px;
-    margin-bottom: 16px;
-    font-weight: 600;
-    line-height: 1.25;
-}
-
-.gitalk-container .markdown-body h1 .octicon-link,
-.gitalk-container .markdown-body h2 .octicon-link,
-.gitalk-container .markdown-body h3 .octicon-link,
-.gitalk-container .markdown-body h4 .octicon-link,
-.gitalk-container .markdown-body h5 .octicon-link,
-.gitalk-container .markdown-body h6 .octicon-link {
-    color: #1b1f23;
-    vertical-align: middle;
-    visibility: hidden;
-}
-
-.gitalk-container .markdown-body h1:hover .anchor,
-.gitalk-container .markdown-body h2:hover .anchor,
-.gitalk-container .markdown-body h3:hover .anchor,
-.gitalk-container .markdown-body h4:hover .anchor,
-.gitalk-container .markdown-body h5:hover .anchor,
-.gitalk-container .markdown-body h6:hover .anchor {
-    text-decoration: none;
-}
-
-.gitalk-container .markdown-body h1:hover .anchor .octicon-link,
-.gitalk-container .markdown-body h2:hover .anchor .octicon-link,
-.gitalk-container .markdown-body h3:hover .anchor .octicon-link,
-.gitalk-container .markdown-body h4:hover .anchor .octicon-link,
-.gitalk-container .markdown-body h5:hover .anchor .octicon-link,
-.gitalk-container .markdown-body h6:hover .anchor .octicon-link {
-    visibility: visible;
-}
-
-.gitalk-container .markdown-body h1 {
-    padding-bottom: 0.3em;
-    font-size: 2em;
-    border-bottom: 1px solid #eaecef;
-}
-
-.gitalk-container .markdown-body h2 {
-    padding-bottom: 0.3em;
-    font-size: 1.5em;
-    border-bottom: 1px solid #eaecef;
-}
-
-.gitalk-container .markdown-body h3 {
-    font-size: 1.25em;
-}
-
-.gitalk-container .markdown-body h4 {
-    font-size: 1em;
-}
-
-.gitalk-container .markdown-body h5 {
-    font-size: 0.875em;
-}
-
-.gitalk-container .markdown-body h6 {
-    font-size: 0.85em;
-    color: #6a737d;
-}
-
-.gitalk-container .markdown-body ul,
-.gitalk-container .markdown-body ol {
-    padding-left: 2em;
-}
-
-.gitalk-container .markdown-body ul ul,
-.gitalk-container .markdown-body ul ol,
-.gitalk-container .markdown-body ol ol,
-.gitalk-container .markdown-body ol ul {
-    margin-top: 0;
-    margin-bottom: 0;
-}
-
-.gitalk-container .markdown-body li > p {
-    margin-top: 16px;
-}
-
-.gitalk-container .markdown-body li + li {
-    margin-top: 0.25em;
-}
-
-.gitalk-container .markdown-body dl {
-    padding: 0;
-}
-
-.gitalk-container .markdown-body dl dt {
-    padding: 0;
-    margin-top: 16px;
-    font-size: 1em;
-    font-style: italic;
-    font-weight: 600;
-}
-
-.gitalk-container .markdown-body dl dd {
-    padding: 0 16px;
-    margin-bottom: 16px;
-}
-
-.gitalk-container .markdown-body table {
-    display: block;
-    width: 100%;
-    overflow: auto;
-}
-
-.gitalk-container .markdown-body table th {
-    font-weight: 600;
-}
-
-.gitalk-container .markdown-body table th,
-.gitalk-container .markdown-body table td {
-    padding: 6px 13px;
-    border: 1px solid #dfe2e5;
-}
-
-.gitalk-container .markdown-body table tr {
-    background-color: #fff;
-    border-top: 1px solid #c6cbd1;
-}
-
-.gitalk-container .markdown-body table tr:nth-child(2n) {
-    background-color: #f6f8fa;
-}
-
-.gitalk-container .markdown-body img {
-    max-width: 100%;
-    -webkit-box-sizing: content-box;
-    box-sizing: content-box;
-    background-color: #fff;
-}
-
-.gitalk-container .markdown-body code {
-    padding: 0;
-    padding-top: 0.2em;
-    padding-bottom: 0.2em;
-    margin: 0;
-    font-size: 85%;
-    background-color: rgba(27, 31, 35, 0.05);
-    border-radius: 3px;
-}
-
-.gitalk-container .markdown-body code::before,
-.gitalk-container .markdown-body code::after {
-    letter-spacing: -0.2em;
-    content: "\A0";
-}
-
-.gitalk-container .markdown-body pre {
-    word-wrap: normal;
-}
-
-.gitalk-container .markdown-body pre > code {
-    padding: 0;
-    margin: 0;
-    font-size: 100%;
-    word-break: normal;
-    white-space: pre;
-    background: transparent;
-    border: 0;
-}
-
-.gitalk-container .markdown-body .highlight {
-    margin-bottom: 16px;
-}
-
-.gitalk-container .markdown-body .highlight pre {
-    margin-bottom: 0;
-    word-break: normal;
-}
-
-.gitalk-container .markdown-body .highlight pre,
-.gitalk-container .markdown-body pre {
-    padding: 16px;
-    overflow: auto;
-    font-size: 85%;
-    line-height: 1.45;
-    background-color: #f6f8fa;
-    border-radius: 3px;
-}
-
-.gitalk-container .markdown-body pre code {
-    display: inline;
-    max-width: auto;
-    padding: 0;
-    margin: 0;
-    overflow: visible;
-    line-height: inherit;
-    word-wrap: normal;
-    background-color: transparent;
-    border: 0;
-}
-
-.gitalk-container .markdown-body pre code::before,
-.gitalk-container .markdown-body pre code::after {
-    content: normal;
-}
-
-.gitalk-container .markdown-body .full-commit .btn-outline:not(:disabled):hover {
-    color: #005cc5;
-    border-color: #005cc5;
-}
-
-.gitalk-container .markdown-body kbd {
-    display: inline-block;
-    padding: 3px 5px;
-    font: 11px "SFMono-Regular", Consolas, "Liberation Mono", Menlo, Courier, monospace;
-    line-height: 10px;
-    color: #444d56;
-    vertical-align: middle;
-    background-color: #fafbfc;
-    border: solid 1px #d1d5da;
-    border-bottom-color: #c6cbd1;
-    border-radius: 3px;
-    -webkit-box-shadow: inset 0 -1px 0 #c6cbd1;
-    box-shadow: inset 0 -1px 0 #c6cbd1;
-}
-
-.gitalk-container .markdown-body :checked + .radio-label {
-    position: relative;
-    z-index: 1;
-    border-color: #0366d6;
-}
-
-.gitalk-container .markdown-body .task-list-item {
-    list-style-type: none;
-}
-
-.gitalk-container .markdown-body .task-list-item + .task-list-item {
-    margin-top: 3px;
-}
-
-.gitalk-container .markdown-body .task-list-item input {
-    margin: 0 0.2em 0.25em -1.6em;
-    vertical-align: middle;
-}
-
-.gitalk-container .markdown-body hr {
-    border-bottom-color: #eee;
 }
 
 /* variables */
@@ -741,21 +39,21 @@ TODO: 暗黑模式与样式更新
 }
 
 .gitalk-container .gt-container a {
-    color: #6190e8;
+    color: var(--color-text-link);
 }
 
 .gitalk-container .gt-container a:hover {
-    color: #81a6ed;
-    border-color: #81a6ed;
+    text-decoration: none;
+    outline-width: 0;
 }
 
 .gitalk-container .gt-container a.is--active {
-    color: #333;
+    color: var(--color-fg-default);
     cursor: default !important;
 }
 
 .gitalk-container .gt-container a.is--active:hover {
-    color: #333;
+    color: var(--color-fg-default);
 }
 
 .gitalk-container .gt-container .hide {
@@ -772,7 +70,7 @@ TODO: 暗黑模式与样式更新
 .gitalk-container .gt-container .gt-svg svg {
     width: 100%;
     height: 100%;
-    fill: #6190e8;
+    fill: var(--color-text-primary);
 }
 
 .gitalk-container .gt-container .gt-ico {
@@ -793,10 +91,6 @@ TODO: 暗黑模式与样式更新
     height: 100%;
 }
 
-.gitalk-container .gt-container .gt-ico-github svg {
-    fill: inherit;
-}
-
 .gitalk-container .gt-container .gt-spinner {
     position: relative;
 }
@@ -851,6 +145,10 @@ TODO: 暗黑模式与样式更新
     height: 3.125em;
 }
 
+.gitalk-container .gt-container .gt-avatar img {
+    border-radius: 50% !important;
+}
+
 @media (max-width: 479px) {
     .gitalk-container .gt-container .gt-avatar {
         width: 2em;
@@ -884,12 +182,14 @@ TODO: 暗黑模式与样式更新
     text-decoration: none;
     white-space: nowrap;
     cursor: pointer;
-    border: 1px solid #6190e8;
-    border-radius: 5px;
-    background-color: #6190e8;
-    color: #fff;
+    border: 1px solid;
+    border-radius: 6px;
     outline: none;
     font-size: 0.75em;
+    color: var(--color-btn-outline-selected-text);
+    background-color: var(--color-btn-outline-selected-bg);
+    border-color: var(--color-btn-outline-selected-border);
+    box-shadow: var(--color-btn-outline-selected-shadow);
 }
 
 .gitalk-container .gt-container .gt-btn-text {
@@ -911,22 +211,25 @@ TODO: 暗黑模式与样式更新
 }
 
 .gitalk-container .gt-container .gt-btn-login {
-    margin-right: 0;
+    color: var(--color-btn-outline-selected-text);
+    background-color: var(--color-btn-outline-selected-bg);
+    border-color: var(--color-btn-outline-selected-border);
+    box-shadow: var(--color-btn-outline-selected-shadow);
 }
 
 .gitalk-container .gt-container .gt-btn-preview {
-    background-color: #fff;
-    color: #6190e8;
+    color: var(--color-btn-text);
+    background-color: var(--color-btn-bg);
+    border-color: var(--color-btn-border);
+    box-shadow: var(--color-btn-shadow),var(--color-btn-inset-shadow);
+    transition: .2s cubic-bezier(0.3, 0, 0.5, 1);
+    transition-property: color,background-color,border-color;
 }
 
 .gitalk-container .gt-container .gt-btn-preview:hover {
-    background-color: #f2f2f2;
-    border-color: #81a6ed;
-}
-
-.gitalk-container .gt-container .gt-btn-public:hover {
-    background-color: #81a6ed;
-    border-color: #81a6ed;
+    background-color: var(--color-btn-hover-bg);
+    border-color: var(--color-btn-hover-border);
+    transition-duration: .1s;
 }
 
 .gitalk-container .gt-container .gt-error {
@@ -965,7 +268,6 @@ TODO: 暗黑模式与样式更新
     position: relative;
     border-bottom: 1px solid #e9e9e9;
     font-size: 1em;
-    position: relative;
     z-index: 10;
 }
 
@@ -1005,10 +307,6 @@ TODO: 暗黑模式与样式更新
     margin: 0 0 0 0.3125em;
 }
 
-.gitalk-container .gt-container .gt-user .gt-ico svg {
-    fill: inherit;
-}
-
 .gitalk-container .gt-container .gt-user .is--poping .gt-ico svg {
     fill: #6190e8;
 }
@@ -1028,12 +326,12 @@ TODO: 暗黑模式与样式更新
     position: absolute;
     right: 0;
     top: 2.375em;
-    background: #fff;
+    background-color: var(--color-canvas-overlay);
     display: inline-block;
-    border: 1px solid #e9e9e9;
+    border: 1px solid var(--color-border-muted);
     padding: 0.625em 0;
     font-size: 0.875em;
-    letter-spacing: 0.5px;
+    letter-spacing: 1px;
 }
 
 .gitalk-container .gt-container .gt-popup .gt-action {
@@ -1042,14 +340,13 @@ TODO: 暗黑模式与样式更新
     margin: 0.5em 0;
     padding: 0 1.125em;
     position: relative;
-    text-decoration: none;
 }
 
 .gitalk-container .gt-container .gt-popup .gt-action.is--active:before {
     content: '';
     width: 0.25em;
     height: 0.25em;
-    background: #6190e8;
+    background: var(--color-fg-default);;
     position: absolute;
     left: 0.5em;
     top: 0.4375em;
@@ -1067,6 +364,9 @@ TODO: 暗黑模式与样式更新
     -ms-flex: 1;
     flex: 1;
     margin-left: 1.25em;
+    border: 1px solid var(--color-border-default);
+    border-radius: 6px;
+    padding: 8px;
 }
 
 @media (max-width: 479px) {
@@ -1088,21 +388,21 @@ TODO: 暗黑模式与样式更新
     font-size: 0.875em;
     word-wrap: break-word;
     resize: vertical;
-    background-color: #f6f6f6;
+    background-color: var(--color-canvas-inset);
     outline: none;
     -webkit-transition: all 0.25s ease;
     transition: all 0.25s ease;
 }
 
-.gitalk-container .gt-container .gt-header-textarea:hover {
-    background-color: #fbfbfb;
+.gitalk-container .gt-container .gt-header-textarea:focus {
+    background-color: var(--color-canvas-default);
+    border-color: var(--color-accent-emphasis);
+    outline: none;
+    box-shadow: var(--color-primer-shadow-focus);
 }
 
 .gitalk-container .gt-container .gt-header-preview {
-    padding: 0.75em;
-    border-radius: 5px;
-    border: 1px solid rgba(0, 0, 0, 0.1);
-    background-color: #f6f6f6;
+    margin: 8px;
 }
 
 .gitalk-container .gt-container .gt-header-controls {
@@ -1128,7 +428,7 @@ TODO: 暗黑模式与样式更新
 
 .gitalk-container .gt-container .gt-header-controls-tip {
     font-size: 0.875em;
-    color: #6190e8;
+    color: var(--color-accent-fg);
     text-decoration: none;
     vertical-align: sub;
 }
@@ -1169,7 +469,7 @@ TODO: 暗黑模式与样式更新
 .gitalk-container .gt-container.gt-input-focused:after {
     content: '';
     position: fixed;
-    bottom: 0%;
+    bottom: 0;
     left: 0;
     right: 0;
     top: 0;
diff --git a/static/css/light.css b/static/css/light.css
index 4ed7931..593a615 100644
--- a/static/css/light.css
+++ b/static/css/light.css
@@ -1,4 +1,178 @@
 :root {
+  --color-canvas-default-transparent: rgba(255,255,255,0);
+  --color-page-header-bg: #f6f8fa;
+  --color-diff-blob-addition-num-text: #24292f;
+  --color-diff-blob-addition-fg: #24292f;
+  --color-diff-blob-deletion-num-text: #24292f;
+  --color-diff-blob-deletion-fg: #24292f;
+  --color-diff-blob-deletion-word-bg: rgba(255,129,130,0.4);
+  --color-diff-blob-hunk-num-bg: rgba(84,174,255,0.4);
+  --color-diff-blob-selected-line-highlight-mix-blend-mode: multiply;
+  --color-diffstat-deletion-border: rgba(27,31,36,0.15);
+  --color-diffstat-addition-border: rgba(27,31,36,0.15);
+  --color-codemirror-selection-bg: rgba(84,174,255,0.4);
+  --color-codemirror-activeline-bg: rgba(234,238,242,0.5);
+  --color-checks-bg: #24292f;
+  --color-checks-run-border-width: 0px;
+  --color-checks-container-border-width: 0px;
+  --color-checks-text-primary: #f6f8fa;
+  --color-checks-text-secondary: #8c959f;
+  --color-checks-text-link: #54aeff;
+  --color-checks-btn-icon: #afb8c1;
+  --color-checks-btn-hover-icon: #f6f8fa;
+  --color-checks-btn-hover-bg: rgba(255,255,255,0.125);
+  --color-checks-input-text: #eaeef2;
+  --color-checks-input-placeholder-text: #8c959f;
+  --color-checks-input-focus-text: #8c959f;
+  --color-checks-input-bg: #32383f;
+  --color-checks-input-shadow: none;
+  --color-checks-dropdown-text: #afb8c1;
+  --color-checks-dropdown-bg: #32383f;
+  --color-checks-dropdown-border: #424a53;
+  --color-checks-dropdown-shadow: rgba(27,31,36,0.3);
+  --color-checks-dropdown-hover-text: #f6f8fa;
+  --color-checks-dropdown-hover-bg: #424a53;
+  --color-checks-dropdown-btn-hover-text: #f6f8fa;
+  --color-checks-dropdown-btn-hover-bg: #32383f;
+  --color-checks-scrollbar-thumb-bg: #57606a;
+  --color-checks-header-label-text: #d0d7de;
+  --color-checks-header-label-open-text: #f6f8fa;
+  --color-checks-header-border: #32383f;
+  --color-checks-header-icon: #8c959f;
+  --color-checks-line-text: #d0d7de;
+  --color-checks-line-num-text: rgba(140,149,159,0.75);
+  --color-checks-line-timestamp-text: #8c959f;
+  --color-checks-line-hover-bg: #32383f;
+  --color-checks-line-selected-bg: rgba(33,139,255,0.15);
+  --color-checks-line-selected-num-text: #54aeff;
+  --color-checks-line-dt-fm-text: #24292f;
+  --color-checks-line-dt-fm-bg: #9a6700;
+  --color-checks-gate-bg: rgba(125,78,0,0.15);
+  --color-checks-gate-text: #d0d7de;
+  --color-checks-gate-waiting-text: #afb8c1;
+  --color-checks-step-header-open-bg: #32383f;
+  --color-checks-step-error-text: #ff8182;
+  --color-checks-step-warning-text: #d4a72c;
+  --color-checks-logline-text: #8c959f;
+  --color-checks-logline-num-text: rgba(140,149,159,0.75);
+  --color-checks-logline-debug-text: #c297ff;
+  --color-checks-logline-error-text: #d0d7de;
+  --color-checks-logline-error-num-text: #ff8182;
+  --color-checks-logline-error-bg: rgba(164,14,38,0.15);
+  --color-checks-logline-warning-text: #d0d7de;
+  --color-checks-logline-warning-num-text: #d4a72c;
+  --color-checks-logline-warning-bg: rgba(125,78,0,0.15);
+  --color-checks-logline-command-text: #54aeff;
+  --color-checks-logline-section-text: #4ac26b;
+  --color-checks-ansi-black: #24292f;
+  --color-checks-ansi-black-bright: #32383f;
+  --color-checks-ansi-white: #d0d7de;
+  --color-checks-ansi-white-bright: #d0d7de;
+  --color-checks-ansi-gray: #8c959f;
+  --color-checks-ansi-red: #ff8182;
+  --color-checks-ansi-red-bright: #ffaba8;
+  --color-checks-ansi-green: #4ac26b;
+  --color-checks-ansi-green-bright: #6fdd8b;
+  --color-checks-ansi-yellow: #d4a72c;
+  --color-checks-ansi-yellow-bright: #eac54f;
+  --color-checks-ansi-blue: #54aeff;
+  --color-checks-ansi-blue-bright: #80ccff;
+  --color-checks-ansi-magenta: #c297ff;
+  --color-checks-ansi-magenta-bright: #d8b9ff;
+  --color-checks-ansi-cyan: #76e3ea;
+  --color-checks-ansi-cyan-bright: #b3f0ff;
+  --color-mktg-btn-bg: #1b1f23;
+  --color-mktg-btn-shadow-outline: rgb(0 0 0 / 15%) 0 0 0 1px inset;
+  --color-mktg-btn-shadow-focus: rgb(0 0 0 / 15%) 0 0 0 4px;
+  --color-mktg-btn-shadow-hover: 0 3px 2px rgba(0, 0, 0, 0.07), 0 7px 5px rgba(0, 0, 0, 0.04), 0 12px 10px rgba(0, 0, 0, 0.03), 0 22px 18px rgba(0, 0, 0, 0.03), 0 42px 33px rgba(0, 0, 0, 0.02), 0 100px 80px rgba(0, 0, 0, 0.02);
+  --color-mktg-btn-shadow-hover-muted: rgb(0 0 0 / 70%) 0 0 0 2px inset;
+  --color-topic-tag-border: rgba(0,0,0,0);
+  --color-counter-border: rgba(0,0,0,0);
+  --color-overlay-shadow: 0 1px 3px rgba(27,31,36,0.12), 0 8px 24px rgba(66,74,83,0.12);
+  --color-header-divider: #57606a;
+  --color-input-disabled-bg: rgba(175,184,193,0.2);
+  --color-btn-hover-bg: #f3f4f6;
+  --color-btn-active-bg: hsla(220,14%,93%,1);
+  --color-btn-active-border: rgba(27,31,36,0.15);
+  --color-btn-selected-bg: hsla(220,14%,94%,1);
+  --color-btn-primary-hover-bg: #2c974b;
+  --color-btn-primary-selected-bg: hsla(137,55%,36%,1);
+  --color-btn-primary-disabled-bg: #94d3a2;
+  --color-btn-outline-selected-bg: hsla(212,92%,42%,1);
+  --color-btn-danger-selected-bg: hsla(356,72%,44%,1);
+  --color-btn-danger-icon: #cf222e;
+  --color-btn-danger-hover-icon: #ffffff;
+  --color-underlinenav-border-hover: rgba(175,184,193,0.2);
+  --color-action-list-item-inline-divider: rgba(208,215,222,0.48);
+  --color-action-list-item-default-hover-bg: rgba(208,215,222,0.32);
+  --color-action-list-item-default-hover-border: rgba(0,0,0,0);
+  --color-action-list-item-default-active-bg: rgba(208,215,222,0.48);
+  --color-action-list-item-default-active-border: rgba(0,0,0,0);
+  --color-action-list-item-default-selected-bg: rgba(208,215,222,0.24);
+  --color-action-list-item-danger-hover-bg: rgba(255,235,233,0.64);
+  --color-action-list-item-danger-active-bg: #FFEBE9;
+  --color-action-list-item-danger-hover-text: #cf222e;
+  --color-fg-default: #24292f;
+  --color-fg-muted: #57606a;
+  --color-fg-subtle: #6e7781;
+  --color-fg-on-emphasis: #ffffff;
+  --color-canvas-default: #ffffff;
+  --color-canvas-overlay: #ffffff;
+  --color-canvas-inset: #f6f8fa;
+  --color-canvas-subtle: #f6f8fa;
+  --color-border-default: #d0d7de;
+  --color-border-muted: hsla(210,18%,87%,1);
+  --color-border-subtle: rgba(27,31,36,0.15);
+  --color-neutral-emphasis-plus: #24292f;
+  --color-neutral-emphasis: #6e7781;
+  --color-neutral-muted: rgba(175,184,193,0.2);
+  --color-neutral-subtle: rgba(234,238,242,0.5);
+  --color-accent-fg: #0969da;
+  --color-accent-emphasis: #0969da;
+  --color-accent-muted: rgba(84,174,255,0.4);
+  --color-accent-subtle: #ddf4ff;
+  --color-success-fg: #1a7f37;
+  --color-success-emphasis: #2da44e;
+  --color-success-muted: rgba(74,194,107,0.4);
+  --color-success-subtle: #dafbe1;
+  --color-attention-fg: #9a6700;
+  --color-attention-emphasis: #bf8700;
+  --color-attention-muted: rgba(212,167,44,0.4);
+  --color-attention-subtle: #fff8c5;
+  --color-severe-fg: #bc4c00;
+  --color-severe-emphasis: #bc4c00;
+  --color-severe-muted: rgba(251,143,68,0.4);
+  --color-severe-subtle: #fff1e5;
+  --color-danger-fg: #cf222e;
+  --color-danger-emphasis: #cf222e;
+  --color-danger-muted: rgba(255,129,130,0.4);
+  --color-danger-subtle: #FFEBE9;
+  --color-done-fg: #8250df;
+  --color-done-emphasis: #8250df;
+  --color-done-muted: rgba(194,151,255,0.4);
+  --color-done-subtle: #fbefff;
+  --color-sponsors-fg: #bf3989;
+  --color-sponsors-emphasis: #bf3989;
+  --color-sponsors-muted: rgba(255,128,200,0.4);
+  --color-sponsors-subtle: #ffeff7;
+  --color-primer-fg-disabled: #8c959f;
+  --color-primer-canvas-backdrop: rgba(27,31,36,0.5);
+  --color-primer-canvas-sticky: rgba(255,255,255,0.95);
+  --color-primer-border-active: #FD8C73;
+  --color-primer-border-contrast: rgba(27,31,36,0.1);
+  --color-primer-shadow-highlight: inset 0 1px 0 rgba(255,255,255,0.25);
+  --color-primer-shadow-inset: inset 0 1px 0 rgba(208,215,222,0.2);
+  --color-primer-shadow-focus: 0 0 0 3px rgba(9,105,218,0.3);
+  --color-scale-coral-0: #FFF0EB;
+  --color-scale-coral-1: #FFD6CC;
+  --color-scale-coral-2: #FFB4A1;
+  --color-scale-coral-3: #FD8C73;
+  --color-scale-coral-4: #EC6547;
+  --color-scale-coral-5: #C4432B;
+  --color-scale-coral-6: #9E2F1C;
+  --color-scale-coral-7: #801F0F;
+  --color-scale-coral-8: #691105;
+  --color-scale-coral-9: #510901;
   --body-background-color: #fff;
   --color-actions-workflow-table-sticky-bg: hsla(0, 0%, 100%, 0.95);
   --color-alert-error-bg: #ffe3e6;
@@ -194,7 +368,6 @@
   --color-btn-focus-bg: #fafbfc;
   --color-btn-focus-border: rgba(27, 31, 35, 0.15);
   --color-btn-focus-shadow: 0 0 0 3px rgba(3, 102, 214, 0.3);
-  --color-btn-hover-bg: #f3f4f6;
   --color-btn-hover-border: rgba(27, 31, 35, 0.15);
   --color-btn-inset-shadow: inset 0 1px 0 hsla(0, 0%, 100%, 0.25);
   --color-btn-outline-counter-bg: rgba(3, 102, 214, 0.1);
@@ -306,7 +479,6 @@
   --color-diff-blob-num-text: rgba(27, 31, 35, 0.3);
   --color-diff-blob-selected-line-highlight-bg: rgba(255, 223, 93, 0.2);
   --color-diff-blob-selected-line-highlight-border: #ffd33d;
-  --color-diff-blob-selected-line-highlight-mix-blend-mode: multiply;
   --color-diff-change-bg: #fff5b1;
   --color-diff-change-border: #f9c513;
   --color-diff-change-text: #b08800;