From 48010d41b9d14a5e06be40e15f56dbe18745c388 Mon Sep 17 00:00:00 2001
From: Siddharth Kshetrapal <siddharthkp@github.com>
Date: Wed, 16 Mar 2022 17:52:51 +0100
Subject: [PATCH 1/6] add forced-colors styles for Overlay & focused Button

---
 src/ActionList/Item.tsx | 4 ++--
 src/Button/styles.ts    | 7 +++++++
 src/Overlay.tsx         | 7 +++++++
 3 files changed, 16 insertions(+), 2 deletions(-)

diff --git a/src/ActionList/Item.tsx b/src/ActionList/Item.tsx
index 31a74a1ac52..827125a7a57 100644
--- a/src/ActionList/Item.tsx
+++ b/src/ActionList/Item.tsx
@@ -161,8 +161,8 @@ export const Item = React.forwardRef<HTMLLIElement, ActionListItemProps>(
 
       '@media (forced-colors: active)': {
         ':focus': {
-          // we set color to be transparent and let the high contrast rules
-          // decide what color with contrast should that be corrected to
+          // Support for Windows high contrast
+          // https://sarahmhigley.com/writing/whcm-quick-tips
           outline: 'solid 1px transparent !important'
         }
       },
diff --git a/src/Button/styles.ts b/src/Button/styles.ts
index a17f6910347..1511d9fcd2c 100644
--- a/src/Button/styles.ts
+++ b/src/Button/styles.ts
@@ -250,6 +250,13 @@ export const getBaseStyles = (theme?: Theme) => ({
   },
   '&:disabled svg': {
     opacity: '0.6'
+  },
+  '@media (forced-colors: active)': {
+    '&:focus': {
+      // Support for Windows high contrast
+      // https://sarahmhigley.com/writing/whcm-quick-tips
+      outline: 'solid 1px transparent'
+    }
   }
 })
 
diff --git a/src/Overlay.tsx b/src/Overlay.tsx
index 6962a1f6112..c519f8fe98e 100644
--- a/src/Overlay.tsx
+++ b/src/Overlay.tsx
@@ -78,6 +78,13 @@ const StyledOverlay = styled.div<StyledOverlayProps>`
   :focus {
     outline: none;
   }
+
+  @media (forced-colors: active) {
+    // Support for Windows high contrast
+    // https://sarahmhigley.com/writing/whcm-quick-tips
+    outline: solid 1px transparent;
+  }
+
   ${sx};
 `
 type BaseOverlayProps = {

From a769c7c0081407b7ddd663f8ae189593981fbdbd Mon Sep 17 00:00:00 2001
From: Siddharth Kshetrapal <siddharthkp@github.com>
Date: Wed, 16 Mar 2022 17:56:13 +0100
Subject: [PATCH 2/6] respect comment style

---
 src/ActionList/Item.tsx | 3 +--
 src/Button/styles.ts    | 3 +--
 src/Overlay.tsx         | 3 +--
 3 files changed, 3 insertions(+), 6 deletions(-)

diff --git a/src/ActionList/Item.tsx b/src/ActionList/Item.tsx
index 827125a7a57..c57eba32b85 100644
--- a/src/ActionList/Item.tsx
+++ b/src/ActionList/Item.tsx
@@ -161,8 +161,7 @@ export const Item = React.forwardRef<HTMLLIElement, ActionListItemProps>(
 
       '@media (forced-colors: active)': {
         ':focus': {
-          // Support for Windows high contrast
-          // https://sarahmhigley.com/writing/whcm-quick-tips
+          // Support for Windows high contrast https://sarahmhigley.com/writing/whcm-quick-tips
           outline: 'solid 1px transparent !important'
         }
       },
diff --git a/src/Button/styles.ts b/src/Button/styles.ts
index 1511d9fcd2c..a38b80b0b61 100644
--- a/src/Button/styles.ts
+++ b/src/Button/styles.ts
@@ -253,8 +253,7 @@ export const getBaseStyles = (theme?: Theme) => ({
   },
   '@media (forced-colors: active)': {
     '&:focus': {
-      // Support for Windows high contrast
-      // https://sarahmhigley.com/writing/whcm-quick-tips
+      // Support for Windows high contrast https://sarahmhigley.com/writing/whcm-quick-tips
       outline: 'solid 1px transparent'
     }
   }
diff --git a/src/Overlay.tsx b/src/Overlay.tsx
index c519f8fe98e..cc9c721213c 100644
--- a/src/Overlay.tsx
+++ b/src/Overlay.tsx
@@ -80,8 +80,7 @@ const StyledOverlay = styled.div<StyledOverlayProps>`
   }
 
   @media (forced-colors: active) {
-    // Support for Windows high contrast
-    // https://sarahmhigley.com/writing/whcm-quick-tips
+    /* Support for Windows high contrast https://sarahmhigley.com/writing/whcm-quick-tips */
     outline: solid 1px transparent;
   }
 

From bb9dfb5d11a3423171d71f3dafdea77060a4701a Mon Sep 17 00:00:00 2001
From: Siddharth Kshetrapal <siddharthkp@github.com>
Date: Wed, 16 Mar 2022 17:57:27 +0100
Subject: [PATCH 3/6] add changeset

---
 .changeset/actionmenu-fix-high-contrast-mode.md | 5 +++++
 1 file changed, 5 insertions(+)
 create mode 100644 .changeset/actionmenu-fix-high-contrast-mode.md

diff --git a/.changeset/actionmenu-fix-high-contrast-mode.md b/.changeset/actionmenu-fix-high-contrast-mode.md
new file mode 100644
index 00000000000..c4d3c5ef3b2
--- /dev/null
+++ b/.changeset/actionmenu-fix-high-contrast-mode.md
@@ -0,0 +1,5 @@
+---
+'@primer/react': patch
+---
+
+ActionMenu: Fix styles for windows high contrast mode

From 63743cd452f6a4bb70fee64a52b03e797eab555e Mon Sep 17 00:00:00 2001
From: Siddharth Kshetrapal <siddharthkp@github.com>
Date: Thu, 17 Mar 2022 14:39:44 +0100
Subject: [PATCH 4/6] update snapshots

---
 .../__snapshots__/ActionMenu.test.tsx.snap    |   6 +
 .../AnchoredOverlay.test.tsx.snap             |   6 +
 .../__snapshots__/Button.test.tsx.snap        |  30 +
 .../__snapshots__/themePreval.test.ts.snap    | 579 +++++++-----------
 4 files changed, 265 insertions(+), 356 deletions(-)

diff --git a/src/__tests__/__snapshots__/ActionMenu.test.tsx.snap b/src/__tests__/__snapshots__/ActionMenu.test.tsx.snap
index b7e6b825d1c..6a1ffc5e47e 100644
--- a/src/__tests__/__snapshots__/ActionMenu.test.tsx.snap
+++ b/src/__tests__/__snapshots__/ActionMenu.test.tsx.snap
@@ -104,6 +104,12 @@ exports[`ActionMenu renders consistently 1`] = `
   margin-right: -4px;
 }
 
+@media (forced-colors:active) {
+  .c1:focus {
+    outline: solid 1px transparent;
+  }
+}
+
 <div
   className="c0"
   color="fg.default"
diff --git a/src/__tests__/__snapshots__/AnchoredOverlay.test.tsx.snap b/src/__tests__/__snapshots__/AnchoredOverlay.test.tsx.snap
index 61783124d9b..82b17ad7de6 100644
--- a/src/__tests__/__snapshots__/AnchoredOverlay.test.tsx.snap
+++ b/src/__tests__/__snapshots__/AnchoredOverlay.test.tsx.snap
@@ -185,6 +185,12 @@ exports[`AnchoredOverlay should render consistently when open 1`] = `
   outline: none;
 }
 
+@media (forced-colors:active) {
+  .c2 {
+    outline: solid 1px transparent;
+  }
+}
+
 <div>
   <div
     class="c0"
diff --git a/src/__tests__/__snapshots__/Button.test.tsx.snap b/src/__tests__/__snapshots__/Button.test.tsx.snap
index f2e1657f35f..6055d1e1a3d 100644
--- a/src/__tests__/__snapshots__/Button.test.tsx.snap
+++ b/src/__tests__/__snapshots__/Button.test.tsx.snap
@@ -88,6 +88,12 @@ exports[`Button renders consistently 1`] = `
   border-color: rgba(27,31,36,0.15);
 }
 
+@media (forced-colors:active) {
+  .c0:focus {
+    outline: solid 1px transparent;
+  }
+}
+
 <button
   className="c0"
 />
@@ -198,6 +204,12 @@ exports[`Button styles danger button appropriately 1`] = `
   border-color: btn.danger.selectedBorder;
 }
 
+@media (forced-colors:active) {
+  .c0:focus {
+    outline: solid 1px transparent;
+  }
+}
+
 <button
   class="c0"
 >
@@ -294,6 +306,12 @@ exports[`Button styles invisible button appropriately 1`] = `
   background-color: btn.selectedBg;
 }
 
+@media (forced-colors:active) {
+  .c0:focus {
+    outline: solid 1px transparent;
+  }
+}
+
 <button
   class="c0"
 >
@@ -411,6 +429,12 @@ exports[`Button styles outline button appropriately 1`] = `
   border-color: btn.outline.selectedBorder;
 }
 
+@media (forced-colors:active) {
+  .c0:focus {
+    outline: solid 1px transparent;
+  }
+}
+
 <button
   class="c0"
 >
@@ -514,6 +538,12 @@ exports[`Button styles primary button appropriately 1`] = `
   box-shadow: undefined;
 }
 
+@media (forced-colors:active) {
+  .c0:focus {
+    outline: solid 1px transparent;
+  }
+}
+
 <button
   class="c0"
 >
