@primer/primitives 9.0.0-rc.e0216c44 → 9.0.0

package/dist/docs/functional/themes/dark-tritanopia.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": {
@@ -6852,7 +6846,7 @@
     "path": ["button", "primary", "bgColor", "disabled"]
   },
   "button-primary-borderColor-rest": {
-    "value": "#f0f6fc1a",
+    "value": "#ffffff1a",
     "$type": "color",
     "$extensions": {
       "org.primer.figma": {
@@ -6866,7 +6860,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": {
@@ -6883,7 +6877,7 @@
     "path": ["button", "primary", "borderColor", "rest"]
   },
   "button-primary-borderColor-hover": {
-    "value": "#f0f6fc1a",
+    "value": "#ffffff1a",
     "$type": "color",
     "$extensions": {
       "org.primer.figma": {
@@ -6912,7 +6906,7 @@
     "path": ["button", "primary", "borderColor", "hover"]
   },
   "button-primary-borderColor-active": {
-    "value": "#f0f6fc1a",
+    "value": "#ffffff1a",
     "$type": "color",
     "$extensions": {
       "org.primer.figma": {
@@ -7007,7 +7001,7 @@
     "path": ["button", "primary", "shadow", "selected"]
   },
   "button-invisible-fgColor-rest": {
-    "value": "#e6edf3",
+    "value": "#9198a1",
     "$type": "color",
     "$extensions": {
       "org.primer.figma": {
@@ -7020,7 +7014,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": {
@@ -7036,7 +7030,7 @@
     "path": ["button", "invisible", "fgColor", "rest"]
   },
   "button-invisible-fgColor-hover": {
-    "value": "#e6edf3",
+    "value": "#9198a1",
     "$type": "color",
     "$extensions": {
       "org.primer.figma": {
@@ -7049,7 +7043,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": {
@@ -7065,7 +7059,7 @@
     "path": ["button", "invisible", "fgColor", "hover"]
   },
   "button-invisible-fgColor-disabled": {
-    "value": "#6e7681",
+    "value": "#656c7699",
     "$type": "color",
     "$extensions": {
       "org.primer.figma": {
@@ -7094,7 +7088,7 @@
     "path": ["button", "invisible", "fgColor", "disabled"]
   },
   "button-invisible-iconColor-rest": {
-    "value": "#8d96a0",
+    "value": "#9198a1",
     "$type": "color",
     "$extensions": {
       "org.primer.figma": {
@@ -7123,7 +7117,7 @@
     "path": ["button", "invisible", "iconColor", "rest"]
   },
   "button-invisible-iconColor-hover": {
-    "value": "#e6edf3",
+    "value": "#9198a1",
     "$type": "color",
     "$extensions": {
       "org.primer.figma": {
@@ -7136,7 +7130,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": {
@@ -7152,7 +7146,7 @@
     "path": ["button", "invisible", "iconColor", "hover"]
   },
   "button-invisible-iconColor-disabled": {
-    "value": "#6e7681",
+    "value": "#656c7699",
     "$type": "color",
     "$extensions": {
       "org.primer.figma": {
@@ -7210,7 +7204,7 @@
     "path": ["button", "invisible", "bgColor", "rest"]
   },
   "button-invisible-bgColor-hover": {
-    "value": "#b1bac41f",
+    "value": "#656c7633",
     "$type": "color",
     "$extensions": {
       "org.primer.figma": {
@@ -7239,7 +7233,7 @@
     "path": ["button", "invisible", "bgColor", "hover"]
   },
   "button-invisible-bgColor-active": {
-    "value": "#b1bac433",
+    "value": "#656c7640",
     "$type": "color",
     "$extensions": {
       "org.primer.figma": {
@@ -7268,7 +7262,7 @@
     "path": ["button", "invisible", "bgColor", "active"]
   },
   "button-invisible-bgColor-disabled": {
-    "value": "#21262db3",
+    "value": "#212830",
     "$type": "color",
     "$extensions": {
       "org.primer.figma": {
@@ -7355,7 +7349,7 @@
     "path": ["button", "invisible", "borderColor", "hover"]
   },
   "button-invisible-borderColor-disabled": {
-    "value": "#21262db3",
+    "value": "#656c761a",
     "$type": "color",
     "$extensions": {
       "org.primer.figma": {
@@ -7455,7 +7449,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": {
@@ -7515,7 +7509,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": {
@@ -7531,7 +7525,7 @@
     "path": ["button", "outline", "bgColor", "rest"]
   },
   "button-outline-bgColor-hover": {
-    "value": "#30363d",
+    "value": "#262c36",
     "$type": "color",
     "$extensions": {
       "org.primer.figma": {
@@ -7544,7 +7538,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": {
@@ -7589,7 +7583,7 @@
     "path": ["button", "outline", "bgColor", "active"]
   },
   "button-outline-bgColor-disabled": {
-    "value": "#0d1117",
+    "value": "#212830",
     "$type": "color",
     "$extensions": {
       "org.primer.figma": {
@@ -7602,7 +7596,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": {
@@ -7618,7 +7612,7 @@
     "path": ["button", "outline", "bgColor", "disabled"]
   },
   "button-outline-borderColor-hover": {
-    "value": "#f0f6fc1a",
+    "value": "#3d444d",
     "$type": "color",
     "$extensions": {
       "org.primer.figma": {
@@ -7628,11 +7622,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": {
@@ -7641,15 +7634,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": {
@@ -7757,7 +7749,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": {
@@ -7786,7 +7778,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": {
@@ -7875,7 +7867,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": {
@@ -7891,7 +7883,7 @@
     "path": ["button", "danger", "iconColor", "hover"]
   },
   "button-danger-bgColor-rest": {
-    "value": "#21262d",
+    "value": "#212830",
     "$type": "color",
     "$extensions": {
       "org.primer.figma": {
@@ -7986,7 +7978,7 @@
     "path": ["button", "danger", "bgColor", "active"]
   },
   "button-danger-bgColor-disabled": {
-    "value": "#21262db3",
+    "value": "#212830",
     "$type": "color",
     "$extensions": {
       "org.primer.figma": {
@@ -8015,7 +8007,7 @@
     "path": ["button", "danger", "bgColor", "disabled"]
   },
   "button-danger-borderColor-rest": {
-    "value": "#30363d",
+    "value": "#3d444d",
     "$type": "color",
     "$extensions": {
       "org.primer.figma": {
@@ -8028,7 +8020,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": {
@@ -8044,7 +8036,7 @@
     "path": ["button", "danger", "borderColor", "rest"]
   },
   "button-danger-borderColor-hover": {
-    "value": "#f0f6fc1a",
+    "value": "#ffffff1a",
     "$type": "color",
     "$extensions": {
       "org.primer.figma": {
@@ -8054,11 +8046,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": {
@@ -8067,15 +8058,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": {
@@ -8141,7 +8131,7 @@
     "path": ["button", "danger", "shadow", "selected"]
   },
   "button-inactive-fgColor": {
-    "value": "#8b949e",
+    "value": "#9198a1",
     "$type": "color",
     "$extensions": {
       "org.primer.figma": {
@@ -8154,7 +8144,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": {
@@ -8170,7 +8160,7 @@
     "path": ["button", "inactive", "fgColor"]
   },
   "button-inactive-bgColor": {
-    "value": "#21262d",
+    "value": "#262c36",
     "$type": "color",
     "$extensions": {
       "org.primer.figma": {
@@ -8183,7 +8173,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": {
@@ -8228,7 +8218,7 @@
     "path": ["button", "star", "iconColor"]
   },
   "buttonCounter-default-bgColor-rest": {
-    "value": "#30363d",
+    "value": "#2f3742",
     "$type": "color",
     "$extensions": {
       "org.primer.figma": {
@@ -8257,7 +8247,7 @@
     "path": ["buttonCounter", "default", "bgColor", "rest"]
   },
   "buttonCounter-invisible-bgColor-rest": {
-    "value": "#30363d",
+    "value": "#656c7633",
     "$type": "color",
     "$extensions": {
       "org.primer.figma": {
@@ -8267,11 +8257,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": {
@@ -8280,8 +8269,7 @@
           "group": "component (internal)",
           "scopes": ["bgColor"]
         }
-      },
-      "alpha": 1
+      }
     },
     "name": "buttonCounter-invisible-bgColor-rest",
     "attributes": {},
@@ -8515,7 +8503,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": {
@@ -8636,7 +8624,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": {
@@ -8840,7 +8828,7 @@
     "path": ["focus", "outlineColor"]
   },
   "menu-bgColor-active": {
-    "value": "#161b22",
+    "value": "#151b23",
     "$type": "color",
     "$extensions": {
       "org.primer.figma": {
@@ -8853,7 +8841,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": {
@@ -8869,7 +8857,7 @@
     "path": ["menu", "bgColor", "active"]
   },
   "overlay-bgColor": {
-    "value": "#161b22",
+    "value": "#151b23",
     "$type": "color",
     "$extensions": {
       "org.primer.figma": {
@@ -8882,7 +8870,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": {
@@ -8898,7 +8886,7 @@
     "path": ["overlay", "bgColor"]
   },
   "overlay-borderColor": {
-    "value": "#30363db3",
+    "value": "#3d444db3",
     "$type": "color",
     "$extensions": {
       "org.primer.figma": {
@@ -8925,7 +8913,7 @@
     "path": ["overlay", "borderColor"]
   },
   "overlay-backdrop-bgColor": {
-    "value": "#161b2266",
+    "value": "#21283066",
     "$type": "color",
     "$extensions": {
       "org.primer.figma": {
@@ -8939,7 +8927,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": {
@@ -8956,7 +8944,7 @@
     "path": ["overlay", "backdrop", "bgColor"]
   },
   "selectMenu-borderColor": {
-    "value": "#484f58",
+    "value": "#3d444d",
     "$type": "color",
     "$extensions": {
       "org.primer.figma": {
@@ -8969,7 +8957,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": {
@@ -9014,7 +9002,7 @@
     "path": ["selectMenu", "bgColor", "active"]
   },
   "sideNav-bgColor-selected": {
-    "value": "#21262d",
+    "value": "#212830",
     "$type": "color",
     "$extensions": {
       "org.primer.figma": {
@@ -9027,7 +9015,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": {
@@ -9043,7 +9031,7 @@
     "path": ["sideNav", "bgColor", "selected"]
   },
   "skeletonLoader-bgColor": {
-    "value": "#161b22",
+    "value": "#151b23",
     "$type": "color",
     "filePath": "src/tokens/functional/color/dark/patterns-dark.json5",
     "isSource": true,
@@ -9056,7 +9044,7 @@
     "path": ["skeletonLoader", "bgColor"]
   },
   "timelineBadge-bgColor": {
-    "value": "#21262d",
+    "value": "#212830",
     "$type": "color",
     "$extensions": {
       "org.primer.figma": {
@@ -9069,7 +9057,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": {
@@ -9085,7 +9073,7 @@
     "path": ["timelineBadge", "bgColor"]
   },
   "treeViewItem-leadingVisual-iconColor-rest": {
-    "value": "#8d96a0",
+    "value": "#9198a1",
     "$type": "color",
     "$extensions": {
       "org.primer.figma": {
@@ -9143,7 +9131,7 @@
     "path": ["underlineNav", "borderColor", "active"]
   },
   "underlineNav-borderColor-hover": {
-    "value": "#6e768166",
+    "value": "#3d444db3",
     "$type": "color",
     "$extensions": {
       "org.primer.figma": {
@@ -9172,7 +9160,7 @@
     "path": ["underlineNav", "borderColor", "hover"]
   },
   "underlineNav-iconColor-rest": {
-    "value": "#8d96a0",
+    "value": "#9198a1",
     "$type": "color",
     "$extensions": {
       "org.primer.figma": {
@@ -9232,7 +9220,7 @@
     "path": ["selection", "bgColor"]
   },
   "card-bgColor": {
-    "value": "#161b22",
+    "value": "#151b23",
     "$type": "color",
     "$extensions": {
       "org.primer.figma": {
@@ -12567,7 +12555,7 @@
     "path": ["label", "coral", "fgColor", "active"]
   },
   "tooltip-bgColor": {
-    "value": "#6e7681",
+    "value": "#3d444d",
     "$type": "color",
     "$extensions": {
       "org.primer.figma": {
@@ -12625,7 +12613,7 @@
     "path": ["tooltip", "fgColor"]
   },
   "fgColor-default": {
-    "value": "#e6edf3",
+    "value": "#f0f6fc",
     "$type": "color",
     "$extensions": {
       "org.primer.figma": {
@@ -12638,14 +12626,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": {
@@ -12657,10 +12641,6 @@
             "web": "var(--fgColor-default) /* utility class: .color-fg-default */"
           }
         }
-      },
-      "mix": {
-        "color": "{base.color.neutral.1}",
-        "weight": 0.25
       }
     },
     "name": "fgColor-default",
@@ -12668,7 +12648,7 @@
     "path": ["fgColor", "default"]
   },
   "fgColor-muted": {
-    "value": "#8d96a0",
+    "value": "#9198a1",
     "$type": "color",
     "$extensions": {
       "org.primer.figma": {
@@ -12681,14 +12661,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": {
@@ -12700,10 +12676,6 @@
             "web": "var(--fgColor-muted) /* utility class: .color-fg-muted */"
           }
         }
-      },
-      "mix": {
-        "color": "{base.color.neutral.3}",
-        "weight": 0.95
       }
     },
     "name": "fgColor-muted",
@@ -12727,7 +12699,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": {
@@ -12759,7 +12731,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": {
@@ -12788,7 +12760,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": {
@@ -12817,7 +12789,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": {
@@ -12833,7 +12805,7 @@
     "path": ["fgColor", "black"]
   },
   "fgColor-disabled": {
-    "value": "#6e7681",
+    "value": "#656c7699",
     "$type": "color",
     "$extensions": {
       "org.primer.figma": {
@@ -12843,10 +12815,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": {
@@ -12855,7 +12828,8 @@
           "group": "semantic",
           "scopes": ["fgColor"]
         }
-      }
+      },
+      "alpha": 0.6
     },
     "name": "fgColor-disabled",
     "attributes": {},
@@ -12897,7 +12871,7 @@
     "path": ["fgColor", "link"]
   },
   "fgColor-neutral": {
-    "value": "#b1bac4",
+    "value": "#9198a1",
     "$type": "color",
     "$extensions": {
       "org.primer.figma": {
@@ -12910,7 +12884,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": {
@@ -13144,7 +13118,7 @@
     "path": ["fgColor", "danger"]
   },
   "fgColor-closed": {
-    "value": "#6e7681",
+    "value": "#9198a1",
     "$type": "color",
     "$extensions": {
       "org.primer.figma": {
@@ -13160,7 +13134,7 @@
     "filePath": "src/tokens/functional/color/dark/overrides/dark.tritanopia.json5",
     "isSource": true,
     "original": {
-      "value": "{base.color.neutral.4}",
+      "value": "{fgColor.muted}",
       "$type": "color",
       "$extensions": {
         "org.primer.figma": {
@@ -13300,7 +13274,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": {
@@ -13319,7 +13293,7 @@
     "path": ["bgColor", "default"]
   },
   "bgColor-muted": {
-    "value": "#161b22",
+    "value": "#151b23",
     "$type": "color",
     "$extensions": {
       "org.primer.figma": {
@@ -13335,7 +13309,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": {
@@ -13370,7 +13344,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": {
@@ -13389,7 +13363,7 @@
     "path": ["bgColor", "inset"]
   },
   "bgColor-emphasis": {
-    "value": "#6e7681",
+    "value": "#3d444d",
     "$type": "color",
     "$extensions": {
       "org.primer.figma": {
@@ -13405,7 +13379,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": {
@@ -13437,7 +13411,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": {
@@ -13466,7 +13440,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": {
@@ -13495,7 +13469,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": {
@@ -13511,7 +13485,7 @@
     "path": ["bgColor", "black"]
   },
   "bgColor-disabled": {
-    "value": "#21262db3",
+    "value": "#212830",
     "$type": "color",
     "$extensions": {
       "org.primer.figma": {
@@ -13521,11 +13495,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": {
@@ -13534,8 +13507,7 @@
           "group": "semantic",
           "scopes": ["bgColor"]
         }
-      },
-      "alpha": 0.7
+      }
     },
     "name": "bgColor-disabled",
     "attributes": {},
@@ -13577,7 +13549,7 @@
     "path": ["bgColor", "transparent"]
   },
   "bgColor-neutral-muted": {
-    "value": "#6e768166",
+    "value": "#656c7633",
     "$type": "color",
     "$extensions": {
       "org.primer.figma": {
@@ -13587,11 +13559,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": {
@@ -13601,14 +13573,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": {
@@ -13621,7 +13593,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": {
@@ -14069,7 +14041,7 @@
     "path": ["bgColor", "danger", "emphasis"]
   },
   "bgColor-closed-muted": {
-    "value": "#6e76811a",
+    "value": "#656c761a",
     "$type": "color",
     "$extensions": {
       "org.primer.figma": {
@@ -14086,7 +14058,7 @@
     "filePath": "src/tokens/functional/color/dark/overrides/dark.tritanopia.json5",
     "isSource": true,
     "original": {
-      "value": "{base.color.neutral.4}",
+      "value": "{bgColor.neutral.muted}",
       "$type": "color",
       "$extensions": {
         "org.primer.figma": {
@@ -14106,7 +14078,7 @@
     "path": ["bgColor", "closed", "muted"]
   },
   "bgColor-closed-emphasis": {
-    "value": "#484f58",
+    "value": "#656c76",
     "$type": "color",
     "$extensions": {
       "org.primer.figma": {
@@ -14122,7 +14094,7 @@
     "filePath": "src/tokens/functional/color/dark/overrides/dark.tritanopia.json5",
     "isSource": true,
     "original": {
-      "value": "{base.color.neutral.5}",
+      "value": "{bgColor.neutral.emphasis}",
       "$type": "color",
       "$extensions": {
         "org.primer.figma": {
@@ -14357,7 +14329,7 @@
     "path": ["bgColor", "sponsors", "emphasis"]
   },
   "borderColor-default": {
-    "value": "#30363d",
+    "value": "#3d444d",
     "$type": "color",
     "$extensions": {
       "org.primer.figma": {
@@ -14373,7 +14345,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": {
@@ -14392,7 +14364,7 @@
     "path": ["borderColor", "default"]
   },
   "borderColor-muted": {
-    "value": "#30363db3",
+    "value": "#3d444db3",
     "$type": "color",
     "$extensions": {
       "org.primer.figma": {
@@ -14429,7 +14401,7 @@
     "path": ["borderColor", "muted"]
   },
   "borderColor-emphasis": {
-    "value": "#484f58",
+    "value": "#656c76",
     "$type": "color",
     "$extensions": {
       "org.primer.figma": {
@@ -14442,7 +14414,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": {
@@ -14458,7 +14430,7 @@
     "path": ["borderColor", "emphasis"]
   },
   "borderColor-disabled": {
-    "value": "#21262db3",
+    "value": "#656c761a",
     "$type": "color",
     "$extensions": {
       "org.primer.figma": {
@@ -14468,10 +14440,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": {
@@ -14480,7 +14453,8 @@
           "group": "semantic",
           "scopes": ["borderColor"]
         }
-      }
+      },
+      "alpha": 0.1
     },
     "name": "borderColor-disabled",
     "attributes": {},
@@ -14530,7 +14504,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": {
@@ -14547,7 +14521,7 @@
     "path": ["borderColor", "translucent"]
   },
   "borderColor-neutral-muted": {
-    "value": "#6e768166",
+    "value": "#3d444db3",
     "$type": "color",
     "$extensions": {
       "org.primer.figma": {
@@ -14557,11 +14531,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": {
@@ -14570,15 +14543,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": {
@@ -14591,7 +14563,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": {
@@ -15039,7 +15011,7 @@
     "path": ["borderColor", "danger", "emphasis"]
   },
   "borderColor-closed-muted": {
-    "value": "#6e768166",
+    "value": "#3d444d66",
     "$type": "color",
     "$extensions": {
       "org.primer.figma": {
@@ -15056,7 +15028,7 @@
     "filePath": "src/tokens/functional/color/dark/overrides/dark.tritanopia.json5",
     "isSource": true,
     "original": {
-      "value": "{base.color.neutral.4}",
+      "value": "{borderColor.default}",
       "$type": "color",
       "$extensions": {
         "org.primer.figma": {
@@ -15076,7 +15048,7 @@
     "path": ["borderColor", "closed", "muted"]
   },
   "borderColor-closed-emphasis": {
-    "value": "#484f58",
+    "value": "#656c76",
     "$type": "color",
     "$extensions": {
       "org.primer.figma": {
@@ -15092,7 +15064,7 @@
     "filePath": "src/tokens/functional/color/dark/overrides/dark.tritanopia.json5",
     "isSource": true,
     "original": {
-      "value": "{base.color.neutral.5}",
+      "value": "{borderColor.emphasis}",
       "$type": "color",
       "$extensions": {
         "org.primer.figma": {
@@ -15327,7 +15299,7 @@
     "path": ["borderColor", "sponsors", "emphasis"]
   },
   "color-ansi-black": {
-    "value": "#484f58",
+    "value": "#2f3742",
     "$type": "color",
     "$extensions": {
       "org.primer.figma": {
@@ -15339,7 +15311,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": {
@@ -15354,7 +15326,7 @@
     "path": ["color", "ansi", "black"]
   },
   "color-ansi-black-bright": {
-    "value": "#6e7681",
+    "value": "#656c76",
     "$type": "color",
     "$extensions": {
       "org.primer.figma": {
@@ -15366,7 +15338,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": {
@@ -15381,7 +15353,7 @@
     "path": ["color", "ansi", "black-bright"]
   },
   "color-ansi-white": {
-    "value": "#b1bac4",
+    "value": "#f0f6fc",
     "$type": "color",
     "$extensions": {
       "org.primer.figma": {
@@ -15393,7 +15365,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": {
@@ -15420,7 +15392,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": {
@@ -15435,7 +15407,7 @@
     "path": ["color", "ansi", "white-bright"]
   },
   "color-ansi-gray": {
-    "value": "#6e7681",
+    "value": "#656c76",
     "$type": "color",
     "$extensions": {
       "org.primer.figma": {
@@ -15447,7 +15419,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": {
@@ -15786,7 +15758,7 @@
     "path": ["color", "ansi", "cyan-bright"]
   },
   "color-prettylights-syntax-comment": {
-    "value": "#8b949e",
+    "value": "#9198a1",
     "$type": "color",
     "$extensions": {
       "org.primer.figma": {
@@ -15798,7 +15770,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": {
@@ -15894,7 +15866,7 @@
     "path": ["color", "prettylights", "syntax", "entity"]
   },
   "color-prettylights-syntax-storage-modifier-import": {
-    "value": "#c9d1d9",
+    "value": "#f0f6fc",
     "$type": "color",
     "$extensions": {
       "org.primer.figma": {
@@ -15906,7 +15878,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": {
@@ -16056,7 +16028,7 @@
     "path": ["color", "prettylights", "syntax", "brackethighlighter", "unmatched"]
   },
   "color-prettylights-syntax-brackethighlighter-angle": {
-    "value": "#8b949e",
+    "value": "#9198a1",
     "$type": "color",
     "$extensions": {
       "org.primer.figma": {
@@ -16068,7 +16040,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": {
@@ -16095,7 +16067,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": {
@@ -16149,7 +16121,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": {
@@ -16272,7 +16244,7 @@
     "path": ["color", "prettylights", "syntax", "markup", "heading"]
   },
   "color-prettylights-syntax-markup-italic": {
-    "value": "#c9d1d9",
+    "value": "#f0f6fc",
     "$type": "color",
     "$extensions": {
       "org.primer.figma": {
@@ -16284,7 +16256,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": {
@@ -16299,7 +16271,7 @@
     "path": ["color", "prettylights", "syntax", "markup", "italic"]
   },
   "color-prettylights-syntax-markup-bold": {
-    "value": "#c9d1d9",
+    "value": "#f0f6fc",
     "$type": "color",
     "$extensions": {
       "org.primer.figma": {
@@ -16311,7 +16283,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": {
@@ -16488,7 +16460,7 @@
     "path": ["color", "prettylights", "syntax", "markup", "changed", "bg"]
   },
   "color-prettylights-syntax-markup-ignored-text": {
-    "value": "#c9d1d9",
+    "value": "#f0f6fc",
     "$type": "color",
     "$extensions": {
       "org.primer.figma": {
@@ -16500,7 +16472,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": {
@@ -16569,7 +16541,7 @@
     "path": ["color", "prettylights", "syntax", "meta", "diff", "range"]
   },
   "color-prettylights-syntax-sublimelinter-gutter-mark": {
-    "value": "#484f58",
+    "value": "#3d444d",
     "$type": "color",
     "$extensions": {
       "org.primer.figma": {
@@ -16581,7 +16553,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": {
@@ -16609,7 +16581,7 @@
     "isSource": true,
     "original": {
       "value": {
-        "color": "{base.color.black}",
+        "color": "{base.color.neutral.0}",
         "alpha": 0.24,
         "offsetX": "0px",
         "offsetY": "1px",
@@ -16644,7 +16616,7 @@
     "isSource": true,
     "original": {
       "value": {
-        "color": "{base.color.black}",
+        "color": "{base.color.neutral.0}",
         "alpha": 0.8,
         "offsetX": "0px",
         "offsetY": "1px",
@@ -16680,7 +16652,7 @@
     "original": {
       "value": [
         {
-          "color": "{base.color.black}",
+          "color": "{base.color.neutral.0}",
           "alpha": 0.4,
           "offsetX": "0px",
           "offsetY": "1px",
@@ -16717,7 +16689,7 @@
     "original": {
       "value": [
         {
-          "color": "{base.color.black}",
+          "color": "{base.color.neutral.0}",
           "alpha": 0.8,
           "offsetX": "0px",
           "offsetY": "3px",
@@ -16739,7 +16711,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": {
@@ -16761,7 +16733,7 @@
           "spread": "1px"
         },
         {
-          "color": "{base.color.black}",
+          "color": "{base.color.neutral.0}",
           "alpha": 0.4,
           "offsetX": "0px",
           "offsetY": "6px",
@@ -16769,7 +16741,7 @@
           "spread": "-3px"
         },
         {
-          "color": "{base.color.black}",
+          "color": "{base.color.neutral.0}",
           "alpha": 0.4,
           "offsetX": "0px",
           "offsetY": "6px",
@@ -16791,7 +16763,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": {
@@ -16813,7 +16785,7 @@
           "spread": "1px"
         },
         {
-          "color": "{base.color.black}",
+          "color": "{base.color.neutral.0}",
           "alpha": 0.4,
           "offsetX": "0px",
           "offsetY": "8px",
@@ -16821,7 +16793,7 @@
           "spread": "-4px"
         },
         {
-          "color": "{base.color.black}",
+          "color": "{base.color.neutral.0}",
           "alpha": 0.4,
           "offsetX": "0px",
           "offsetY": "4px",
@@ -16829,7 +16801,7 @@
           "spread": "-4px"
         },
         {
-          "color": "{base.color.black}",
+          "color": "{base.color.neutral.0}",
           "alpha": 0.4,
           "offsetX": "0px",
           "offsetY": "24px",
@@ -16837,7 +16809,7 @@
           "spread": "-12px"
         },
         {
-          "color": "{base.color.black}",
+          "color": "{base.color.neutral.0}",
           "alpha": 0.4,
           "offsetX": "0px",
           "offsetY": "48px",
@@ -16859,7 +16831,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": {
@@ -16881,7 +16853,7 @@
           "spread": "1px"
         },
         {
-          "color": "{base.color.black}",
+          "color": "{base.color.neutral.0}",
           "alpha": 1,
           "offsetX": "0px",
           "offsetY": "24px",
@@ -16903,7 +16875,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": {
@@ -16925,7 +16897,7 @@
           "spread": "1px"
         },
         {
-          "color": "{base.color.black}",
+          "color": "{base.color.neutral.0}",
           "alpha": 1,
           "offsetX": "0px",
           "offsetY": "32px",
@@ -16961,7 +16933,7 @@
     "original": {
       "value": [
         {
-          "color": "{base.color.black}",
+          "color": "{base.color.neutral.0}",
           "alpha": 0.4,
           "offsetX": "0px",
           "offsetY": "6px",
@@ -16969,7 +16941,7 @@
           "spread": "-3px"
         },
         {
-          "color": "{base.color.black}",
+          "color": "{base.color.neutral.0}",
           "alpha": 0.4,
           "offsetX": "0px",
           "offsetY": "6px",