@primer/primitives 9.0.0-rc.e0216c44 → 9.0.0

package/dist/docs/functional/themes/dark-colorblind.json

@@ -89,7 +89,7 @@
     "path": ["page", "header", "bgColor"]
   },
   "diffBlob-addition-fgColor-text": {
-    "value": "#e6edf3",
+    "value": "#f0f6fc",
     "$type": "color",
     "$extensions": {
       "org.primer.figma": {
@@ -118,7 +118,7 @@
     "path": ["diffBlob", "addition", "fgColor", "text"]
   },
   "diffBlob-addition-fgColor-num": {
-    "value": "#e6edf3",
+    "value": "#f0f6fc",
     "$type": "color",
     "$extensions": {
       "org.primer.figma": {
@@ -242,7 +242,7 @@
     "path": ["diffBlob", "addition", "bgColor", "word"]
   },
   "diffBlob-deletion-fgColor-text": {
-    "value": "#e6edf3",
+    "value": "#f0f6fc",
     "$type": "color",
     "$extensions": {
       "org.primer.figma": {
@@ -271,7 +271,7 @@
     "path": ["diffBlob", "deletion", "fgColor", "text"]
   },
   "diffBlob-deletion-fgColor-num": {
-    "value": "#e6edf3",
+    "value": "#f0f6fc",
     "$type": "color",
     "$extensions": {
       "org.primer.figma": {
@@ -424,7 +424,7 @@
     "path": ["diffBlob", "hunk", "bgColor", "num"]
   },
   "diffBlob-expander-iconColor": {
-    "value": "#8d96a0",
+    "value": "#9198a1",
     "$type": "color",
     "$extensions": {
       "org.primer.figma": {
@@ -453,7 +453,7 @@
     "path": ["diffBlob", "expander", "iconColor"]
   },
   "codeMirror-fgColor": {
-    "value": "#e6edf3",
+    "value": "#f0f6fc",
     "$type": "color",
     "$extensions": {
       "org.primer.figma": {
@@ -569,7 +569,7 @@
     "path": ["codeMirror", "gutterMarker", "fgColor", "default"]
   },
   "codeMirror-gutterMarker-fgColor-muted": {
-    "value": "#8d96a0",
+    "value": "#9198a1",
     "$type": "color",
     "$extensions": {
       "org.primer.figma": {
@@ -598,7 +598,7 @@
     "path": ["codeMirror", "gutterMarker", "fgColor", "muted"]
   },
   "codeMirror-lineNumber-fgColor": {
-    "value": "#8d96a0",
+    "value": "#9198a1",
     "$type": "color",
     "$extensions": {
       "org.primer.figma": {
@@ -627,7 +627,7 @@
     "path": ["codeMirror", "lineNumber", "fgColor"]
   },
   "codeMirror-cursor-fgColor": {
-    "value": "#e6edf3",
+    "value": "#f0f6fc",
     "$type": "color",
     "$extensions": {
       "org.primer.figma": {
@@ -685,7 +685,7 @@
     "path": ["codeMirror", "selection", "bgColor"]
   },
   "codeMirror-activeline-bgColor": {
-    "value": "#6e768166",
+    "value": "#656c7633",
     "$type": "color",
     "$extensions": {
       "org.primer.figma": {
@@ -714,7 +714,7 @@
     "path": ["codeMirror", "activeline", "bgColor"]
   },
   "codeMirror-matchingBracket-fgColor": {
-    "value": "#e6edf3",
+    "value": "#f0f6fc",
     "$type": "color",
     "$extensions": {
       "org.primer.figma": {
@@ -772,7 +772,7 @@
     "path": ["codeMirror", "lines", "bgColor"]
   },
   "codeMirror-syntax-fgColor-comment": {
-    "value": "#8b949e",
+    "value": "#656c76",
     "$type": "color",
     "$extensions": {
       "org.primer.figma": {
@@ -785,7 +785,7 @@
     "filePath": "src/tokens/functional/color/dark/app-dark.json5",
     "isSource": true,
     "original": {
-      "value": "{base.color.neutral.3}",
+      "value": "{base.color.neutral.8}",
       "$type": "color",
       "$extensions": {
         "org.primer.figma": {
@@ -1018,7 +1018,7 @@
     "filePath": "src/tokens/functional/color/dark/patterns-dark.json5",
     "isSource": true,
     "original": {
-      "value": "{base.color.white}",
+      "value": "{base.color.neutral.13}",
       "$type": "color",
       "$extensions": {
         "org.primer.figma": {
@@ -1048,7 +1048,7 @@
     "filePath": "src/tokens/functional/color/dark/patterns-dark.json5",
     "isSource": true,
     "original": {
-      "value": "{base.color.neutral.0}",
+      "value": "{base.color.neutral.12}",
       "$type": "color",
       "$extensions": {
         "org.primer.figma": {
@@ -1064,7 +1064,7 @@
     "path": ["header", "fgColor", "logo"]
   },
   "header-bgColor": {
-    "value": "#161b22f2",
+    "value": "#151b23f2",
     "$type": "color",
     "$extensions": {
       "org.primer.figma": {
@@ -1078,7 +1078,7 @@
     "isSource": true,
     "alpha": 0.95,
     "original": {
-      "value": "{base.color.neutral.8}",
+      "value": "{base.color.neutral.2}",
       "$type": "color",
       "$extensions": {
         "org.primer.figma": {
@@ -1095,7 +1095,7 @@
     "path": ["header", "bgColor"]
   },
   "header-borderColor-divider": {
-    "value": "#8b949e",
+    "value": "#656c76",
     "$type": "color",
     "$extensions": {
       "org.primer.figma": {
@@ -1108,7 +1108,7 @@
     "filePath": "src/tokens/functional/color/dark/patterns-dark.json5",
     "isSource": true,
     "original": {
-      "value": "{base.color.neutral.3}",
+      "value": "{base.color.neutral.8}",
       "$type": "color",
       "$extensions": {
         "org.primer.figma": {
@@ -1137,7 +1137,7 @@
     "filePath": "src/tokens/functional/color/dark/patterns-dark.json5",
     "isSource": true,
     "original": {
-      "value": "{base.color.neutral.9}",
+      "value": "{base.color.neutral.1}",
       "$type": "color",
       "$extensions": {
         "org.primer.figma": {
@@ -1153,7 +1153,7 @@
     "path": ["headerSearch", "bgColor"]
   },
   "headerSearch-borderColor": {
-    "value": "#30363d",
+    "value": "#2a313c",
     "$type": "color",
     "$extensions": {
       "org.primer.figma": {
@@ -1166,7 +1166,7 @@
     "filePath": "src/tokens/functional/color/dark/patterns-dark.json5",
     "isSource": true,
     "original": {
-      "value": "{base.color.neutral.6}",
+      "value": "{base.color.neutral.5}",
       "$type": "color",
       "$extensions": {
         "org.primer.figma": {
@@ -4531,7 +4531,7 @@
     "filePath": "src/tokens/functional/color/dark/patterns-dark.json5",
     "isSource": true,
     "original": {
-      "value": "{base.color.white}",
+      "value": "{base.color.neutral.13}",
       "$type": "color",
       "$extensions": {
         "org.primer.figma": {
@@ -4591,7 +4591,7 @@
     "original": {
       "value": [
         {
-          "color": "{base.color.neutral.9}",
+          "color": "{base.color.neutral.1}",
           "alpha": 1,
           "offsetX": "0px",
           "offsetY": "0px",
@@ -4613,7 +4613,7 @@
     "path": ["avatar", "shadow"]
   },
   "avatarStack-fade-bgColor-default": {
-    "value": "#30363d",
+    "value": "#3d444d",
     "$type": "color",
     "$extensions": {
       "org.primer.figma": {
@@ -4626,7 +4626,7 @@
     "filePath": "src/tokens/functional/color/dark/patterns-dark.json5",
     "isSource": true,
     "original": {
-      "value": "{base.color.neutral.6}",
+      "value": "{base.color.neutral.7}",
       "$type": "color",
       "$extensions": {
         "org.primer.figma": {
@@ -4642,7 +4642,7 @@
     "path": ["avatarStack", "fade", "bgColor", "default"]
   },
   "avatarStack-fade-bgColor-muted": {
-    "value": "#21262d",
+    "value": "#2a313c",
     "$type": "color",
     "$extensions": {
       "org.primer.figma": {
@@ -4655,7 +4655,7 @@
     "filePath": "src/tokens/functional/color/dark/patterns-dark.json5",
     "isSource": true,
     "original": {
-      "value": "{base.color.neutral.7}",
+      "value": "{base.color.neutral.5}",
       "$type": "color",
       "$extensions": {
         "org.primer.figma": {
@@ -4671,7 +4671,7 @@
     "path": ["avatarStack", "fade", "bgColor", "muted"]
   },
   "control-bgColor-rest": {
-    "value": "#21262d",
+    "value": "#212830",
     "$type": "color",
     "$extensions": {
       "org.primer.figma": {
@@ -4684,7 +4684,7 @@
     "filePath": "src/tokens/functional/color/dark/patterns-dark.json5",
     "isSource": true,
     "original": {
-      "value": "{base.color.neutral.7}",
+      "value": "{base.color.neutral.3}",
       "$type": "color",
       "$extensions": {
         "org.primer.figma": {
@@ -4700,7 +4700,7 @@
     "path": ["control", "bgColor", "rest"]
   },
   "control-bgColor-hover": {
-    "value": "#292e36",
+    "value": "#262c36",
     "$type": "color",
     "$extensions": {
       "org.primer.figma": {
@@ -4710,14 +4710,10 @@
         "scopes": ["bgColor"]
       }
     },
-    "mix": {
-      "color": "#484f58",
-      "weight": 0.2
-    },
     "filePath": "src/tokens/functional/color/dark/patterns-dark.json5",
     "isSource": true,
     "original": {
-      "value": "{base.color.neutral.7}",
+      "value": "{base.color.neutral.4}",
       "$type": "color",
       "$extensions": {
         "org.primer.figma": {
@@ -4726,10 +4722,6 @@
           "group": "component",
           "scopes": ["bgColor"]
         }
-      },
-      "mix": {
-        "color": "{base.color.neutral.5}",
-        "weight": 0.2
       }
     },
     "name": "control-bgColor-hover",
@@ -4737,7 +4729,7 @@
     "path": ["control", "bgColor", "hover"]
   },
   "control-bgColor-active": {
-    "value": "#31363e",
+    "value": "#2a313c",
     "$type": "color",
     "$extensions": {
       "org.primer.figma": {
@@ -4747,14 +4739,10 @@
         "scopes": ["bgColor"]
       }
     },
-    "mix": {
-      "color": "#484f58",
-      "weight": 0.4
-    },
     "filePath": "src/tokens/functional/color/dark/patterns-dark.json5",
     "isSource": true,
     "original": {
-      "value": "{base.color.neutral.7}",
+      "value": "{base.color.neutral.5}",
       "$type": "color",
       "$extensions": {
         "org.primer.figma": {
@@ -4763,10 +4751,6 @@
           "group": "component",
           "scopes": ["bgColor"]
         }
-      },
-      "mix": {
-        "color": "{base.color.neutral.5}",
-        "weight": 0.4
       }
     },
     "name": "control-bgColor-active",
@@ -4774,7 +4758,7 @@
     "path": ["control", "bgColor", "active"]
   },
   "control-bgColor-disabled": {
-    "value": "#21262db3",
+    "value": "#212830",
     "$type": "color",
     "$extensions": {
       "org.primer.figma": {
@@ -4803,7 +4787,7 @@
     "path": ["control", "bgColor", "disabled"]
   },
   "control-bgColor-selected": {
-    "value": "#161b22",
+    "value": "#212830",
     "$type": "color",
     "$extensions": {
       "org.primer.figma": {
@@ -4816,7 +4800,7 @@
     "filePath": "src/tokens/functional/color/dark/patterns-dark.json5",
     "isSource": true,
     "original": {
-      "value": "{base.color.neutral.8}",
+      "value": "{control.bgColor.rest}",
       "$type": "color",
       "$extensions": {
         "org.primer.figma": {
@@ -4832,7 +4816,7 @@
     "path": ["control", "bgColor", "selected"]
   },
   "control-fgColor-rest": {
-    "value": "#c9d1d9",
+    "value": "#f0f6fc",
     "$type": "color",
     "$extensions": {
       "org.primer.figma": {
@@ -4845,7 +4829,7 @@
     "filePath": "src/tokens/functional/color/dark/patterns-dark.json5",
     "isSource": true,
     "original": {
-      "value": "{base.color.neutral.1}",
+      "value": "{fgColor.default}",
       "$type": "color",
       "$extensions": {
         "org.primer.figma": {
@@ -4861,12 +4845,8 @@
     "path": ["control", "fgColor", "rest"]
   },
   "control-fgColor-placeholder": {
-    "value": "#858e98",
+    "value": "#9198a1",
     "$type": "color",
-    "mix": {
-      "color": "#6e7681",
-      "weight": 0.2
-    },
     "$extensions": {
       "org.primer.figma": {
         "collection": "mode",
@@ -4878,12 +4858,8 @@
     "filePath": "src/tokens/functional/color/dark/patterns-dark.json5",
     "isSource": true,
     "original": {
-      "value": "{base.color.neutral.3}",
+      "value": "{fgColor.muted}",
       "$type": "color",
-      "mix": {
-        "color": "{base.color.neutral.4}",
-        "weight": 0.2
-      },
       "$extensions": {
         "org.primer.figma": {
           "collection": "mode",
@@ -4898,7 +4874,7 @@
     "path": ["control", "fgColor", "placeholder"]
   },
   "control-fgColor-disabled": {
-    "value": "#6e7681",
+    "value": "#656c7699",
     "$type": "color",
     "$extensions": {
       "org.primer.figma": {
@@ -4927,7 +4903,7 @@
     "path": ["control", "fgColor", "disabled"]
   },
   "control-borderColor-rest": {
-    "value": "#30363d",
+    "value": "#3d444d",
     "$type": "color",
     "$extensions": {
       "org.primer.figma": {
@@ -4956,7 +4932,7 @@
     "path": ["control", "borderColor", "rest"]
   },
   "control-borderColor-emphasis": {
-    "value": "#666e79",
+    "value": "#656c76",
     "$type": "color",
     "$extensions": {
       "org.primer.figma": {
@@ -4966,14 +4942,10 @@
         "scopes": ["borderColor"]
       }
     },
-    "mix": {
-      "color": "#484f58",
-      "weight": 0.2
-    },
     "filePath": "src/tokens/functional/color/dark/patterns-dark.json5",
     "isSource": true,
     "original": {
-      "value": "{base.color.neutral.4}",
+      "value": "{borderColor.emphasis}",
       "$type": "color",
       "$extensions": {
         "org.primer.figma": {
@@ -4982,10 +4954,6 @@
           "group": "component",
           "scopes": ["borderColor"]
         }
-      },
-      "mix": {
-        "color": "{base.color.neutral.5}",
-        "weight": 0.2
       }
     },
     "name": "control-borderColor-emphasis",
@@ -4993,7 +4961,7 @@
     "path": ["control", "borderColor", "emphasis"]
   },
   "control-borderColor-disabled": {
-    "value": "#21262db3",
+    "value": "#656c761a",
     "$type": "color",
     "$extensions": {
       "org.primer.figma": {
@@ -5035,7 +5003,7 @@
     "filePath": "src/tokens/functional/color/dark/patterns-dark.json5",
     "isSource": true,
     "original": {
-      "value": "{base.color.neutral.0}",
+      "value": "{base.color.neutral.12}",
       "$type": "color",
       "$extensions": {
         "org.primer.figma": {
@@ -5138,7 +5106,7 @@
     "path": ["control", "borderColor", "warning"]
   },
   "control-iconColor-rest": {
-    "value": "#8d96a0",
+    "value": "#9198a1",
     "$type": "color",
     "$extensions": {
       "org.primer.figma": {
@@ -5196,7 +5164,7 @@
     "path": ["control", "transparent", "bgColor", "rest"]
   },
   "control-transparent-bgColor-hover": {
-    "value": "#b1bac41f",
+    "value": "#656c7633",
     "$type": "color",
     "$extensions": {
       "org.primer.figma": {
@@ -5206,11 +5174,11 @@
         "scopes": ["bgColor"]
       }
     },
-    "alpha": 0.12,
+    "alpha": 0.2,
     "filePath": "src/tokens/functional/color/dark/patterns-dark.json5",
     "isSource": true,
     "original": {
-      "value": "{base.color.neutral.2}",
+      "value": "{base.color.neutral.8}",
       "$type": "color",
       "$extensions": {
         "org.primer.figma": {
@@ -5220,14 +5188,14 @@
           "scopes": ["bgColor"]
         }
       },
-      "alpha": 0.12
+      "alpha": 0.2
     },
     "name": "control-transparent-bgColor-hover",
     "attributes": {},
     "path": ["control", "transparent", "bgColor", "hover"]
   },
   "control-transparent-bgColor-active": {
-    "value": "#b1bac433",
+    "value": "#656c7640",
     "$type": "color",
     "$extensions": {
       "org.primer.figma": {
@@ -5237,11 +5205,11 @@
         "scopes": ["bgColor"]
       }
     },
-    "alpha": 0.2,
+    "alpha": 0.25,
     "filePath": "src/tokens/functional/color/dark/patterns-dark.json5",
     "isSource": true,
     "original": {
-      "value": "{base.color.neutral.2}",
+      "value": "{base.color.neutral.8}",
       "$type": "color",
       "$extensions": {
         "org.primer.figma": {
@@ -5251,14 +5219,14 @@
           "scopes": ["bgColor"]
         }
       },
-      "alpha": 0.2
+      "alpha": 0.25
     },
     "name": "control-transparent-bgColor-active",
     "attributes": {},
     "path": ["control", "transparent", "bgColor", "active"]
   },
   "control-transparent-bgColor-disabled": {
-    "value": "#21262db3",
+    "value": "#212830",
     "$type": "color",
     "$extensions": {
       "org.primer.figma": {
@@ -5287,7 +5255,7 @@
     "path": ["control", "transparent", "bgColor", "disabled"]
   },
   "control-transparent-bgColor-selected": {
-    "value": "#b1bac414",
+    "value": "#656c761a",
     "$type": "color",
     "$extensions": {
       "org.primer.figma": {
@@ -5297,11 +5265,11 @@
         "scopes": ["bgColor"]
       }
     },
-    "alpha": 0.08,
+    "alpha": 0.1,
     "filePath": "src/tokens/functional/color/dark/patterns-dark.json5",
     "isSource": true,
     "original": {
-      "value": "{base.color.neutral.2}",
+      "value": "{base.color.neutral.8}",
       "$type": "color",
       "$extensions": {
         "org.primer.figma": {
@@ -5311,7 +5279,7 @@
           "scopes": ["bgColor"]
         }
       },
-      "alpha": 0.08
+      "alpha": 0.1
     },
     "name": "control-transparent-bgColor-selected",
     "attributes": {},
@@ -5626,7 +5594,7 @@
     "path": ["control", "checked", "bgColor", "active"]
   },
   "control-checked-bgColor-disabled": {
-    "value": "#6e7681",
+    "value": "#656c7699",
     "$type": "color",
     "$extensions": {
       "org.primer.figma": {
@@ -5697,7 +5665,7 @@
     "filePath": "src/tokens/functional/color/dark/patterns-dark.json5",
     "isSource": true,
     "original": {
-      "value": "{base.color.black}",
+      "value": "{base.color.inset}",
       "$type": "color",
       "$extensions": {
         "org.primer.figma": {
@@ -5726,7 +5694,7 @@
     "filePath": "src/tokens/functional/color/dark/patterns-dark.json5",
     "isSource": true,
     "original": {
-      "value": "{bgColor.accent.emphasis}",
+      "value": "{control.checked.bgColor.rest}",
       "$type": "color",
       "$extensions": {
         "org.primer.figma": {
@@ -5752,14 +5720,10 @@
         "scopes": ["borderColor"]
       }
     },
-    "mix": {
-      "color": "#58a6ff",
-      "weight": 0.2
-    },
     "filePath": "src/tokens/functional/color/dark/patterns-dark.json5",
     "isSource": true,
     "original": {
-      "value": "{bgColor.accent.emphasis}",
+      "value": "{control.checked.bgColor.hover}",
       "$type": "color",
       "$extensions": {
         "org.primer.figma": {
@@ -5768,10 +5732,6 @@
           "group": "component",
           "scopes": ["borderColor"]
         }
-      },
-      "mix": {
-        "color": "{base.color.blue.3}",
-        "weight": 0.2
       }
     },
     "name": "control-checked-borderColor-hover",
@@ -5789,14 +5749,10 @@
         "scopes": ["borderColor"]
       }
     },
-    "mix": {
-      "color": "#58a6ff",
-      "weight": 0.4
-    },
     "filePath": "src/tokens/functional/color/dark/patterns-dark.json5",
     "isSource": true,
     "original": {
-      "value": "{bgColor.accent.emphasis}",
+      "value": "{control.checked.bgColor.active}",
       "$type": "color",
       "$extensions": {
         "org.primer.figma": {
@@ -5805,10 +5761,6 @@
           "group": "component",
           "scopes": ["borderColor"]
         }
-      },
-      "mix": {
-        "color": "{base.color.blue.3}",
-        "weight": 0.4
       }
     },
     "name": "control-checked-borderColor-active",
@@ -5816,7 +5768,7 @@
     "path": ["control", "checked", "borderColor", "active"]
   },
   "control-checked-borderColor-disabled": {
-    "value": "#6e7681",
+    "value": "#656c7699",
     "$type": "color",
     "$extensions": {
       "org.primer.figma": {
@@ -5829,7 +5781,7 @@
     "filePath": "src/tokens/functional/color/dark/patterns-dark.json5",
     "isSource": true,
     "original": {
-      "value": "{fgColor.disabled}",
+      "value": "{control.checked.bgColor.disabled}",
       "$type": "color",
       "$extensions": {
         "org.primer.figma": {
@@ -5845,7 +5797,7 @@
     "path": ["control", "checked", "borderColor", "disabled"]
   },
   "controlTrack-bgColor-rest": {
-    "value": "#21262d",
+    "value": "#262c36",
     "$type": "color",
     "$extensions": {
       "org.primer.figma": {
@@ -5858,7 +5810,7 @@
     "filePath": "src/tokens/functional/color/dark/patterns-dark.json5",
     "isSource": true,
     "original": {
-      "value": "{base.color.neutral.7}",
+      "value": "{base.color.neutral.4}",
       "$type": "color",
       "$extensions": {
         "org.primer.figma": {
@@ -5874,7 +5826,7 @@
     "path": ["controlTrack", "bgColor", "rest"]
   },
   "controlTrack-bgColor-hover": {
-    "value": "#292e36",
+    "value": "#2a313c",
     "$type": "color",
     "$extensions": {
       "org.primer.figma": {
@@ -5884,14 +5836,10 @@
         "scopes": ["bgColor"]
       }
     },
-    "mix": {
-      "color": "#484f58",
-      "weight": 0.2
-    },
     "filePath": "src/tokens/functional/color/dark/patterns-dark.json5",
     "isSource": true,
     "original": {
-      "value": "{base.color.neutral.7}",
+      "value": "{base.color.neutral.5}",
       "$type": "color",
       "$extensions": {
         "org.primer.figma": {
@@ -5900,10 +5848,6 @@
           "group": "component (internal)",
           "scopes": ["bgColor"]
         }
-      },
-      "mix": {
-        "color": "{base.color.neutral.5}",
-        "weight": 0.2
       }
     },
     "name": "controlTrack-bgColor-hover",
@@ -5911,7 +5855,7 @@
     "path": ["controlTrack", "bgColor", "hover"]
   },
   "controlTrack-bgColor-active": {
-    "value": "#31363e",
+    "value": "#2f3742",
     "$type": "color",
     "$extensions": {
       "org.primer.figma": {
@@ -5921,14 +5865,10 @@
         "scopes": ["bgColor"]
       }
     },
-    "mix": {
-      "color": "#484f58",
-      "weight": 0.4
-    },
     "filePath": "src/tokens/functional/color/dark/patterns-dark.json5",
     "isSource": true,
     "original": {
-      "value": "{base.color.neutral.7}",
+      "value": "{base.color.neutral.6}",
       "$type": "color",
       "$extensions": {
         "org.primer.figma": {
@@ -5937,10 +5877,6 @@
           "group": "component (internal)",
           "scopes": ["bgColor"]
         }
-      },
-      "mix": {
-        "color": "{base.color.neutral.5}",
-        "weight": 0.4
       }
     },
     "name": "controlTrack-bgColor-active",
@@ -5948,7 +5884,7 @@
     "path": ["controlTrack", "bgColor", "active"]
   },
   "controlTrack-bgColor-disabled": {
-    "value": "#6e7681",
+    "value": "#656c7699",
     "$type": "color",
     "$extensions": {
       "org.primer.figma": {
@@ -5977,7 +5913,7 @@
     "path": ["controlTrack", "bgColor", "disabled"]
   },
   "controlTrack-fgColor-rest": {
-    "value": "#8d96a0",
+    "value": "#9198a1",
     "$type": "color",
     "$extensions": {
       "org.primer.figma": {
@@ -6035,7 +5971,7 @@
     "path": ["controlTrack", "fgColor", "disabled"]
   },
   "controlTrack-borderColor-rest": {
-    "value": "#00000000",
+    "value": "#3d444d",
     "$type": "color",
     "$extensions": {
       "org.primer.figma": {
@@ -6048,7 +5984,7 @@
     "filePath": "src/tokens/functional/color/dark/patterns-dark.json5",
     "isSource": true,
     "original": {
-      "value": "{base.color.transparent}",
+      "value": "{borderColor.default}",
       "$type": "color",
       "$extensions": {
         "org.primer.figma": {
@@ -6064,7 +6000,7 @@
     "path": ["controlTrack", "borderColor", "rest"]
   },
   "controlTrack-borderColor-disabled": {
-    "value": "#6e7681",
+    "value": "#656c7699",
     "$type": "color",
     "$extensions": {
       "org.primer.figma": {
@@ -6106,7 +6042,7 @@
     "filePath": "src/tokens/functional/color/dark/patterns-dark.json5",
     "isSource": true,
     "original": {
-      "value": "{base.color.black}",
+      "value": "{bgColor.inset}",
       "$type": "color",
       "$extensions": {
         "org.primer.figma": {
@@ -6122,7 +6058,7 @@
     "path": ["controlKnob", "bgColor", "rest"]
   },
   "controlKnob-bgColor-disabled": {
-    "value": "#21262db3",
+    "value": "#212830",
     "$type": "color",
     "$extensions": {
       "org.primer.figma": {
@@ -6164,7 +6100,7 @@
     "filePath": "src/tokens/functional/color/dark/patterns-dark.json5",
     "isSource": true,
     "original": {
-      "value": "{base.color.white}",
+      "value": "{base.color.neutral.13}",
       "$type": "color",
       "$extensions": {
         "org.primer.figma": {
@@ -6180,7 +6116,7 @@
     "path": ["controlKnob", "bgColor", "checked"]
   },
   "controlKnob-borderColor-rest": {
-    "value": "#666e79",
+    "value": "#656c76",
     "$type": "color",
     "$extensions": {
       "org.primer.figma": {
@@ -6209,7 +6145,7 @@
     "path": ["controlKnob", "borderColor", "rest"]
   },
   "controlKnob-borderColor-disabled": {
-    "value": "#21262db3",
+    "value": "#212830",
     "$type": "color",
     "$extensions": {
       "org.primer.figma": {
@@ -6295,8 +6231,66 @@
     "attributes": {},
     "path": ["counter", "borderColor"]
   },
+  "counter-bgColor-muted": {
+    "value": "#656c7633",
+    "$type": "color",
+    "$extensions": {
+      "org.primer.figma": {
+        "collection": "mode",
+        "mode": "dark",
+        "group": "component",
+        "scopes": ["bgColor"]
+      }
+    },
+    "filePath": "src/tokens/functional/color/dark/patterns-dark.json5",
+    "isSource": true,
+    "original": {
+      "value": "{bgColor.neutral.muted}",
+      "$type": "color",
+      "$extensions": {
+        "org.primer.figma": {
+          "collection": "mode",
+          "mode": "dark",
+          "group": "component",
+          "scopes": ["bgColor"]
+        }
+      }
+    },
+    "name": "counter-bgColor-muted",
+    "attributes": {},
+    "path": ["counter", "bgColor", "muted"]
+  },
+  "counter-bgColor-emphasis": {
+    "value": "#656c76",
+    "$type": "color",
+    "$extensions": {
+      "org.primer.figma": {
+        "collection": "mode",
+        "mode": "dark",
+        "group": "component",
+        "scopes": ["bgColor"]
+      }
+    },
+    "filePath": "src/tokens/functional/color/dark/patterns-dark.json5",
+    "isSource": true,
+    "original": {
+      "value": "{bgColor.neutral.emphasis}",
+      "$type": "color",
+      "$extensions": {
+        "org.primer.figma": {
+          "collection": "mode",
+          "mode": "dark",
+          "group": "component",
+          "scopes": ["bgColor"]
+        }
+      }
+    },
+    "name": "counter-bgColor-emphasis",
+    "attributes": {},
+    "path": ["counter", "bgColor", "emphasis"]
+  },
   "button-default-fgColor-rest": {
-    "value": "#c9d1d9",
+    "value": "#f0f6fc",
     "$type": "color",
     "$extensions": {
       "org.primer.figma": {
@@ -6325,7 +6319,7 @@
     "path": ["button", "default", "fgColor", "rest"]
   },
   "button-default-bgColor-rest": {
-    "value": "#21262d",
+    "value": "#212830",
     "$type": "color",
     "$extensions": {
       "org.primer.figma": {
@@ -6354,7 +6348,7 @@
     "path": ["button", "default", "bgColor", "rest"]
   },
   "button-default-bgColor-hover": {
-    "value": "#292e36",
+    "value": "#262c36",
     "$type": "color",
     "$extensions": {
       "org.primer.figma": {
@@ -6383,7 +6377,7 @@
     "path": ["button", "default", "bgColor", "hover"]
   },
   "button-default-bgColor-active": {
-    "value": "#31363e",
+    "value": "#2a313c",
     "$type": "color",
     "$extensions": {
       "org.primer.figma": {
@@ -6412,7 +6406,7 @@
     "path": ["button", "default", "bgColor", "active"]
   },
   "button-default-bgColor-selected": {
-    "value": "#31363e",
+    "value": "#2a313c",
     "$type": "color",
     "$extensions": {
       "org.primer.figma": {
@@ -6441,7 +6435,7 @@
     "path": ["button", "default", "bgColor", "selected"]
   },
   "button-default-bgColor-disabled": {
-    "value": "#21262db3",
+    "value": "#212830",
     "$type": "color",
     "$extensions": {
       "org.primer.figma": {
@@ -6470,7 +6464,7 @@
     "path": ["button", "default", "bgColor", "disabled"]
   },
   "button-default-borderColor-rest": {
-    "value": "#30363d",
+    "value": "#3d444d",
     "$type": "color",
     "$extensions": {
       "org.primer.figma": {
@@ -6483,7 +6477,7 @@
     "filePath": "src/tokens/functional/color/dark/patterns-dark.json5",
     "isSource": true,
     "original": {
-      "value": "{borderColor.default}",
+      "value": "{control.borderColor.rest}",
       "$type": "color",
       "$extensions": {
         "org.primer.figma": {
@@ -6499,7 +6493,7 @@
     "path": ["button", "default", "borderColor", "rest"]
   },
   "button-default-borderColor-hover": {
-    "value": "#30363d",
+    "value": "#3d444d",
     "$type": "color",
     "$extensions": {
       "org.primer.figma": {
@@ -6528,7 +6522,7 @@
     "path": ["button", "default", "borderColor", "hover"]
   },
   "button-default-borderColor-active": {
-    "value": "#30363d",
+    "value": "#3d444d",
     "$type": "color",
     "$extensions": {
       "org.primer.figma": {
@@ -6557,7 +6551,7 @@
     "path": ["button", "default", "borderColor", "active"]
   },
   "button-default-borderColor-disabled": {
-    "value": "#21262db3",
+    "value": "#656c761a",
     "$type": "color",
     "$extensions": {
       "org.primer.figma": {
@@ -6666,7 +6660,7 @@
     "filePath": "src/tokens/functional/color/dark/patterns-dark.json5",
     "isSource": true,
     "original": {
-      "value": "{base.color.white}",
+      "value": "{base.color.neutral.13}",
       "$type": "color",
       "$extensions": {
         "org.primer.figma": {
@@ -6846,7 +6840,7 @@
     "path": ["button", "primary", "bgColor", "disabled"]
   },
   "button-primary-borderColor-rest": {
-    "value": "#f0f6fc1a",
+    "value": "#ffffff1a",
     "$type": "color",
     "$extensions": {
       "org.primer.figma": {
@@ -6860,7 +6854,7 @@
     "filePath": "src/tokens/functional/color/dark/patterns-dark.json5",
     "isSource": true,
     "original": {
-      "value": "{base.color.neutral.0}",
+      "value": "{base.color.neutral.13}",
       "$type": "color",
       "$extensions": {
         "org.primer.figma": {
@@ -6877,7 +6871,7 @@
     "path": ["button", "primary", "borderColor", "rest"]
   },
   "button-primary-borderColor-hover": {
-    "value": "#f0f6fc1a",
+    "value": "#ffffff1a",
     "$type": "color",
     "$extensions": {
       "org.primer.figma": {
@@ -6906,7 +6900,7 @@
     "path": ["button", "primary", "borderColor", "hover"]
   },
   "button-primary-borderColor-active": {
-    "value": "#f0f6fc1a",
+    "value": "#ffffff1a",
     "$type": "color",
     "$extensions": {
       "org.primer.figma": {
@@ -7001,7 +6995,7 @@
     "path": ["button", "primary", "shadow", "selected"]
   },
   "button-invisible-fgColor-rest": {
-    "value": "#e6edf3",
+    "value": "#9198a1",
     "$type": "color",
     "$extensions": {
       "org.primer.figma": {
@@ -7014,7 +7008,7 @@
     "filePath": "src/tokens/functional/color/dark/patterns-dark.json5",
     "isSource": true,
     "original": {
-      "value": "{fgColor.default}",
+      "value": "{fgColor.muted}",
       "$type": "color",
       "$extensions": {
         "org.primer.figma": {
@@ -7030,7 +7024,7 @@
     "path": ["button", "invisible", "fgColor", "rest"]
   },
   "button-invisible-fgColor-hover": {
-    "value": "#e6edf3",
+    "value": "#9198a1",
     "$type": "color",
     "$extensions": {
       "org.primer.figma": {
@@ -7043,7 +7037,7 @@
     "filePath": "src/tokens/functional/color/dark/patterns-dark.json5",
     "isSource": true,
     "original": {
-      "value": "{fgColor.default}",
+      "value": "{fgColor.muted}",
       "$type": "color",
       "$extensions": {
         "org.primer.figma": {
@@ -7059,7 +7053,7 @@
     "path": ["button", "invisible", "fgColor", "hover"]
   },
   "button-invisible-fgColor-disabled": {
-    "value": "#6e7681",
+    "value": "#656c7699",
     "$type": "color",
     "$extensions": {
       "org.primer.figma": {
@@ -7088,7 +7082,7 @@
     "path": ["button", "invisible", "fgColor", "disabled"]
   },
   "button-invisible-iconColor-rest": {
-    "value": "#8d96a0",
+    "value": "#9198a1",
     "$type": "color",
     "$extensions": {
       "org.primer.figma": {
@@ -7117,7 +7111,7 @@
     "path": ["button", "invisible", "iconColor", "rest"]
   },
   "button-invisible-iconColor-hover": {
-    "value": "#e6edf3",
+    "value": "#9198a1",
     "$type": "color",
     "$extensions": {
       "org.primer.figma": {
@@ -7130,7 +7124,7 @@
     "filePath": "src/tokens/functional/color/dark/patterns-dark.json5",
     "isSource": true,
     "original": {
-      "value": "{fgColor.default}",
+      "value": "{fgColor.muted}",
       "$type": "color",
       "$extensions": {
         "org.primer.figma": {
@@ -7146,7 +7140,7 @@
     "path": ["button", "invisible", "iconColor", "hover"]
   },
   "button-invisible-iconColor-disabled": {
-    "value": "#6e7681",
+    "value": "#656c7699",
     "$type": "color",
     "$extensions": {
       "org.primer.figma": {
@@ -7204,7 +7198,7 @@
     "path": ["button", "invisible", "bgColor", "rest"]
   },
   "button-invisible-bgColor-hover": {
-    "value": "#b1bac41f",
+    "value": "#656c7633",
     "$type": "color",
     "$extensions": {
       "org.primer.figma": {
@@ -7233,7 +7227,7 @@
     "path": ["button", "invisible", "bgColor", "hover"]
   },
   "button-invisible-bgColor-active": {
-    "value": "#b1bac433",
+    "value": "#656c7640",
     "$type": "color",
     "$extensions": {
       "org.primer.figma": {
@@ -7262,7 +7256,7 @@
     "path": ["button", "invisible", "bgColor", "active"]
   },
   "button-invisible-bgColor-disabled": {
-    "value": "#21262db3",
+    "value": "#212830",
     "$type": "color",
     "$extensions": {
       "org.primer.figma": {
@@ -7349,7 +7343,7 @@
     "path": ["button", "invisible", "borderColor", "hover"]
   },
   "button-invisible-borderColor-disabled": {
-    "value": "#21262db3",
+    "value": "#656c761a",
     "$type": "color",
     "$extensions": {
       "org.primer.figma": {
@@ -7449,7 +7443,7 @@
     "filePath": "src/tokens/functional/color/dark/patterns-dark.json5",
     "isSource": true,
     "original": {
-      "value": "{base.color.white}",
+      "value": "{base.color.neutral.13}",
       "$type": "color",
       "$extensions": {
         "org.primer.figma": {
@@ -7509,7 +7503,7 @@
     "filePath": "src/tokens/functional/color/dark/patterns-dark.json5",
     "isSource": true,
     "original": {
-      "value": "{base.color.neutral.0}",
+      "value": "{base.color.neutral.12}",
       "$type": "color",
       "$extensions": {
         "org.primer.figma": {
@@ -7525,7 +7519,7 @@
     "path": ["button", "outline", "bgColor", "rest"]
   },
   "button-outline-bgColor-hover": {
-    "value": "#30363d",
+    "value": "#262c36",
     "$type": "color",
     "$extensions": {
       "org.primer.figma": {
@@ -7538,7 +7532,7 @@
     "filePath": "src/tokens/functional/color/dark/patterns-dark.json5",
     "isSource": true,
     "original": {
-      "value": "{base.color.neutral.6}",
+      "value": "{control.bgColor.hover}",
       "$type": "color",
       "$extensions": {
         "org.primer.figma": {
@@ -7583,7 +7577,7 @@
     "path": ["button", "outline", "bgColor", "active"]
   },
   "button-outline-bgColor-disabled": {
-    "value": "#0d1117",
+    "value": "#212830",
     "$type": "color",
     "$extensions": {
       "org.primer.figma": {
@@ -7596,7 +7590,7 @@
     "filePath": "src/tokens/functional/color/dark/patterns-dark.json5",
     "isSource": true,
     "original": {
-      "value": "{base.color.neutral.9}",
+      "value": "{control.bgColor.disabled}",
       "$type": "color",
       "$extensions": {
         "org.primer.figma": {
@@ -7612,7 +7606,7 @@
     "path": ["button", "outline", "bgColor", "disabled"]
   },
   "button-outline-borderColor-hover": {
-    "value": "#f0f6fc1a",
+    "value": "#3d444d",
     "$type": "color",
     "$extensions": {
       "org.primer.figma": {
@@ -7622,11 +7616,10 @@
         "scopes": ["borderColor"]
       }
     },
-    "alpha": 0.1,
     "filePath": "src/tokens/functional/color/dark/patterns-dark.json5",
     "isSource": true,
     "original": {
-      "value": "{base.color.neutral.0}",
+      "value": "{button.default.borderColor.hover}",
       "$type": "color",
       "$extensions": {
         "org.primer.figma": {
@@ -7635,15 +7628,14 @@
           "group": "component (internal)",
           "scopes": ["borderColor"]
         }
-      },
-      "alpha": 0.1
+      }
     },
     "name": "button-outline-borderColor-hover",
     "attributes": {},
     "path": ["button", "outline", "borderColor", "hover"]
   },
   "button-outline-borderColor-selected": {
-    "value": "#f0f6fc1a",
+    "value": "#3d444d",
     "$type": "color",
     "$extensions": {
       "org.primer.figma": {
@@ -7751,7 +7743,7 @@
     "filePath": "src/tokens/functional/color/dark/patterns-dark.json5",
     "isSource": true,
     "original": {
-      "value": "{base.color.white}",
+      "value": "{base.color.neutral.13}",
       "$type": "color",
       "$extensions": {
         "org.primer.figma": {
@@ -7780,7 +7772,7 @@
     "filePath": "src/tokens/functional/color/dark/patterns-dark.json5",
     "isSource": true,
     "original": {
-      "value": "{base.color.white}",
+      "value": "{base.color.neutral.13}",
       "$type": "color",
       "$extensions": {
         "org.primer.figma": {
@@ -7869,7 +7861,7 @@
     "filePath": "src/tokens/functional/color/dark/patterns-dark.json5",
     "isSource": true,
     "original": {
-      "value": "{base.color.white}",
+      "value": "{base.color.neutral.13}",
       "$type": "color",
       "$extensions": {
         "org.primer.figma": {
@@ -7885,7 +7877,7 @@
     "path": ["button", "danger", "iconColor", "hover"]
   },
   "button-danger-bgColor-rest": {
-    "value": "#21262d",
+    "value": "#212830",
     "$type": "color",
     "$extensions": {
       "org.primer.figma": {
@@ -7980,7 +7972,7 @@
     "path": ["button", "danger", "bgColor", "active"]
   },
   "button-danger-bgColor-disabled": {
-    "value": "#21262db3",
+    "value": "#212830",
     "$type": "color",
     "$extensions": {
       "org.primer.figma": {
@@ -8009,7 +8001,7 @@
     "path": ["button", "danger", "bgColor", "disabled"]
   },
   "button-danger-borderColor-rest": {
-    "value": "#30363d",
+    "value": "#3d444d",
     "$type": "color",
     "$extensions": {
       "org.primer.figma": {
@@ -8022,7 +8014,7 @@
     "filePath": "src/tokens/functional/color/dark/patterns-dark.json5",
     "isSource": true,
     "original": {
-      "value": "{borderColor.default}",
+      "value": "{control.borderColor.rest}",
       "$type": "color",
       "$extensions": {
         "org.primer.figma": {
@@ -8038,7 +8030,7 @@
     "path": ["button", "danger", "borderColor", "rest"]
   },
   "button-danger-borderColor-hover": {
-    "value": "#f0f6fc1a",
+    "value": "#ffffff1a",
     "$type": "color",
     "$extensions": {
       "org.primer.figma": {
@@ -8048,11 +8040,10 @@
         "scopes": ["borderColor"]
       }
     },
-    "alpha": 0.1,
     "filePath": "src/tokens/functional/color/dark/patterns-dark.json5",
     "isSource": true,
     "original": {
-      "value": "{base.color.neutral.0}",
+      "value": "{button.primary.borderColor.rest}",
       "$type": "color",
       "$extensions": {
         "org.primer.figma": {
@@ -8061,15 +8052,14 @@
           "group": "component (internal)",
           "scopes": ["borderColor"]
         }
-      },
-      "alpha": 0.1
+      }
     },
     "name": "button-danger-borderColor-hover",
     "attributes": {},
     "path": ["button", "danger", "borderColor", "hover"]
   },
   "button-danger-borderColor-active": {
-    "value": "#f0f6fc1a",
+    "value": "#ffffff1a",
     "$type": "color",
     "$extensions": {
       "org.primer.figma": {
@@ -8135,7 +8125,7 @@
     "path": ["button", "danger", "shadow", "selected"]
   },
   "button-inactive-fgColor": {
-    "value": "#8b949e",
+    "value": "#9198a1",
     "$type": "color",
     "$extensions": {
       "org.primer.figma": {
@@ -8148,7 +8138,7 @@
     "filePath": "src/tokens/functional/color/dark/patterns-dark.json5",
     "isSource": true,
     "original": {
-      "value": "{base.color.neutral.3}",
+      "value": "{base.color.neutral.9}",
       "$type": "color",
       "$extensions": {
         "org.primer.figma": {
@@ -8164,7 +8154,7 @@
     "path": ["button", "inactive", "fgColor"]
   },
   "button-inactive-bgColor": {
-    "value": "#21262d",
+    "value": "#262c36",
     "$type": "color",
     "$extensions": {
       "org.primer.figma": {
@@ -8177,7 +8167,7 @@
     "filePath": "src/tokens/functional/color/dark/patterns-dark.json5",
     "isSource": true,
     "original": {
-      "value": "{base.color.neutral.7}",
+      "value": "{base.color.neutral.4}",
       "$type": "color",
       "$extensions": {
         "org.primer.figma": {
@@ -8222,7 +8212,7 @@
     "path": ["button", "star", "iconColor"]
   },
   "buttonCounter-default-bgColor-rest": {
-    "value": "#30363d",
+    "value": "#2f3742",
     "$type": "color",
     "$extensions": {
       "org.primer.figma": {
@@ -8251,7 +8241,7 @@
     "path": ["buttonCounter", "default", "bgColor", "rest"]
   },
   "buttonCounter-invisible-bgColor-rest": {
-    "value": "#30363d",
+    "value": "#656c7633",
     "$type": "color",
     "$extensions": {
       "org.primer.figma": {
@@ -8261,11 +8251,10 @@
         "scopes": ["bgColor"]
       }
     },
-    "alpha": 1,
     "filePath": "src/tokens/functional/color/dark/patterns-dark.json5",
     "isSource": true,
     "original": {
-      "value": "{base.color.neutral.6}",
+      "value": "{bgColor.neutral.muted}",
       "$type": "color",
       "$extensions": {
         "org.primer.figma": {
@@ -8274,8 +8263,7 @@
           "group": "component (internal)",
           "scopes": ["bgColor"]
         }
-      },
-      "alpha": 1
+      }
     },
     "name": "buttonCounter-invisible-bgColor-rest",
     "attributes": {},
@@ -8509,7 +8497,7 @@
     "filePath": "src/tokens/functional/color/dark/patterns-dark.json5",
     "isSource": true,
     "original": {
-      "value": "{base.color.white}",
+      "value": "{base.color.neutral.13}",
       "$type": "color",
       "$extensions": {
         "org.primer.figma": {
@@ -8630,7 +8618,7 @@
     "filePath": "src/tokens/functional/color/dark/patterns-dark.json5",
     "isSource": true,
     "original": {
-      "value": "{base.color.white}",
+      "value": "{base.color.neutral.13}",
       "$type": "color",
       "$extensions": {
         "org.primer.figma": {
@@ -8834,7 +8822,7 @@
     "path": ["focus", "outlineColor"]
   },
   "menu-bgColor-active": {
-    "value": "#161b22",
+    "value": "#151b23",
     "$type": "color",
     "$extensions": {
       "org.primer.figma": {
@@ -8847,7 +8835,7 @@
     "filePath": "src/tokens/functional/color/dark/patterns-dark.json5",
     "isSource": true,
     "original": {
-      "value": "{base.color.neutral.8}",
+      "value": "{base.color.neutral.2}",
       "$type": "color",
       "$extensions": {
         "org.primer.figma": {
@@ -8863,7 +8851,7 @@
     "path": ["menu", "bgColor", "active"]
   },
   "overlay-bgColor": {
-    "value": "#161b22",
+    "value": "#151b23",
     "$type": "color",
     "$extensions": {
       "org.primer.figma": {
@@ -8876,7 +8864,7 @@
     "filePath": "src/tokens/functional/color/dark/patterns-dark.json5",
     "isSource": true,
     "original": {
-      "value": "{base.color.neutral.8}",
+      "value": "{bgColor.muted}",
       "$type": "color",
       "$extensions": {
         "org.primer.figma": {
@@ -8892,7 +8880,7 @@
     "path": ["overlay", "bgColor"]
   },
   "overlay-borderColor": {
-    "value": "#30363db3",
+    "value": "#3d444db3",
     "$type": "color",
     "$extensions": {
       "org.primer.figma": {
@@ -8919,7 +8907,7 @@
     "path": ["overlay", "borderColor"]
   },
   "overlay-backdrop-bgColor": {
-    "value": "#161b2266",
+    "value": "#21283066",
     "$type": "color",
     "$extensions": {
       "org.primer.figma": {
@@ -8933,7 +8921,7 @@
     "filePath": "src/tokens/functional/color/dark/patterns-dark.json5",
     "isSource": true,
     "original": {
-      "value": "{base.color.neutral.8}",
+      "value": "{base.color.neutral.3}",
       "$type": "color",
       "$extensions": {
         "org.primer.figma": {
@@ -8950,7 +8938,7 @@
     "path": ["overlay", "backdrop", "bgColor"]
   },
   "selectMenu-borderColor": {
-    "value": "#484f58",
+    "value": "#3d444d",
     "$type": "color",
     "$extensions": {
       "org.primer.figma": {
@@ -8963,7 +8951,7 @@
     "filePath": "src/tokens/functional/color/dark/patterns-dark.json5",
     "isSource": true,
     "original": {
-      "value": "{base.color.neutral.5}",
+      "value": "{borderColor.default}",
       "$type": "color",
       "$extensions": {
         "org.primer.figma": {
@@ -9008,7 +8996,7 @@
     "path": ["selectMenu", "bgColor", "active"]
   },
   "sideNav-bgColor-selected": {
-    "value": "#21262d",
+    "value": "#212830",
     "$type": "color",
     "$extensions": {
       "org.primer.figma": {
@@ -9021,7 +9009,7 @@
     "filePath": "src/tokens/functional/color/dark/patterns-dark.json5",
     "isSource": true,
     "original": {
-      "value": "{base.color.neutral.7}",
+      "value": "{base.color.neutral.3}",
       "$type": "color",
       "$extensions": {
         "org.primer.figma": {
@@ -9037,7 +9025,7 @@
     "path": ["sideNav", "bgColor", "selected"]
   },
   "skeletonLoader-bgColor": {
-    "value": "#161b22",
+    "value": "#151b23",
     "$type": "color",
     "filePath": "src/tokens/functional/color/dark/patterns-dark.json5",
     "isSource": true,
@@ -9050,7 +9038,7 @@
     "path": ["skeletonLoader", "bgColor"]
   },
   "timelineBadge-bgColor": {
-    "value": "#21262d",
+    "value": "#212830",
     "$type": "color",
     "$extensions": {
       "org.primer.figma": {
@@ -9063,7 +9051,7 @@
     "filePath": "src/tokens/functional/color/dark/patterns-dark.json5",
     "isSource": true,
     "original": {
-      "value": "{base.color.neutral.7}",
+      "value": "{base.color.neutral.3}",
       "$type": "color",
       "$extensions": {
         "org.primer.figma": {
@@ -9079,7 +9067,7 @@
     "path": ["timelineBadge", "bgColor"]
   },
   "treeViewItem-leadingVisual-iconColor-rest": {
-    "value": "#8d96a0",
+    "value": "#9198a1",
     "$type": "color",
     "$extensions": {
       "org.primer.figma": {
@@ -9137,7 +9125,7 @@
     "path": ["underlineNav", "borderColor", "active"]
   },
   "underlineNav-borderColor-hover": {
-    "value": "#6e768166",
+    "value": "#3d444db3",
     "$type": "color",
     "$extensions": {
       "org.primer.figma": {
@@ -9166,7 +9154,7 @@
     "path": ["underlineNav", "borderColor", "hover"]
   },
   "underlineNav-iconColor-rest": {
-    "value": "#8d96a0",
+    "value": "#9198a1",
     "$type": "color",
     "$extensions": {
       "org.primer.figma": {
@@ -9226,7 +9214,7 @@
     "path": ["selection", "bgColor"]
   },
   "card-bgColor": {
-    "value": "#161b22",
+    "value": "#151b23",
     "$type": "color",
     "$extensions": {
       "org.primer.figma": {
@@ -12561,7 +12549,7 @@
     "path": ["label", "coral", "fgColor", "active"]
   },
   "tooltip-bgColor": {
-    "value": "#6e7681",
+    "value": "#3d444d",
     "$type": "color",
     "$extensions": {
       "org.primer.figma": {
@@ -12619,7 +12607,7 @@
     "path": ["tooltip", "fgColor"]
   },
   "fgColor-default": {
-    "value": "#e6edf3",
+    "value": "#f0f6fc",
     "$type": "color",
     "$extensions": {
       "org.primer.figma": {
@@ -12632,14 +12620,10 @@
         }
       }
     },
-    "mix": {
-      "color": "#c9d1d9",
-      "weight": 0.25
-    },
     "filePath": "src/tokens/functional/color/dark/primitives-dark.json5",
     "isSource": true,
     "original": {
-      "value": "{base.color.neutral.0}",
+      "value": "{base.color.neutral.12}",
       "$type": "color",
       "$extensions": {
         "org.primer.figma": {
@@ -12651,10 +12635,6 @@
             "web": "var(--fgColor-default) /* utility class: .color-fg-default */"
           }
         }
-      },
-      "mix": {
-        "color": "{base.color.neutral.1}",
-        "weight": 0.25
       }
     },
     "name": "fgColor-default",
@@ -12662,7 +12642,7 @@
     "path": ["fgColor", "default"]
   },
   "fgColor-muted": {
-    "value": "#8d96a0",
+    "value": "#9198a1",
     "$type": "color",
     "$extensions": {
       "org.primer.figma": {
@@ -12675,14 +12655,10 @@
         }
       }
     },
-    "mix": {
-      "color": "#8b949e",
-      "weight": 0.95
-    },
     "filePath": "src/tokens/functional/color/dark/primitives-dark.json5",
     "isSource": true,
     "original": {
-      "value": "{base.color.neutral.2}",
+      "value": "{base.color.neutral.9}",
       "$type": "color",
       "$extensions": {
         "org.primer.figma": {
@@ -12694,10 +12670,6 @@
             "web": "var(--fgColor-muted) /* utility class: .color-fg-muted */"
           }
         }
-      },
-      "mix": {
-        "color": "{base.color.neutral.3}",
-        "weight": 0.95
       }
     },
     "name": "fgColor-muted",
@@ -12721,7 +12693,7 @@
     "filePath": "src/tokens/functional/color/dark/primitives-dark.json5",
     "isSource": true,
     "original": {
-      "value": "{base.color.white}",
+      "value": "{base.color.neutral.13}",
       "$type": "color",
       "$extensions": {
         "org.primer.figma": {
@@ -12753,7 +12725,7 @@
     "filePath": "src/tokens/functional/color/dark/primitives-dark.json5",
     "isSource": true,
     "original": {
-      "value": "{base.color.black}",
+      "value": "{base.color.neutral.0}",
       "$type": "color",
       "$extensions": {
         "org.primer.figma": {
@@ -12782,7 +12754,7 @@
     "filePath": "src/tokens/functional/color/dark/primitives-dark.json5",
     "isSource": true,
     "original": {
-      "value": "{base.color.white}",
+      "value": "{base.color.neutral.13}",
       "$type": "color",
       "$extensions": {
         "org.primer.figma": {
@@ -12811,7 +12783,7 @@
     "filePath": "src/tokens/functional/color/dark/primitives-dark.json5",
     "isSource": true,
     "original": {
-      "value": "{base.color.black}",
+      "value": "{base.color.neutral.0}",
       "$type": "color",
       "$extensions": {
         "org.primer.figma": {
@@ -12827,7 +12799,7 @@
     "path": ["fgColor", "black"]
   },
   "fgColor-disabled": {
-    "value": "#6e7681",
+    "value": "#656c7699",
     "$type": "color",
     "$extensions": {
       "org.primer.figma": {
@@ -12837,10 +12809,11 @@
         "scopes": ["fgColor"]
       }
     },
+    "alpha": 0.6,
     "filePath": "src/tokens/functional/color/dark/primitives-dark.json5",
     "isSource": true,
     "original": {
-      "value": "{base.color.neutral.4}",
+      "value": "{base.color.neutral.8}",
       "$type": "color",
       "$extensions": {
         "org.primer.figma": {
@@ -12849,7 +12822,8 @@
           "group": "semantic",
           "scopes": ["fgColor"]
         }
-      }
+      },
+      "alpha": 0.6
     },
     "name": "fgColor-disabled",
     "attributes": {},
@@ -12891,7 +12865,7 @@
     "path": ["fgColor", "link"]
   },
   "fgColor-neutral": {
-    "value": "#b1bac4",
+    "value": "#9198a1",
     "$type": "color",
     "$extensions": {
       "org.primer.figma": {
@@ -12904,7 +12878,7 @@
     "filePath": "src/tokens/functional/color/dark/primitives-dark.json5",
     "isSource": true,
     "original": {
-      "value": "{base.color.neutral.2}",
+      "value": "{base.color.neutral.9}",
       "$type": "color",
       "$extensions": {
         "org.primer.figma": {
@@ -13138,7 +13112,7 @@
     "path": ["fgColor", "danger"]
   },
   "fgColor-closed": {
-    "value": "#8b949e",
+    "value": "#9198a1",
     "$type": "color",
     "$extensions": {
       "org.primer.figma": {
@@ -13154,7 +13128,7 @@
     "filePath": "src/tokens/functional/color/dark/overrides/dark.protanopia-deuteranopia.json5",
     "isSource": true,
     "original": {
-      "value": "{base.color.neutral.3}",
+      "value": "{fgColor.muted}",
       "$type": "color",
       "$extensions": {
         "org.primer.figma": {
@@ -13294,7 +13268,7 @@
     "filePath": "src/tokens/functional/color/dark/primitives-dark.json5",
     "isSource": true,
     "original": {
-      "value": "{base.color.neutral.9}",
+      "value": "{base.color.neutral.1}",
       "$type": "color",
       "$extensions": {
         "org.primer.figma": {
@@ -13313,7 +13287,7 @@
     "path": ["bgColor", "default"]
   },
   "bgColor-muted": {
-    "value": "#161b22",
+    "value": "#151b23",
     "$type": "color",
     "$extensions": {
       "org.primer.figma": {
@@ -13329,7 +13303,7 @@
     "filePath": "src/tokens/functional/color/dark/primitives-dark.json5",
     "isSource": true,
     "original": {
-      "value": "{base.color.neutral.8}",
+      "value": "{base.color.neutral.2}",
       "$type": "color",
       "$extensions": {
         "org.primer.figma": {
@@ -13364,7 +13338,7 @@
     "filePath": "src/tokens/functional/color/dark/primitives-dark.json5",
     "isSource": true,
     "original": {
-      "value": "{base.color.black}",
+      "value": "{base.color.neutral.0}",
       "$type": "color",
       "$extensions": {
         "org.primer.figma": {
@@ -13383,7 +13357,7 @@
     "path": ["bgColor", "inset"]
   },
   "bgColor-emphasis": {
-    "value": "#6e7681",
+    "value": "#3d444d",
     "$type": "color",
     "$extensions": {
       "org.primer.figma": {
@@ -13399,7 +13373,7 @@
     "filePath": "src/tokens/functional/color/dark/primitives-dark.json5",
     "isSource": true,
     "original": {
-      "value": "{base.color.neutral.4}",
+      "value": "{base.color.neutral.7}",
       "$type": "color",
       "$extensions": {
         "org.primer.figma": {
@@ -13431,7 +13405,7 @@
     "filePath": "src/tokens/functional/color/dark/primitives-dark.json5",
     "isSource": true,
     "original": {
-      "value": "{base.color.white}",
+      "value": "{base.color.neutral.13}",
       "$type": "color",
       "$extensions": {
         "org.primer.figma": {
@@ -13460,7 +13434,7 @@
     "filePath": "src/tokens/functional/color/dark/primitives-dark.json5",
     "isSource": true,
     "original": {
-      "value": "{base.color.white}",
+      "value": "{base.color.neutral.13}",
       "$type": "color",
       "$extensions": {
         "org.primer.figma": {
@@ -13489,7 +13463,7 @@
     "filePath": "src/tokens/functional/color/dark/primitives-dark.json5",
     "isSource": true,
     "original": {
-      "value": "{base.color.black}",
+      "value": "{base.color.neutral.0}",
       "$type": "color",
       "$extensions": {
         "org.primer.figma": {
@@ -13505,7 +13479,7 @@
     "path": ["bgColor", "black"]
   },
   "bgColor-disabled": {
-    "value": "#21262db3",
+    "value": "#212830",
     "$type": "color",
     "$extensions": {
       "org.primer.figma": {
@@ -13515,11 +13489,10 @@
         "scopes": ["bgColor"]
       }
     },
-    "alpha": 0.7,
     "filePath": "src/tokens/functional/color/dark/primitives-dark.json5",
     "isSource": true,
     "original": {
-      "value": "{base.color.neutral.7}",
+      "value": "{base.color.neutral.3}",
       "$type": "color",
       "$extensions": {
         "org.primer.figma": {
@@ -13528,8 +13501,7 @@
           "group": "semantic",
           "scopes": ["bgColor"]
         }
-      },
-      "alpha": 0.7
+      }
     },
     "name": "bgColor-disabled",
     "attributes": {},
@@ -13571,7 +13543,7 @@
     "path": ["bgColor", "transparent"]
   },
   "bgColor-neutral-muted": {
-    "value": "#6e768166",
+    "value": "#656c7633",
     "$type": "color",
     "$extensions": {
       "org.primer.figma": {
@@ -13581,11 +13553,11 @@
         "scopes": ["bgColor"]
       }
     },
-    "alpha": 0.4,
+    "alpha": 0.2,
     "filePath": "src/tokens/functional/color/dark/primitives-dark.json5",
     "isSource": true,
     "original": {
-      "value": "{base.color.neutral.4}",
+      "value": "{base.color.neutral.8}",
       "$type": "color",
       "$extensions": {
         "org.primer.figma": {
@@ -13595,14 +13567,14 @@
           "scopes": ["bgColor"]
         }
       },
-      "alpha": 0.4
+      "alpha": 0.2
     },
     "name": "bgColor-neutral-muted",
     "attributes": {},
     "path": ["bgColor", "neutral", "muted"]
   },
   "bgColor-neutral-emphasis": {
-    "value": "#6e7681",
+    "value": "#656c76",
     "$type": "color",
     "$extensions": {
       "org.primer.figma": {
@@ -13615,7 +13587,7 @@
     "filePath": "src/tokens/functional/color/dark/primitives-dark.json5",
     "isSource": true,
     "original": {
-      "value": "{base.color.neutral.4}",
+      "value": "{base.color.neutral.8}",
       "$type": "color",
       "$extensions": {
         "org.primer.figma": {
@@ -14063,7 +14035,7 @@
     "path": ["bgColor", "danger", "emphasis"]
   },
   "bgColor-closed-muted": {
-    "value": "#6e768166",
+    "value": "#656c761a",
     "$type": "color",
     "$extensions": {
       "org.primer.figma": {
@@ -14076,11 +14048,11 @@
         }
       }
     },
-    "alpha": 0.4,
+    "alpha": 0.1,
     "filePath": "src/tokens/functional/color/dark/overrides/dark.protanopia-deuteranopia.json5",
     "isSource": true,
     "original": {
-      "value": "{base.color.neutral.4}",
+      "value": "{bgColor.neutral.muted}",
       "$type": "color",
       "$extensions": {
         "org.primer.figma": {
@@ -14093,14 +14065,14 @@
           }
         }
       },
-      "alpha": 0.4
+      "alpha": 0.1
     },
     "name": "bgColor-closed-muted",
     "attributes": {},
     "path": ["bgColor", "closed", "muted"]
   },
   "bgColor-closed-emphasis": {
-    "value": "#6e7681",
+    "value": "#656c76",
     "$type": "color",
     "$extensions": {
       "org.primer.figma": {
@@ -14116,7 +14088,7 @@
     "filePath": "src/tokens/functional/color/dark/overrides/dark.protanopia-deuteranopia.json5",
     "isSource": true,
     "original": {
-      "value": "{base.color.neutral.4}",
+      "value": "{bgColor.neutral.emphasis}",
       "$type": "color",
       "$extensions": {
         "org.primer.figma": {
@@ -14351,7 +14323,7 @@
     "path": ["bgColor", "sponsors", "emphasis"]
   },
   "borderColor-default": {
-    "value": "#30363d",
+    "value": "#3d444d",
     "$type": "color",
     "$extensions": {
       "org.primer.figma": {
@@ -14367,7 +14339,7 @@
     "filePath": "src/tokens/functional/color/dark/primitives-dark.json5",
     "isSource": true,
     "original": {
-      "value": "{base.color.neutral.6}",
+      "value": "{base.color.neutral.7}",
       "$type": "color",
       "$extensions": {
         "org.primer.figma": {
@@ -14386,7 +14358,7 @@
     "path": ["borderColor", "default"]
   },
   "borderColor-muted": {
-    "value": "#30363db3",
+    "value": "#3d444db3",
     "$type": "color",
     "$extensions": {
       "org.primer.figma": {
@@ -14423,7 +14395,7 @@
     "path": ["borderColor", "muted"]
   },
   "borderColor-emphasis": {
-    "value": "#484f58",
+    "value": "#656c76",
     "$type": "color",
     "$extensions": {
       "org.primer.figma": {
@@ -14436,7 +14408,7 @@
     "filePath": "src/tokens/functional/color/dark/primitives-dark.json5",
     "isSource": true,
     "original": {
-      "value": "{base.color.neutral.5}",
+      "value": "{base.color.neutral.8}",
       "$type": "color",
       "$extensions": {
         "org.primer.figma": {
@@ -14452,7 +14424,7 @@
     "path": ["borderColor", "emphasis"]
   },
   "borderColor-disabled": {
-    "value": "#21262db3",
+    "value": "#656c761a",
     "$type": "color",
     "$extensions": {
       "org.primer.figma": {
@@ -14462,10 +14434,11 @@
         "scopes": ["borderColor"]
       }
     },
+    "alpha": 0.1,
     "filePath": "src/tokens/functional/color/dark/primitives-dark.json5",
     "isSource": true,
     "original": {
-      "value": "{bgColor.disabled}",
+      "value": "{base.color.neutral.8}",
       "$type": "color",
       "$extensions": {
         "org.primer.figma": {
@@ -14474,7 +14447,8 @@
           "group": "semantic",
           "scopes": ["borderColor"]
         }
-      }
+      },
+      "alpha": 0.1
     },
     "name": "borderColor-disabled",
     "attributes": {},
@@ -14524,7 +14498,7 @@
     "filePath": "src/tokens/functional/color/dark/primitives-dark.json5",
     "isSource": true,
     "original": {
-      "value": "{base.color.white}",
+      "value": "{base.color.neutral.13}",
       "$type": "color",
       "$extensions": {
         "org.primer.figma": {
@@ -14541,7 +14515,7 @@
     "path": ["borderColor", "translucent"]
   },
   "borderColor-neutral-muted": {
-    "value": "#6e768166",
+    "value": "#3d444db3",
     "$type": "color",
     "$extensions": {
       "org.primer.figma": {
@@ -14551,11 +14525,10 @@
         "scopes": ["borderColor"]
       }
     },
-    "alpha": 0.4,
     "filePath": "src/tokens/functional/color/dark/primitives-dark.json5",
     "isSource": true,
     "original": {
-      "value": "{base.color.neutral.4}",
+      "value": "{borderColor.muted}",
       "$type": "color",
       "$extensions": {
         "org.primer.figma": {
@@ -14564,15 +14537,14 @@
           "group": "semantic",
           "scopes": ["borderColor"]
         }
-      },
-      "alpha": 0.4
+      }
     },
     "name": "borderColor-neutral-muted",
     "attributes": {},
     "path": ["borderColor", "neutral", "muted"]
   },
   "borderColor-neutral-emphasis": {
-    "value": "#6e7681",
+    "value": "#656c76",
     "$type": "color",
     "$extensions": {
       "org.primer.figma": {
@@ -14585,7 +14557,7 @@
     "filePath": "src/tokens/functional/color/dark/primitives-dark.json5",
     "isSource": true,
     "original": {
-      "value": "{base.color.neutral.4}",
+      "value": "{borderColor.emphasis}",
       "$type": "color",
       "$extensions": {
         "org.primer.figma": {
@@ -15033,7 +15005,7 @@
     "path": ["borderColor", "danger", "emphasis"]
   },
   "borderColor-closed-muted": {
-    "value": "#6e768166",
+    "value": "#3d444d66",
     "$type": "color",
     "$extensions": {
       "org.primer.figma": {
@@ -15050,7 +15022,7 @@
     "filePath": "src/tokens/functional/color/dark/overrides/dark.protanopia-deuteranopia.json5",
     "isSource": true,
     "original": {
-      "value": "{base.color.neutral.4}",
+      "value": "{borderColor.muted}",
       "$type": "color",
       "$extensions": {
         "org.primer.figma": {
@@ -15070,7 +15042,7 @@
     "path": ["borderColor", "closed", "muted"]
   },
   "borderColor-closed-emphasis": {
-    "value": "#6e7681",
+    "value": "#656c76",
     "$type": "color",
     "$extensions": {
       "org.primer.figma": {
@@ -15086,7 +15058,7 @@
     "filePath": "src/tokens/functional/color/dark/overrides/dark.protanopia-deuteranopia.json5",
     "isSource": true,
     "original": {
-      "value": "{base.color.neutral.4}",
+      "value": "{borderColor.emphasis}",
       "$type": "color",
       "$extensions": {
         "org.primer.figma": {
@@ -15321,7 +15293,7 @@
     "path": ["borderColor", "sponsors", "emphasis"]
   },
   "color-ansi-black": {
-    "value": "#484f58",
+    "value": "#2f3742",
     "$type": "color",
     "$extensions": {
       "org.primer.figma": {
@@ -15333,7 +15305,7 @@
     "filePath": "src/tokens/functional/color/dark/syntax-dark.json5",
     "isSource": true,
     "original": {
-      "value": "{base.color.neutral.5}",
+      "value": "{base.color.neutral.6}",
       "$type": "color",
       "$extensions": {
         "org.primer.figma": {
@@ -15348,7 +15320,7 @@
     "path": ["color", "ansi", "black"]
   },
   "color-ansi-black-bright": {
-    "value": "#6e7681",
+    "value": "#656c76",
     "$type": "color",
     "$extensions": {
       "org.primer.figma": {
@@ -15360,7 +15332,7 @@
     "filePath": "src/tokens/functional/color/dark/syntax-dark.json5",
     "isSource": true,
     "original": {
-      "value": "{base.color.neutral.4}",
+      "value": "{base.color.neutral.8}",
       "$type": "color",
       "$extensions": {
         "org.primer.figma": {
@@ -15375,7 +15347,7 @@
     "path": ["color", "ansi", "black-bright"]
   },
   "color-ansi-white": {
-    "value": "#b1bac4",
+    "value": "#f0f6fc",
     "$type": "color",
     "$extensions": {
       "org.primer.figma": {
@@ -15387,7 +15359,7 @@
     "filePath": "src/tokens/functional/color/dark/syntax-dark.json5",
     "isSource": true,
     "original": {
-      "value": "{base.color.neutral.2}",
+      "value": "{base.color.neutral.12}",
       "$type": "color",
       "$extensions": {
         "org.primer.figma": {
@@ -15414,7 +15386,7 @@
     "filePath": "src/tokens/functional/color/dark/syntax-dark.json5",
     "isSource": true,
     "original": {
-      "value": "{base.color.white}",
+      "value": "{base.color.neutral.13}",
       "$type": "color",
       "$extensions": {
         "org.primer.figma": {
@@ -15429,7 +15401,7 @@
     "path": ["color", "ansi", "white-bright"]
   },
   "color-ansi-gray": {
-    "value": "#6e7681",
+    "value": "#656c76",
     "$type": "color",
     "$extensions": {
       "org.primer.figma": {
@@ -15441,7 +15413,7 @@
     "filePath": "src/tokens/functional/color/dark/syntax-dark.json5",
     "isSource": true,
     "original": {
-      "value": "{base.color.neutral.4}",
+      "value": "{base.color.neutral.8}",
       "$type": "color",
       "$extensions": {
         "org.primer.figma": {
@@ -15780,7 +15752,7 @@
     "path": ["color", "ansi", "cyan-bright"]
   },
   "color-prettylights-syntax-comment": {
-    "value": "#8b949e",
+    "value": "#9198a1",
     "$type": "color",
     "$extensions": {
       "org.primer.figma": {
@@ -15792,7 +15764,7 @@
     "filePath": "src/tokens/functional/color/dark/syntax-dark.json5",
     "isSource": true,
     "original": {
-      "value": "{base.color.neutral.3}",
+      "value": "{base.color.neutral.9}",
       "$type": "color",
       "$extensions": {
         "org.primer.figma": {
@@ -15888,7 +15860,7 @@
     "path": ["color", "prettylights", "syntax", "entity"]
   },
   "color-prettylights-syntax-storage-modifier-import": {
-    "value": "#c9d1d9",
+    "value": "#f0f6fc",
     "$type": "color",
     "$extensions": {
       "org.primer.figma": {
@@ -15900,7 +15872,7 @@
     "filePath": "src/tokens/functional/color/dark/syntax-dark.json5",
     "isSource": true,
     "original": {
-      "value": "{base.color.neutral.1}",
+      "value": "{base.color.neutral.12}",
       "$type": "color",
       "$extensions": {
         "org.primer.figma": {
@@ -16050,7 +16022,7 @@
     "path": ["color", "prettylights", "syntax", "brackethighlighter", "unmatched"]
   },
   "color-prettylights-syntax-brackethighlighter-angle": {
-    "value": "#8b949e",
+    "value": "#9198a1",
     "$type": "color",
     "$extensions": {
       "org.primer.figma": {
@@ -16062,7 +16034,7 @@
     "filePath": "src/tokens/functional/color/dark/syntax-dark.json5",
     "isSource": true,
     "original": {
-      "value": "{base.color.neutral.3}",
+      "value": "{base.color.neutral.9}",
       "$type": "color",
       "$extensions": {
         "org.primer.figma": {
@@ -16089,7 +16061,7 @@
     "filePath": "src/tokens/functional/color/dark/syntax-dark.json5",
     "isSource": true,
     "original": {
-      "value": "{base.color.neutral.0}",
+      "value": "{base.color.neutral.12}",
       "$type": "color",
       "$extensions": {
         "org.primer.figma": {
@@ -16143,7 +16115,7 @@
     "filePath": "src/tokens/functional/color/dark/syntax-dark.json5",
     "isSource": true,
     "original": {
-      "value": "{base.color.neutral.0}",
+      "value": "{base.color.neutral.12}",
       "$type": "color",
       "$extensions": {
         "org.primer.figma": {
@@ -16266,7 +16238,7 @@
     "path": ["color", "prettylights", "syntax", "markup", "heading"]
   },
   "color-prettylights-syntax-markup-italic": {
-    "value": "#c9d1d9",
+    "value": "#f0f6fc",
     "$type": "color",
     "$extensions": {
       "org.primer.figma": {
@@ -16278,7 +16250,7 @@
     "filePath": "src/tokens/functional/color/dark/syntax-dark.json5",
     "isSource": true,
     "original": {
-      "value": "{base.color.neutral.1}",
+      "value": "{base.color.neutral.12}",
       "$type": "color",
       "$extensions": {
         "org.primer.figma": {
@@ -16293,7 +16265,7 @@
     "path": ["color", "prettylights", "syntax", "markup", "italic"]
   },
   "color-prettylights-syntax-markup-bold": {
-    "value": "#c9d1d9",
+    "value": "#f0f6fc",
     "$type": "color",
     "$extensions": {
       "org.primer.figma": {
@@ -16305,7 +16277,7 @@
     "filePath": "src/tokens/functional/color/dark/syntax-dark.json5",
     "isSource": true,
     "original": {
-      "value": "{base.color.neutral.1}",
+      "value": "{base.color.neutral.12}",
       "$type": "color",
       "$extensions": {
         "org.primer.figma": {
@@ -16482,7 +16454,7 @@
     "path": ["color", "prettylights", "syntax", "markup", "changed", "bg"]
   },
   "color-prettylights-syntax-markup-ignored-text": {
-    "value": "#c9d1d9",
+    "value": "#f0f6fc",
     "$type": "color",
     "$extensions": {
       "org.primer.figma": {
@@ -16494,7 +16466,7 @@
     "filePath": "src/tokens/functional/color/dark/syntax-dark.json5",
     "isSource": true,
     "original": {
-      "value": "{base.color.neutral.1}",
+      "value": "{base.color.neutral.12}",
       "$type": "color",
       "$extensions": {
         "org.primer.figma": {
@@ -16563,7 +16535,7 @@
     "path": ["color", "prettylights", "syntax", "meta", "diff", "range"]
   },
   "color-prettylights-syntax-sublimelinter-gutter-mark": {
-    "value": "#484f58",
+    "value": "#3d444d",
     "$type": "color",
     "$extensions": {
       "org.primer.figma": {
@@ -16575,7 +16547,7 @@
     "filePath": "src/tokens/functional/color/dark/syntax-dark.json5",
     "isSource": true,
     "original": {
-      "value": "{base.color.neutral.5}",
+      "value": "{base.color.neutral.7}",
       "$type": "color",
       "$extensions": {
         "org.primer.figma": {
@@ -16603,7 +16575,7 @@
     "isSource": true,
     "original": {
       "value": {
-        "color": "{base.color.black}",
+        "color": "{base.color.neutral.0}",
         "alpha": 0.24,
         "offsetX": "0px",
         "offsetY": "1px",
@@ -16638,7 +16610,7 @@
     "isSource": true,
     "original": {
       "value": {
-        "color": "{base.color.black}",
+        "color": "{base.color.neutral.0}",
         "alpha": 0.8,
         "offsetX": "0px",
         "offsetY": "1px",
@@ -16674,7 +16646,7 @@
     "original": {
       "value": [
         {
-          "color": "{base.color.black}",
+          "color": "{base.color.neutral.0}",
           "alpha": 0.4,
           "offsetX": "0px",
           "offsetY": "1px",
@@ -16711,7 +16683,7 @@
     "original": {
       "value": [
         {
-          "color": "{base.color.black}",
+          "color": "{base.color.neutral.0}",
           "alpha": 0.8,
           "offsetX": "0px",
           "offsetY": "3px",
@@ -16733,7 +16705,7 @@
     "path": ["shadow", "resting", "medium"]
   },
   "shadow-floating-small": {
-    "value": "0px 0px 0px 1px #30363d, 0px 6px 12px -3px #01040966, 0px 6px 18px 0px #01040966",
+    "value": "0px 0px 0px 1px #3d444d, 0px 6px 12px -3px #01040966, 0px 6px 18px 0px #01040966",
     "$type": "shadow",
     "$extensions": {
       "org.primer.figma": {
@@ -16755,7 +16727,7 @@
           "spread": "1px"
         },
         {
-          "color": "{base.color.black}",
+          "color": "{base.color.neutral.0}",
           "alpha": 0.4,
           "offsetX": "0px",
           "offsetY": "6px",
@@ -16763,7 +16735,7 @@
           "spread": "-3px"
         },
         {
-          "color": "{base.color.black}",
+          "color": "{base.color.neutral.0}",
           "alpha": 0.4,
           "offsetX": "0px",
           "offsetY": "6px",
@@ -16785,7 +16757,7 @@
     "path": ["shadow", "floating", "small"]
   },
   "shadow-floating-medium": {
-    "value": "0px 0px 0px 1px #30363d, 0px 8px 16px -4px #01040966, 0px 4px 32px -4px #01040966, 0px 24px 48px -12px #01040966, 0px 48px 96px -24px #01040966",
+    "value": "0px 0px 0px 1px #3d444d, 0px 8px 16px -4px #01040966, 0px 4px 32px -4px #01040966, 0px 24px 48px -12px #01040966, 0px 48px 96px -24px #01040966",
     "$type": "shadow",
     "$extensions": {
       "org.primer.figma": {
@@ -16807,7 +16779,7 @@
           "spread": "1px"
         },
         {
-          "color": "{base.color.black}",
+          "color": "{base.color.neutral.0}",
           "alpha": 0.4,
           "offsetX": "0px",
           "offsetY": "8px",
@@ -16815,7 +16787,7 @@
           "spread": "-4px"
         },
         {
-          "color": "{base.color.black}",
+          "color": "{base.color.neutral.0}",
           "alpha": 0.4,
           "offsetX": "0px",
           "offsetY": "4px",
@@ -16823,7 +16795,7 @@
           "spread": "-4px"
         },
         {
-          "color": "{base.color.black}",
+          "color": "{base.color.neutral.0}",
           "alpha": 0.4,
           "offsetX": "0px",
           "offsetY": "24px",
@@ -16831,7 +16803,7 @@
           "spread": "-12px"
         },
         {
-          "color": "{base.color.black}",
+          "color": "{base.color.neutral.0}",
           "alpha": 0.4,
           "offsetX": "0px",
           "offsetY": "48px",
@@ -16853,7 +16825,7 @@
     "path": ["shadow", "floating", "medium"]
   },
   "shadow-floating-large": {
-    "value": "0px 0px 0px 1px #30363d, 0px 24px 48px 0px #010409",
+    "value": "0px 0px 0px 1px #3d444d, 0px 24px 48px 0px #010409",
     "$type": "shadow",
     "$extensions": {
       "org.primer.figma": {
@@ -16875,7 +16847,7 @@
           "spread": "1px"
         },
         {
-          "color": "{base.color.black}",
+          "color": "{base.color.neutral.0}",
           "alpha": 1,
           "offsetX": "0px",
           "offsetY": "24px",
@@ -16897,7 +16869,7 @@
     "path": ["shadow", "floating", "large"]
   },
   "shadow-floating-xlarge": {
-    "value": "0px 0px 0px 1px #30363d, 0px 32px 64px 0px #010409",
+    "value": "0px 0px 0px 1px #3d444d, 0px 32px 64px 0px #010409",
     "$type": "shadow",
     "$extensions": {
       "org.primer.figma": {
@@ -16919,7 +16891,7 @@
           "spread": "1px"
         },
         {
-          "color": "{base.color.black}",
+          "color": "{base.color.neutral.0}",
           "alpha": 1,
           "offsetX": "0px",
           "offsetY": "32px",
@@ -16955,7 +16927,7 @@
     "original": {
       "value": [
         {
-          "color": "{base.color.black}",
+          "color": "{base.color.neutral.0}",
           "alpha": 0.4,
           "offsetX": "0px",
           "offsetY": "6px",
@@ -16963,7 +16935,7 @@
           "spread": "-3px"
         },
         {
-          "color": "{base.color.black}",
+          "color": "{base.color.neutral.0}",
           "alpha": 0.4,
           "offsetX": "0px",
           "offsetY": "6px",