diff --git a/src/__tests__/__snapshots__/themePreval.test.ts.snap b/src/__tests__/__snapshots__/themePreval.test.ts.snap
index fb64ee82db7..a864464835e 100644
--- a/src/__tests__/__snapshots__/themePreval.test.ts.snap
+++ b/src/__tests__/__snapshots__/themePreval.test.ts.snap
@@ -3,7 +3,7 @@
 exports[`snapshot theme-preval.js 1`] = `
 "// this file was prevaled
 // This file needs to be a JavaScript file using CommonJS to be compatible with preval
-// Cache bust: 2022-03-14 12:00:00 GMT (This file is cached by our deployment tooling, update this timestamp to rebuild this file)
+// Cache bust: 2021-11-04 12:00:00 GMT (This file is cached by our deployment tooling, update this timestamp to rebuild this file)
 module.exports = {
   \\"theme\\": {
     \\"animation\\": {
@@ -39,7 +39,6 @@ module.exports = {
       \\"light\\": {
         \\"colors\\": {
           \\"canvasDefaultTransparent\\": \\"rgba(255,255,255,0)\\",
-          \\"pageHeaderBg\\": \\"#f6f8fa\\",
           \\"marketingIcon\\": {
             \\"primary\\": \\"#218bff\\",
             \\"secondary\\": \\"#54aeff\\"
@@ -170,7 +169,7 @@ module.exports = {
             \\"lineDtFmBg\\": \\"#9a6700\\",
             \\"gateBg\\": \\"rgba(125,78,0,0.15)\\",
             \\"gateText\\": \\"#d0d7de\\",
-            \\"gateWaitingText\\": \\"#d4a72c\\",
+            \\"gateWaitingText\\": \\"#afb8c1\\",
             \\"stepHeaderOpenBg\\": \\"#32383f\\",
             \\"stepErrorText\\": \\"#ff8182\\",
             \\"stepWarningText\\": \\"#d4a72c\\",
@@ -225,9 +224,6 @@ module.exports = {
           \\"topicTag\\": {
             \\"border\\": \\"rgba(0,0,0,0)\\"
           },
-          \\"counter\\": {
-            \\"border\\": \\"rgba(0,0,0,0)\\"
-          },
           \\"selectMenu\\": {
             \\"backdropBorder\\": \\"rgba(0,0,0,0)\\",
             \\"tapHighlight\\": \\"rgba(175,184,193,0.5)\\",
@@ -236,7 +232,6 @@ module.exports = {
           \\"header\\": {
             \\"text\\": \\"rgba(255,255,255,0.7)\\",
             \\"bg\\": \\"#24292f\\",
-            \\"divider\\": \\"#57606a\\",
             \\"logo\\": \\"#ffffff\\"
           },
           \\"headerSearch\\": {
@@ -342,9 +337,7 @@ module.exports = {
             \\"inlineDivider\\": \\"rgba(208,215,222,0.48)\\",
             \\"default\\": {
               \\"hoverBg\\": \\"rgba(208,215,222,0.32)\\",
-              \\"hoverBorder\\": \\"rgba(0,0,0,0)\\",
               \\"activeBg\\": \\"rgba(208,215,222,0.48)\\",
-              \\"activeBorder\\": \\"rgba(0,0,0,0)\\",
               \\"selectedBg\\": \\"rgba(208,215,222,0.24)\\"
             },
             \\"danger\\": {
@@ -406,18 +399,6 @@ module.exports = {
             \\"muted\\": \\"rgba(255,129,130,0.4)\\",
             \\"subtle\\": \\"#FFEBE9\\"
           },
-          \\"open\\": {
-            \\"fg\\": \\"#1a7f37\\",
-            \\"emphasis\\": \\"#2da44e\\",
-            \\"muted\\": \\"rgba(74,194,107,0.4)\\",
-            \\"subtle\\": \\"#dafbe1\\"
-          },
-          \\"closed\\": {
-            \\"fg\\": \\"#cf222e\\",
-            \\"emphasis\\": \\"#cf222e\\",
-            \\"muted\\": \\"rgba(255,129,130,0.4)\\",
-            \\"subtle\\": \\"#FFEBE9\\"
-          },
           \\"done\\": {
             \\"fg\\": \\"#8250df\\",
             \\"emphasis\\": \\"#8250df\\",
@@ -504,21 +485,20 @@ module.exports = {
       \\"light_high_contrast\\": {
         \\"colors\\": {
           \\"canvasDefaultTransparent\\": \\"rgba(255,255,255,0)\\",
-          \\"pageHeaderBg\\": \\"#ffffff\\",
           \\"marketingIcon\\": {
             \\"primary\\": \\"#1168e3\\",
             \\"secondary\\": \\"#368cf9\\"
           },
           \\"diffBlob\\": {
             \\"addition\\": {
-              \\"numText\\": \\"#0E1116\\",
+              \\"numText\\": \\"#24292F\\",
               \\"fg\\": \\"#ffffff\\",
               \\"numBg\\": \\"#CCFFD8\\",
               \\"lineBg\\": \\"#E6FFEC\\",
               \\"wordBg\\": \\"#055d20\\"
             },
             \\"deletion\\": {
-              \\"numText\\": \\"#0E1116\\",
+              \\"numText\\": \\"#24292F\\",
               \\"fg\\": \\"#ffffff\\",
               \\"numBg\\": \\"#FFD7D5\\",
               \\"lineBg\\": \\"#fff0ee\\",
@@ -528,7 +508,7 @@ module.exports = {
               \\"numBg\\": \\"#9cd7ff\\"
             },
             \\"expander\\": {
-              \\"icon\\": \\"#0E1116\\"
+              \\"icon\\": \\"#24292F\\"
             }
           },
           \\"diffstat\\": {
@@ -541,10 +521,10 @@ module.exports = {
           },
           \\"prettylights\\": {
             \\"syntax\\": {
-              \\"comment\\": \\"#66707B\\",
+              \\"comment\\": \\"#67707A\\",
               \\"constant\\": \\"#023b95\\",
               \\"entity\\": \\"#622cbc\\",
-              \\"storageModifierImport\\": \\"#0E1116\\",
+              \\"storageModifierImport\\": \\"#24292F\\",
               \\"entityTag\\": \\"#024c1a\\",
               \\"keyword\\": \\"#a0111f\\",
               \\"string\\": \\"#032563\\",
@@ -557,8 +537,8 @@ module.exports = {
               \\"stringRegexp\\": \\"#024c1a\\",
               \\"markupList\\": \\"#2e1800\\",
               \\"markupHeading\\": \\"#023b95\\",
-              \\"markupItalic\\": \\"#0E1116\\",
-              \\"markupBold\\": \\"#0E1116\\",
+              \\"markupItalic\\": \\"#24292F\\",
+              \\"markupBold\\": \\"#24292F\\",
               \\"markupDeletedText\\": \\"#6e011a\\",
               \\"markupDeletedBg\\": \\"#fff0ee\\",
               \\"markupInsertedText\\": \\"#024c1a\\",
@@ -568,25 +548,25 @@ module.exports = {
               \\"markupIgnoredText\\": \\"#E7ECF0\\",
               \\"markupIgnoredBg\\": \\"#023b95\\",
               \\"metaDiffRange\\": \\"#622cbc\\",
-              \\"brackethighlighterAngle\\": \\"#4B535D\\",
+              \\"brackethighlighterAngle\\": \\"#4F5760\\",
               \\"sublimelinterGutterMark\\": \\"#88929D\\",
               \\"constantOtherReferenceLink\\": \\"#032563\\"
             }
           },
           \\"codemirror\\": {
-            \\"text\\": \\"#0E1116\\",
+            \\"text\\": \\"#24292F\\",
             \\"bg\\": \\"#ffffff\\",
             \\"guttersBg\\": \\"#ffffff\\",
             \\"guttermarkerText\\": \\"#ffffff\\",
-            \\"guttermarkerSubtleText\\": \\"#66707B\\",
-            \\"linenumberText\\": \\"#0E1116\\",
-            \\"cursor\\": \\"#0E1116\\",
+            \\"guttermarkerSubtleText\\": \\"#67707A\\",
+            \\"linenumberText\\": \\"#24292F\\",
+            \\"cursor\\": \\"#24292F\\",
             \\"selectionBg\\": \\"#368cf9\\",
             \\"activelineBg\\": \\"#E7ECF0\\",
-            \\"matchingbracketText\\": \\"#0E1116\\",
+            \\"matchingbracketText\\": \\"#24292F\\",
             \\"linesBg\\": \\"#ffffff\\",
             \\"syntax\\": {
-              \\"comment\\": \\"#0E1116\\",
+              \\"comment\\": \\"#24292F\\",
               \\"constant\\": \\"#023b95\\",
               \\"entity\\": \\"#622cbc\\",
               \\"keyword\\": \\"#a0111f\\",
@@ -597,7 +577,7 @@ module.exports = {
             }
           },
           \\"checks\\": {
-            \\"bg\\": \\"#0E1116\\",
+            \\"bg\\": \\"#24292F\\",
             \\"textPrimary\\": \\"#FFFFFF\\",
             \\"textSecondary\\": \\"#88929D\\",
             \\"textLink\\": \\"#368cf9\\",
@@ -607,36 +587,36 @@ module.exports = {
             \\"inputText\\": \\"#E7ECF0\\",
             \\"inputPlaceholderText\\": \\"#88929D\\",
             \\"inputFocusText\\": \\"#88929D\\",
-            \\"inputBg\\": \\"#20252C\\",
+            \\"inputBg\\": \\"#30363D\\",
             \\"donutError\\": \\"#d5232c\\",
             \\"donutPending\\": \\"#956400\\",
             \\"donutSuccess\\": \\"#117f32\\",
             \\"donutNeutral\\": \\"#ACB6C0\\",
             \\"dropdownText\\": \\"#ACB6C0\\",
-            \\"dropdownBg\\": \\"#20252C\\",
-            \\"dropdownBorder\\": \\"#343B43\\",
+            \\"dropdownBg\\": \\"#30363D\\",
+            \\"dropdownBorder\\": \\"#3D454E\\",
             \\"dropdownShadow\\": \\"rgba(1,4,9,0.3)\\",
             \\"dropdownHoverText\\": \\"#FFFFFF\\",
-            \\"dropdownHoverBg\\": \\"#343B43\\",
+            \\"dropdownHoverBg\\": \\"#3D454E\\",
             \\"dropdownBtnHoverText\\": \\"#FFFFFF\\",
-            \\"dropdownBtnHoverBg\\": \\"#20252C\\",
-            \\"scrollbarThumbBg\\": \\"#4B535D\\",
+            \\"dropdownBtnHoverBg\\": \\"#30363D\\",
+            \\"scrollbarThumbBg\\": \\"#4F5760\\",
             \\"headerLabelText\\": \\"#CED5DC\\",
             \\"headerLabelOpenText\\": \\"#FFFFFF\\",
-            \\"headerBorder\\": \\"#20252C\\",
+            \\"headerBorder\\": \\"#30363D\\",
             \\"headerIcon\\": \\"#88929D\\",
             \\"lineText\\": \\"#CED5DC\\",
             \\"lineNumText\\": \\"rgba(136,146,157,0.75)\\",
             \\"lineTimestampText\\": \\"#88929D\\",
-            \\"lineHoverBg\\": \\"#20252C\\",
+            \\"lineHoverBg\\": \\"#30363D\\",
             \\"lineSelectedBg\\": \\"rgba(17,104,227,0.15)\\",
             \\"lineSelectedNumText\\": \\"#368cf9\\",
-            \\"lineDtFmText\\": \\"#0E1116\\",
+            \\"lineDtFmText\\": \\"#24292F\\",
             \\"lineDtFmBg\\": \\"#744500\\",
             \\"gateBg\\": \\"rgba(96,55,0,0.15)\\",
             \\"gateText\\": \\"#CED5DC\\",
-            \\"gateWaitingText\\": \\"#b58407\\",
-            \\"stepHeaderOpenBg\\": \\"#20252C\\",
+            \\"gateWaitingText\\": \\"#ACB6C0\\",
+            \\"stepHeaderOpenBg\\": \\"#30363D\\",
             \\"stepErrorText\\": \\"#ee5a5d\\",
             \\"stepWarningText\\": \\"#b58407\\",
             \\"loglineText\\": \\"#88929D\\",
@@ -651,8 +631,8 @@ module.exports = {
             \\"loglineCommandText\\": \\"#368cf9\\",
             \\"loglineSectionText\\": \\"#26a148\\",
             \\"ansi\\": {
-              \\"black\\": \\"#0E1116\\",
-              \\"blackBright\\": \\"#20252C\\",
+              \\"black\\": \\"#24292F\\",
+              \\"blackBright\\": \\"#30363D\\",
               \\"white\\": \\"#CED5DC\\",
               \\"whiteBright\\": \\"#CED5DC\\",
               \\"gray\\": \\"#88929D\\",
@@ -671,7 +651,7 @@ module.exports = {
             }
           },
           \\"project\\": {
-            \\"headerBg\\": \\"#0E1116\\",
+            \\"headerBg\\": \\"#24292F\\",
             \\"sidebarBg\\": \\"#ffffff\\",
             \\"gradientIn\\": \\"#ffffff\\",
             \\"gradientOut\\": \\"rgba(255,255,255,0)\\"
@@ -688,10 +668,7 @@ module.exports = {
             \\"stackFadeMore\\": \\"#CED5DC\\"
           },
           \\"topicTag\\": {
-            \\"border\\": \\"#0349b4\\"
-          },
-          \\"counter\\": {
-            \\"border\\": \\"#20252C\\"
+            \\"border\\": \\"rgba(0,0,0,0)\\"
           },
           \\"selectMenu\\": {
             \\"backdropBorder\\": \\"rgba(0,0,0,0)\\",
@@ -700,13 +677,12 @@ module.exports = {
           },
           \\"header\\": {
             \\"text\\": \\"rgba(255,255,255,0.7)\\",
-            \\"bg\\": \\"#0E1116\\",
-            \\"divider\\": \\"#ACB6C0\\",
+            \\"bg\\": \\"#24292F\\",
             \\"logo\\": \\"#ffffff\\"
           },
           \\"headerSearch\\": {
-            \\"bg\\": \\"#0E1116\\",
-            \\"border\\": \\"#4B535D\\"
+            \\"bg\\": \\"#24292F\\",
+            \\"border\\": \\"#4F5760\\"
           },
           \\"sidenav\\": {
             \\"selectedBg\\": \\"#ffffff\\"
@@ -721,11 +697,11 @@ module.exports = {
             \\"badgeBg\\": \\"#E7ECF0\\"
           },
           \\"ansi\\": {
-            \\"black\\": \\"#0E1116\\",
-            \\"blackBright\\": \\"#4B535D\\",
-            \\"white\\": \\"#66707B\\",
+            \\"black\\": \\"#24292F\\",
+            \\"blackBright\\": \\"#4F5760\\",
+            \\"white\\": \\"#67707A\\",
             \\"whiteBright\\": \\"#88929D\\",
-            \\"gray\\": \\"#66707B\\",
+            \\"gray\\": \\"#67707A\\",
             \\"red\\": \\"#a0111f\\",
             \\"redBright\\": \\"#86061d\\",
             \\"green\\": \\"#024c1a\\",
@@ -740,7 +716,7 @@ module.exports = {
             \\"cyanBright\\": \\"#3192aa\\"
           },
           \\"btn\\": {
-            \\"text\\": \\"#0E1116\\",
+            \\"text\\": \\"#24292F\\",
             \\"bg\\": \\"#E7ECF0\\",
             \\"border\\": \\"rgba(1,4,9,0.8)\\",
             \\"hoverBg\\": \\"#CED5DC\\",
@@ -800,28 +776,26 @@ module.exports = {
             }
           },
           \\"underlinenav\\": {
-            \\"icon\\": \\"#66707B\\",
+            \\"icon\\": \\"#67707A\\",
             \\"borderHover\\": \\"rgba(172,182,192,0.2)\\"
           },
           \\"actionListItem\\": {
-            \\"inlineDivider\\": \\"#88929D\\",
+            \\"inlineDivider\\": \\"rgba(48,54,61,0.48)\\",
             \\"default\\": {
-              \\"hoverBg\\": \\"#E7ECF0\\",
-              \\"hoverBorder\\": \\"#88929D\\",
-              \\"activeBg\\": \\"#CED5DC\\",
-              \\"activeBorder\\": \\"#20252C\\",
-              \\"selectedBg\\": \\"#CED5DC\\"
+              \\"hoverBg\\": \\"rgba(206,213,220,0.32)\\",
+              \\"activeBg\\": \\"rgba(206,213,220,0.48)\\",
+              \\"selectedBg\\": \\"rgba(206,213,220,0.24)\\"
             },
             \\"danger\\": {
-              \\"hoverBg\\": \\"#a0111f\\",
-              \\"activeBg\\": \\"#6e011a\\",
-              \\"hoverText\\": \\"#ffffff\\"
+              \\"hoverBg\\": \\"rgba(255,240,238,0.64)\\",
+              \\"activeBg\\": \\"#fff0ee\\",
+              \\"hoverText\\": \\"#a0111f\\"
             }
           },
           \\"fg\\": {
-            \\"default\\": \\"#0E1116\\",
-            \\"muted\\": \\"#0E1116\\",
-            \\"subtle\\": \\"#66707B\\",
+            \\"default\\": \\"#24292F\\",
+            \\"muted\\": \\"#24292F\\",
+            \\"subtle\\": \\"#67707A\\",
             \\"onEmphasis\\": \\"#ffffff\\"
           },
           \\"canvas\\": {
@@ -831,13 +805,13 @@ module.exports = {
             \\"subtle\\": \\"#E7ECF0\\"
           },
           \\"border\\": {
-            \\"default\\": \\"#20252C\\",
+            \\"default\\": \\"#30363D\\",
             \\"muted\\": \\"#88929D\\",
             \\"subtle\\": \\"rgba(1,4,9,0.8)\\"
           },
           \\"neutral\\": {
-            \\"emphasisPlus\\": \\"#0E1116\\",
-            \\"emphasis\\": \\"#66707B\\",
+            \\"emphasisPlus\\": \\"#24292F\\",
+            \\"emphasis\\": \\"#67707A\\",
             \\"muted\\": \\"rgba(172,182,192,0.2)\\",
             \\"subtle\\": \\"#E7ECF0\\"
           },
@@ -871,18 +845,6 @@ module.exports = {
             \\"muted\\": \\"#ee5a5d\\",
             \\"subtle\\": \\"#fff0ee\\"
           },
-          \\"open\\": {
-            \\"fg\\": \\"#055d20\\",
-            \\"emphasis\\": \\"#117f32\\",
-            \\"muted\\": \\"rgba(38,161,72,0.4)\\",
-            \\"subtle\\": \\"#d2fedb\\"
-          },
-          \\"closed\\": {
-            \\"fg\\": \\"#a0111f\\",
-            \\"emphasis\\": \\"#a0111f\\",
-            \\"muted\\": \\"rgba(238,90,93,0.4)\\",
-            \\"subtle\\": \\"#fff0ee\\"
-          },
           \\"done\\": {
             \\"fg\\": \\"#622cbc\\",
             \\"emphasis\\": \\"#622cbc\\",
@@ -924,7 +886,7 @@ module.exports = {
             \\"childShadow\\": \\"-2px -2px 0 rgba(255,255,255,0.8)\\"
           },
           \\"overlay\\": {
-            \\"shadow\\": \\"0 1px 3px rgba(1,4,9,0.12), 0 8px 24px rgba(52,59,67,0.12)\\"
+            \\"shadow\\": \\"0 1px 3px rgba(1,4,9,0.12), 0 8px 24px rgba(61,69,78,0.12)\\"
           },
           \\"btn\\": {
             \\"shadow\\": \\"0 1px 0 rgba(1,4,9,0.04)\\",
@@ -969,7 +931,6 @@ module.exports = {
       \\"light_colorblind\\": {
         \\"colors\\": {
           \\"canvasDefaultTransparent\\": \\"rgba(255,255,255,0)\\",
-          \\"pageHeaderBg\\": \\"#f6f8fa\\",
           \\"marketingIcon\\": {
             \\"primary\\": \\"#218bff\\",
             \\"secondary\\": \\"#54aeff\\"
@@ -978,16 +939,16 @@ module.exports = {
             \\"addition\\": {
               \\"numText\\": \\"#24292f\\",
               \\"fg\\": \\"#24292f\\",
-              \\"numBg\\": \\"rgba(84,174,255,0.4)\\",
-              \\"lineBg\\": \\"rgba(221,244,255,0.5)\\",
-              \\"wordBg\\": \\"rgba(84,174,255,0.4)\\"
+              \\"numBg\\": \\"rgba(53,173,255,0.4)\\",
+              \\"lineBg\\": \\"rgba(192,246,255,0.5)\\",
+              \\"wordBg\\": \\"rgba(53,173,255,0.4)\\"
             },
             \\"deletion\\": {
               \\"numText\\": \\"#24292f\\",
               \\"fg\\": \\"#24292f\\",
-              \\"numBg\\": \\"rgba(247,153,57,0.4)\\",
-              \\"lineBg\\": \\"rgba(255,245,232,0.5)\\",
-              \\"wordBg\\": \\"rgba(255,188,109,0.5)\\"
+              \\"numBg\\": \\"rgba(231,161,0,0.4)\\",
+              \\"lineBg\\": \\"rgba(254,254,72,0.5)\\",
+              \\"wordBg\\": \\"rgba(248,194,0,0.5)\\"
             },
             \\"hunk\\": {
               \\"numBg\\": \\"rgba(84,174,255,0.4)\\"
@@ -999,7 +960,7 @@ module.exports = {
           \\"diffstat\\": {
             \\"deletionBorder\\": \\"rgba(27,31,36,0.15)\\",
             \\"additionBorder\\": \\"rgba(27,31,36,0.15)\\",
-            \\"additionBg\\": \\"#218bff\\"
+            \\"additionBg\\": \\"#0088ff\\"
           },
           \\"searchKeyword\\": {
             \\"hl\\": \\"#fff8c5\\"
@@ -1010,26 +971,26 @@ module.exports = {
               \\"constant\\": \\"#0550ae\\",
               \\"entity\\": \\"#8250df\\",
               \\"storageModifierImport\\": \\"#24292f\\",
-              \\"entityTag\\": \\"#0550ae\\",
-              \\"keyword\\": \\"#b35900\\",
+              \\"entityTag\\": \\"#054da9\\",
+              \\"keyword\\": \\"#ac5e00\\",
               \\"string\\": \\"#0a3069\\",
-              \\"variable\\": \\"#8a4600\\",
-              \\"brackethighlighterUnmatched\\": \\"#6f3800\\",
+              \\"variable\\": \\"#953800\\",
+              \\"brackethighlighterUnmatched\\": \\"#6c3900\\",
               \\"invalidIllegalText\\": \\"#f6f8fa\\",
-              \\"invalidIllegalBg\\": \\"#6f3800\\",
+              \\"invalidIllegalBg\\": \\"#6c3900\\",
               \\"carriageReturnText\\": \\"#f6f8fa\\",
-              \\"carriageReturnBg\\": \\"#b35900\\",
-              \\"stringRegexp\\": \\"#0550ae\\",
+              \\"carriageReturnBg\\": \\"#ac5e00\\",
+              \\"stringRegexp\\": \\"#054da9\\",
               \\"markupList\\": \\"#3b2300\\",
               \\"markupHeading\\": \\"#0550ae\\",
               \\"markupItalic\\": \\"#24292f\\",
               \\"markupBold\\": \\"#24292f\\",
-              \\"markupDeletedText\\": \\"#6f3800\\",
-              \\"markupDeletedBg\\": \\"#fff5e8\\",
-              \\"markupInsertedText\\": \\"#0550ae\\",
-              \\"markupInsertedBg\\": \\"#ddf4ff\\",
-              \\"markupChangedText\\": \\"#8a4600\\",
-              \\"markupChangedBg\\": \\"#ffddb0\\",
+              \\"markupDeletedText\\": \\"#6c3900\\",
+              \\"markupDeletedBg\\": \\"#fefe48\\",
+              \\"markupInsertedText\\": \\"#054da9\\",
+              \\"markupInsertedBg\\": \\"#c0f6ff\\",
+              \\"markupChangedText\\": \\"#953800\\",
+              \\"markupChangedBg\\": \\"#ffd8b5\\",
               \\"markupIgnoredText\\": \\"#eaeef2\\",
               \\"markupIgnoredBg\\": \\"#0550ae\\",
               \\"metaDiffRange\\": \\"#8250df\\",
@@ -1054,11 +1015,11 @@ module.exports = {
               \\"comment\\": \\"#24292f\\",
               \\"constant\\": \\"#0550ae\\",
               \\"entity\\": \\"#8250df\\",
-              \\"keyword\\": \\"#b35900\\",
-              \\"storage\\": \\"#b35900\\",
+              \\"keyword\\": \\"#ac5e00\\",
+              \\"storage\\": \\"#ac5e00\\",
               \\"string\\": \\"#0a3069\\",
               \\"support\\": \\"#0550ae\\",
-              \\"variable\\": \\"#8a4600\\"
+              \\"variable\\": \\"#953800\\"
             }
           },
           \\"checks\\": {
@@ -1073,9 +1034,9 @@ module.exports = {
             \\"inputPlaceholderText\\": \\"#8c959f\\",
             \\"inputFocusText\\": \\"#8c959f\\",
             \\"inputBg\\": \\"#32383f\\",
-            \\"donutError\\": \\"#dd7815\\",
+            \\"donutError\\": \\"#d08002\\",
             \\"donutPending\\": \\"#bf8700\\",
-            \\"donutSuccess\\": \\"#218bff\\",
+            \\"donutSuccess\\": \\"#0088ff\\",
             \\"donutNeutral\\": \\"#afb8c1\\",
             \\"dropdownText\\": \\"#afb8c1\\",
             \\"dropdownBg\\": \\"#32383f\\",
@@ -1100,31 +1061,31 @@ module.exports = {
             \\"lineDtFmBg\\": \\"#9a6700\\",
             \\"gateBg\\": \\"rgba(125,78,0,0.15)\\",
             \\"gateText\\": \\"#d0d7de\\",
-            \\"gateWaitingText\\": \\"#d4a72c\\",
+            \\"gateWaitingText\\": \\"#afb8c1\\",
             \\"stepHeaderOpenBg\\": \\"#32383f\\",
-            \\"stepErrorText\\": \\"#f79939\\",
+            \\"stepErrorText\\": \\"#e7a100\\",
             \\"stepWarningText\\": \\"#d4a72c\\",
             \\"loglineText\\": \\"#8c959f\\",
             \\"loglineNumText\\": \\"rgba(140,149,159,0.75)\\",
             \\"loglineDebugText\\": \\"#c297ff\\",
             \\"loglineErrorText\\": \\"#d0d7de\\",
-            \\"loglineErrorNumText\\": \\"#f79939\\",
-            \\"loglineErrorBg\\": \\"rgba(138,70,0,0.15)\\",
+            \\"loglineErrorNumText\\": \\"#e7a100\\",
+            \\"loglineErrorBg\\": \\"rgba(139,70,0,0.15)\\",
             \\"loglineWarningText\\": \\"#d0d7de\\",
             \\"loglineWarningNumText\\": \\"#d4a72c\\",
             \\"loglineWarningBg\\": \\"rgba(125,78,0,0.15)\\",
             \\"loglineCommandText\\": \\"#54aeff\\",
-            \\"loglineSectionText\\": \\"#54aeff\\",
+            \\"loglineSectionText\\": \\"#35adff\\",
             \\"ansi\\": {
               \\"black\\": \\"#24292f\\",
               \\"blackBright\\": \\"#32383f\\",
               \\"white\\": \\"#d0d7de\\",
               \\"whiteBright\\": \\"#d0d7de\\",
               \\"gray\\": \\"#8c959f\\",
-              \\"red\\": \\"#f79939\\",
-              \\"redBright\\": \\"#ffbc6d\\",
-              \\"green\\": \\"#54aeff\\",
-              \\"greenBright\\": \\"#80ccff\\",
+              \\"red\\": \\"#e7a100\\",
+              \\"redBright\\": \\"#f8c200\\",
+              \\"green\\": \\"#35adff\\",
+              \\"greenBright\\": \\"#65ccff\\",
               \\"yellow\\": \\"#d4a72c\\",
               \\"yellowBright\\": \\"#eac54f\\",
               \\"blue\\": \\"#54aeff\\",
@@ -1155,9 +1116,6 @@ module.exports = {
           \\"topicTag\\": {
             \\"border\\": \\"rgba(0,0,0,0)\\"
           },
-          \\"counter\\": {
-            \\"border\\": \\"rgba(0,0,0,0)\\"
-          },
           \\"selectMenu\\": {
             \\"backdropBorder\\": \\"rgba(0,0,0,0)\\",
             \\"tapHighlight\\": \\"rgba(175,184,193,0.5)\\",
@@ -1166,7 +1124,6 @@ module.exports = {
           \\"header\\": {
             \\"text\\": \\"rgba(255,255,255,0.7)\\",
             \\"bg\\": \\"#24292f\\",
-            \\"divider\\": \\"#57606a\\",
             \\"logo\\": \\"#ffffff\\"
           },
           \\"headerSearch\\": {
@@ -1191,10 +1148,10 @@ module.exports = {
             \\"white\\": \\"#6e7781\\",
             \\"whiteBright\\": \\"#8c959f\\",
             \\"gray\\": \\"#6e7781\\",
-            \\"red\\": \\"#b35900\\",
-            \\"redBright\\": \\"#8a4600\\",
-            \\"green\\": \\"#0550ae\\",
-            \\"greenBright\\": \\"#0969da\\",
+            \\"red\\": \\"#ac5e00\\",
+            \\"redBright\\": \\"#8b4600\\",
+            \\"green\\": \\"#054da9\\",
+            \\"greenBright\\": \\"#0566d5\\",
             \\"yellow\\": \\"#4d2d00\\",
             \\"yellowBright\\": \\"#633c01\\",
             \\"blue\\": \\"#0969da\\",
@@ -1218,15 +1175,15 @@ module.exports = {
             \\"counterBg\\": \\"rgba(27,31,36,0.08)\\",
             \\"primary\\": {
               \\"text\\": \\"#ffffff\\",
-              \\"bg\\": \\"#218bff\\",
+              \\"bg\\": \\"#0088ff\\",
               \\"border\\": \\"rgba(27,31,36,0.15)\\",
-              \\"hoverBg\\": \\"#0969da\\",
+              \\"hoverBg\\": \\"#0566d5\\",
               \\"hoverBorder\\": \\"rgba(27,31,36,0.15)\\",
-              \\"selectedBg\\": \\"hsla(212,92%,43%,1)\\",
+              \\"selectedBg\\": \\"hsla(212,95%,41%,1)\\",
               \\"disabledText\\": \\"rgba(255,255,255,0.8)\\",
-              \\"disabledBg\\": \\"#80ccff\\",
+              \\"disabledBg\\": \\"#65ccff\\",
               \\"disabledBorder\\": \\"rgba(27,31,36,0.15)\\",
-              \\"focusBg\\": \\"#218bff\\",
+              \\"focusBg\\": \\"#0088ff\\",
               \\"focusBorder\\": \\"rgba(27,31,36,0.15)\\",
               \\"icon\\": \\"rgba(255,255,255,0.8)\\",
               \\"counterBg\\": \\"rgba(255,255,255,0.2)\\"
@@ -1247,20 +1204,20 @@ module.exports = {
               \\"counterBg\\": \\"rgba(9,105,218,0.1)\\"
             },
             \\"danger\\": {
-              \\"text\\": \\"#b35900\\",
+              \\"text\\": \\"#ac5e00\\",
               \\"hoverText\\": \\"#ffffff\\",
-              \\"hoverBg\\": \\"#8a4600\\",
+              \\"hoverBg\\": \\"#8b4600\\",
               \\"hoverBorder\\": \\"rgba(27,31,36,0.15)\\",
               \\"hoverCounterBg\\": \\"rgba(255,255,255,0.2)\\",
               \\"selectedText\\": \\"#ffffff\\",
-              \\"selectedBg\\": \\"hsla(30,100%,32%,1)\\",
+              \\"selectedBg\\": \\"hsla(33,100%,31%,1)\\",
               \\"selectedBorder\\": \\"rgba(27,31,36,0.15)\\",
-              \\"disabledText\\": \\"rgba(179,89,0,0.5)\\",
+              \\"disabledText\\": \\"rgba(172,94,0,0.5)\\",
               \\"disabledBg\\": \\"#f6f8fa\\",
-              \\"disabledCounterBg\\": \\"rgba(179,89,0,0.05)\\",
+              \\"disabledCounterBg\\": \\"rgba(172,94,0,0.05)\\",
               \\"focusBorder\\": \\"rgba(27,31,36,0.15)\\",
-              \\"counterBg\\": \\"rgba(179,89,0,0.1)\\",
-              \\"icon\\": \\"#b35900\\",
+              \\"counterBg\\": \\"rgba(172,94,0,0.1)\\",
+              \\"icon\\": \\"#ac5e00\\",
               \\"hoverIcon\\": \\"#ffffff\\"
             }
           },
@@ -1272,15 +1229,13 @@ module.exports = {
             \\"inlineDivider\\": \\"rgba(208,215,222,0.48)\\",
             \\"default\\": {
               \\"hoverBg\\": \\"rgba(208,215,222,0.32)\\",
-              \\"hoverBorder\\": \\"rgba(0,0,0,0)\\",
               \\"activeBg\\": \\"rgba(208,215,222,0.48)\\",
-              \\"activeBorder\\": \\"rgba(0,0,0,0)\\",
               \\"selectedBg\\": \\"rgba(208,215,222,0.24)\\"
             },
             \\"danger\\": {
-              \\"hoverBg\\": \\"rgba(255,245,232,0.64)\\",
-              \\"activeBg\\": \\"#fff5e8\\",
-              \\"hoverText\\": \\"#b35900\\"
+              \\"hoverBg\\": \\"rgba(254,254,72,0.64)\\",
+              \\"activeBg\\": \\"#fefe48\\",
+              \\"hoverText\\": \\"#ac5e00\\"
             }
           },
           \\"fg\\": {
@@ -1313,10 +1268,10 @@ module.exports = {
             \\"subtle\\": \\"#ddf4ff\\"
           },
           \\"success\\": {
-            \\"fg\\": \\"#0969da\\",
-            \\"emphasis\\": \\"#218bff\\",
-            \\"muted\\": \\"rgba(84,174,255,0.4)\\",
-            \\"subtle\\": \\"#ddf4ff\\"
+            \\"fg\\": \\"#0566d5\\",
+            \\"emphasis\\": \\"#0088ff\\",
+            \\"muted\\": \\"rgba(53,173,255,0.4)\\",
+            \\"subtle\\": \\"#c0f6ff\\"
           },
           \\"attention\\": {
             \\"fg\\": \\"#9a6700\\",
@@ -1325,28 +1280,16 @@ module.exports = {
             \\"subtle\\": \\"#fff8c5\\"
           },
           \\"severe\\": {
-            \\"fg\\": \\"#b35900\\",
-            \\"emphasis\\": \\"#b35900\\",
-            \\"muted\\": \\"rgba(247,153,57,0.4)\\",
-            \\"subtle\\": \\"#fff5e8\\"
+            \\"fg\\": \\"#bc4c00\\",
+            \\"emphasis\\": \\"#bc4c00\\",
+            \\"muted\\": \\"rgba(251,143,68,0.4)\\",
+            \\"subtle\\": \\"#fff1e5\\"
           },
           \\"danger\\": {
-            \\"fg\\": \\"#b35900\\",
-            \\"emphasis\\": \\"#b35900\\",
-            \\"muted\\": \\"rgba(247,153,57,0.4)\\",
-            \\"subtle\\": \\"#fff5e8\\"
-          },
-          \\"open\\": {
-            \\"fg\\": \\"#b35900\\",
-            \\"emphasis\\": \\"#dd7815\\",
-            \\"muted\\": \\"rgba(247,153,57,0.4)\\",
-            \\"subtle\\": \\"#fff5e8\\"
-          },
-          \\"closed\\": {
-            \\"fg\\": \\"#6e7781\\",
-            \\"emphasis\\": \\"#6e7781\\",
-            \\"muted\\": \\"rgba(175,184,193,0.4)\\",
-            \\"subtle\\": \\"#f6f8fa\\"
+            \\"fg\\": \\"#ac5e00\\",
+            \\"emphasis\\": \\"#ac5e00\\",
+            \\"muted\\": \\"rgba(231,161,0,0.4)\\",
+            \\"subtle\\": \\"#fefe48\\"
           },
           \\"done\\": {
             \\"fg\\": \\"#8250df\\",
@@ -1400,8 +1343,8 @@ module.exports = {
             \\"primary\\": {
               \\"shadow\\": \\"0 1px 0 rgba(27,31,36,0.1)\\",
               \\"insetShadow\\": \\"inset 0 1px 0 rgba(255,255,255,0.03)\\",
-              \\"selectedShadow\\": \\"inset 0 1px 0 rgba(0,33,85,0.2)\\",
-              \\"focusShadow\\": \\"0 0 0 3px rgba(33,139,255,0.4)\\"
+              \\"selectedShadow\\": \\"inset 0 1px 0 rgba(0,31,80,0.2)\\",
+              \\"focusShadow\\": \\"0 0 0 3px rgba(0,136,255,0.4)\\"
             },
             \\"outline\\": {
               \\"hoverShadow\\": \\"0 1px 0 rgba(27,31,36,0.1)\\",
@@ -1412,8 +1355,8 @@ module.exports = {
             \\"danger\\": {
               \\"hoverShadow\\": \\"0 1px 0 rgba(27,31,36,0.1)\\",
               \\"hoverInsetShadow\\": \\"inset 0 1px 0 rgba(255,255,255,0.03)\\",
-              \\"selectedShadow\\": \\"inset 0 1px 0 rgba(65,32,0,0.2)\\",
-              \\"focusShadow\\": \\"0 0 0 3px rgba(138,70,0,0.4)\\"
+              \\"selectedShadow\\": \\"inset 0 1px 0 rgba(47,41,0,0.2)\\",
+              \\"focusShadow\\": \\"0 0 0 3px rgba(139,70,0,0.4)\\"
             }
           },
           \\"shadow\\": {
@@ -1434,7 +1377,6 @@ module.exports = {
       \\"dark\\": {
         \\"colors\\": {
           \\"canvasDefaultTransparent\\": \\"rgba(13,17,23,0)\\",
-          \\"pageHeaderBg\\": \\"#0d1117\\",
           \\"marketingIcon\\": {
             \\"primary\\": \\"#79c0ff\\",
             \\"secondary\\": \\"#1f6feb\\"
@@ -1561,7 +1503,7 @@ module.exports = {
             \\"lineHoverBg\\": \\"rgba(110,118,129,0.1)\\",
             \\"lineSelectedBg\\": \\"rgba(56,139,253,0.15)\\",
             \\"lineSelectedNumText\\": \\"#58a6ff\\",
-            \\"lineDtFmText\\": \\"#ffffff\\",
+            \\"lineDtFmText\\": \\"#f0f6fc\\",
             \\"lineDtFmBg\\": \\"#9e6a03\\",
             \\"gateBg\\": \\"rgba(187,128,9,0.15)\\",
             \\"gateText\\": \\"#8b949e\\",
@@ -1612,7 +1554,7 @@ module.exports = {
             }
           },
           \\"avatar\\": {
-            \\"bg\\": \\"rgba(255,255,255,0.1)\\",
+            \\"bg\\": \\"rgba(240,246,252,0.1)\\",
             \\"border\\": \\"rgba(240,246,252,0.1)\\",
             \\"stackFade\\": \\"#30363d\\",
             \\"stackFadeMore\\": \\"#21262d\\"
@@ -1620,18 +1562,14 @@ module.exports = {
           \\"topicTag\\": {
             \\"border\\": \\"rgba(0,0,0,0)\\"
           },
-          \\"counter\\": {
-            \\"border\\": \\"rgba(0,0,0,0)\\"
-          },
           \\"selectMenu\\": {
             \\"backdropBorder\\": \\"#484f58\\",
             \\"tapHighlight\\": \\"rgba(48,54,61,0.5)\\",
             \\"tapFocusBg\\": \\"#0c2d6b\\"
           },
           \\"header\\": {
-            \\"text\\": \\"rgba(255,255,255,0.7)\\",
+            \\"text\\": \\"rgba(240,246,252,0.7)\\",
             \\"bg\\": \\"#161b22\\",
-            \\"divider\\": \\"#8b949e\\",
             \\"logo\\": \\"#f0f6fc\\"
           },
           \\"headerSearch\\": {
@@ -1654,7 +1592,7 @@ module.exports = {
             \\"black\\": \\"#484f58\\",
             \\"blackBright\\": \\"#6e7681\\",
             \\"white\\": \\"#b1bac4\\",
-            \\"whiteBright\\": \\"#ffffff\\",
+            \\"whiteBright\\": \\"#f0f6fc\\",
             \\"gray\\": \\"#6e7681\\",
             \\"red\\": \\"#ff7b72\\",
             \\"redBright\\": \\"#ffa198\\",
@@ -1688,21 +1626,21 @@ module.exports = {
               \\"hoverBg\\": \\"#2ea043\\",
               \\"hoverBorder\\": \\"rgba(240,246,252,0.1)\\",
               \\"selectedBg\\": \\"#238636\\",
-              \\"disabledText\\": \\"rgba(255,255,255,0.5)\\",
+              \\"disabledText\\": \\"rgba(240,246,252,0.5)\\",
               \\"disabledBg\\": \\"rgba(35,134,54,0.6)\\",
               \\"disabledBorder\\": \\"rgba(240,246,252,0.1)\\",
               \\"focusBg\\": \\"#238636\\",
               \\"focusBorder\\": \\"rgba(240,246,252,0.1)\\",
-              \\"icon\\": \\"#ffffff\\",
-              \\"counterBg\\": \\"rgba(255,255,255,0.2)\\"
+              \\"icon\\": \\"#f0f6fc\\",
+              \\"counterBg\\": \\"rgba(240,246,252,0.2)\\"
             },
             \\"outline\\": {
               \\"text\\": \\"#58a6ff\\",
               \\"hoverText\\": \\"#58a6ff\\",
               \\"hoverBg\\": \\"#30363d\\",
               \\"hoverBorder\\": \\"rgba(240,246,252,0.1)\\",
-              \\"hoverCounterBg\\": \\"rgba(255,255,255,0.2)\\",
-              \\"selectedText\\": \\"#ffffff\\",
+              \\"hoverCounterBg\\": \\"rgba(240,246,252,0.2)\\",
+              \\"selectedText\\": \\"#f0f6fc\\",
               \\"selectedBg\\": \\"#0d419d\\",
               \\"selectedBorder\\": \\"rgba(240,246,252,0.1)\\",
               \\"disabledText\\": \\"rgba(88,166,255,0.5)\\",
@@ -1713,10 +1651,10 @@ module.exports = {
             },
             \\"danger\\": {
               \\"text\\": \\"#f85149\\",
-              \\"hoverText\\": \\"#ffffff\\",
+              \\"hoverText\\": \\"#f0f6fc\\",
               \\"hoverBg\\": \\"#da3633\\",
               \\"hoverBorder\\": \\"#f85149\\",
-              \\"hoverIcon\\": \\"#ffffff\\",
+              \\"hoverIcon\\": \\"#f0f6fc\\",
               \\"hoverCounterBg\\": \\"rgba(255,255,255,0.2)\\",
               \\"selectedText\\": \\"#ffffff\\",
               \\"selectedBg\\": \\"#b62324\\",
@@ -1737,9 +1675,7 @@ module.exports = {
             \\"inlineDivider\\": \\"rgba(48,54,61,0.48)\\",
             \\"default\\": {
               \\"hoverBg\\": \\"rgba(177,186,196,0.12)\\",
-              \\"hoverBorder\\": \\"rgba(0,0,0,0)\\",
               \\"activeBg\\": \\"rgba(177,186,196,0.2)\\",
-              \\"activeBorder\\": \\"rgba(0,0,0,0)\\",
               \\"selectedBg\\": \\"rgba(177,186,196,0.08)\\"
             },
             \\"danger\\": {
@@ -1752,7 +1688,7 @@ module.exports = {
             \\"default\\": \\"#c9d1d9\\",
             \\"muted\\": \\"#8b949e\\",
             \\"subtle\\": \\"#484f58\\",
-            \\"onEmphasis\\": \\"#ffffff\\"
+            \\"onEmphasis\\": \\"#f0f6fc\\"
           },
           \\"canvas\\": {
             \\"default\\": \\"#0d1117\\",
@@ -1801,18 +1737,6 @@ module.exports = {
             \\"muted\\": \\"rgba(248,81,73,0.4)\\",
             \\"subtle\\": \\"rgba(248,81,73,0.15)\\"
           },
-          \\"open\\": {
-            \\"fg\\": \\"#3fb950\\",
-            \\"emphasis\\": \\"#238636\\",
-            \\"muted\\": \\"rgba(46,160,67,0.4)\\",
-            \\"subtle\\": \\"rgba(46,160,67,0.15)\\"
-          },
-          \\"closed\\": {
-            \\"fg\\": \\"#f85149\\",
-            \\"emphasis\\": \\"#da3633\\",
-            \\"muted\\": \\"rgba(248,81,73,0.4)\\",
-            \\"subtle\\": \\"rgba(248,81,73,0.15)\\"
-          },
           \\"done\\": {
             \\"fg\\": \\"#a371f7\\",
             \\"emphasis\\": \\"#8957e5\\",
@@ -1835,7 +1759,7 @@ module.exports = {
             },
             \\"border\\": {
               \\"active\\": \\"#F78166\\",
-              \\"contrast\\": \\"rgba(255,255,255,0.2)\\"
+              \\"contrast\\": \\"rgba(240,246,252,0.2)\\"
             }
           }
         },
@@ -1873,7 +1797,7 @@ module.exports = {
             },
             \\"outline\\": {
               \\"hoverShadow\\": \\"0 1px 0 rgba(1,4,9,0.1)\\",
-              \\"hoverInsetShadow\\": \\"inset 0 1px 0 rgba(255,255,255,0.03)\\",
+              \\"hoverInsetShadow\\": \\"inset 0 1px 0 rgba(240,246,252,0.03)\\",
               \\"selectedShadow\\": \\"0 0 transparent\\",
               \\"focusShadow\\": \\"0 0 0 3px rgba(17,88,199,0.4)\\"
             },
@@ -1902,7 +1826,6 @@ module.exports = {
       \\"dark_dimmed\\": {
         \\"colors\\": {
           \\"canvasDefaultTransparent\\": \\"rgba(34,39,46,0)\\",
-          \\"pageHeaderBg\\": \\"#22272e\\",
           \\"marketingIcon\\": {
             \\"primary\\": \\"#6cb6ff\\",
             \\"secondary\\": \\"#316dca\\"
@@ -2088,9 +2011,6 @@ module.exports = {
           \\"topicTag\\": {
             \\"border\\": \\"rgba(0,0,0,0)\\"
           },
-          \\"counter\\": {
-            \\"border\\": \\"rgba(0,0,0,0)\\"
-          },
           \\"selectMenu\\": {
             \\"backdropBorder\\": \\"#545d68\\",
             \\"tapHighlight\\": \\"rgba(68,76,86,0.5)\\",
@@ -2099,7 +2019,6 @@ module.exports = {
           \\"header\\": {
             \\"text\\": \\"rgba(205,217,229,0.7)\\",
             \\"bg\\": \\"#2d333b\\",
-            \\"divider\\": \\"#768390\\",
             \\"logo\\": \\"#cdd9e5\\"
           },
           \\"headerSearch\\": {
@@ -2205,9 +2124,7 @@ module.exports = {
             \\"inlineDivider\\": \\"rgba(68,76,86,0.48)\\",
             \\"default\\": {
               \\"hoverBg\\": \\"rgba(144,157,171,0.12)\\",
-              \\"hoverBorder\\": \\"rgba(0,0,0,0)\\",
               \\"activeBg\\": \\"rgba(144,157,171,0.2)\\",
-              \\"activeBorder\\": \\"rgba(0,0,0,0)\\",
               \\"selectedBg\\": \\"rgba(144,157,171,0.08)\\"
             },
             \\"danger\\": {
@@ -2269,18 +2186,6 @@ module.exports = {
             \\"muted\\": \\"rgba(229,83,75,0.4)\\",
             \\"subtle\\": \\"rgba(229,83,75,0.15)\\"
           },
-          \\"open\\": {
-            \\"fg\\": \\"#57ab5a\\",
-            \\"emphasis\\": \\"#347d39\\",
-            \\"muted\\": \\"rgba(70,149,74,0.4)\\",
-            \\"subtle\\": \\"rgba(70,149,74,0.15)\\"
-          },
-          \\"closed\\": {
-            \\"fg\\": \\"#e5534b\\",
-            \\"emphasis\\": \\"#c93c37\\",
-            \\"muted\\": \\"rgba(229,83,75,0.4)\\",
-            \\"subtle\\": \\"rgba(229,83,75,0.15)\\"
-          },
           \\"done\\": {
             \\"fg\\": \\"#986ee2\\",
             \\"emphasis\\": \\"#8256d0\\",
@@ -2370,7 +2275,6 @@ module.exports = {
       \\"dark_high_contrast\\": {
         \\"colors\\": {
           \\"canvasDefaultTransparent\\": \\"rgba(10,12,16,0)\\",
-          \\"pageHeaderBg\\": \\"#0a0c10\\",
           \\"marketingIcon\\": {
             \\"primary\\": \\"#91cbff\\",
             \\"secondary\\": \\"#409eff\\"
@@ -2394,7 +2298,7 @@ module.exports = {
               \\"numBg\\": \\"rgba(64,158,255,0.4)\\"
             },
             \\"expander\\": {
-              \\"icon\\": \\"#f0f3f6\\"
+              \\"icon\\": \\"#0a0c10\\"
             }
           },
           \\"diffstat\\": {
@@ -2556,9 +2460,6 @@ module.exports = {
           \\"topicTag\\": {
             \\"border\\": \\"#409eff\\"
           },
-          \\"counter\\": {
-            \\"border\\": \\"rgba(0,0,0,0)\\"
-          },
           \\"selectMenu\\": {
             \\"backdropBorder\\": \\"#7a828e\\",
             \\"tapHighlight\\": \\"rgba(82,89,100,0.5)\\",
@@ -2567,7 +2468,6 @@ module.exports = {
           \\"header\\": {
             \\"text\\": \\"rgba(255,255,255,0.7)\\",
             \\"bg\\": \\"#272b33\\",
-            \\"divider\\": \\"#bdc4cc\\",
             \\"logo\\": \\"#ffffff\\"
           },
           \\"headerSearch\\": {
@@ -2672,11 +2572,9 @@ module.exports = {
           \\"actionListItem\\": {
             \\"inlineDivider\\": \\"#7a828e\\",
             \\"default\\": {
-              \\"hoverBg\\": \\"#272b33\\",
-              \\"hoverBorder\\": \\"#7a828e\\",
-              \\"activeBg\\": \\"#525964\\",
-              \\"activeBorder\\": \\"#9ea7b3\\",
-              \\"selectedBg\\": \\"#525964\\"
+              \\"hoverBg\\": \\"rgba(217,222,227,0.12)\\",
+              \\"activeBg\\": \\"rgba(217,222,227,0.24)\\",
+              \\"selectedBg\\": \\"rgba(217,222,227,0.08)\\"
             },
             \\"danger\\": {
               \\"hoverBg\\": \\"#ff6a69\\",
@@ -2737,18 +2635,6 @@ module.exports = {
             \\"muted\\": \\"#ff6a69\\",
             \\"subtle\\": \\"rgba(255,106,105,0.15)\\"
           },
-          \\"open\\": {
-            \\"fg\\": \\"#26cd4d\\",
-            \\"emphasis\\": \\"#09b43a\\",
-            \\"muted\\": \\"rgba(9,180,58,0.4)\\",
-            \\"subtle\\": \\"rgba(9,180,58,0.15)\\"
-          },
-          \\"closed\\": {
-            \\"fg\\": \\"#ff6a69\\",
-            \\"emphasis\\": \\"#ff6a69\\",
-            \\"muted\\": \\"rgba(255,106,105,0.4)\\",
-            \\"subtle\\": \\"rgba(255,106,105,0.15)\\"
-          },
           \\"done\\": {
             \\"fg\\": \\"#b780ff\\",
             \\"emphasis\\": \\"#b87fff\\",
@@ -2838,7 +2724,6 @@ module.exports = {
       \\"dark_colorblind\\": {
         \\"colors\\": {
           \\"canvasDefaultTransparent\\": \\"rgba(13,17,23,0)\\",
-          \\"pageHeaderBg\\": \\"#0d1117\\",
           \\"marketingIcon\\": {
             \\"primary\\": \\"#79c0ff\\",
             \\"secondary\\": \\"#1f6feb\\"
@@ -2847,16 +2732,16 @@ module.exports = {
             \\"addition\\": {
               \\"numText\\": \\"#c9d1d9\\",
               \\"fg\\": \\"#c9d1d9\\",
-              \\"numBg\\": \\"rgba(88,166,255,0.3)\\",
-              \\"lineBg\\": \\"rgba(56,139,253,0.15)\\",
-              \\"wordBg\\": \\"rgba(56,139,253,0.4)\\"
+              \\"numBg\\": \\"rgba(66,160,255,0.3)\\",
+              \\"lineBg\\": \\"rgba(21,133,253,0.15)\\",
+              \\"wordBg\\": \\"rgba(21,133,253,0.4)\\"
             },
             \\"deletion\\": {
               \\"numText\\": \\"#c9d1d9\\",
               \\"fg\\": \\"#c9d1d9\\",
-              \\"numBg\\": \\"rgba(212,118,22,0.3)\\",
-              \\"lineBg\\": \\"rgba(212,118,22,0.15)\\",
-              \\"wordBg\\": \\"rgba(212,118,22,0.4)\\"
+              \\"numBg\\": \\"rgba(195,128,0,0.3)\\",
+              \\"lineBg\\": \\"rgba(195,128,0,0.15)\\",
+              \\"wordBg\\": \\"rgba(195,128,0,0.4)\\"
             },
             \\"hunk\\": {
               \\"numBg\\": \\"rgba(56,139,253,0.4)\\"
@@ -2868,7 +2753,7 @@ module.exports = {
           \\"diffstat\\": {
             \\"deletionBorder\\": \\"rgba(240,246,252,0.1)\\",
             \\"additionBorder\\": \\"rgba(240,246,252,0.1)\\",
-            \\"additionBg\\": \\"#58a6ff\\"
+            \\"additionBg\\": \\"#42a0ff\\"
           },
           \\"searchKeyword\\": {
             \\"hl\\": \\"rgba(210,153,34,0.4)\\"
@@ -2879,26 +2764,26 @@ module.exports = {
               \\"constant\\": \\"#79c0ff\\",
               \\"entity\\": \\"#d2a8ff\\",
               \\"storageModifierImport\\": \\"#c9d1d9\\",
-              \\"entityTag\\": \\"#a5d6ff\\",
-              \\"keyword\\": \\"#ec8e2c\\",
+              \\"entityTag\\": \\"#83d4ff\\",
+              \\"keyword\\": \\"#d69a00\\",
               \\"string\\": \\"#a5d6ff\\",
-              \\"variable\\": \\"#fdac54\\",
-              \\"brackethighlighterUnmatched\\": \\"#d47616\\",
+              \\"variable\\": \\"#ffa657\\",
+              \\"brackethighlighterUnmatched\\": \\"#c38000\\",
               \\"invalidIllegalText\\": \\"#f0f6fc\\",
-              \\"invalidIllegalBg\\": \\"#6c3906\\",
+              \\"invalidIllegalBg\\": \\"#633e00\\",
               \\"carriageReturnText\\": \\"#f0f6fc\\",
-              \\"carriageReturnBg\\": \\"#914d04\\",
-              \\"stringRegexp\\": \\"#a5d6ff\\",
+              \\"carriageReturnBg\\": \\"#865401\\",
+              \\"stringRegexp\\": \\"#83d4ff\\",
               \\"markupList\\": \\"#f2cc60\\",
               \\"markupHeading\\": \\"#1f6feb\\",
               \\"markupItalic\\": \\"#c9d1d9\\",
               \\"markupBold\\": \\"#c9d1d9\\",
-              \\"markupDeletedText\\": \\"#ffe2bb\\",
-              \\"markupDeletedBg\\": \\"#4e2906\\",
-              \\"markupInsertedText\\": \\"#cae8ff\\",
-              \\"markupInsertedBg\\": \\"#0c2d6b\\",
-              \\"markupChangedText\\": \\"#ffe2bb\\",
-              \\"markupChangedBg\\": \\"#4e2906\\",
+              \\"markupDeletedText\\": \\"#f0ec59\\",
+              \\"markupDeletedBg\\": \\"#452f00\\",
+              \\"markupInsertedText\\": \\"#a0e8ff\\",
+              \\"markupInsertedBg\\": \\"#0a2861\\",
+              \\"markupChangedText\\": \\"#ffdfb6\\",
+              \\"markupChangedBg\\": \\"#5a1e02\\",
               \\"markupIgnoredText\\": \\"#c9d1d9\\",
               \\"markupIgnoredBg\\": \\"#1158c7\\",
               \\"metaDiffRange\\": \\"#d2a8ff\\",
@@ -2923,11 +2808,11 @@ module.exports = {
               \\"comment\\": \\"#8b949e\\",
               \\"constant\\": \\"#79c0ff\\",
               \\"entity\\": \\"#d2a8ff\\",
-              \\"keyword\\": \\"#ec8e2c\\",
-              \\"storage\\": \\"#ec8e2c\\",
+              \\"keyword\\": \\"#d69a00\\",
+              \\"storage\\": \\"#d69a00\\",
               \\"string\\": \\"#a5d6ff\\",
               \\"support\\": \\"#79c0ff\\",
-              \\"variable\\": \\"#fdac54\\"
+              \\"variable\\": \\"#ffa657\\"
             }
           },
           \\"checks\\": {
@@ -2942,9 +2827,9 @@ module.exports = {
             \\"inputPlaceholderText\\": \\"#484f58\\",
             \\"inputFocusText\\": \\"#c9d1d9\\",
             \\"inputBg\\": \\"#161b22\\",
-            \\"donutError\\": \\"#d47616\\",
+            \\"donutError\\": \\"#c38000\\",
             \\"donutPending\\": \\"#d29922\\",
-            \\"donutSuccess\\": \\"#388bfd\\",
+            \\"donutSuccess\\": \\"#1585fd\\",
             \\"donutNeutral\\": \\"#8b949e\\",
             \\"dropdownText\\": \\"#c9d1d9\\",
             \\"dropdownBg\\": \\"#161b22\\",
@@ -2965,35 +2850,35 @@ module.exports = {
             \\"lineHoverBg\\": \\"rgba(110,118,129,0.1)\\",
             \\"lineSelectedBg\\": \\"rgba(56,139,253,0.15)\\",
             \\"lineSelectedNumText\\": \\"#58a6ff\\",
-            \\"lineDtFmText\\": \\"#ffffff\\",
+            \\"lineDtFmText\\": \\"#f0f6fc\\",
             \\"lineDtFmBg\\": \\"#9e6a03\\",
             \\"gateBg\\": \\"rgba(187,128,9,0.15)\\",
             \\"gateText\\": \\"#8b949e\\",
             \\"gateWaitingText\\": \\"#d29922\\",
             \\"stepHeaderOpenBg\\": \\"#161b22\\",
-            \\"stepErrorText\\": \\"#d47616\\",
+            \\"stepErrorText\\": \\"#c38000\\",
             \\"stepWarningText\\": \\"#d29922\\",
             \\"loglineText\\": \\"#8b949e\\",
             \\"loglineNumText\\": \\"#484f58\\",
             \\"loglineDebugText\\": \\"#a371f7\\",
             \\"loglineErrorText\\": \\"#8b949e\\",
             \\"loglineErrorNumText\\": \\"#484f58\\",
-            \\"loglineErrorBg\\": \\"rgba(212,118,22,0.15)\\",
+            \\"loglineErrorBg\\": \\"rgba(195,128,0,0.15)\\",
             \\"loglineWarningText\\": \\"#8b949e\\",
             \\"loglineWarningNumText\\": \\"#d29922\\",
             \\"loglineWarningBg\\": \\"rgba(187,128,9,0.15)\\",
             \\"loglineCommandText\\": \\"#58a6ff\\",
-            \\"loglineSectionText\\": \\"#58a6ff\\",
+            \\"loglineSectionText\\": \\"#42a0ff\\",
             \\"ansi\\": {
               \\"black\\": \\"#0d1117\\",
               \\"blackBright\\": \\"#161b22\\",
               \\"white\\": \\"#b1bac4\\",
               \\"whiteBright\\": \\"#b1bac4\\",
               \\"gray\\": \\"#6e7681\\",
-              \\"red\\": \\"#ec8e2c\\",
-              \\"redBright\\": \\"#fdac54\\",
-              \\"green\\": \\"#58a6ff\\",
-              \\"greenBright\\": \\"#79c0ff\\",
+              \\"red\\": \\"#d69a00\\",
+              \\"redBright\\": \\"#e6b716\\",
+              \\"green\\": \\"#42a0ff\\",
+              \\"greenBright\\": \\"#66baff\\",
               \\"yellow\\": \\"#d29922\\",
               \\"yellowBright\\": \\"#e3b341\\",
               \\"blue\\": \\"#58a6ff\\",
@@ -3016,7 +2901,7 @@ module.exports = {
             }
           },
           \\"avatar\\": {
-            \\"bg\\": \\"rgba(255,255,255,0.1)\\",
+            \\"bg\\": \\"rgba(240,246,252,0.1)\\",
             \\"border\\": \\"rgba(240,246,252,0.1)\\",
             \\"stackFade\\": \\"#30363d\\",
             \\"stackFadeMore\\": \\"#21262d\\"
@@ -3024,18 +2909,14 @@ module.exports = {
           \\"topicTag\\": {
             \\"border\\": \\"rgba(0,0,0,0)\\"
           },
-          \\"counter\\": {
-            \\"border\\": \\"rgba(0,0,0,0)\\"
-          },
           \\"selectMenu\\": {
             \\"backdropBorder\\": \\"#484f58\\",
             \\"tapHighlight\\": \\"rgba(48,54,61,0.5)\\",
             \\"tapFocusBg\\": \\"#0c2d6b\\"
           },
           \\"header\\": {
-            \\"text\\": \\"rgba(255,255,255,0.7)\\",
+            \\"text\\": \\"rgba(240,246,252,0.7)\\",
             \\"bg\\": \\"#161b22\\",
-            \\"divider\\": \\"#8b949e\\",
             \\"logo\\": \\"#f0f6fc\\"
           },
           \\"headerSearch\\": {
@@ -3058,12 +2939,12 @@ module.exports = {
             \\"black\\": \\"#484f58\\",
             \\"blackBright\\": \\"#6e7681\\",
             \\"white\\": \\"#b1bac4\\",
-            \\"whiteBright\\": \\"#ffffff\\",
+            \\"whiteBright\\": \\"#f0f6fc\\",
             \\"gray\\": \\"#6e7681\\",
-            \\"red\\": \\"#ec8e2c\\",
-            \\"redBright\\": \\"#fdac54\\",
-            \\"green\\": \\"#58a6ff\\",
-            \\"greenBright\\": \\"#79c0ff\\",
+            \\"red\\": \\"#d69a00\\",
+            \\"redBright\\": \\"#e6b716\\",
+            \\"green\\": \\"#42a0ff\\",
+            \\"greenBright\\": \\"#66baff\\",
             \\"yellow\\": \\"#d29922\\",
             \\"yellowBright\\": \\"#e3b341\\",
             \\"blue\\": \\"#58a6ff\\",
@@ -3087,26 +2968,26 @@ module.exports = {
             \\"counterBg\\": \\"#30363d\\",
             \\"primary\\": {
               \\"text\\": \\"#ffffff\\",
-              \\"bg\\": \\"#1f6feb\\",
+              \\"bg\\": \\"#1d69e0\\",
               \\"border\\": \\"rgba(240,246,252,0.1)\\",
-              \\"hoverBg\\": \\"#388bfd\\",
+              \\"hoverBg\\": \\"#1585fd\\",
               \\"hoverBorder\\": \\"rgba(240,246,252,0.1)\\",
-              \\"selectedBg\\": \\"#1f6feb\\",
-              \\"disabledText\\": \\"rgba(255,255,255,0.5)\\",
-              \\"disabledBg\\": \\"rgba(31,111,235,0.6)\\",
+              \\"selectedBg\\": \\"#1d69e0\\",
+              \\"disabledText\\": \\"rgba(240,246,252,0.5)\\",
+              \\"disabledBg\\": \\"rgba(29,105,224,0.6)\\",
               \\"disabledBorder\\": \\"rgba(240,246,252,0.1)\\",
-              \\"focusBg\\": \\"#1f6feb\\",
+              \\"focusBg\\": \\"#1d69e0\\",
               \\"focusBorder\\": \\"rgba(240,246,252,0.1)\\",
-              \\"icon\\": \\"#ffffff\\",
-              \\"counterBg\\": \\"rgba(255,255,255,0.2)\\"
+              \\"icon\\": \\"#f0f6fc\\",
+              \\"counterBg\\": \\"rgba(240,246,252,0.2)\\"
             },
             \\"outline\\": {
               \\"text\\": \\"#58a6ff\\",
               \\"hoverText\\": \\"#58a6ff\\",
               \\"hoverBg\\": \\"#30363d\\",
               \\"hoverBorder\\": \\"rgba(240,246,252,0.1)\\",
-              \\"hoverCounterBg\\": \\"rgba(255,255,255,0.2)\\",
-              \\"selectedText\\": \\"#ffffff\\",
+              \\"hoverCounterBg\\": \\"rgba(240,246,252,0.2)\\",
+              \\"selectedText\\": \\"#f0f6fc\\",
               \\"selectedBg\\": \\"#0d419d\\",
               \\"selectedBorder\\": \\"rgba(240,246,252,0.1)\\",
               \\"disabledText\\": \\"rgba(88,166,255,0.5)\\",
@@ -3116,21 +2997,21 @@ module.exports = {
               \\"counterBg\\": \\"rgba(31,111,235,0.1)\\"
             },
             \\"danger\\": {
-              \\"text\\": \\"#d47616\\",
-              \\"hoverText\\": \\"#ffffff\\",
-              \\"hoverBg\\": \\"#b76100\\",
-              \\"hoverBorder\\": \\"#d47616\\",
-              \\"hoverIcon\\": \\"#ffffff\\",
+              \\"text\\": \\"#c38000\\",
+              \\"hoverText\\": \\"#f0f6fc\\",
+              \\"hoverBg\\": \\"#a66900\\",
+              \\"hoverBorder\\": \\"#c38000\\",
+              \\"hoverIcon\\": \\"#f0f6fc\\",
               \\"hoverCounterBg\\": \\"rgba(255,255,255,0.2)\\",
               \\"selectedText\\": \\"#ffffff\\",
-              \\"selectedBg\\": \\"#914d04\\",
-              \\"selectedBorder\\": \\"#ec8e2c\\",
-              \\"disabledText\\": \\"rgba(212,118,22,0.5)\\",
+              \\"selectedBg\\": \\"#865401\\",
+              \\"selectedBorder\\": \\"#d69a00\\",
+              \\"disabledText\\": \\"rgba(195,128,0,0.5)\\",
               \\"disabledBg\\": \\"#0d1117\\",
-              \\"disabledCounterBg\\": \\"rgba(183,97,0,0.05)\\",
-              \\"focusBorder\\": \\"#d47616\\",
-              \\"counterBg\\": \\"rgba(183,97,0,0.1)\\",
-              \\"icon\\": \\"#d47616\\"
+              \\"disabledCounterBg\\": \\"rgba(166,105,0,0.05)\\",
+              \\"focusBorder\\": \\"#c38000\\",
+              \\"counterBg\\": \\"rgba(166,105,0,0.1)\\",
+              \\"icon\\": \\"#c38000\\"
             }
           },
           \\"underlinenav\\": {
@@ -3141,22 +3022,20 @@ module.exports = {
             \\"inlineDivider\\": \\"rgba(48,54,61,0.48)\\",
             \\"default\\": {
               \\"hoverBg\\": \\"rgba(177,186,196,0.12)\\",
-              \\"hoverBorder\\": \\"rgba(0,0,0,0)\\",
               \\"activeBg\\": \\"rgba(177,186,196,0.2)\\",
-              \\"activeBorder\\": \\"rgba(0,0,0,0)\\",
               \\"selectedBg\\": \\"rgba(177,186,196,0.08)\\"
             },
             \\"danger\\": {
-              \\"hoverBg\\": \\"rgba(212,118,22,0.16)\\",
-              \\"activeBg\\": \\"rgba(212,118,22,0.24)\\",
-              \\"hoverText\\": \\"#ec8e2c\\"
+              \\"hoverBg\\": \\"rgba(195,128,0,0.16)\\",
+              \\"activeBg\\": \\"rgba(195,128,0,0.24)\\",
+              \\"hoverText\\": \\"#d69a00\\"
             }
           },
           \\"fg\\": {
             \\"default\\": \\"#c9d1d9\\",
             \\"muted\\": \\"#8b949e\\",
             \\"subtle\\": \\"#484f58\\",
-            \\"onEmphasis\\": \\"#ffffff\\"
+            \\"onEmphasis\\": \\"#f0f6fc\\"
           },
           \\"canvas\\": {
             \\"default\\": \\"#0d1117\\",
@@ -3182,10 +3061,10 @@ module.exports = {
             \\"subtle\\": \\"rgba(56,139,253,0.15)\\"
           },
           \\"success\\": {
-            \\"fg\\": \\"#58a6ff\\",
-            \\"emphasis\\": \\"#1f6feb\\",
-            \\"muted\\": \\"rgba(56,139,253,0.4)\\",
-            \\"subtle\\": \\"rgba(56,139,253,0.15)\\"
+            \\"fg\\": \\"#42a0ff\\",
+            \\"emphasis\\": \\"#1d69e0\\",
+            \\"muted\\": \\"rgba(21,133,253,0.4)\\",
+            \\"subtle\\": \\"rgba(21,133,253,0.15)\\"
           },
           \\"attention\\": {
             \\"fg\\": \\"#d29922\\",
@@ -3194,28 +3073,16 @@ module.exports = {
             \\"subtle\\": \\"rgba(187,128,9,0.15)\\"
           },
           \\"severe\\": {
-            \\"fg\\": \\"#d47616\\",
-            \\"emphasis\\": \\"#b76100\\",
-            \\"muted\\": \\"rgba(212,118,22,0.4)\\",
-            \\"subtle\\": \\"rgba(212,118,22,0.15)\\"
+            \\"fg\\": \\"#db6d28\\",
+            \\"emphasis\\": \\"#bd561d\\",
+            \\"muted\\": \\"rgba(219,109,40,0.4)\\",
+            \\"subtle\\": \\"rgba(219,109,40,0.15)\\"
           },
           \\"danger\\": {
-            \\"fg\\": \\"#d47616\\",
-            \\"emphasis\\": \\"#b76100\\",
-            \\"muted\\": \\"rgba(212,118,22,0.4)\\",
-            \\"subtle\\": \\"rgba(212,118,22,0.15)\\"
-          },
-          \\"open\\": {
-            \\"fg\\": \\"#ec8e2c\\",
-            \\"emphasis\\": \\"#b76100\\",
-            \\"muted\\": \\"rgba(212,118,22,0.4)\\",
-            \\"subtle\\": \\"rgba(212,118,22,0.15)\\"
-          },
-          \\"closed\\": {
-            \\"fg\\": \\"#8b949e\\",
-            \\"emphasis\\": \\"#6e7681\\",
-            \\"muted\\": \\"rgba(110,118,129,0.4)\\",
-            \\"subtle\\": \\"rgba(110,118,129,0.1)\\"
+            \\"fg\\": \\"#c38000\\",
+            \\"emphasis\\": \\"#a66900\\",
+            \\"muted\\": \\"rgba(195,128,0,0.4)\\",
+            \\"subtle\\": \\"rgba(195,128,0,0.15)\\"
           },
           \\"done\\": {
             \\"fg\\": \\"#a371f7\\",
@@ -3239,7 +3106,7 @@ module.exports = {
             },
             \\"border\\": {
               \\"active\\": \\"#F78166\\",
-              \\"contrast\\": \\"rgba(255,255,255,0.2)\\"
+              \\"contrast\\": \\"rgba(240,246,252,0.2)\\"
             }
           }
         },
@@ -3277,7 +3144,7 @@ module.exports = {
             },
             \\"outline\\": {
               \\"hoverShadow\\": \\"0 1px 0 rgba(1,4,9,0.1)\\",
-              \\"hoverInsetShadow\\": \\"inset 0 1px 0 rgba(255,255,255,0.03)\\",
+              \\"hoverInsetShadow\\": \\"inset 0 1px 0 rgba(240,246,252,0.03)\\",
               \\"selectedShadow\\": \\"0 0 transparent\\",
               \\"focusShadow\\": \\"0 0 0 3px rgba(17,88,199,0.4)\\"
             },
@@ -3285,7 +3152,7 @@ module.exports = {
               \\"hoverShadow\\": \\"0 0 transparent\\",
               \\"hoverInsetShadow\\": \\"0 0 transparent\\",
               \\"selectedShadow\\": \\"0 0 transparent\\",
-              \\"focusShadow\\": \\"0 0 0 3px rgba(212,118,22,0.4)\\"
+              \\"focusShadow\\": \\"0 0 0 3px rgba(195,128,0,0.4)\\"
             }
           },
           \\"shadow\\": {

From 56c205f0bf49e962acd94e7879925bbacf377f16 Mon Sep 17 00:00:00 2001
From: Siddharth Kshetrapal <siddharthkp@github.com>
Date: Thu, 17 Mar 2022 14:52:01 +0100
Subject: [PATCH 5/6] Revert "update snapshots"

This reverts commit 63743cd452f6a4bb70fee64a52b03e797eab555e.
---
 .../__snapshots__/ActionMenu.test.tsx.snap    |   6 -
 .../AnchoredOverlay.test.tsx.snap             |   6 -
 .../__snapshots__/Button.test.tsx.snap        |  30 -
 .../__snapshots__/themePreval.test.ts.snap    | 579 +++++++++++-------
 4 files changed, 356 insertions(+), 265 deletions(-)

diff --git a/src/__tests__/__snapshots__/ActionMenu.test.tsx.snap b/src/__tests__/__snapshots__/ActionMenu.test.tsx.snap
index 6a1ffc5e47e..b7e6b825d1c 100644
--- a/src/__tests__/__snapshots__/ActionMenu.test.tsx.snap
+++ b/src/__tests__/__snapshots__/ActionMenu.test.tsx.snap
@@ -104,12 +104,6 @@ exports[`ActionMenu renders consistently 1`] = `
   margin-right: -4px;
 }
 
-@media (forced-colors:active) {
-  .c1:focus {
-    outline: solid 1px transparent;
-  }
-}
-
 <div
   className="c0"
   color="fg.default"
diff --git a/src/__tests__/__snapshots__/AnchoredOverlay.test.tsx.snap b/src/__tests__/__snapshots__/AnchoredOverlay.test.tsx.snap
index 82b17ad7de6..61783124d9b 100644
--- a/src/__tests__/__snapshots__/AnchoredOverlay.test.tsx.snap
+++ b/src/__tests__/__snapshots__/AnchoredOverlay.test.tsx.snap
@@ -185,12 +185,6 @@ exports[`AnchoredOverlay should render consistently when open 1`] = `
   outline: none;
 }
 
-@media (forced-colors:active) {
-  .c2 {
-    outline: solid 1px transparent;
-  }
-}
-
 <div>
   <div
     class="c0"
diff --git a/src/__tests__/__snapshots__/Button.test.tsx.snap b/src/__tests__/__snapshots__/Button.test.tsx.snap
index 6055d1e1a3d..f2e1657f35f 100644
--- a/src/__tests__/__snapshots__/Button.test.tsx.snap
+++ b/src/__tests__/__snapshots__/Button.test.tsx.snap
@@ -88,12 +88,6 @@ exports[`Button renders consistently 1`] = `
   border-color: rgba(27,31,36,0.15);
 }
 
-@media (forced-colors:active) {
-  .c0:focus {
-    outline: solid 1px transparent;
-  }
-}
-
 <button
   className="c0"
 />
@@ -204,12 +198,6 @@ exports[`Button styles danger button appropriately 1`] = `
   border-color: btn.danger.selectedBorder;
 }
 
-@media (forced-colors:active) {
-  .c0:focus {
-    outline: solid 1px transparent;
-  }
-}
-
 <button
   class="c0"
 >
@@ -306,12 +294,6 @@ exports[`Button styles invisible button appropriately 1`] = `
   background-color: btn.selectedBg;
 }
 
-@media (forced-colors:active) {
-  .c0:focus {
-    outline: solid 1px transparent;
-  }
-}
-
 <button
   class="c0"
 >
@@ -429,12 +411,6 @@ exports[`Button styles outline button appropriately 1`] = `
   border-color: btn.outline.selectedBorder;
 }
 
-@media (forced-colors:active) {
-  .c0:focus {
-    outline: solid 1px transparent;
-  }
-}
-
 <button
   class="c0"
 >
@@ -538,12 +514,6 @@ exports[`Button styles primary button appropriately 1`] = `
   box-shadow: undefined;
 }
 
-@media (forced-colors:active) {
-  .c0:focus {
-    outline: solid 1px transparent;
-  }
-}
-
 <button
   class="c0"
 >
diff --git a/src/__tests__/__snapshots__/themePreval.test.ts.snap b/src/__tests__/__snapshots__/themePreval.test.ts.snap
index a864464835e..fb64ee82db7 100644
--- a/src/__tests__/__snapshots__/themePreval.test.ts.snap
+++ b/src/__tests__/__snapshots__/themePreval.test.ts.snap
@@ -3,7 +3,7 @@
 exports[`snapshot theme-preval.js 1`] = `
 "// this file was prevaled
 // This file needs to be a JavaScript file using CommonJS to be compatible with preval
-// Cache bust: 2021-11-04 12:00:00 GMT (This file is cached by our deployment tooling, update this timestamp to rebuild this file)
+// Cache bust: 2022-03-14 12:00:00 GMT (This file is cached by our deployment tooling, update this timestamp to rebuild this file)
 module.exports = {
   \\"theme\\": {
     \\"animation\\": {
@@ -39,6 +39,7 @@ module.exports = {
       \\"light\\": {
         \\"colors\\": {
           \\"canvasDefaultTransparent\\": \\"rgba(255,255,255,0)\\",
+          \\"pageHeaderBg\\": \\"#f6f8fa\\",
           \\"marketingIcon\\": {
             \\"primary\\": \\"#218bff\\",
             \\"secondary\\": \\"#54aeff\\"
@@ -169,7 +170,7 @@ module.exports = {
             \\"lineDtFmBg\\": \\"#9a6700\\",
             \\"gateBg\\": \\"rgba(125,78,0,0.15)\\",
             \\"gateText\\": \\"#d0d7de\\",
-            \\"gateWaitingText\\": \\"#afb8c1\\",
+            \\"gateWaitingText\\": \\"#d4a72c\\",
             \\"stepHeaderOpenBg\\": \\"#32383f\\",
             \\"stepErrorText\\": \\"#ff8182\\",
             \\"stepWarningText\\": \\"#d4a72c\\",
@@ -224,6 +225,9 @@ module.exports = {
           \\"topicTag\\": {
             \\"border\\": \\"rgba(0,0,0,0)\\"
           },
+          \\"counter\\": {
+            \\"border\\": \\"rgba(0,0,0,0)\\"
+          },
           \\"selectMenu\\": {
             \\"backdropBorder\\": \\"rgba(0,0,0,0)\\",
             \\"tapHighlight\\": \\"rgba(175,184,193,0.5)\\",
@@ -232,6 +236,7 @@ module.exports = {
           \\"header\\": {
             \\"text\\": \\"rgba(255,255,255,0.7)\\",
             \\"bg\\": \\"#24292f\\",
+            \\"divider\\": \\"#57606a\\",
             \\"logo\\": \\"#ffffff\\"
           },
           \\"headerSearch\\": {
@@ -337,7 +342,9 @@ module.exports = {
             \\"inlineDivider\\": \\"rgba(208,215,222,0.48)\\",
             \\"default\\": {
               \\"hoverBg\\": \\"rgba(208,215,222,0.32)\\",
+              \\"hoverBorder\\": \\"rgba(0,0,0,0)\\",
               \\"activeBg\\": \\"rgba(208,215,222,0.48)\\",
+              \\"activeBorder\\": \\"rgba(0,0,0,0)\\",
               \\"selectedBg\\": \\"rgba(208,215,222,0.24)\\"
             },
             \\"danger\\": {
@@ -399,6 +406,18 @@ module.exports = {
             \\"muted\\": \\"rgba(255,129,130,0.4)\\",
             \\"subtle\\": \\"#FFEBE9\\"
           },
+          \\"open\\": {
+            \\"fg\\": \\"#1a7f37\\",
+            \\"emphasis\\": \\"#2da44e\\",
+            \\"muted\\": \\"rgba(74,194,107,0.4)\\",
+            \\"subtle\\": \\"#dafbe1\\"
+          },
+          \\"closed\\": {
+            \\"fg\\": \\"#cf222e\\",
+            \\"emphasis\\": \\"#cf222e\\",
+            \\"muted\\": \\"rgba(255,129,130,0.4)\\",
+            \\"subtle\\": \\"#FFEBE9\\"
+          },
           \\"done\\": {
             \\"fg\\": \\"#8250df\\",
             \\"emphasis\\": \\"#8250df\\",
@@ -485,20 +504,21 @@ module.exports = {
       \\"light_high_contrast\\": {
         \\"colors\\": {
           \\"canvasDefaultTransparent\\": \\"rgba(255,255,255,0)\\",
+          \\"pageHeaderBg\\": \\"#ffffff\\",
           \\"marketingIcon\\": {
             \\"primary\\": \\"#1168e3\\",
             \\"secondary\\": \\"#368cf9\\"
           },
           \\"diffBlob\\": {
             \\"addition\\": {
-              \\"numText\\": \\"#24292F\\",
+              \\"numText\\": \\"#0E1116\\",
               \\"fg\\": \\"#ffffff\\",
               \\"numBg\\": \\"#CCFFD8\\",
               \\"lineBg\\": \\"#E6FFEC\\",
               \\"wordBg\\": \\"#055d20\\"
             },
             \\"deletion\\": {
-              \\"numText\\": \\"#24292F\\",
+              \\"numText\\": \\"#0E1116\\",
               \\"fg\\": \\"#ffffff\\",
               \\"numBg\\": \\"#FFD7D5\\",
               \\"lineBg\\": \\"#fff0ee\\",
@@ -508,7 +528,7 @@ module.exports = {
               \\"numBg\\": \\"#9cd7ff\\"
             },
             \\"expander\\": {
-              \\"icon\\": \\"#24292F\\"
+              \\"icon\\": \\"#0E1116\\"
             }
           },
           \\"diffstat\\": {
@@ -521,10 +541,10 @@ module.exports = {
           },
           \\"prettylights\\": {
             \\"syntax\\": {
-              \\"comment\\": \\"#67707A\\",
+              \\"comment\\": \\"#66707B\\",
               \\"constant\\": \\"#023b95\\",
               \\"entity\\": \\"#622cbc\\",
-              \\"storageModifierImport\\": \\"#24292F\\",
+              \\"storageModifierImport\\": \\"#0E1116\\",
               \\"entityTag\\": \\"#024c1a\\",
               \\"keyword\\": \\"#a0111f\\",
               \\"string\\": \\"#032563\\",
@@ -537,8 +557,8 @@ module.exports = {
               \\"stringRegexp\\": \\"#024c1a\\",
               \\"markupList\\": \\"#2e1800\\",
               \\"markupHeading\\": \\"#023b95\\",
-              \\"markupItalic\\": \\"#24292F\\",
-              \\"markupBold\\": \\"#24292F\\",
+              \\"markupItalic\\": \\"#0E1116\\",
+              \\"markupBold\\": \\"#0E1116\\",
               \\"markupDeletedText\\": \\"#6e011a\\",
               \\"markupDeletedBg\\": \\"#fff0ee\\",
               \\"markupInsertedText\\": \\"#024c1a\\",
@@ -548,25 +568,25 @@ module.exports = {
               \\"markupIgnoredText\\": \\"#E7ECF0\\",
               \\"markupIgnoredBg\\": \\"#023b95\\",
               \\"metaDiffRange\\": \\"#622cbc\\",
-              \\"brackethighlighterAngle\\": \\"#4F5760\\",
+              \\"brackethighlighterAngle\\": \\"#4B535D\\",
               \\"sublimelinterGutterMark\\": \\"#88929D\\",
               \\"constantOtherReferenceLink\\": \\"#032563\\"
             }
           },
           \\"codemirror\\": {
-            \\"text\\": \\"#24292F\\",
+            \\"text\\": \\"#0E1116\\",
             \\"bg\\": \\"#ffffff\\",
             \\"guttersBg\\": \\"#ffffff\\",
             \\"guttermarkerText\\": \\"#ffffff\\",
-            \\"guttermarkerSubtleText\\": \\"#67707A\\",
-            \\"linenumberText\\": \\"#24292F\\",
-            \\"cursor\\": \\"#24292F\\",
+            \\"guttermarkerSubtleText\\": \\"#66707B\\",
+            \\"linenumberText\\": \\"#0E1116\\",
+            \\"cursor\\": \\"#0E1116\\",
             \\"selectionBg\\": \\"#368cf9\\",
             \\"activelineBg\\": \\"#E7ECF0\\",
-            \\"matchingbracketText\\": \\"#24292F\\",
+            \\"matchingbracketText\\": \\"#0E1116\\",
             \\"linesBg\\": \\"#ffffff\\",
             \\"syntax\\": {
-              \\"comment\\": \\"#24292F\\",
+              \\"comment\\": \\"#0E1116\\",
               \\"constant\\": \\"#023b95\\",
               \\"entity\\": \\"#622cbc\\",
               \\"keyword\\": \\"#a0111f\\",
@@ -577,7 +597,7 @@ module.exports = {
             }
           },
           \\"checks\\": {
-            \\"bg\\": \\"#24292F\\",
+            \\"bg\\": \\"#0E1116\\",
             \\"textPrimary\\": \\"#FFFFFF\\",
             \\"textSecondary\\": \\"#88929D\\",
             \\"textLink\\": \\"#368cf9\\",
@@ -587,36 +607,36 @@ module.exports = {
             \\"inputText\\": \\"#E7ECF0\\",
             \\"inputPlaceholderText\\": \\"#88929D\\",
             \\"inputFocusText\\": \\"#88929D\\",
-            \\"inputBg\\": \\"#30363D\\",
+            \\"inputBg\\": \\"#20252C\\",
             \\"donutError\\": \\"#d5232c\\",
             \\"donutPending\\": \\"#956400\\",
             \\"donutSuccess\\": \\"#117f32\\",
             \\"donutNeutral\\": \\"#ACB6C0\\",
             \\"dropdownText\\": \\"#ACB6C0\\",
-            \\"dropdownBg\\": \\"#30363D\\",
-            \\"dropdownBorder\\": \\"#3D454E\\",
+            \\"dropdownBg\\": \\"#20252C\\",
+            \\"dropdownBorder\\": \\"#343B43\\",
             \\"dropdownShadow\\": \\"rgba(1,4,9,0.3)\\",
             \\"dropdownHoverText\\": \\"#FFFFFF\\",
-            \\"dropdownHoverBg\\": \\"#3D454E\\",
+            \\"dropdownHoverBg\\": \\"#343B43\\",
             \\"dropdownBtnHoverText\\": \\"#FFFFFF\\",
-            \\"dropdownBtnHoverBg\\": \\"#30363D\\",
-            \\"scrollbarThumbBg\\": \\"#4F5760\\",
+            \\"dropdownBtnHoverBg\\": \\"#20252C\\",
+            \\"scrollbarThumbBg\\": \\"#4B535D\\",
             \\"headerLabelText\\": \\"#CED5DC\\",
             \\"headerLabelOpenText\\": \\"#FFFFFF\\",
-            \\"headerBorder\\": \\"#30363D\\",
+            \\"headerBorder\\": \\"#20252C\\",
             \\"headerIcon\\": \\"#88929D\\",
             \\"lineText\\": \\"#CED5DC\\",
             \\"lineNumText\\": \\"rgba(136,146,157,0.75)\\",
             \\"lineTimestampText\\": \\"#88929D\\",
-            \\"lineHoverBg\\": \\"#30363D\\",
+            \\"lineHoverBg\\": \\"#20252C\\",
             \\"lineSelectedBg\\": \\"rgba(17,104,227,0.15)\\",
             \\"lineSelectedNumText\\": \\"#368cf9\\",
-            \\"lineDtFmText\\": \\"#24292F\\",
+            \\"lineDtFmText\\": \\"#0E1116\\",
             \\"lineDtFmBg\\": \\"#744500\\",
             \\"gateBg\\": \\"rgba(96,55,0,0.15)\\",
             \\"gateText\\": \\"#CED5DC\\",
-            \\"gateWaitingText\\": \\"#ACB6C0\\",
-            \\"stepHeaderOpenBg\\": \\"#30363D\\",
+            \\"gateWaitingText\\": \\"#b58407\\",
+            \\"stepHeaderOpenBg\\": \\"#20252C\\",
             \\"stepErrorText\\": \\"#ee5a5d\\",
             \\"stepWarningText\\": \\"#b58407\\",
             \\"loglineText\\": \\"#88929D\\",
@@ -631,8 +651,8 @@ module.exports = {
             \\"loglineCommandText\\": \\"#368cf9\\",
             \\"loglineSectionText\\": \\"#26a148\\",
             \\"ansi\\": {
-              \\"black\\": \\"#24292F\\",
-              \\"blackBright\\": \\"#30363D\\",
+              \\"black\\": \\"#0E1116\\",
+              \\"blackBright\\": \\"#20252C\\",
               \\"white\\": \\"#CED5DC\\",
               \\"whiteBright\\": \\"#CED5DC\\",
               \\"gray\\": \\"#88929D\\",
@@ -651,7 +671,7 @@ module.exports = {
             }
           },
           \\"project\\": {
-            \\"headerBg\\": \\"#24292F\\",
+            \\"headerBg\\": \\"#0E1116\\",
             \\"sidebarBg\\": \\"#ffffff\\",
             \\"gradientIn\\": \\"#ffffff\\",
             \\"gradientOut\\": \\"rgba(255,255,255,0)\\"
@@ -668,7 +688,10 @@ module.exports = {
             \\"stackFadeMore\\": \\"#CED5DC\\"
           },
           \\"topicTag\\": {
-            \\"border\\": \\"rgba(0,0,0,0)\\"
+            \\"border\\": \\"#0349b4\\"
+          },
+          \\"counter\\": {
+            \\"border\\": \\"#20252C\\"
           },
           \\"selectMenu\\": {
             \\"backdropBorder\\": \\"rgba(0,0,0,0)\\",
@@ -677,12 +700,13 @@ module.exports = {
           },
           \\"header\\": {
             \\"text\\": \\"rgba(255,255,255,0.7)\\",
-            \\"bg\\": \\"#24292F\\",
+            \\"bg\\": \\"#0E1116\\",
+            \\"divider\\": \\"#ACB6C0\\",
             \\"logo\\": \\"#ffffff\\"
           },
           \\"headerSearch\\": {
-            \\"bg\\": \\"#24292F\\",
-            \\"border\\": \\"#4F5760\\"
+            \\"bg\\": \\"#0E1116\\",
+            \\"border\\": \\"#4B535D\\"
           },
           \\"sidenav\\": {
             \\"selectedBg\\": \\"#ffffff\\"
@@ -697,11 +721,11 @@ module.exports = {
             \\"badgeBg\\": \\"#E7ECF0\\"
           },
           \\"ansi\\": {
-            \\"black\\": \\"#24292F\\",
-            \\"blackBright\\": \\"#4F5760\\",
-            \\"white\\": \\"#67707A\\",
+            \\"black\\": \\"#0E1116\\",
+            \\"blackBright\\": \\"#4B535D\\",
+            \\"white\\": \\"#66707B\\",
             \\"whiteBright\\": \\"#88929D\\",
-            \\"gray\\": \\"#67707A\\",
+            \\"gray\\": \\"#66707B\\",
             \\"red\\": \\"#a0111f\\",
             \\"redBright\\": \\"#86061d\\",
             \\"green\\": \\"#024c1a\\",
@@ -716,7 +740,7 @@ module.exports = {
             \\"cyanBright\\": \\"#3192aa\\"
           },
           \\"btn\\": {
-            \\"text\\": \\"#24292F\\",
+            \\"text\\": \\"#0E1116\\",
             \\"bg\\": \\"#E7ECF0\\",
             \\"border\\": \\"rgba(1,4,9,0.8)\\",
             \\"hoverBg\\": \\"#CED5DC\\",
@@ -776,26 +800,28 @@ module.exports = {
             }
           },
           \\"underlinenav\\": {
-            \\"icon\\": \\"#67707A\\",
+            \\"icon\\": \\"#66707B\\",
             \\"borderHover\\": \\"rgba(172,182,192,0.2)\\"
           },
           \\"actionListItem\\": {
-            \\"inlineDivider\\": \\"rgba(48,54,61,0.48)\\",
+            \\"inlineDivider\\": \\"#88929D\\",
             \\"default\\": {
-              \\"hoverBg\\": \\"rgba(206,213,220,0.32)\\",
-              \\"activeBg\\": \\"rgba(206,213,220,0.48)\\",
-              \\"selectedBg\\": \\"rgba(206,213,220,0.24)\\"
+              \\"hoverBg\\": \\"#E7ECF0\\",
+              \\"hoverBorder\\": \\"#88929D\\",
+              \\"activeBg\\": \\"#CED5DC\\",
+              \\"activeBorder\\": \\"#20252C\\",
+              \\"selectedBg\\": \\"#CED5DC\\"
             },
             \\"danger\\": {
-              \\"hoverBg\\": \\"rgba(255,240,238,0.64)\\",
-              \\"activeBg\\": \\"#fff0ee\\",
-              \\"hoverText\\": \\"#a0111f\\"
+              \\"hoverBg\\": \\"#a0111f\\",
+              \\"activeBg\\": \\"#6e011a\\",
+              \\"hoverText\\": \\"#ffffff\\"
             }
           },
           \\"fg\\": {
-            \\"default\\": \\"#24292F\\",
-            \\"muted\\": \\"#24292F\\",
-            \\"subtle\\": \\"#67707A\\",
+            \\"default\\": \\"#0E1116\\",
+            \\"muted\\": \\"#0E1116\\",
+            \\"subtle\\": \\"#66707B\\",
             \\"onEmphasis\\": \\"#ffffff\\"
           },
           \\"canvas\\": {
@@ -805,13 +831,13 @@ module.exports = {
             \\"subtle\\": \\"#E7ECF0\\"
           },
           \\"border\\": {
-            \\"default\\": \\"#30363D\\",
+            \\"default\\": \\"#20252C\\",
             \\"muted\\": \\"#88929D\\",
             \\"subtle\\": \\"rgba(1,4,9,0.8)\\"
           },
           \\"neutral\\": {
-            \\"emphasisPlus\\": \\"#24292F\\",
-            \\"emphasis\\": \\"#67707A\\",
+            \\"emphasisPlus\\": \\"#0E1116\\",
+            \\"emphasis\\": \\"#66707B\\",
             \\"muted\\": \\"rgba(172,182,192,0.2)\\",
             \\"subtle\\": \\"#E7ECF0\\"
           },
@@ -845,6 +871,18 @@ module.exports = {
             \\"muted\\": \\"#ee5a5d\\",
             \\"subtle\\": \\"#fff0ee\\"
           },
+          \\"open\\": {
+            \\"fg\\": \\"#055d20\\",
+            \\"emphasis\\": \\"#117f32\\",
+            \\"muted\\": \\"rgba(38,161,72,0.4)\\",
+            \\"subtle\\": \\"#d2fedb\\"
+          },
+          \\"closed\\": {
+            \\"fg\\": \\"#a0111f\\",
+            \\"emphasis\\": \\"#a0111f\\",
+            \\"muted\\": \\"rgba(238,90,93,0.4)\\",
+            \\"subtle\\": \\"#fff0ee\\"
+          },
           \\"done\\": {
             \\"fg\\": \\"#622cbc\\",
             \\"emphasis\\": \\"#622cbc\\",
@@ -886,7 +924,7 @@ module.exports = {
             \\"childShadow\\": \\"-2px -2px 0 rgba(255,255,255,0.8)\\"
           },
           \\"overlay\\": {
-            \\"shadow\\": \\"0 1px 3px rgba(1,4,9,0.12), 0 8px 24px rgba(61,69,78,0.12)\\"
+            \\"shadow\\": \\"0 1px 3px rgba(1,4,9,0.12), 0 8px 24px rgba(52,59,67,0.12)\\"
           },
           \\"btn\\": {
             \\"shadow\\": \\"0 1px 0 rgba(1,4,9,0.04)\\",
@@ -931,6 +969,7 @@ module.exports = {
       \\"light_colorblind\\": {
         \\"colors\\": {
           \\"canvasDefaultTransparent\\": \\"rgba(255,255,255,0)\\",
+          \\"pageHeaderBg\\": \\"#f6f8fa\\",
           \\"marketingIcon\\": {
             \\"primary\\": \\"#218bff\\",
             \\"secondary\\": \\"#54aeff\\"
@@ -939,16 +978,16 @@ module.exports = {
             \\"addition\\": {
               \\"numText\\": \\"#24292f\\",
               \\"fg\\": \\"#24292f\\",
-              \\"numBg\\": \\"rgba(53,173,255,0.4)\\",
-              \\"lineBg\\": \\"rgba(192,246,255,0.5)\\",
-              \\"wordBg\\": \\"rgba(53,173,255,0.4)\\"
+              \\"numBg\\": \\"rgba(84,174,255,0.4)\\",
+              \\"lineBg\\": \\"rgba(221,244,255,0.5)\\",
+              \\"wordBg\\": \\"rgba(84,174,255,0.4)\\"
             },
             \\"deletion\\": {
               \\"numText\\": \\"#24292f\\",
               \\"fg\\": \\"#24292f\\",
-              \\"numBg\\": \\"rgba(231,161,0,0.4)\\",
-              \\"lineBg\\": \\"rgba(254,254,72,0.5)\\",
-              \\"wordBg\\": \\"rgba(248,194,0,0.5)\\"
+              \\"numBg\\": \\"rgba(247,153,57,0.4)\\",
+              \\"lineBg\\": \\"rgba(255,245,232,0.5)\\",
+              \\"wordBg\\": \\"rgba(255,188,109,0.5)\\"
             },
             \\"hunk\\": {
               \\"numBg\\": \\"rgba(84,174,255,0.4)\\"
@@ -960,7 +999,7 @@ module.exports = {
           \\"diffstat\\": {
             \\"deletionBorder\\": \\"rgba(27,31,36,0.15)\\",
             \\"additionBorder\\": \\"rgba(27,31,36,0.15)\\",
-            \\"additionBg\\": \\"#0088ff\\"
+            \\"additionBg\\": \\"#218bff\\"
           },
           \\"searchKeyword\\": {
             \\"hl\\": \\"#fff8c5\\"
@@ -971,26 +1010,26 @@ module.exports = {
               \\"constant\\": \\"#0550ae\\",
               \\"entity\\": \\"#8250df\\",
               \\"storageModifierImport\\": \\"#24292f\\",
-              \\"entityTag\\": \\"#054da9\\",
-              \\"keyword\\": \\"#ac5e00\\",
+              \\"entityTag\\": \\"#0550ae\\",
+              \\"keyword\\": \\"#b35900\\",
               \\"string\\": \\"#0a3069\\",
-              \\"variable\\": \\"#953800\\",
-              \\"brackethighlighterUnmatched\\": \\"#6c3900\\",
+              \\"variable\\": \\"#8a4600\\",
+              \\"brackethighlighterUnmatched\\": \\"#6f3800\\",
               \\"invalidIllegalText\\": \\"#f6f8fa\\",
-              \\"invalidIllegalBg\\": \\"#6c3900\\",
+              \\"invalidIllegalBg\\": \\"#6f3800\\",
               \\"carriageReturnText\\": \\"#f6f8fa\\",
-              \\"carriageReturnBg\\": \\"#ac5e00\\",
-              \\"stringRegexp\\": \\"#054da9\\",
+              \\"carriageReturnBg\\": \\"#b35900\\",
+              \\"stringRegexp\\": \\"#0550ae\\",
               \\"markupList\\": \\"#3b2300\\",
               \\"markupHeading\\": \\"#0550ae\\",
               \\"markupItalic\\": \\"#24292f\\",
               \\"markupBold\\": \\"#24292f\\",
-              \\"markupDeletedText\\": \\"#6c3900\\",
-              \\"markupDeletedBg\\": \\"#fefe48\\",
-              \\"markupInsertedText\\": \\"#054da9\\",
-              \\"markupInsertedBg\\": \\"#c0f6ff\\",
-              \\"markupChangedText\\": \\"#953800\\",
-              \\"markupChangedBg\\": \\"#ffd8b5\\",
+              \\"markupDeletedText\\": \\"#6f3800\\",
+              \\"markupDeletedBg\\": \\"#fff5e8\\",
+              \\"markupInsertedText\\": \\"#0550ae\\",
+              \\"markupInsertedBg\\": \\"#ddf4ff\\",
+              \\"markupChangedText\\": \\"#8a4600\\",
+              \\"markupChangedBg\\": \\"#ffddb0\\",
               \\"markupIgnoredText\\": \\"#eaeef2\\",
               \\"markupIgnoredBg\\": \\"#0550ae\\",
               \\"metaDiffRange\\": \\"#8250df\\",
@@ -1015,11 +1054,11 @@ module.exports = {
               \\"comment\\": \\"#24292f\\",
               \\"constant\\": \\"#0550ae\\",
               \\"entity\\": \\"#8250df\\",
-              \\"keyword\\": \\"#ac5e00\\",
-              \\"storage\\": \\"#ac5e00\\",
+              \\"keyword\\": \\"#b35900\\",
+              \\"storage\\": \\"#b35900\\",
               \\"string\\": \\"#0a3069\\",
               \\"support\\": \\"#0550ae\\",
-              \\"variable\\": \\"#953800\\"
+              \\"variable\\": \\"#8a4600\\"
             }
           },
           \\"checks\\": {
@@ -1034,9 +1073,9 @@ module.exports = {
             \\"inputPlaceholderText\\": \\"#8c959f\\",
             \\"inputFocusText\\": \\"#8c959f\\",
             \\"inputBg\\": \\"#32383f\\",
-            \\"donutError\\": \\"#d08002\\",
+            \\"donutError\\": \\"#dd7815\\",
             \\"donutPending\\": \\"#bf8700\\",
-            \\"donutSuccess\\": \\"#0088ff\\",
+            \\"donutSuccess\\": \\"#218bff\\",
             \\"donutNeutral\\": \\"#afb8c1\\",
             \\"dropdownText\\": \\"#afb8c1\\",
             \\"dropdownBg\\": \\"#32383f\\",
@@ -1061,31 +1100,31 @@ module.exports = {
             \\"lineDtFmBg\\": \\"#9a6700\\",
             \\"gateBg\\": \\"rgba(125,78,0,0.15)\\",
             \\"gateText\\": \\"#d0d7de\\",
-            \\"gateWaitingText\\": \\"#afb8c1\\",
+            \\"gateWaitingText\\": \\"#d4a72c\\",
             \\"stepHeaderOpenBg\\": \\"#32383f\\",
-            \\"stepErrorText\\": \\"#e7a100\\",
+            \\"stepErrorText\\": \\"#f79939\\",
             \\"stepWarningText\\": \\"#d4a72c\\",
             \\"loglineText\\": \\"#8c959f\\",
             \\"loglineNumText\\": \\"rgba(140,149,159,0.75)\\",
             \\"loglineDebugText\\": \\"#c297ff\\",
             \\"loglineErrorText\\": \\"#d0d7de\\",
-            \\"loglineErrorNumText\\": \\"#e7a100\\",
-            \\"loglineErrorBg\\": \\"rgba(139,70,0,0.15)\\",
+            \\"loglineErrorNumText\\": \\"#f79939\\",
+            \\"loglineErrorBg\\": \\"rgba(138,70,0,0.15)\\",
             \\"loglineWarningText\\": \\"#d0d7de\\",
             \\"loglineWarningNumText\\": \\"#d4a72c\\",
             \\"loglineWarningBg\\": \\"rgba(125,78,0,0.15)\\",
             \\"loglineCommandText\\": \\"#54aeff\\",
-            \\"loglineSectionText\\": \\"#35adff\\",
+            \\"loglineSectionText\\": \\"#54aeff\\",
             \\"ansi\\": {
               \\"black\\": \\"#24292f\\",
               \\"blackBright\\": \\"#32383f\\",
               \\"white\\": \\"#d0d7de\\",
               \\"whiteBright\\": \\"#d0d7de\\",
               \\"gray\\": \\"#8c959f\\",
-              \\"red\\": \\"#e7a100\\",
-              \\"redBright\\": \\"#f8c200\\",
-              \\"green\\": \\"#35adff\\",
-              \\"greenBright\\": \\"#65ccff\\",
+              \\"red\\": \\"#f79939\\",
+              \\"redBright\\": \\"#ffbc6d\\",
+              \\"green\\": \\"#54aeff\\",
+              \\"greenBright\\": \\"#80ccff\\",
               \\"yellow\\": \\"#d4a72c\\",
               \\"yellowBright\\": \\"#eac54f\\",
               \\"blue\\": \\"#54aeff\\",
@@ -1116,6 +1155,9 @@ module.exports = {
           \\"topicTag\\": {
             \\"border\\": \\"rgba(0,0,0,0)\\"
           },
+          \\"counter\\": {
+            \\"border\\": \\"rgba(0,0,0,0)\\"
+          },
           \\"selectMenu\\": {
             \\"backdropBorder\\": \\"rgba(0,0,0,0)\\",
             \\"tapHighlight\\": \\"rgba(175,184,193,0.5)\\",
@@ -1124,6 +1166,7 @@ module.exports = {
           \\"header\\": {
             \\"text\\": \\"rgba(255,255,255,0.7)\\",
             \\"bg\\": \\"#24292f\\",
+            \\"divider\\": \\"#57606a\\",
             \\"logo\\": \\"#ffffff\\"
           },
           \\"headerSearch\\": {
@@ -1148,10 +1191,10 @@ module.exports = {
             \\"white\\": \\"#6e7781\\",
             \\"whiteBright\\": \\"#8c959f\\",
             \\"gray\\": \\"#6e7781\\",
-            \\"red\\": \\"#ac5e00\\",
-            \\"redBright\\": \\"#8b4600\\",
-            \\"green\\": \\"#054da9\\",
-            \\"greenBright\\": \\"#0566d5\\",
+            \\"red\\": \\"#b35900\\",
+            \\"redBright\\": \\"#8a4600\\",
+            \\"green\\": \\"#0550ae\\",
+            \\"greenBright\\": \\"#0969da\\",
             \\"yellow\\": \\"#4d2d00\\",
             \\"yellowBright\\": \\"#633c01\\",
             \\"blue\\": \\"#0969da\\",
@@ -1175,15 +1218,15 @@ module.exports = {
             \\"counterBg\\": \\"rgba(27,31,36,0.08)\\",
             \\"primary\\": {
               \\"text\\": \\"#ffffff\\",
-              \\"bg\\": \\"#0088ff\\",
+              \\"bg\\": \\"#218bff\\",
               \\"border\\": \\"rgba(27,31,36,0.15)\\",
-              \\"hoverBg\\": \\"#0566d5\\",
+              \\"hoverBg\\": \\"#0969da\\",
               \\"hoverBorder\\": \\"rgba(27,31,36,0.15)\\",
-              \\"selectedBg\\": \\"hsla(212,95%,41%,1)\\",
+              \\"selectedBg\\": \\"hsla(212,92%,43%,1)\\",
               \\"disabledText\\": \\"rgba(255,255,255,0.8)\\",
-              \\"disabledBg\\": \\"#65ccff\\",
+              \\"disabledBg\\": \\"#80ccff\\",
               \\"disabledBorder\\": \\"rgba(27,31,36,0.15)\\",
-              \\"focusBg\\": \\"#0088ff\\",
+              \\"focusBg\\": \\"#218bff\\",
               \\"focusBorder\\": \\"rgba(27,31,36,0.15)\\",
               \\"icon\\": \\"rgba(255,255,255,0.8)\\",
               \\"counterBg\\": \\"rgba(255,255,255,0.2)\\"
@@ -1204,20 +1247,20 @@ module.exports = {
               \\"counterBg\\": \\"rgba(9,105,218,0.1)\\"
             },
             \\"danger\\": {
-              \\"text\\": \\"#ac5e00\\",
+              \\"text\\": \\"#b35900\\",
               \\"hoverText\\": \\"#ffffff\\",
-              \\"hoverBg\\": \\"#8b4600\\",
+              \\"hoverBg\\": \\"#8a4600\\",
               \\"hoverBorder\\": \\"rgba(27,31,36,0.15)\\",
               \\"hoverCounterBg\\": \\"rgba(255,255,255,0.2)\\",
               \\"selectedText\\": \\"#ffffff\\",
-              \\"selectedBg\\": \\"hsla(33,100%,31%,1)\\",
+              \\"selectedBg\\": \\"hsla(30,100%,32%,1)\\",
               \\"selectedBorder\\": \\"rgba(27,31,36,0.15)\\",
-              \\"disabledText\\": \\"rgba(172,94,0,0.5)\\",
+              \\"disabledText\\": \\"rgba(179,89,0,0.5)\\",
               \\"disabledBg\\": \\"#f6f8fa\\",
-              \\"disabledCounterBg\\": \\"rgba(172,94,0,0.05)\\",
+              \\"disabledCounterBg\\": \\"rgba(179,89,0,0.05)\\",
               \\"focusBorder\\": \\"rgba(27,31,36,0.15)\\",
-              \\"counterBg\\": \\"rgba(172,94,0,0.1)\\",
-              \\"icon\\": \\"#ac5e00\\",
+              \\"counterBg\\": \\"rgba(179,89,0,0.1)\\",
+              \\"icon\\": \\"#b35900\\",
               \\"hoverIcon\\": \\"#ffffff\\"
             }
           },
@@ -1229,13 +1272,15 @@ module.exports = {
             \\"inlineDivider\\": \\"rgba(208,215,222,0.48)\\",
             \\"default\\": {
               \\"hoverBg\\": \\"rgba(208,215,222,0.32)\\",
+              \\"hoverBorder\\": \\"rgba(0,0,0,0)\\",
               \\"activeBg\\": \\"rgba(208,215,222,0.48)\\",
+              \\"activeBorder\\": \\"rgba(0,0,0,0)\\",
               \\"selectedBg\\": \\"rgba(208,215,222,0.24)\\"
             },
             \\"danger\\": {
-              \\"hoverBg\\": \\"rgba(254,254,72,0.64)\\",
-              \\"activeBg\\": \\"#fefe48\\",
-              \\"hoverText\\": \\"#ac5e00\\"
+              \\"hoverBg\\": \\"rgba(255,245,232,0.64)\\",
+              \\"activeBg\\": \\"#fff5e8\\",
+              \\"hoverText\\": \\"#b35900\\"
             }
           },
           \\"fg\\": {
@@ -1268,10 +1313,10 @@ module.exports = {
             \\"subtle\\": \\"#ddf4ff\\"
           },
           \\"success\\": {
-            \\"fg\\": \\"#0566d5\\",
-            \\"emphasis\\": \\"#0088ff\\",
-            \\"muted\\": \\"rgba(53,173,255,0.4)\\",
-            \\"subtle\\": \\"#c0f6ff\\"
+            \\"fg\\": \\"#0969da\\",
+            \\"emphasis\\": \\"#218bff\\",
+            \\"muted\\": \\"rgba(84,174,255,0.4)\\",
+            \\"subtle\\": \\"#ddf4ff\\"
           },
           \\"attention\\": {
             \\"fg\\": \\"#9a6700\\",
@@ -1280,16 +1325,28 @@ module.exports = {
             \\"subtle\\": \\"#fff8c5\\"
           },
           \\"severe\\": {
-            \\"fg\\": \\"#bc4c00\\",
-            \\"emphasis\\": \\"#bc4c00\\",
-            \\"muted\\": \\"rgba(251,143,68,0.4)\\",
-            \\"subtle\\": \\"#fff1e5\\"
+            \\"fg\\": \\"#b35900\\",
+            \\"emphasis\\": \\"#b35900\\",
+            \\"muted\\": \\"rgba(247,153,57,0.4)\\",
+            \\"subtle\\": \\"#fff5e8\\"
           },
           \\"danger\\": {
-            \\"fg\\": \\"#ac5e00\\",
-            \\"emphasis\\": \\"#ac5e00\\",
-            \\"muted\\": \\"rgba(231,161,0,0.4)\\",
-            \\"subtle\\": \\"#fefe48\\"
+            \\"fg\\": \\"#b35900\\",
+            \\"emphasis\\": \\"#b35900\\",
+            \\"muted\\": \\"rgba(247,153,57,0.4)\\",
+            \\"subtle\\": \\"#fff5e8\\"
+          },
+          \\"open\\": {
+            \\"fg\\": \\"#b35900\\",
+            \\"emphasis\\": \\"#dd7815\\",
+            \\"muted\\": \\"rgba(247,153,57,0.4)\\",
+            \\"subtle\\": \\"#fff5e8\\"
+          },
+          \\"closed\\": {
+            \\"fg\\": \\"#6e7781\\",
+            \\"emphasis\\": \\"#6e7781\\",
+            \\"muted\\": \\"rgba(175,184,193,0.4)\\",
+            \\"subtle\\": \\"#f6f8fa\\"
           },
           \\"done\\": {
             \\"fg\\": \\"#8250df\\",
@@ -1343,8 +1400,8 @@ module.exports = {
             \\"primary\\": {
               \\"shadow\\": \\"0 1px 0 rgba(27,31,36,0.1)\\",
               \\"insetShadow\\": \\"inset 0 1px 0 rgba(255,255,255,0.03)\\",
-              \\"selectedShadow\\": \\"inset 0 1px 0 rgba(0,31,80,0.2)\\",
-              \\"focusShadow\\": \\"0 0 0 3px rgba(0,136,255,0.4)\\"
+              \\"selectedShadow\\": \\"inset 0 1px 0 rgba(0,33,85,0.2)\\",
+              \\"focusShadow\\": \\"0 0 0 3px rgba(33,139,255,0.4)\\"
             },
             \\"outline\\": {
               \\"hoverShadow\\": \\"0 1px 0 rgba(27,31,36,0.1)\\",
@@ -1355,8 +1412,8 @@ module.exports = {
             \\"danger\\": {
               \\"hoverShadow\\": \\"0 1px 0 rgba(27,31,36,0.1)\\",
               \\"hoverInsetShadow\\": \\"inset 0 1px 0 rgba(255,255,255,0.03)\\",
-              \\"selectedShadow\\": \\"inset 0 1px 0 rgba(47,41,0,0.2)\\",
-              \\"focusShadow\\": \\"0 0 0 3px rgba(139,70,0,0.4)\\"
+              \\"selectedShadow\\": \\"inset 0 1px 0 rgba(65,32,0,0.2)\\",
+              \\"focusShadow\\": \\"0 0 0 3px rgba(138,70,0,0.4)\\"
             }
           },
           \\"shadow\\": {
@@ -1377,6 +1434,7 @@ module.exports = {
       \\"dark\\": {
         \\"colors\\": {
           \\"canvasDefaultTransparent\\": \\"rgba(13,17,23,0)\\",
+          \\"pageHeaderBg\\": \\"#0d1117\\",
           \\"marketingIcon\\": {
             \\"primary\\": \\"#79c0ff\\",
             \\"secondary\\": \\"#1f6feb\\"
@@ -1503,7 +1561,7 @@ module.exports = {
             \\"lineHoverBg\\": \\"rgba(110,118,129,0.1)\\",
             \\"lineSelectedBg\\": \\"rgba(56,139,253,0.15)\\",
             \\"lineSelectedNumText\\": \\"#58a6ff\\",
-            \\"lineDtFmText\\": \\"#f0f6fc\\",
+            \\"lineDtFmText\\": \\"#ffffff\\",
             \\"lineDtFmBg\\": \\"#9e6a03\\",
             \\"gateBg\\": \\"rgba(187,128,9,0.15)\\",
             \\"gateText\\": \\"#8b949e\\",
@@ -1554,7 +1612,7 @@ module.exports = {
             }
           },
           \\"avatar\\": {
-            \\"bg\\": \\"rgba(240,246,252,0.1)\\",
+            \\"bg\\": \\"rgba(255,255,255,0.1)\\",
             \\"border\\": \\"rgba(240,246,252,0.1)\\",
             \\"stackFade\\": \\"#30363d\\",
             \\"stackFadeMore\\": \\"#21262d\\"
@@ -1562,14 +1620,18 @@ module.exports = {
           \\"topicTag\\": {
             \\"border\\": \\"rgba(0,0,0,0)\\"
           },
+          \\"counter\\": {
+            \\"border\\": \\"rgba(0,0,0,0)\\"
+          },
           \\"selectMenu\\": {
             \\"backdropBorder\\": \\"#484f58\\",
             \\"tapHighlight\\": \\"rgba(48,54,61,0.5)\\",
             \\"tapFocusBg\\": \\"#0c2d6b\\"
           },
           \\"header\\": {
-            \\"text\\": \\"rgba(240,246,252,0.7)\\",
+            \\"text\\": \\"rgba(255,255,255,0.7)\\",
             \\"bg\\": \\"#161b22\\",
+            \\"divider\\": \\"#8b949e\\",
             \\"logo\\": \\"#f0f6fc\\"
           },
           \\"headerSearch\\": {
@@ -1592,7 +1654,7 @@ module.exports = {
             \\"black\\": \\"#484f58\\",
             \\"blackBright\\": \\"#6e7681\\",
             \\"white\\": \\"#b1bac4\\",
-            \\"whiteBright\\": \\"#f0f6fc\\",
+            \\"whiteBright\\": \\"#ffffff\\",
             \\"gray\\": \\"#6e7681\\",
             \\"red\\": \\"#ff7b72\\",
             \\"redBright\\": \\"#ffa198\\",
@@ -1626,21 +1688,21 @@ module.exports = {
               \\"hoverBg\\": \\"#2ea043\\",
               \\"hoverBorder\\": \\"rgba(240,246,252,0.1)\\",
               \\"selectedBg\\": \\"#238636\\",
-              \\"disabledText\\": \\"rgba(240,246,252,0.5)\\",
+              \\"disabledText\\": \\"rgba(255,255,255,0.5)\\",
               \\"disabledBg\\": \\"rgba(35,134,54,0.6)\\",
               \\"disabledBorder\\": \\"rgba(240,246,252,0.1)\\",
               \\"focusBg\\": \\"#238636\\",
               \\"focusBorder\\": \\"rgba(240,246,252,0.1)\\",
-              \\"icon\\": \\"#f0f6fc\\",
-              \\"counterBg\\": \\"rgba(240,246,252,0.2)\\"
+              \\"icon\\": \\"#ffffff\\",
+              \\"counterBg\\": \\"rgba(255,255,255,0.2)\\"
             },
             \\"outline\\": {
               \\"text\\": \\"#58a6ff\\",
               \\"hoverText\\": \\"#58a6ff\\",
               \\"hoverBg\\": \\"#30363d\\",
               \\"hoverBorder\\": \\"rgba(240,246,252,0.1)\\",
-              \\"hoverCounterBg\\": \\"rgba(240,246,252,0.2)\\",
-              \\"selectedText\\": \\"#f0f6fc\\",
+              \\"hoverCounterBg\\": \\"rgba(255,255,255,0.2)\\",
+              \\"selectedText\\": \\"#ffffff\\",
               \\"selectedBg\\": \\"#0d419d\\",
               \\"selectedBorder\\": \\"rgba(240,246,252,0.1)\\",
               \\"disabledText\\": \\"rgba(88,166,255,0.5)\\",
@@ -1651,10 +1713,10 @@ module.exports = {
             },
             \\"danger\\": {
               \\"text\\": \\"#f85149\\",
-              \\"hoverText\\": \\"#f0f6fc\\",
+              \\"hoverText\\": \\"#ffffff\\",
               \\"hoverBg\\": \\"#da3633\\",
               \\"hoverBorder\\": \\"#f85149\\",
-              \\"hoverIcon\\": \\"#f0f6fc\\",
+              \\"hoverIcon\\": \\"#ffffff\\",
               \\"hoverCounterBg\\": \\"rgba(255,255,255,0.2)\\",
               \\"selectedText\\": \\"#ffffff\\",
               \\"selectedBg\\": \\"#b62324\\",
@@ -1675,7 +1737,9 @@ module.exports = {
             \\"inlineDivider\\": \\"rgba(48,54,61,0.48)\\",
             \\"default\\": {
               \\"hoverBg\\": \\"rgba(177,186,196,0.12)\\",
+              \\"hoverBorder\\": \\"rgba(0,0,0,0)\\",
               \\"activeBg\\": \\"rgba(177,186,196,0.2)\\",
+              \\"activeBorder\\": \\"rgba(0,0,0,0)\\",
               \\"selectedBg\\": \\"rgba(177,186,196,0.08)\\"
             },
             \\"danger\\": {
@@ -1688,7 +1752,7 @@ module.exports = {
             \\"default\\": \\"#c9d1d9\\",
             \\"muted\\": \\"#8b949e\\",
             \\"subtle\\": \\"#484f58\\",
-            \\"onEmphasis\\": \\"#f0f6fc\\"
+            \\"onEmphasis\\": \\"#ffffff\\"
           },
           \\"canvas\\": {
             \\"default\\": \\"#0d1117\\",
@@ -1737,6 +1801,18 @@ module.exports = {
             \\"muted\\": \\"rgba(248,81,73,0.4)\\",
             \\"subtle\\": \\"rgba(248,81,73,0.15)\\"
           },
+          \\"open\\": {
+            \\"fg\\": \\"#3fb950\\",
+            \\"emphasis\\": \\"#238636\\",
+            \\"muted\\": \\"rgba(46,160,67,0.4)\\",
+            \\"subtle\\": \\"rgba(46,160,67,0.15)\\"
+          },
+          \\"closed\\": {
+            \\"fg\\": \\"#f85149\\",
+            \\"emphasis\\": \\"#da3633\\",
+            \\"muted\\": \\"rgba(248,81,73,0.4)\\",
+            \\"subtle\\": \\"rgba(248,81,73,0.15)\\"
+          },
           \\"done\\": {
             \\"fg\\": \\"#a371f7\\",
             \\"emphasis\\": \\"#8957e5\\",
@@ -1759,7 +1835,7 @@ module.exports = {
             },
             \\"border\\": {
               \\"active\\": \\"#F78166\\",
-              \\"contrast\\": \\"rgba(240,246,252,0.2)\\"
+              \\"contrast\\": \\"rgba(255,255,255,0.2)\\"
             }
           }
         },
@@ -1797,7 +1873,7 @@ module.exports = {
             },
             \\"outline\\": {
               \\"hoverShadow\\": \\"0 1px 0 rgba(1,4,9,0.1)\\",
-              \\"hoverInsetShadow\\": \\"inset 0 1px 0 rgba(240,246,252,0.03)\\",
+              \\"hoverInsetShadow\\": \\"inset 0 1px 0 rgba(255,255,255,0.03)\\",
               \\"selectedShadow\\": \\"0 0 transparent\\",
               \\"focusShadow\\": \\"0 0 0 3px rgba(17,88,199,0.4)\\"
             },
@@ -1826,6 +1902,7 @@ module.exports = {
       \\"dark_dimmed\\": {
         \\"colors\\": {
           \\"canvasDefaultTransparent\\": \\"rgba(34,39,46,0)\\",
+          \\"pageHeaderBg\\": \\"#22272e\\",
           \\"marketingIcon\\": {
             \\"primary\\": \\"#6cb6ff\\",
             \\"secondary\\": \\"#316dca\\"
@@ -2011,6 +2088,9 @@ module.exports = {
           \\"topicTag\\": {
             \\"border\\": \\"rgba(0,0,0,0)\\"
           },
+          \\"counter\\": {
+            \\"border\\": \\"rgba(0,0,0,0)\\"
+          },
           \\"selectMenu\\": {
             \\"backdropBorder\\": \\"#545d68\\",
             \\"tapHighlight\\": \\"rgba(68,76,86,0.5)\\",
@@ -2019,6 +2099,7 @@ module.exports = {
           \\"header\\": {
             \\"text\\": \\"rgba(205,217,229,0.7)\\",
             \\"bg\\": \\"#2d333b\\",
+            \\"divider\\": \\"#768390\\",
             \\"logo\\": \\"#cdd9e5\\"
           },
           \\"headerSearch\\": {
@@ -2124,7 +2205,9 @@ module.exports = {
             \\"inlineDivider\\": \\"rgba(68,76,86,0.48)\\",
             \\"default\\": {
               \\"hoverBg\\": \\"rgba(144,157,171,0.12)\\",
+              \\"hoverBorder\\": \\"rgba(0,0,0,0)\\",
               \\"activeBg\\": \\"rgba(144,157,171,0.2)\\",
+              \\"activeBorder\\": \\"rgba(0,0,0,0)\\",
               \\"selectedBg\\": \\"rgba(144,157,171,0.08)\\"
             },
             \\"danger\\": {
@@ -2186,6 +2269,18 @@ module.exports = {
             \\"muted\\": \\"rgba(229,83,75,0.4)\\",
             \\"subtle\\": \\"rgba(229,83,75,0.15)\\"
           },
+          \\"open\\": {
+            \\"fg\\": \\"#57ab5a\\",
+            \\"emphasis\\": \\"#347d39\\",
+            \\"muted\\": \\"rgba(70,149,74,0.4)\\",
+            \\"subtle\\": \\"rgba(70,149,74,0.15)\\"
+          },
+          \\"closed\\": {
+            \\"fg\\": \\"#e5534b\\",
+            \\"emphasis\\": \\"#c93c37\\",
+            \\"muted\\": \\"rgba(229,83,75,0.4)\\",
+            \\"subtle\\": \\"rgba(229,83,75,0.15)\\"
+          },
           \\"done\\": {
             \\"fg\\": \\"#986ee2\\",
             \\"emphasis\\": \\"#8256d0\\",
@@ -2275,6 +2370,7 @@ module.exports = {
       \\"dark_high_contrast\\": {
         \\"colors\\": {
           \\"canvasDefaultTransparent\\": \\"rgba(10,12,16,0)\\",
+          \\"pageHeaderBg\\": \\"#0a0c10\\",
           \\"marketingIcon\\": {
             \\"primary\\": \\"#91cbff\\",
             \\"secondary\\": \\"#409eff\\"
@@ -2298,7 +2394,7 @@ module.exports = {
               \\"numBg\\": \\"rgba(64,158,255,0.4)\\"
             },
             \\"expander\\": {
-              \\"icon\\": \\"#0a0c10\\"
+              \\"icon\\": \\"#f0f3f6\\"
             }
           },
           \\"diffstat\\": {
@@ -2460,6 +2556,9 @@ module.exports = {
           \\"topicTag\\": {
             \\"border\\": \\"#409eff\\"
           },
+          \\"counter\\": {
+            \\"border\\": \\"rgba(0,0,0,0)\\"
+          },
           \\"selectMenu\\": {
             \\"backdropBorder\\": \\"#7a828e\\",
             \\"tapHighlight\\": \\"rgba(82,89,100,0.5)\\",
@@ -2468,6 +2567,7 @@ module.exports = {
           \\"header\\": {
             \\"text\\": \\"rgba(255,255,255,0.7)\\",
             \\"bg\\": \\"#272b33\\",
+            \\"divider\\": \\"#bdc4cc\\",
             \\"logo\\": \\"#ffffff\\"
           },
           \\"headerSearch\\": {
@@ -2572,9 +2672,11 @@ module.exports = {
           \\"actionListItem\\": {
             \\"inlineDivider\\": \\"#7a828e\\",
             \\"default\\": {
-              \\"hoverBg\\": \\"rgba(217,222,227,0.12)\\",
-              \\"activeBg\\": \\"rgba(217,222,227,0.24)\\",
-              \\"selectedBg\\": \\"rgba(217,222,227,0.08)\\"
+              \\"hoverBg\\": \\"#272b33\\",
+              \\"hoverBorder\\": \\"#7a828e\\",
+              \\"activeBg\\": \\"#525964\\",
+              \\"activeBorder\\": \\"#9ea7b3\\",
+              \\"selectedBg\\": \\"#525964\\"
             },
             \\"danger\\": {
               \\"hoverBg\\": \\"#ff6a69\\",
@@ -2635,6 +2737,18 @@ module.exports = {
             \\"muted\\": \\"#ff6a69\\",
             \\"subtle\\": \\"rgba(255,106,105,0.15)\\"
           },
+          \\"open\\": {
+            \\"fg\\": \\"#26cd4d\\",
+            \\"emphasis\\": \\"#09b43a\\",
+            \\"muted\\": \\"rgba(9,180,58,0.4)\\",
+            \\"subtle\\": \\"rgba(9,180,58,0.15)\\"
+          },
+          \\"closed\\": {
+            \\"fg\\": \\"#ff6a69\\",
+            \\"emphasis\\": \\"#ff6a69\\",
+            \\"muted\\": \\"rgba(255,106,105,0.4)\\",
+            \\"subtle\\": \\"rgba(255,106,105,0.15)\\"
+          },
           \\"done\\": {
             \\"fg\\": \\"#b780ff\\",
             \\"emphasis\\": \\"#b87fff\\",
@@ -2724,6 +2838,7 @@ module.exports = {
       \\"dark_colorblind\\": {
         \\"colors\\": {
           \\"canvasDefaultTransparent\\": \\"rgba(13,17,23,0)\\",
+          \\"pageHeaderBg\\": \\"#0d1117\\",
           \\"marketingIcon\\": {
             \\"primary\\": \\"#79c0ff\\",
             \\"secondary\\": \\"#1f6feb\\"
@@ -2732,16 +2847,16 @@ module.exports = {
             \\"addition\\": {
               \\"numText\\": \\"#c9d1d9\\",
               \\"fg\\": \\"#c9d1d9\\",
-              \\"numBg\\": \\"rgba(66,160,255,0.3)\\",
-              \\"lineBg\\": \\"rgba(21,133,253,0.15)\\",
-              \\"wordBg\\": \\"rgba(21,133,253,0.4)\\"
+              \\"numBg\\": \\"rgba(88,166,255,0.3)\\",
+              \\"lineBg\\": \\"rgba(56,139,253,0.15)\\",
+              \\"wordBg\\": \\"rgba(56,139,253,0.4)\\"
             },
             \\"deletion\\": {
               \\"numText\\": \\"#c9d1d9\\",
               \\"fg\\": \\"#c9d1d9\\",
-              \\"numBg\\": \\"rgba(195,128,0,0.3)\\",
-              \\"lineBg\\": \\"rgba(195,128,0,0.15)\\",
-              \\"wordBg\\": \\"rgba(195,128,0,0.4)\\"
+              \\"numBg\\": \\"rgba(212,118,22,0.3)\\",
+              \\"lineBg\\": \\"rgba(212,118,22,0.15)\\",
+              \\"wordBg\\": \\"rgba(212,118,22,0.4)\\"
             },
             \\"hunk\\": {
               \\"numBg\\": \\"rgba(56,139,253,0.4)\\"
@@ -2753,7 +2868,7 @@ module.exports = {
           \\"diffstat\\": {
             \\"deletionBorder\\": \\"rgba(240,246,252,0.1)\\",
             \\"additionBorder\\": \\"rgba(240,246,252,0.1)\\",
-            \\"additionBg\\": \\"#42a0ff\\"
+            \\"additionBg\\": \\"#58a6ff\\"
           },
           \\"searchKeyword\\": {
             \\"hl\\": \\"rgba(210,153,34,0.4)\\"
@@ -2764,26 +2879,26 @@ module.exports = {
               \\"constant\\": \\"#79c0ff\\",
               \\"entity\\": \\"#d2a8ff\\",
               \\"storageModifierImport\\": \\"#c9d1d9\\",
-              \\"entityTag\\": \\"#83d4ff\\",
-              \\"keyword\\": \\"#d69a00\\",
+              \\"entityTag\\": \\"#a5d6ff\\",
+              \\"keyword\\": \\"#ec8e2c\\",
               \\"string\\": \\"#a5d6ff\\",
-              \\"variable\\": \\"#ffa657\\",
-              \\"brackethighlighterUnmatched\\": \\"#c38000\\",
+              \\"variable\\": \\"#fdac54\\",
+              \\"brackethighlighterUnmatched\\": \\"#d47616\\",
               \\"invalidIllegalText\\": \\"#f0f6fc\\",
-              \\"invalidIllegalBg\\": \\"#633e00\\",
+              \\"invalidIllegalBg\\": \\"#6c3906\\",
               \\"carriageReturnText\\": \\"#f0f6fc\\",
-              \\"carriageReturnBg\\": \\"#865401\\",
-              \\"stringRegexp\\": \\"#83d4ff\\",
+              \\"carriageReturnBg\\": \\"#914d04\\",
+              \\"stringRegexp\\": \\"#a5d6ff\\",
               \\"markupList\\": \\"#f2cc60\\",
               \\"markupHeading\\": \\"#1f6feb\\",
               \\"markupItalic\\": \\"#c9d1d9\\",
               \\"markupBold\\": \\"#c9d1d9\\",
-              \\"markupDeletedText\\": \\"#f0ec59\\",
-              \\"markupDeletedBg\\": \\"#452f00\\",
-              \\"markupInsertedText\\": \\"#a0e8ff\\",
-              \\"markupInsertedBg\\": \\"#0a2861\\",
-              \\"markupChangedText\\": \\"#ffdfb6\\",
-              \\"markupChangedBg\\": \\"#5a1e02\\",
+              \\"markupDeletedText\\": \\"#ffe2bb\\",
+              \\"markupDeletedBg\\": \\"#4e2906\\",
+              \\"markupInsertedText\\": \\"#cae8ff\\",
+              \\"markupInsertedBg\\": \\"#0c2d6b\\",
+              \\"markupChangedText\\": \\"#ffe2bb\\",
+              \\"markupChangedBg\\": \\"#4e2906\\",
               \\"markupIgnoredText\\": \\"#c9d1d9\\",
               \\"markupIgnoredBg\\": \\"#1158c7\\",
               \\"metaDiffRange\\": \\"#d2a8ff\\",
@@ -2808,11 +2923,11 @@ module.exports = {
               \\"comment\\": \\"#8b949e\\",
               \\"constant\\": \\"#79c0ff\\",
               \\"entity\\": \\"#d2a8ff\\",
-              \\"keyword\\": \\"#d69a00\\",
-              \\"storage\\": \\"#d69a00\\",
+              \\"keyword\\": \\"#ec8e2c\\",
+              \\"storage\\": \\"#ec8e2c\\",
               \\"string\\": \\"#a5d6ff\\",
               \\"support\\": \\"#79c0ff\\",
-              \\"variable\\": \\"#ffa657\\"
+              \\"variable\\": \\"#fdac54\\"
             }
           },
           \\"checks\\": {
@@ -2827,9 +2942,9 @@ module.exports = {
             \\"inputPlaceholderText\\": \\"#484f58\\",
             \\"inputFocusText\\": \\"#c9d1d9\\",
             \\"inputBg\\": \\"#161b22\\",
-            \\"donutError\\": \\"#c38000\\",
+            \\"donutError\\": \\"#d47616\\",
             \\"donutPending\\": \\"#d29922\\",
-            \\"donutSuccess\\": \\"#1585fd\\",
+            \\"donutSuccess\\": \\"#388bfd\\",
             \\"donutNeutral\\": \\"#8b949e\\",
             \\"dropdownText\\": \\"#c9d1d9\\",
             \\"dropdownBg\\": \\"#161b22\\",
@@ -2850,35 +2965,35 @@ module.exports = {
             \\"lineHoverBg\\": \\"rgba(110,118,129,0.1)\\",
             \\"lineSelectedBg\\": \\"rgba(56,139,253,0.15)\\",
             \\"lineSelectedNumText\\": \\"#58a6ff\\",
-            \\"lineDtFmText\\": \\"#f0f6fc\\",
+            \\"lineDtFmText\\": \\"#ffffff\\",
             \\"lineDtFmBg\\": \\"#9e6a03\\",
             \\"gateBg\\": \\"rgba(187,128,9,0.15)\\",
             \\"gateText\\": \\"#8b949e\\",
             \\"gateWaitingText\\": \\"#d29922\\",
             \\"stepHeaderOpenBg\\": \\"#161b22\\",
-            \\"stepErrorText\\": \\"#c38000\\",
+            \\"stepErrorText\\": \\"#d47616\\",
             \\"stepWarningText\\": \\"#d29922\\",
             \\"loglineText\\": \\"#8b949e\\",
             \\"loglineNumText\\": \\"#484f58\\",
             \\"loglineDebugText\\": \\"#a371f7\\",
             \\"loglineErrorText\\": \\"#8b949e\\",
             \\"loglineErrorNumText\\": \\"#484f58\\",
-            \\"loglineErrorBg\\": \\"rgba(195,128,0,0.15)\\",
+            \\"loglineErrorBg\\": \\"rgba(212,118,22,0.15)\\",
             \\"loglineWarningText\\": \\"#8b949e\\",
             \\"loglineWarningNumText\\": \\"#d29922\\",
             \\"loglineWarningBg\\": \\"rgba(187,128,9,0.15)\\",
             \\"loglineCommandText\\": \\"#58a6ff\\",
-            \\"loglineSectionText\\": \\"#42a0ff\\",
+            \\"loglineSectionText\\": \\"#58a6ff\\",
             \\"ansi\\": {
               \\"black\\": \\"#0d1117\\",
               \\"blackBright\\": \\"#161b22\\",
               \\"white\\": \\"#b1bac4\\",
               \\"whiteBright\\": \\"#b1bac4\\",
               \\"gray\\": \\"#6e7681\\",
-              \\"red\\": \\"#d69a00\\",
-              \\"redBright\\": \\"#e6b716\\",
-              \\"green\\": \\"#42a0ff\\",
-              \\"greenBright\\": \\"#66baff\\",
+              \\"red\\": \\"#ec8e2c\\",
+              \\"redBright\\": \\"#fdac54\\",
+              \\"green\\": \\"#58a6ff\\",
+              \\"greenBright\\": \\"#79c0ff\\",
               \\"yellow\\": \\"#d29922\\",
               \\"yellowBright\\": \\"#e3b341\\",
               \\"blue\\": \\"#58a6ff\\",
@@ -2901,7 +3016,7 @@ module.exports = {
             }
           },
           \\"avatar\\": {
-            \\"bg\\": \\"rgba(240,246,252,0.1)\\",
+            \\"bg\\": \\"rgba(255,255,255,0.1)\\",
             \\"border\\": \\"rgba(240,246,252,0.1)\\",
             \\"stackFade\\": \\"#30363d\\",
             \\"stackFadeMore\\": \\"#21262d\\"
@@ -2909,14 +3024,18 @@ module.exports = {
           \\"topicTag\\": {
             \\"border\\": \\"rgba(0,0,0,0)\\"
           },
+          \\"counter\\": {
+            \\"border\\": \\"rgba(0,0,0,0)\\"
+          },
           \\"selectMenu\\": {
             \\"backdropBorder\\": \\"#484f58\\",
             \\"tapHighlight\\": \\"rgba(48,54,61,0.5)\\",
             \\"tapFocusBg\\": \\"#0c2d6b\\"
           },
           \\"header\\": {
-            \\"text\\": \\"rgba(240,246,252,0.7)\\",
+            \\"text\\": \\"rgba(255,255,255,0.7)\\",
             \\"bg\\": \\"#161b22\\",
+            \\"divider\\": \\"#8b949e\\",
             \\"logo\\": \\"#f0f6fc\\"
           },
           \\"headerSearch\\": {
@@ -2939,12 +3058,12 @@ module.exports = {
             \\"black\\": \\"#484f58\\",
             \\"blackBright\\": \\"#6e7681\\",
             \\"white\\": \\"#b1bac4\\",
-            \\"whiteBright\\": \\"#f0f6fc\\",
+            \\"whiteBright\\": \\"#ffffff\\",
             \\"gray\\": \\"#6e7681\\",
-            \\"red\\": \\"#d69a00\\",
-            \\"redBright\\": \\"#e6b716\\",
-            \\"green\\": \\"#42a0ff\\",
-            \\"greenBright\\": \\"#66baff\\",
+            \\"red\\": \\"#ec8e2c\\",
+            \\"redBright\\": \\"#fdac54\\",
+            \\"green\\": \\"#58a6ff\\",
+            \\"greenBright\\": \\"#79c0ff\\",
             \\"yellow\\": \\"#d29922\\",
             \\"yellowBright\\": \\"#e3b341\\",
             \\"blue\\": \\"#58a6ff\\",
@@ -2968,26 +3087,26 @@ module.exports = {
             \\"counterBg\\": \\"#30363d\\",
             \\"primary\\": {
               \\"text\\": \\"#ffffff\\",
-              \\"bg\\": \\"#1d69e0\\",
+              \\"bg\\": \\"#1f6feb\\",
               \\"border\\": \\"rgba(240,246,252,0.1)\\",
-              \\"hoverBg\\": \\"#1585fd\\",
+              \\"hoverBg\\": \\"#388bfd\\",
               \\"hoverBorder\\": \\"rgba(240,246,252,0.1)\\",
-              \\"selectedBg\\": \\"#1d69e0\\",
-              \\"disabledText\\": \\"rgba(240,246,252,0.5)\\",
-              \\"disabledBg\\": \\"rgba(29,105,224,0.6)\\",
+              \\"selectedBg\\": \\"#1f6feb\\",
+              \\"disabledText\\": \\"rgba(255,255,255,0.5)\\",
+              \\"disabledBg\\": \\"rgba(31,111,235,0.6)\\",
               \\"disabledBorder\\": \\"rgba(240,246,252,0.1)\\",
-              \\"focusBg\\": \\"#1d69e0\\",
+              \\"focusBg\\": \\"#1f6feb\\",
               \\"focusBorder\\": \\"rgba(240,246,252,0.1)\\",
-              \\"icon\\": \\"#f0f6fc\\",
-              \\"counterBg\\": \\"rgba(240,246,252,0.2)\\"
+              \\"icon\\": \\"#ffffff\\",
+              \\"counterBg\\": \\"rgba(255,255,255,0.2)\\"
             },
             \\"outline\\": {
               \\"text\\": \\"#58a6ff\\",
               \\"hoverText\\": \\"#58a6ff\\",
               \\"hoverBg\\": \\"#30363d\\",
               \\"hoverBorder\\": \\"rgba(240,246,252,0.1)\\",
-              \\"hoverCounterBg\\": \\"rgba(240,246,252,0.2)\\",
-              \\"selectedText\\": \\"#f0f6fc\\",
+              \\"hoverCounterBg\\": \\"rgba(255,255,255,0.2)\\",
+              \\"selectedText\\": \\"#ffffff\\",
               \\"selectedBg\\": \\"#0d419d\\",
               \\"selectedBorder\\": \\"rgba(240,246,252,0.1)\\",
               \\"disabledText\\": \\"rgba(88,166,255,0.5)\\",
@@ -2997,21 +3116,21 @@ module.exports = {
               \\"counterBg\\": \\"rgba(31,111,235,0.1)\\"
             },
             \\"danger\\": {
-              \\"text\\": \\"#c38000\\",
-              \\"hoverText\\": \\"#f0f6fc\\",
-              \\"hoverBg\\": \\"#a66900\\",
-              \\"hoverBorder\\": \\"#c38000\\",
-              \\"hoverIcon\\": \\"#f0f6fc\\",
+              \\"text\\": \\"#d47616\\",
+              \\"hoverText\\": \\"#ffffff\\",
+              \\"hoverBg\\": \\"#b76100\\",
+              \\"hoverBorder\\": \\"#d47616\\",
+              \\"hoverIcon\\": \\"#ffffff\\",
               \\"hoverCounterBg\\": \\"rgba(255,255,255,0.2)\\",
               \\"selectedText\\": \\"#ffffff\\",
-              \\"selectedBg\\": \\"#865401\\",
-              \\"selectedBorder\\": \\"#d69a00\\",
-              \\"disabledText\\": \\"rgba(195,128,0,0.5)\\",
+              \\"selectedBg\\": \\"#914d04\\",
+              \\"selectedBorder\\": \\"#ec8e2c\\",
+              \\"disabledText\\": \\"rgba(212,118,22,0.5)\\",
               \\"disabledBg\\": \\"#0d1117\\",
-              \\"disabledCounterBg\\": \\"rgba(166,105,0,0.05)\\",
-              \\"focusBorder\\": \\"#c38000\\",
-              \\"counterBg\\": \\"rgba(166,105,0,0.1)\\",
-              \\"icon\\": \\"#c38000\\"
+              \\"disabledCounterBg\\": \\"rgba(183,97,0,0.05)\\",
+              \\"focusBorder\\": \\"#d47616\\",
+              \\"counterBg\\": \\"rgba(183,97,0,0.1)\\",
+              \\"icon\\": \\"#d47616\\"
             }
           },
           \\"underlinenav\\": {
@@ -3022,20 +3141,22 @@ module.exports = {
             \\"inlineDivider\\": \\"rgba(48,54,61,0.48)\\",
             \\"default\\": {
               \\"hoverBg\\": \\"rgba(177,186,196,0.12)\\",
+              \\"hoverBorder\\": \\"rgba(0,0,0,0)\\",
               \\"activeBg\\": \\"rgba(177,186,196,0.2)\\",
+              \\"activeBorder\\": \\"rgba(0,0,0,0)\\",
               \\"selectedBg\\": \\"rgba(177,186,196,0.08)\\"
             },
             \\"danger\\": {
-              \\"hoverBg\\": \\"rgba(195,128,0,0.16)\\",
-              \\"activeBg\\": \\"rgba(195,128,0,0.24)\\",
-              \\"hoverText\\": \\"#d69a00\\"
+              \\"hoverBg\\": \\"rgba(212,118,22,0.16)\\",
+              \\"activeBg\\": \\"rgba(212,118,22,0.24)\\",
+              \\"hoverText\\": \\"#ec8e2c\\"
             }
           },
           \\"fg\\": {
             \\"default\\": \\"#c9d1d9\\",
             \\"muted\\": \\"#8b949e\\",
             \\"subtle\\": \\"#484f58\\",
-            \\"onEmphasis\\": \\"#f0f6fc\\"
+            \\"onEmphasis\\": \\"#ffffff\\"
           },
           \\"canvas\\": {
             \\"default\\": \\"#0d1117\\",
@@ -3061,10 +3182,10 @@ module.exports = {
             \\"subtle\\": \\"rgba(56,139,253,0.15)\\"
           },
           \\"success\\": {
-            \\"fg\\": \\"#42a0ff\\",
-            \\"emphasis\\": \\"#1d69e0\\",
-            \\"muted\\": \\"rgba(21,133,253,0.4)\\",
-            \\"subtle\\": \\"rgba(21,133,253,0.15)\\"
+            \\"fg\\": \\"#58a6ff\\",
+            \\"emphasis\\": \\"#1f6feb\\",
+            \\"muted\\": \\"rgba(56,139,253,0.4)\\",
+            \\"subtle\\": \\"rgba(56,139,253,0.15)\\"
           },
           \\"attention\\": {
             \\"fg\\": \\"#d29922\\",
@@ -3073,16 +3194,28 @@ module.exports = {
             \\"subtle\\": \\"rgba(187,128,9,0.15)\\"
           },
           \\"severe\\": {
-            \\"fg\\": \\"#db6d28\\",
-            \\"emphasis\\": \\"#bd561d\\",
-            \\"muted\\": \\"rgba(219,109,40,0.4)\\",
-            \\"subtle\\": \\"rgba(219,109,40,0.15)\\"
+            \\"fg\\": \\"#d47616\\",
+            \\"emphasis\\": \\"#b76100\\",
+            \\"muted\\": \\"rgba(212,118,22,0.4)\\",
+            \\"subtle\\": \\"rgba(212,118,22,0.15)\\"
           },
           \\"danger\\": {
-            \\"fg\\": \\"#c38000\\",
-            \\"emphasis\\": \\"#a66900\\",
-            \\"muted\\": \\"rgba(195,128,0,0.4)\\",
-            \\"subtle\\": \\"rgba(195,128,0,0.15)\\"
+            \\"fg\\": \\"#d47616\\",
+            \\"emphasis\\": \\"#b76100\\",
+            \\"muted\\": \\"rgba(212,118,22,0.4)\\",
+            \\"subtle\\": \\"rgba(212,118,22,0.15)\\"
+          },
+          \\"open\\": {
+            \\"fg\\": \\"#ec8e2c\\",
+            \\"emphasis\\": \\"#b76100\\",
+            \\"muted\\": \\"rgba(212,118,22,0.4)\\",
+            \\"subtle\\": \\"rgba(212,118,22,0.15)\\"
+          },
+          \\"closed\\": {
+            \\"fg\\": \\"#8b949e\\",
+            \\"emphasis\\": \\"#6e7681\\",
+            \\"muted\\": \\"rgba(110,118,129,0.4)\\",
+            \\"subtle\\": \\"rgba(110,118,129,0.1)\\"
           },
           \\"done\\": {
             \\"fg\\": \\"#a371f7\\",
@@ -3106,7 +3239,7 @@ module.exports = {
             },
             \\"border\\": {
               \\"active\\": \\"#F78166\\",
-              \\"contrast\\": \\"rgba(240,246,252,0.2)\\"
+              \\"contrast\\": \\"rgba(255,255,255,0.2)\\"
             }
           }
         },
@@ -3144,7 +3277,7 @@ module.exports = {
             },
             \\"outline\\": {
               \\"hoverShadow\\": \\"0 1px 0 rgba(1,4,9,0.1)\\",
-              \\"hoverInsetShadow\\": \\"inset 0 1px 0 rgba(240,246,252,0.03)\\",
+              \\"hoverInsetShadow\\": \\"inset 0 1px 0 rgba(255,255,255,0.03)\\",
               \\"selectedShadow\\": \\"0 0 transparent\\",
               \\"focusShadow\\": \\"0 0 0 3px rgba(17,88,199,0.4)\\"
             },
@@ -3152,7 +3285,7 @@ module.exports = {
               \\"hoverShadow\\": \\"0 0 transparent\\",
               \\"hoverInsetShadow\\": \\"0 0 transparent\\",
               \\"selectedShadow\\": \\"0 0 transparent\\",
-              \\"focusShadow\\": \\"0 0 0 3px rgba(195,128,0,0.4)\\"
+              \\"focusShadow\\": \\"0 0 0 3px rgba(212,118,22,0.4)\\"
             }
           },
           \\"shadow\\": {

From 20f08ac6f58640411e306fffe10d97c8b9087940 Mon Sep 17 00:00:00 2001
From: Siddharth Kshetrapal <siddharthkp@github.com>
Date: Thu, 17 Mar 2022 15:07:20 +0100
Subject: [PATCH 6/6] only update relevant snapshots

---
 .../__snapshots__/ActionMenu.test.tsx.snap    |  6 ++++
 .../AnchoredOverlay.test.tsx.snap             |  6 ++++
 .../__snapshots__/Button.test.tsx.snap        | 30 +++++++++++++++++++
 3 files changed, 42 insertions(+)

diff --git a/src/__tests__/__snapshots__/ActionMenu.test.tsx.snap b/src/__tests__/__snapshots__/ActionMenu.test.tsx.snap
index b7e6b825d1c..6a1ffc5e47e 100644
--- a/src/__tests__/__snapshots__/ActionMenu.test.tsx.snap
+++ b/src/__tests__/__snapshots__/ActionMenu.test.tsx.snap
@@ -104,6 +104,12 @@ exports[`ActionMenu renders consistently 1`] = `
   margin-right: -4px;
 }
 
+@media (forced-colors:active) {
+  .c1:focus {
+    outline: solid 1px transparent;
+  }
+}
+
 <div
   className="c0"
   color="fg.default"
diff --git a/src/__tests__/__snapshots__/AnchoredOverlay.test.tsx.snap b/src/__tests__/__snapshots__/AnchoredOverlay.test.tsx.snap
index 61783124d9b..82b17ad7de6 100644
--- a/src/__tests__/__snapshots__/AnchoredOverlay.test.tsx.snap
+++ b/src/__tests__/__snapshots__/AnchoredOverlay.test.tsx.snap
@@ -185,6 +185,12 @@ exports[`AnchoredOverlay should render consistently when open 1`] = `
   outline: none;
 }
 
+@media (forced-colors:active) {
+  .c2 {
+    outline: solid 1px transparent;
+  }
+}
+
 <div>
   <div
     class="c0"
diff --git a/src/__tests__/__snapshots__/Button.test.tsx.snap b/src/__tests__/__snapshots__/Button.test.tsx.snap
index f2e1657f35f..6055d1e1a3d 100644
--- a/src/__tests__/__snapshots__/Button.test.tsx.snap
+++ b/src/__tests__/__snapshots__/Button.test.tsx.snap
@@ -88,6 +88,12 @@ exports[`Button renders consistently 1`] = `
   border-color: rgba(27,31,36,0.15);
 }
 
+@media (forced-colors:active) {
+  .c0:focus {
+    outline: solid 1px transparent;
+  }
+}
+
 <button
   className="c0"
 />
@@ -198,6 +204,12 @@ exports[`Button styles danger button appropriately 1`] = `
   border-color: btn.danger.selectedBorder;
 }
 
+@media (forced-colors:active) {
+  .c0:focus {
+    outline: solid 1px transparent;
+  }
+}
+
 <button
   class="c0"
 >
@@ -294,6 +306,12 @@ exports[`Button styles invisible button appropriately 1`] = `
   background-color: btn.selectedBg;
 }
 
+@media (forced-colors:active) {
+  .c0:focus {
+    outline: solid 1px transparent;
+  }
+}
+
 <button
   class="c0"
 >
@@ -411,6 +429,12 @@ exports[`Button styles outline button appropriately 1`] = `
   border-color: btn.outline.selectedBorder;
 }
 
+@media (forced-colors:active) {
+  .c0:focus {
+    outline: solid 1px transparent;
+  }
+}
+
 <button
   class="c0"
 >
@@ -514,6 +538,12 @@ exports[`Button styles primary button appropriately 1`] = `
   box-shadow: undefined;
 }
 
+@media (forced-colors:active) {
+  .c0:focus {
+    outline: solid 1px transparent;
+  }
+}
+
 <button
   class="c0"
 >