@primer/primitives 9.0.0-rc.e0216c44 → 9.0.0

package/dist/docs/functional/themes/light-high-contrast.json

@@ -58,7 +58,7 @@
     "path": ["highlight", "neutral", "bgColor"]
   },
   "page-header-bgColor": {
-    "value": "#e7ecf0",
+    "value": "#e6eaef",
     "$type": "color",
     "$extensions": {
       "org.primer.figma": {
@@ -420,7 +420,7 @@
     "path": ["diffBlob", "hunk", "bgColor", "num"]
   },
   "diffBlob-expander-iconColor": {
-    "value": "#0e1116",
+    "value": "#454c54",
     "$type": "color",
     "$extensions": {
       "org.primer.figma": {
@@ -565,7 +565,7 @@
     "path": ["codeMirror", "gutterMarker", "fgColor", "default"]
   },
   "codeMirror-gutterMarker-fgColor-muted": {
-    "value": "#0e1116",
+    "value": "#454c54",
     "$type": "color",
     "$extensions": {
       "org.primer.figma": {
@@ -594,7 +594,7 @@
     "path": ["codeMirror", "gutterMarker", "fgColor", "muted"]
   },
   "codeMirror-lineNumber-fgColor": {
-    "value": "#0e1116",
+    "value": "#454c54",
     "$type": "color",
     "$extensions": {
       "org.primer.figma": {
@@ -681,7 +681,7 @@
     "path": ["codeMirror", "selection", "bgColor"]
   },
   "codeMirror-activeline-bgColor": {
-    "value": "#e7ecf0",
+    "value": "#e0e6eb",
     "$type": "color",
     "$extensions": {
       "org.primer.figma": {
@@ -768,7 +768,7 @@
     "path": ["codeMirror", "lines", "bgColor"]
   },
   "codeMirror-syntax-fgColor-comment": {
-    "value": "#0e1116",
+    "value": "#010409",
     "$type": "color",
     "$extensions": {
       "org.primer.figma": {
@@ -781,7 +781,7 @@
     "filePath": "src/tokens/functional/color/light/app-light.json5",
     "isSource": true,
     "original": {
-      "value": "{base.color.neutral.9}",
+      "value": "{base.color.neutral.13}",
       "$type": "color",
       "$extensions": {
         "org.primer.figma": {
@@ -1014,7 +1014,7 @@
     "filePath": "src/tokens/functional/color/light/patterns-light.json5",
     "isSource": true,
     "original": {
-      "value": "{base.color.white}",
+      "value": "{base.color.neutral.0}",
       "$type": "color",
       "$extensions": {
         "org.primer.figma": {
@@ -1044,7 +1044,7 @@
     "filePath": "src/tokens/functional/color/light/patterns-light.json5",
     "isSource": true,
     "original": {
-      "value": "{base.color.white}",
+      "value": "{base.color.neutral.0}",
       "$type": "color",
       "$extensions": {
         "org.primer.figma": {
@@ -1060,7 +1060,7 @@
     "path": ["header", "fgColor", "logo"]
   },
   "header-bgColor": {
-    "value": "#0e1116",
+    "value": "#25292e",
     "$type": "color",
     "$extensions": {
       "org.primer.figma": {
@@ -1073,7 +1073,7 @@
     "filePath": "src/tokens/functional/color/light/patterns-light.json5",
     "isSource": true,
     "original": {
-      "value": "{base.color.neutral.9}",
+      "value": "{base.color.neutral.12}",
       "$type": "color",
       "$extensions": {
         "org.primer.figma": {
@@ -1089,7 +1089,7 @@
     "path": ["header", "bgColor"]
   },
   "header-borderColor-divider": {
-    "value": "#acb6c0",
+    "value": "#c8d1da",
     "$type": "color",
     "$extensions": {
       "org.primer.figma": {
@@ -1102,7 +1102,7 @@
     "filePath": "src/tokens/functional/color/light/overrides/light.high-contrast.json5",
     "isSource": true,
     "original": {
-      "value": "{base.color.neutral.3}",
+      "value": "{base.color.neutral.7}",
       "$type": "color",
       "$extensions": {
         "org.primer.figma": {
@@ -1118,7 +1118,7 @@
     "path": ["header", "borderColor", "divider"]
   },
   "headerSearch-bgColor": {
-    "value": "#0e1116",
+    "value": "#25292e",
     "$type": "color",
     "$extensions": {
       "org.primer.figma": {
@@ -1131,7 +1131,7 @@
     "filePath": "src/tokens/functional/color/light/patterns-light.json5",
     "isSource": true,
     "original": {
-      "value": "{base.color.neutral.9}",
+      "value": "{base.color.neutral.12}",
       "$type": "color",
       "$extensions": {
         "org.primer.figma": {
@@ -1147,7 +1147,7 @@
     "path": ["headerSearch", "bgColor"]
   },
   "headerSearch-borderColor": {
-    "value": "#4b535d",
+    "value": "#818b98",
     "$type": "color",
     "$extensions": {
       "org.primer.figma": {
@@ -1160,7 +1160,7 @@
     "filePath": "src/tokens/functional/color/light/patterns-light.json5",
     "isSource": true,
     "original": {
-      "value": "{base.color.neutral.6}",
+      "value": "{base.color.neutral.8}",
       "$type": "color",
       "$extensions": {
         "org.primer.figma": {
@@ -4524,7 +4524,7 @@
     "filePath": "src/tokens/functional/color/light/patterns-light.json5",
     "isSource": true,
     "original": {
-      "value": "{base.color.white}",
+      "value": "{base.color.neutral.0}",
       "$type": "color",
       "$extensions": {
         "org.primer.figma": {
@@ -4554,7 +4554,7 @@
     "isSource": true,
     "alpha": 0.9,
     "original": {
-      "value": "{base.color.black}",
+      "value": "{base.color.neutral.13}",
       "$type": "color",
       "$extensions": {
         "org.primer.figma": {
@@ -4585,7 +4585,7 @@
     "original": {
       "value": [
         {
-          "color": "{base.color.white}",
+          "color": "{base.color.neutral.0}",
           "alpha": 0.8,
           "offsetX": "0px",
           "offsetY": "0px",
@@ -4607,7 +4607,7 @@
     "path": ["avatar", "shadow"]
   },
   "avatarStack-fade-bgColor-default": {
-    "value": "#acb6c0",
+    "value": "#c8d1da",
     "$type": "color",
     "$extensions": {
       "org.primer.figma": {
@@ -4620,7 +4620,7 @@
     "filePath": "src/tokens/functional/color/light/patterns-light.json5",
     "isSource": true,
     "original": {
-      "value": "{base.color.neutral.3}",
+      "value": "{base.color.neutral.7}",
       "$type": "color",
       "$extensions": {
         "org.primer.figma": {
@@ -4636,7 +4636,7 @@
     "path": ["avatarStack", "fade", "bgColor", "default"]
   },
   "avatarStack-fade-bgColor-muted": {
-    "value": "#ced5dc",
+    "value": "#dae0e7",
     "$type": "color",
     "$extensions": {
       "org.primer.figma": {
@@ -4649,7 +4649,7 @@
     "filePath": "src/tokens/functional/color/light/patterns-light.json5",
     "isSource": true,
     "original": {
-      "value": "{base.color.neutral.2}",
+      "value": "{base.color.neutral.5}",
       "$type": "color",
       "$extensions": {
         "org.primer.figma": {
@@ -4665,7 +4665,7 @@
     "path": ["avatarStack", "fade", "bgColor", "muted"]
   },
   "control-bgColor-rest": {
-    "value": "#e7ecf0",
+    "value": "#e0e6eb",
     "$type": "color",
     "$extensions": {
       "org.primer.figma": {
@@ -4678,7 +4678,7 @@
     "filePath": "src/tokens/functional/color/light/overrides/light.high-contrast.json5",
     "isSource": true,
     "original": {
-      "value": "{base.color.neutral.1}",
+      "value": "{base.color.neutral.4}",
       "$type": "color",
       "$extensions": {
         "org.primer.figma": {
@@ -4694,7 +4694,7 @@
     "path": ["control", "bgColor", "rest"]
   },
   "control-bgColor-hover": {
-    "value": "#dbe1e6",
+    "value": "#dae0e7",
     "$type": "color",
     "$extensions": {
       "org.primer.figma": {
@@ -4704,14 +4704,10 @@
         "scopes": ["bgColor"]
       }
     },
-    "mix": {
-      "color": "#acb6c0",
-      "weight": 0.2
-    },
     "filePath": "src/tokens/functional/color/light/overrides/light.high-contrast.json5",
     "isSource": true,
     "original": {
-      "value": "{base.color.neutral.1}",
+      "value": "{base.color.neutral.5}",
       "$type": "color",
       "$extensions": {
         "org.primer.figma": {
@@ -4720,10 +4716,6 @@
           "group": "component",
           "scopes": ["bgColor"]
         }
-      },
-      "mix": {
-        "color": "{base.color.neutral.3}",
-        "weight": 0.2
       }
     },
     "name": "control-bgColor-hover",
@@ -4731,7 +4723,7 @@
     "path": ["control", "bgColor", "hover"]
   },
   "control-bgColor-active": {
-    "value": "#cfd6dd",
+    "value": "#d1d9e0",
     "$type": "color",
     "$extensions": {
       "org.primer.figma": {
@@ -4741,14 +4733,10 @@
         "scopes": ["bgColor"]
       }
     },
-    "mix": {
-      "color": "#acb6c0",
-      "weight": 0.4
-    },
     "filePath": "src/tokens/functional/color/light/overrides/light.high-contrast.json5",
     "isSource": true,
     "original": {
-      "value": "{base.color.neutral.1}",
+      "value": "{base.color.neutral.6}",
       "$type": "color",
       "$extensions": {
         "org.primer.figma": {
@@ -4757,10 +4745,6 @@
           "group": "component",
           "scopes": ["bgColor"]
         }
-      },
-      "mix": {
-        "color": "{base.color.neutral.3}",
-        "weight": 0.4
       }
     },
     "name": "control-bgColor-active",
@@ -4768,7 +4752,7 @@
     "path": ["control", "bgColor", "active"]
   },
   "control-bgColor-disabled": {
-    "value": "#ced5dcb3",
+    "value": "#e0e6eb",
     "$type": "color",
     "$extensions": {
       "org.primer.figma": {
@@ -4797,7 +4781,7 @@
     "path": ["control", "bgColor", "disabled"]
   },
   "control-bgColor-selected": {
-    "value": "#acb6c0",
+    "value": "#e0e6eb",
     "$type": "color",
     "$extensions": {
       "org.primer.figma": {
@@ -4807,10 +4791,10 @@
         "scopes": ["bgColor"]
       }
     },
-    "filePath": "src/tokens/functional/color/light/overrides/light.high-contrast.json5",
+    "filePath": "src/tokens/functional/color/light/patterns-light.json5",
     "isSource": true,
     "original": {
-      "value": "{base.color.neutral.3}",
+      "value": "{control.bgColor.rest}",
       "$type": "color",
       "$extensions": {
         "org.primer.figma": {
@@ -4826,7 +4810,7 @@
     "path": ["control", "bgColor", "selected"]
   },
   "control-fgColor-rest": {
-    "value": "#0e1116",
+    "value": "#25292e",
     "$type": "color",
     "$extensions": {
       "org.primer.figma": {
@@ -4839,7 +4823,7 @@
     "filePath": "src/tokens/functional/color/light/patterns-light.json5",
     "isSource": true,
     "original": {
-      "value": "{base.color.neutral.9}",
+      "value": "{base.color.neutral.12}",
       "$type": "color",
       "$extensions": {
         "org.primer.figma": {
@@ -4855,12 +4839,8 @@
     "path": ["control", "fgColor", "rest"]
   },
   "control-fgColor-placeholder": {
-    "value": "#464e58",
+    "value": "#454c54",
     "$type": "color",
-    "mix": {
-      "color": "#343b43",
-      "weight": 0.2
-    },
     "$extensions": {
       "org.primer.figma": {
         "collection": "mode",
@@ -4872,12 +4852,8 @@
     "filePath": "src/tokens/functional/color/light/overrides/light.high-contrast.json5",
     "isSource": true,
     "original": {
-      "value": "{base.color.neutral.6}",
+      "value": "{base.color.neutral.10}",
       "$type": "color",
-      "mix": {
-        "color": "{base.color.neutral.7}",
-        "weight": 0.2
-      },
       "$extensions": {
         "org.primer.figma": {
           "collection": "mode",
@@ -4892,7 +4868,7 @@
     "path": ["control", "fgColor", "placeholder"]
   },
   "control-fgColor-disabled": {
-    "value": "#66707b",
+    "value": "#59636e",
     "$type": "color",
     "$extensions": {
       "org.primer.figma": {
@@ -4921,7 +4897,7 @@
     "path": ["control", "fgColor", "disabled"]
   },
   "control-borderColor-rest": {
-    "value": "#20252c",
+    "value": "#454c54",
     "$type": "color",
     "$extensions": {
       "org.primer.figma": {
@@ -4950,7 +4926,7 @@
     "path": ["control", "borderColor", "rest"]
   },
   "control-borderColor-emphasis": {
-    "value": "#20252c",
+    "value": "#454c54",
     "$type": "color",
     "$extensions": {
       "org.primer.figma": {
@@ -4960,11 +4936,10 @@
         "scopes": ["borderColor"]
       }
     },
-    "mix": null,
-    "filePath": "src/tokens/functional/color/light/overrides/light.high-contrast.json5",
+    "filePath": "src/tokens/functional/color/light/patterns-light.json5",
     "isSource": true,
     "original": {
-      "value": "{borderColor.default}",
+      "value": "{borderColor.emphasis}",
       "$type": "color",
       "$extensions": {
         "org.primer.figma": {
@@ -4973,15 +4948,14 @@
           "group": "component",
           "scopes": ["borderColor"]
         }
-      },
-      "mix": null
+      }
     },
     "name": "control-borderColor-emphasis",
     "attributes": {},
     "path": ["control", "borderColor", "emphasis"]
   },
   "control-borderColor-disabled": {
-    "value": "#ced5dcb3",
+    "value": "#59636e1f",
     "$type": "color",
     "$extensions": {
       "org.primer.figma": {
@@ -5010,7 +4984,7 @@
     "path": ["control", "borderColor", "disabled"]
   },
   "control-borderColor-selected": {
-    "value": "#ffffff",
+    "value": "#e0e6eb",
     "$type": "color",
     "$extensions": {
       "org.primer.figma": {
@@ -5023,7 +4997,7 @@
     "filePath": "src/tokens/functional/color/light/patterns-light.json5",
     "isSource": true,
     "original": {
-      "value": "{base.color.neutral.0}",
+      "value": "{control.bgColor.selected}",
       "$type": "color",
       "$extensions": {
         "org.primer.figma": {
@@ -5126,7 +5100,7 @@
     "path": ["control", "borderColor", "warning"]
   },
   "control-iconColor-rest": {
-    "value": "#0e1116",
+    "value": "#454c54",
     "$type": "color",
     "$extensions": {
       "org.primer.figma": {
@@ -5184,7 +5158,7 @@
     "path": ["control", "transparent", "bgColor", "rest"]
   },
   "control-transparent-bgColor-hover": {
-    "value": "#e7ecf0",
+    "value": "#dae0e7",
     "$type": "color",
     "$extensions": {
       "org.primer.figma": {
@@ -5194,12 +5168,11 @@
         "scopes": ["bgColor"]
       }
     },
-    "alpha": null,
+    "alpha": 1,
     "filePath": "src/tokens/functional/color/light/overrides/light.high-contrast.json5",
     "isSource": true,
-    "mix": null,
     "original": {
-      "value": "{base.color.neutral.1}",
+      "value": "{base.color.neutral.5}",
       "$type": "color",
       "$extensions": {
         "org.primer.figma": {
@@ -5209,15 +5182,14 @@
           "scopes": ["bgColor"]
         }
       },
-      "alpha": null,
-      "mix": null
+      "alpha": 1
     },
     "name": "control-transparent-bgColor-hover",
     "attributes": {},
     "path": ["control", "transparent", "bgColor", "hover"]
   },
   "control-transparent-bgColor-active": {
-    "value": "#ced5dc",
+    "value": "#d1d9e0",
     "$type": "color",
     "$extensions": {
       "org.primer.figma": {
@@ -5227,12 +5199,11 @@
         "scopes": ["bgColor"]
       }
     },
-    "alpha": null,
+    "alpha": 1,
     "filePath": "src/tokens/functional/color/light/overrides/light.high-contrast.json5",
     "isSource": true,
-    "mix": null,
     "original": {
-      "value": "{base.color.neutral.2}",
+      "value": "{base.color.neutral.6}",
       "$type": "color",
       "$extensions": {
         "org.primer.figma": {
@@ -5242,15 +5213,14 @@
           "scopes": ["bgColor"]
         }
       },
-      "alpha": null,
-      "mix": null
+      "alpha": 1
     },
     "name": "control-transparent-bgColor-active",
     "attributes": {},
     "path": ["control", "transparent", "bgColor", "active"]
   },
   "control-transparent-bgColor-disabled": {
-    "value": "#ced5dcb3",
+    "value": "#e0e6eb",
     "$type": "color",
     "$extensions": {
       "org.primer.figma": {
@@ -5279,7 +5249,7 @@
     "path": ["control", "transparent", "bgColor", "disabled"]
   },
   "control-transparent-bgColor-selected": {
-    "value": "#ced5dc33",
+    "value": "#dae0e7",
     "$type": "color",
     "$extensions": {
       "org.primer.figma": {
@@ -5289,11 +5259,11 @@
         "scopes": ["bgColor"]
       }
     },
-    "alpha": 0.2,
+    "alpha": 1,
     "filePath": "src/tokens/functional/color/light/overrides/light.high-contrast.json5",
     "isSource": true,
     "original": {
-      "value": "{base.color.neutral.2}",
+      "value": "{base.color.neutral.5}",
       "$type": "color",
       "$extensions": {
         "org.primer.figma": {
@@ -5303,7 +5273,7 @@
           "scopes": ["bgColor"]
         }
       },
-      "alpha": 0.2
+      "alpha": 1
     },
     "name": "control-transparent-bgColor-selected",
     "attributes": {},
@@ -5339,7 +5309,7 @@
     "path": ["control", "transparent", "borderColor", "rest"]
   },
   "control-transparent-borderColor-hover": {
-    "value": "#20252c",
+    "value": "#454c54",
     "$type": "color",
     "$extensions": {
       "org.primer.figma": {
@@ -5368,7 +5338,7 @@
     "path": ["control", "transparent", "borderColor", "hover"]
   },
   "control-transparent-borderColor-active": {
-    "value": "#ffffff00",
+    "value": "#454c54",
     "$type": "color",
     "$extensions": {
       "org.primer.figma": {
@@ -5378,10 +5348,10 @@
         "scopes": ["borderColor"]
       }
     },
-    "filePath": "src/tokens/functional/color/light/patterns-light.json5",
+    "filePath": "src/tokens/functional/color/light/overrides/light.high-contrast.json5",
     "isSource": true,
     "original": {
-      "value": "{base.color.transparent}",
+      "value": "{borderColor.default}",
       "$type": "color",
       "$extensions": {
         "org.primer.figma": {
@@ -5630,7 +5600,7 @@
     "path": ["control", "checked", "bgColor", "active"]
   },
   "control-checked-bgColor-disabled": {
-    "value": "#66707b",
+    "value": "#59636e",
     "$type": "color",
     "$extensions": {
       "org.primer.figma": {
@@ -5730,7 +5700,7 @@
     "filePath": "src/tokens/functional/color/light/patterns-light.json5",
     "isSource": true,
     "original": {
-      "value": "{bgColor.accent.emphasis}",
+      "value": "{control.checked.bgColor.rest}",
       "$type": "color",
       "$extensions": {
         "org.primer.figma": {
@@ -5756,14 +5726,10 @@
         "scopes": ["borderColor"]
       }
     },
-    "mix": {
-      "color": "#022f7a",
-      "weight": 0.2
-    },
     "filePath": "src/tokens/functional/color/light/patterns-light.json5",
     "isSource": true,
     "original": {
-      "value": "{bgColor.accent.emphasis}",
+      "value": "{control.checked.bgColor.hover}",
       "$type": "color",
       "$extensions": {
         "org.primer.figma": {
@@ -5772,10 +5738,6 @@
           "group": "component",
           "scopes": ["borderColor"]
         }
-      },
-      "mix": {
-        "color": "{base.color.blue.7}",
-        "weight": 0.2
       }
     },
     "name": "control-checked-borderColor-hover",
@@ -5793,14 +5755,10 @@
         "scopes": ["borderColor"]
       }
     },
-    "mix": {
-      "color": "#022f7a",
-      "weight": 0.4
-    },
     "filePath": "src/tokens/functional/color/light/patterns-light.json5",
     "isSource": true,
     "original": {
-      "value": "{bgColor.accent.emphasis}",
+      "value": "{control.checked.bgColor.active}",
       "$type": "color",
       "$extensions": {
         "org.primer.figma": {
@@ -5809,10 +5767,6 @@
           "group": "component",
           "scopes": ["borderColor"]
         }
-      },
-      "mix": {
-        "color": "{base.color.blue.7}",
-        "weight": 0.4
       }
     },
     "name": "control-checked-borderColor-active",
@@ -5820,7 +5774,7 @@
     "path": ["control", "checked", "borderColor", "active"]
   },
   "control-checked-borderColor-disabled": {
-    "value": "#66707b",
+    "value": "#59636e",
     "$type": "color",
     "$extensions": {
       "org.primer.figma": {
@@ -5833,7 +5787,7 @@
     "filePath": "src/tokens/functional/color/light/patterns-light.json5",
     "isSource": true,
     "original": {
-      "value": "{fgColor.disabled}",
+      "value": "{control.checked.bgColor.disabled}",
       "$type": "color",
       "$extensions": {
         "org.primer.figma": {
@@ -5849,7 +5803,7 @@
     "path": ["control", "checked", "borderColor", "disabled"]
   },
   "controlTrack-bgColor-rest": {
-    "value": "#acb6c0",
+    "value": "#dae0e7",
     "$type": "color",
     "$extensions": {
       "org.primer.figma": {
@@ -5862,7 +5816,7 @@
     "filePath": "src/tokens/functional/color/light/overrides/light.high-contrast.json5",
     "isSource": true,
     "original": {
-      "value": "{base.color.neutral.3}",
+      "value": "{base.color.neutral.5}",
       "$type": "color",
       "$extensions": {
         "org.primer.figma": {
@@ -5878,7 +5832,7 @@
     "path": ["controlTrack", "bgColor", "rest"]
   },
   "controlTrack-bgColor-hover": {
-    "value": "#9ea8b2",
+    "value": "#d1d9e0",
     "$type": "color",
     "$extensions": {
       "org.primer.figma": {
@@ -5888,14 +5842,10 @@
         "scopes": ["bgColor"]
       }
     },
-    "mix": {
-      "color": "#66707b",
-      "weight": 0.2
-    },
     "filePath": "src/tokens/functional/color/light/overrides/light.high-contrast.json5",
     "isSource": true,
     "original": {
-      "value": "{base.color.neutral.3}",
+      "value": "{base.color.neutral.6}",
       "$type": "color",
       "$extensions": {
         "org.primer.figma": {
@@ -5904,10 +5854,6 @@
           "group": "component (internal)",
           "scopes": ["bgColor"]
         }
-      },
-      "mix": {
-        "color": "{base.color.neutral.5}",
-        "weight": 0.2
       }
     },
     "name": "controlTrack-bgColor-hover",
@@ -5915,7 +5861,7 @@
     "path": ["controlTrack", "bgColor", "hover"]
   },
   "controlTrack-bgColor-active": {
-    "value": "#909aa4",
+    "value": "#c8d1da",
     "$type": "color",
     "$extensions": {
       "org.primer.figma": {
@@ -5925,14 +5871,10 @@
         "scopes": ["bgColor"]
       }
     },
-    "mix": {
-      "color": "#66707b",
-      "weight": 0.4
-    },
     "filePath": "src/tokens/functional/color/light/overrides/light.high-contrast.json5",
     "isSource": true,
     "original": {
-      "value": "{base.color.neutral.3}",
+      "value": "{base.color.neutral.7}",
       "$type": "color",
       "$extensions": {
         "org.primer.figma": {
@@ -5941,10 +5883,6 @@
           "group": "component (internal)",
           "scopes": ["bgColor"]
         }
-      },
-      "mix": {
-        "color": "{base.color.neutral.5}",
-        "weight": 0.4
       }
     },
     "name": "controlTrack-bgColor-active",
@@ -5952,7 +5890,7 @@
     "path": ["controlTrack", "bgColor", "active"]
   },
   "controlTrack-bgColor-disabled": {
-    "value": "#66707b",
+    "value": "#59636e",
     "$type": "color",
     "$extensions": {
       "org.primer.figma": {
@@ -5962,7 +5900,7 @@
         "scopes": ["bgColor"]
       }
     },
-    "filePath": "src/tokens/functional/color/light/overrides/light.high-contrast.json5",
+    "filePath": "src/tokens/functional/color/light/patterns-light.json5",
     "isSource": true,
     "original": {
       "value": "{fgColor.disabled}",
@@ -5981,7 +5919,7 @@
     "path": ["controlTrack", "bgColor", "disabled"]
   },
   "controlTrack-fgColor-rest": {
-    "value": "#010409",
+    "value": "#59636e",
     "$type": "color",
     "$extensions": {
       "org.primer.figma": {
@@ -5991,10 +5929,10 @@
         "scopes": ["fgColor"]
       }
     },
-    "filePath": "src/tokens/functional/color/light/overrides/light.high-contrast.json5",
+    "filePath": "src/tokens/functional/color/light/patterns-light.json5",
     "isSource": true,
     "original": {
-      "value": "{fgColor.default}",
+      "value": "{base.color.neutral.9}",
       "$type": "color",
       "$extensions": {
         "org.primer.figma": {
@@ -6039,7 +5977,7 @@
     "path": ["controlTrack", "fgColor", "disabled"]
   },
   "controlTrack-borderColor-rest": {
-    "value": "#66707b",
+    "value": "#454c54",
     "$type": "color",
     "$extensions": {
       "org.primer.figma": {
@@ -6068,7 +6006,7 @@
     "path": ["controlTrack", "borderColor", "rest"]
   },
   "controlTrack-borderColor-disabled": {
-    "value": "#66707b",
+    "value": "#59636e",
     "$type": "color",
     "$extensions": {
       "org.primer.figma": {
@@ -6110,7 +6048,7 @@
     "filePath": "src/tokens/functional/color/light/patterns-light.json5",
     "isSource": true,
     "original": {
-      "value": "{base.color.white}",
+      "value": "{base.color.neutral.0}",
       "$type": "color",
       "$extensions": {
         "org.primer.figma": {
@@ -6126,7 +6064,7 @@
     "path": ["controlKnob", "bgColor", "rest"]
   },
   "controlKnob-bgColor-disabled": {
-    "value": "#ced5dcb3",
+    "value": "#e0e6eb",
     "$type": "color",
     "$extensions": {
       "org.primer.figma": {
@@ -6168,7 +6106,7 @@
     "filePath": "src/tokens/functional/color/light/patterns-light.json5",
     "isSource": true,
     "original": {
-      "value": "{base.color.white}",
+      "value": "{base.color.neutral.0}",
       "$type": "color",
       "$extensions": {
         "org.primer.figma": {
@@ -6184,7 +6122,7 @@
     "path": ["controlKnob", "bgColor", "checked"]
   },
   "controlKnob-borderColor-rest": {
-    "value": "#20252c",
+    "value": "#454c54",
     "$type": "color",
     "$extensions": {
       "org.primer.figma": {
@@ -6213,7 +6151,7 @@
     "path": ["controlKnob", "borderColor", "rest"]
   },
   "controlKnob-borderColor-disabled": {
-    "value": "#ced5dcb3",
+    "value": "#e0e6eb",
     "$type": "color",
     "$extensions": {
       "org.primer.figma": {
@@ -6271,7 +6209,7 @@
     "path": ["controlKnob", "borderColor", "checked"]
   },
   "counter-borderColor": {
-    "value": "#20252c",
+    "value": "#454c54",
     "$type": "color",
     "$extensions": {
       "org.primer.figma": {
@@ -6299,8 +6237,68 @@
     "attributes": {},
     "path": ["counter", "borderColor"]
   },
+  "counter-bgColor-muted": {
+    "value": "#e0e6eb",
+    "$type": "color",
+    "$extensions": {
+      "org.primer.figma": {
+        "collection": "mode",
+        "mode": "light",
+        "group": "component",
+        "scopes": ["bgColor"]
+      }
+    },
+    "filePath": "src/tokens/functional/color/light/overrides/light.high-contrast.json5",
+    "isSource": true,
+    "alpha": 1,
+    "original": {
+      "value": "{bgColor.neutral.muted}",
+      "$type": "color",
+      "$extensions": {
+        "org.primer.figma": {
+          "collection": "mode",
+          "mode": "light",
+          "group": "component",
+          "scopes": ["bgColor"]
+        }
+      },
+      "alpha": 1
+    },
+    "name": "counter-bgColor-muted",
+    "attributes": {},
+    "path": ["counter", "bgColor", "muted"]
+  },
+  "counter-bgColor-emphasis": {
+    "value": "#454c54",
+    "$type": "color",
+    "$extensions": {
+      "org.primer.figma": {
+        "collection": "mode",
+        "mode": "light",
+        "group": "component",
+        "scopes": ["bgColor"]
+      }
+    },
+    "filePath": "src/tokens/functional/color/light/patterns-light.json5",
+    "isSource": true,
+    "original": {
+      "value": "{bgColor.neutral.emphasis}",
+      "$type": "color",
+      "$extensions": {
+        "org.primer.figma": {
+          "collection": "mode",
+          "mode": "light",
+          "group": "component",
+          "scopes": ["bgColor"]
+        }
+      }
+    },
+    "name": "counter-bgColor-emphasis",
+    "attributes": {},
+    "path": ["counter", "bgColor", "emphasis"]
+  },
   "button-default-fgColor-rest": {
-    "value": "#0e1116",
+    "value": "#25292e",
     "$type": "color",
     "$extensions": {
       "org.primer.figma": {
@@ -6329,7 +6327,7 @@
     "path": ["button", "default", "fgColor", "rest"]
   },
   "button-default-bgColor-rest": {
-    "value": "#e7ecf0",
+    "value": "#e0e6eb",
     "$type": "color",
     "$extensions": {
       "org.primer.figma": {
@@ -6358,7 +6356,7 @@
     "path": ["button", "default", "bgColor", "rest"]
   },
   "button-default-bgColor-hover": {
-    "value": "#dbe1e6",
+    "value": "#dae0e7",
     "$type": "color",
     "$extensions": {
       "org.primer.figma": {
@@ -6387,7 +6385,7 @@
     "path": ["button", "default", "bgColor", "hover"]
   },
   "button-default-bgColor-active": {
-    "value": "#cfd6dd",
+    "value": "#d1d9e0",
     "$type": "color",
     "$extensions": {
       "org.primer.figma": {
@@ -6416,7 +6414,7 @@
     "path": ["button", "default", "bgColor", "active"]
   },
   "button-default-bgColor-selected": {
-    "value": "#cfd6dd",
+    "value": "#d1d9e0",
     "$type": "color",
     "$extensions": {
       "org.primer.figma": {
@@ -6445,7 +6443,7 @@
     "path": ["button", "default", "bgColor", "selected"]
   },
   "button-default-bgColor-disabled": {
-    "value": "#ced5dcb3",
+    "value": "#e0e6eb",
     "$type": "color",
     "filePath": "src/tokens/functional/color/light/patterns-light.json5",
     "isSource": true,
@@ -6458,7 +6456,7 @@
     "path": ["button", "default", "bgColor", "disabled"]
   },
   "button-default-borderColor-rest": {
-    "value": "#20252c",
+    "value": "#454c54",
     "$type": "color",
     "$extensions": {
       "org.primer.figma": {
@@ -6468,10 +6466,10 @@
         "scopes": ["borderColor"]
       }
     },
-    "filePath": "src/tokens/functional/color/light/overrides/light.high-contrast.json5",
+    "filePath": "src/tokens/functional/color/light/patterns-light.json5",
     "isSource": true,
     "original": {
-      "value": "{borderColor.default}",
+      "value": "{control.borderColor.rest}",
       "$type": "color",
       "$extensions": {
         "org.primer.figma": {
@@ -6487,7 +6485,7 @@
     "path": ["button", "default", "borderColor", "rest"]
   },
   "button-default-borderColor-hover": {
-    "value": "#20252c",
+    "value": "#454c54",
     "$type": "color",
     "$extensions": {
       "org.primer.figma": {
@@ -6497,10 +6495,10 @@
         "scopes": ["borderColor"]
       }
     },
-    "filePath": "src/tokens/functional/color/light/overrides/light.high-contrast.json5",
+    "filePath": "src/tokens/functional/color/light/patterns-light.json5",
     "isSource": true,
     "original": {
-      "value": "{borderColor.default}",
+      "value": "{control.borderColor.rest}",
       "$type": "color",
       "$extensions": {
         "org.primer.figma": {
@@ -6516,7 +6514,7 @@
     "path": ["button", "default", "borderColor", "hover"]
   },
   "button-default-borderColor-active": {
-    "value": "#20252c",
+    "value": "#454c54",
     "$type": "color",
     "$extensions": {
       "org.primer.figma": {
@@ -6526,10 +6524,10 @@
         "scopes": ["borderColor"]
       }
     },
-    "filePath": "src/tokens/functional/color/light/overrides/light.high-contrast.json5",
+    "filePath": "src/tokens/functional/color/light/patterns-light.json5",
     "isSource": true,
     "original": {
-      "value": "{borderColor.default}",
+      "value": "{control.borderColor.rest}",
       "$type": "color",
       "$extensions": {
         "org.primer.figma": {
@@ -6545,7 +6543,7 @@
     "path": ["button", "default", "borderColor", "active"]
   },
   "button-default-borderColor-disabled": {
-    "value": "#ced5dcb3",
+    "value": "#59636e1f",
     "$type": "color",
     "$extensions": {
       "org.primer.figma": {
@@ -6588,7 +6586,7 @@
     "original": {
       "value": [
         {
-          "color": "{base.color.black}",
+          "color": "{base.color.neutral.13}",
           "alpha": 0.04,
           "offsetX": "0px",
           "offsetY": "1px",
@@ -6654,7 +6652,7 @@
     "filePath": "src/tokens/functional/color/light/patterns-light.json5",
     "isSource": true,
     "original": {
-      "value": "{base.color.white}",
+      "value": "{base.color.neutral.0}",
       "$type": "color",
       "$extensions": {
         "org.primer.figma": {
@@ -7001,7 +6999,7 @@
     "path": ["button", "primary", "shadow", "selected"]
   },
   "button-invisible-fgColor-rest": {
-    "value": "#010409",
+    "value": "#454c54",
     "$type": "color",
     "$extensions": {
       "org.primer.figma": {
@@ -7014,7 +7012,7 @@
     "filePath": "src/tokens/functional/color/light/patterns-light.json5",
     "isSource": true,
     "original": {
-      "value": "{fgColor.default}",
+      "value": "{fgColor.muted}",
       "$type": "color",
       "$extensions": {
         "org.primer.figma": {
@@ -7030,7 +7028,7 @@
     "path": ["button", "invisible", "fgColor", "rest"]
   },
   "button-invisible-fgColor-hover": {
-    "value": "#010409",
+    "value": "#393f46",
     "$type": "color",
     "$extensions": {
       "org.primer.figma": {
@@ -7040,10 +7038,10 @@
         "scopes": ["fgColor"]
       }
     },
-    "filePath": "src/tokens/functional/color/light/patterns-light.json5",
+    "filePath": "src/tokens/functional/color/light/overrides/light.high-contrast.json5",
     "isSource": true,
     "original": {
-      "value": "{fgColor.default}",
+      "value": "{base.color.neutral.11}",
       "$type": "color",
       "$extensions": {
         "org.primer.figma": {
@@ -7059,7 +7057,7 @@
     "path": ["button", "invisible", "fgColor", "hover"]
   },
   "button-invisible-fgColor-disabled": {
-    "value": "#66707b",
+    "value": "#59636e",
     "$type": "color",
     "$extensions": {
       "org.primer.figma": {
@@ -7088,7 +7086,7 @@
     "path": ["button", "invisible", "fgColor", "disabled"]
   },
   "button-invisible-iconColor-rest": {
-    "value": "#0e1116",
+    "value": "#454c54",
     "$type": "color",
     "$extensions": {
       "org.primer.figma": {
@@ -7117,7 +7115,7 @@
     "path": ["button", "invisible", "iconColor", "rest"]
   },
   "button-invisible-iconColor-hover": {
-    "value": "#ffffff",
+    "value": "#393f46",
     "$type": "color",
     "$extensions": {
       "org.primer.figma": {
@@ -7130,7 +7128,7 @@
     "filePath": "src/tokens/functional/color/light/overrides/light.high-contrast.json5",
     "isSource": true,
     "original": {
-      "value": "{fgColor.onEmphasis}",
+      "value": "{base.color.neutral.11}",
       "$type": "color",
       "$extensions": {
         "org.primer.figma": {
@@ -7146,7 +7144,7 @@
     "path": ["button", "invisible", "iconColor", "hover"]
   },
   "button-invisible-iconColor-disabled": {
-    "value": "#66707b",
+    "value": "#59636e",
     "$type": "color",
     "$extensions": {
       "org.primer.figma": {
@@ -7204,7 +7202,7 @@
     "path": ["button", "invisible", "bgColor", "rest"]
   },
   "button-invisible-bgColor-hover": {
-    "value": "#20252c",
+    "value": "#dae0e7",
     "$type": "color",
     "$extensions": {
       "org.primer.figma": {
@@ -7214,11 +7212,10 @@
         "scopes": ["bgColor"]
       }
     },
-    "filePath": "src/tokens/functional/color/light/overrides/light.high-contrast.json5",
+    "filePath": "src/tokens/functional/color/light/patterns-light.json5",
     "isSource": true,
-    "alpha": 1,
     "original": {
-      "value": "{base.color.neutral.8}",
+      "value": "{control.transparent.bgColor.hover}",
       "$type": "color",
       "$extensions": {
         "org.primer.figma": {
@@ -7227,15 +7224,14 @@
           "group": "component (internal)",
           "scopes": ["bgColor"]
         }
-      },
-      "alpha": 1
+      }
     },
     "name": "button-invisible-bgColor-hover",
     "attributes": {},
     "path": ["button", "invisible", "bgColor", "hover"]
   },
   "button-invisible-bgColor-active": {
-    "value": "#4b535d",
+    "value": "#d1d9e0",
     "$type": "color",
     "$extensions": {
       "org.primer.figma": {
@@ -7245,11 +7241,10 @@
         "scopes": ["bgColor"]
       }
     },
-    "filePath": "src/tokens/functional/color/light/overrides/light.high-contrast.json5",
+    "filePath": "src/tokens/functional/color/light/patterns-light.json5",
     "isSource": true,
-    "alpha": 1,
     "original": {
-      "value": "{base.color.neutral.6}",
+      "value": "{control.transparent.bgColor.active}",
       "$type": "color",
       "$extensions": {
         "org.primer.figma": {
@@ -7258,15 +7253,14 @@
           "group": "component (internal)",
           "scopes": ["bgColor"]
         }
-      },
-      "alpha": 1
+      }
     },
     "name": "button-invisible-bgColor-active",
     "attributes": {},
     "path": ["button", "invisible", "bgColor", "active"]
   },
   "button-invisible-bgColor-disabled": {
-    "value": "#ced5dcb3",
+    "value": "#e0e6eb",
     "$type": "color",
     "$extensions": {
       "org.primer.figma": {
@@ -7324,7 +7318,7 @@
     "path": ["button", "invisible", "borderColor", "rest"]
   },
   "button-invisible-borderColor-hover": {
-    "value": "#20252c",
+    "value": "#454c54",
     "$type": "color",
     "$extensions": {
       "org.primer.figma": {
@@ -7353,7 +7347,7 @@
     "path": ["button", "invisible", "borderColor", "hover"]
   },
   "button-invisible-borderColor-disabled": {
-    "value": "#ced5dcb3",
+    "value": "#59636e1f",
     "$type": "color",
     "$extensions": {
       "org.primer.figma": {
@@ -7424,7 +7418,7 @@
     "filePath": "src/tokens/functional/color/light/patterns-light.json5",
     "isSource": true,
     "original": {
-      "value": "{base.color.white}",
+      "value": "{base.color.neutral.0}",
       "$type": "color",
       "$extensions": {
         "org.primer.figma": {
@@ -7453,7 +7447,7 @@
     "filePath": "src/tokens/functional/color/light/patterns-light.json5",
     "isSource": true,
     "original": {
-      "value": "{base.color.white}",
+      "value": "{base.color.neutral.0}",
       "$type": "color",
       "$extensions": {
         "org.primer.figma": {
@@ -7500,7 +7494,7 @@
     "path": ["button", "outline", "fgColor", "disabled"]
   },
   "button-outline-bgColor-rest": {
-    "value": "#e7ecf0",
+    "value": "#e0e6eb",
     "$type": "color",
     "$extensions": {
       "org.primer.figma": {
@@ -7595,7 +7589,7 @@
     "path": ["button", "outline", "bgColor", "active"]
   },
   "button-outline-bgColor-disabled": {
-    "value": "#ffffff",
+    "value": "#e0e6eb",
     "$type": "color",
     "$extensions": {
       "org.primer.figma": {
@@ -7608,7 +7602,7 @@
     "filePath": "src/tokens/functional/color/light/patterns-light.json5",
     "isSource": true,
     "original": {
-      "value": "{base.color.neutral.0}",
+      "value": "{control.bgColor.disabled}",
       "$type": "color",
       "$extensions": {
         "org.primer.figma": {
@@ -7624,7 +7618,7 @@
     "path": ["button", "outline", "bgColor", "disabled"]
   },
   "button-outline-borderColor-hover": {
-    "value": "#01040926",
+    "value": "#013d14",
     "$type": "color",
     "$extensions": {
       "org.primer.figma": {
@@ -7634,11 +7628,10 @@
         "scopes": ["borderColor"]
       }
     },
-    "alpha": 0.15,
     "filePath": "src/tokens/functional/color/light/patterns-light.json5",
     "isSource": true,
     "original": {
-      "value": "{base.color.black}",
+      "value": "{button.primary.borderColor.hover}",
       "$type": "color",
       "$extensions": {
         "org.primer.figma": {
@@ -7647,15 +7640,14 @@
           "group": "component (internal)",
           "scopes": ["borderColor"]
         }
-      },
-      "alpha": 0.15
+      }
     },
     "name": "button-outline-borderColor-hover",
     "attributes": {},
     "path": ["button", "outline", "borderColor", "hover"]
   },
   "button-outline-borderColor-active": {
-    "value": "#01040926",
+    "value": "#013d14",
     "$type": "color",
     "$extensions": {
       "org.primer.figma": {
@@ -7763,7 +7755,7 @@
     "filePath": "src/tokens/functional/color/light/patterns-light.json5",
     "isSource": true,
     "original": {
-      "value": "{base.color.white}",
+      "value": "{base.color.neutral.0}",
       "$type": "color",
       "$extensions": {
         "org.primer.figma": {
@@ -7792,7 +7784,7 @@
     "filePath": "src/tokens/functional/color/light/patterns-light.json5",
     "isSource": true,
     "original": {
-      "value": "{base.color.white}",
+      "value": "{base.color.neutral.0}",
       "$type": "color",
       "$extensions": {
         "org.primer.figma": {
@@ -7881,7 +7873,7 @@
     "filePath": "src/tokens/functional/color/light/patterns-light.json5",
     "isSource": true,
     "original": {
-      "value": "{base.color.white}",
+      "value": "{base.color.neutral.0}",
       "$type": "color",
       "$extensions": {
         "org.primer.figma": {
@@ -7897,7 +7889,7 @@
     "path": ["button", "danger", "iconColor", "hover"]
   },
   "button-danger-bgColor-rest": {
-    "value": "#e7ecf0",
+    "value": "#e0e6eb",
     "$type": "color",
     "$extensions": {
       "org.primer.figma": {
@@ -7992,7 +7984,7 @@
     "path": ["button", "danger", "bgColor", "active"]
   },
   "button-danger-bgColor-disabled": {
-    "value": "#ced5dcb3",
+    "value": "#e0e6eb",
     "$type": "color",
     "$extensions": {
       "org.primer.figma": {
@@ -8021,7 +8013,7 @@
     "path": ["button", "danger", "bgColor", "disabled"]
   },
   "button-danger-borderColor-rest": {
-    "value": "#20252c",
+    "value": "#454c54",
     "$type": "color",
     "$extensions": {
       "org.primer.figma": {
@@ -8034,7 +8026,7 @@
     "filePath": "src/tokens/functional/color/light/patterns-light.json5",
     "isSource": true,
     "original": {
-      "value": "{borderColor.default}",
+      "value": "{control.borderColor.rest}",
       "$type": "color",
       "$extensions": {
         "org.primer.figma": {
@@ -8050,7 +8042,7 @@
     "path": ["button", "danger", "borderColor", "rest"]
   },
   "button-danger-borderColor-hover": {
-    "value": "#01040926",
+    "value": "#013d14",
     "$type": "color",
     "$extensions": {
       "org.primer.figma": {
@@ -8060,11 +8052,10 @@
         "scopes": ["borderColor"]
       }
     },
-    "alpha": 0.15,
     "filePath": "src/tokens/functional/color/light/patterns-light.json5",
     "isSource": true,
     "original": {
-      "value": "{base.color.black}",
+      "value": "{button.primary.borderColor.rest}",
       "$type": "color",
       "$extensions": {
         "org.primer.figma": {
@@ -8073,15 +8064,14 @@
           "group": "component (internal)",
           "scopes": ["borderColor"]
         }
-      },
-      "alpha": 0.15
+      }
     },
     "name": "button-danger-borderColor-hover",
     "attributes": {},
     "path": ["button", "danger", "borderColor", "hover"]
   },
   "button-danger-borderColor-active": {
-    "value": "#01040926",
+    "value": "#013d14",
     "$type": "color",
     "$extensions": {
       "org.primer.figma": {
@@ -8147,7 +8137,7 @@
     "path": ["button", "danger", "shadow", "selected"]
   },
   "button-inactive-fgColor": {
-    "value": "#4b535d",
+    "value": "#454c54",
     "$type": "color",
     "$extensions": {
       "org.primer.figma": {
@@ -8157,10 +8147,10 @@
         "scopes": ["fgColor"]
       }
     },
-    "filePath": "src/tokens/functional/color/light/patterns-light.json5",
+    "filePath": "src/tokens/functional/color/light/overrides/light.high-contrast.json5",
     "isSource": true,
     "original": {
-      "value": "{base.color.neutral.6}",
+      "value": "{base.color.neutral.10}",
       "$type": "color",
       "$extensions": {
         "org.primer.figma": {
@@ -8176,7 +8166,7 @@
     "path": ["button", "inactive", "fgColor"]
   },
   "button-inactive-bgColor": {
-    "value": "#e7ecf0",
+    "value": "#e0e6eb",
     "$type": "color",
     "$extensions": {
       "org.primer.figma": {
@@ -8186,10 +8176,10 @@
         "scopes": ["bgColor"]
       }
     },
-    "filePath": "src/tokens/functional/color/light/patterns-light.json5",
+    "filePath": "src/tokens/functional/color/light/overrides/light.high-contrast.json5",
     "isSource": true,
     "original": {
-      "value": "{base.color.neutral.1}",
+      "value": "{control.bgColor.rest}",
       "$type": "color",
       "$extensions": {
         "org.primer.figma": {
@@ -8234,7 +8224,7 @@
     "path": ["button", "star", "iconColor"]
   },
   "buttonCounter-default-bgColor-rest": {
-    "value": "#4b535d33",
+    "value": "#c8d1da",
     "$type": "color",
     "$extensions": {
       "org.primer.figma": {
@@ -8246,9 +8236,8 @@
     },
     "filePath": "src/tokens/functional/color/light/overrides/light.high-contrast.json5",
     "isSource": true,
-    "alpha": 0.2,
     "original": {
-      "value": "{bgColor.neutral.emphasis}",
+      "value": "{base.color.neutral.7}",
       "$type": "color",
       "$extensions": {
         "org.primer.figma": {
@@ -8257,15 +8246,14 @@
           "group": "component (internal)",
           "scopes": ["bgColor"]
         }
-      },
-      "alpha": 0.2
+      }
     },
     "name": "buttonCounter-default-bgColor-rest",
     "attributes": {},
     "path": ["buttonCounter", "default", "bgColor", "rest"]
   },
   "buttonCounter-invisible-bgColor-rest": {
-    "value": "#4b535d33",
+    "value": "#e0e6eb",
     "$type": "color",
     "$extensions": {
       "org.primer.figma": {
@@ -8275,11 +8263,10 @@
         "scopes": ["bgColor"]
       }
     },
-    "filePath": "src/tokens/functional/color/light/overrides/light.high-contrast.json5",
+    "filePath": "src/tokens/functional/color/light/patterns-light.json5",
     "isSource": true,
-    "alpha": 0.2,
     "original": {
-      "value": "{bgColor.neutral.emphasis}",
+      "value": "{bgColor.neutral.muted}",
       "$type": "color",
       "$extensions": {
         "org.primer.figma": {
@@ -8288,8 +8275,7 @@
           "group": "component (internal)",
           "scopes": ["bgColor"]
         }
-      },
-      "alpha": 0.2
+      }
     },
     "name": "buttonCounter-invisible-bgColor-rest",
     "attributes": {},
@@ -8372,7 +8358,7 @@
     "filePath": "src/tokens/functional/color/light/patterns-light.json5",
     "isSource": true,
     "original": {
-      "value": "{base.color.white}",
+      "value": "{base.color.neutral.0}",
       "$type": "color",
       "$extensions": {
         "org.primer.figma": {
@@ -8462,7 +8448,7 @@
     "filePath": "src/tokens/functional/color/light/patterns-light.json5",
     "isSource": true,
     "original": {
-      "value": "{base.color.white}",
+      "value": "{base.color.neutral.0}",
       "$type": "color",
       "$extensions": {
         "org.primer.figma": {
@@ -8523,7 +8509,7 @@
     "filePath": "src/tokens/functional/color/light/patterns-light.json5",
     "isSource": true,
     "original": {
-      "value": "{base.color.white}",
+      "value": "{base.color.neutral.0}",
       "$type": "color",
       "$extensions": {
         "org.primer.figma": {
@@ -8652,7 +8638,7 @@
     "filePath": "src/tokens/functional/color/light/patterns-light.json5",
     "isSource": true,
     "original": {
-      "value": "{base.color.white}",
+      "value": "{base.color.neutral.0}",
       "$type": "color",
       "$extensions": {
         "org.primer.figma": {
@@ -8830,7 +8816,7 @@
         "collection": "mode",
         "mode": "light",
         "group": "component (internal)",
-        "scopes": ["borderColor"]
+        "scopes": ["borderColor", "effectColor"]
       }
     },
     "filePath": "src/tokens/functional/color/light/patterns-light.json5",
@@ -8843,7 +8829,7 @@
           "collection": "mode",
           "mode": "light",
           "group": "component (internal)",
-          "scopes": ["borderColor"]
+          "scopes": ["borderColor", "effectColor"]
         }
       }
     },
@@ -8911,7 +8897,7 @@
     "filePath": "src/tokens/functional/color/light/patterns-light.json5",
     "isSource": true,
     "original": {
-      "value": "{base.color.white}",
+      "value": "{base.color.neutral.0}",
       "$type": "color",
       "$extensions": {
         "org.primer.figma": {
@@ -8927,7 +8913,7 @@
     "path": ["overlay", "bgColor"]
   },
   "overlay-borderColor": {
-    "value": "#88929d",
+    "value": "#454c54",
     "$type": "color",
     "$extensions": {
       "org.primer.figma": {
@@ -8940,7 +8926,7 @@
     "filePath": "src/tokens/functional/color/light/overrides/light.high-contrast.json5",
     "isSource": true,
     "original": {
-      "value": "{borderColor.muted}",
+      "value": "{borderColor.default}",
       "$type": "color",
       "$extensions": {
         "org.primer.figma": {
@@ -8956,7 +8942,7 @@
     "path": ["overlay", "borderColor"]
   },
   "overlay-backdrop-bgColor": {
-    "value": "#88929d33",
+    "value": "#393f4666",
     "$type": "color",
     "$extensions": {
       "org.primer.figma": {
@@ -8966,11 +8952,11 @@
         "scopes": ["bgColor"]
       }
     },
-    "alpha": 0.2,
-    "filePath": "src/tokens/functional/color/light/patterns-light.json5",
+    "alpha": 0.4,
+    "filePath": "src/tokens/functional/color/light/overrides/light.high-contrast.json5",
     "isSource": true,
     "original": {
-      "value": "{base.color.neutral.4}",
+      "value": "{base.color.neutral.11}",
       "$type": "color",
       "$extensions": {
         "org.primer.figma": {
@@ -8980,7 +8966,7 @@
           "scopes": ["bgColor"]
         }
       },
-      "alpha": 0.2
+      "alpha": 0.4
     },
     "name": "overlay-backdrop-bgColor",
     "attributes": {},
@@ -9058,7 +9044,7 @@
     "filePath": "src/tokens/functional/color/light/patterns-light.json5",
     "isSource": true,
     "original": {
-      "value": "{base.color.white}",
+      "value": "{base.color.neutral.0}",
       "$type": "color",
       "$extensions": {
         "org.primer.figma": {
@@ -9074,7 +9060,7 @@
     "path": ["sideNav", "bgColor", "selected"]
   },
   "skeletonLoader-bgColor": {
-    "value": "#e7ecf0",
+    "value": "#e6eaef",
     "$type": "color",
     "filePath": "src/tokens/functional/color/light/patterns-light.json5",
     "isSource": true,
@@ -9087,7 +9073,7 @@
     "path": ["skeletonLoader", "bgColor"]
   },
   "timelineBadge-bgColor": {
-    "value": "#e7ecf0",
+    "value": "#e6eaef",
     "$type": "color",
     "$extensions": {
       "org.primer.figma": {
@@ -9100,7 +9086,7 @@
     "filePath": "src/tokens/functional/color/light/patterns-light.json5",
     "isSource": true,
     "original": {
-      "value": "{base.color.neutral.1}",
+      "value": "{bgColor.muted}",
       "$type": "color",
       "$extensions": {
         "org.primer.figma": {
@@ -9174,7 +9160,7 @@
     "path": ["underlineNav", "borderColor", "active"]
   },
   "underlineNav-borderColor-hover": {
-    "value": "#88929d",
+    "value": "#454c54",
     "$type": "color",
     "$extensions": {
       "org.primer.figma": {
@@ -9187,7 +9173,7 @@
     "filePath": "src/tokens/functional/color/light/patterns-light.json5",
     "isSource": true,
     "original": {
-      "value": "{borderColor.neutral.muted}",
+      "value": "{borderColor.muted}",
       "$type": "color",
       "$extensions": {
         "org.primer.figma": {
@@ -9203,7 +9189,7 @@
     "path": ["underlineNav", "borderColor", "hover"]
   },
   "underlineNav-iconColor-rest": {
-    "value": "#0e1116",
+    "value": "#454c54",
     "$type": "color",
     "$extensions": {
       "org.primer.figma": {
@@ -12598,7 +12584,7 @@
     "path": ["label", "coral", "fgColor", "active"]
   },
   "tooltip-bgColor": {
-    "value": "#0e1116",
+    "value": "#25292e",
     "$type": "color",
     "$extensions": {
       "org.primer.figma": {
@@ -12672,7 +12658,7 @@
     "filePath": "src/tokens/functional/color/light/primitives-light.json5",
     "isSource": true,
     "original": {
-      "value": "{base.color.black}",
+      "value": "{base.color.neutral.13}",
       "$type": "color",
       "$extensions": {
         "org.primer.figma": {
@@ -12691,7 +12677,7 @@
     "path": ["fgColor", "default"]
   },
   "fgColor-muted": {
-    "value": "#0e1116",
+    "value": "#454c54",
     "$type": "color",
     "$extensions": {
       "org.primer.figma": {
@@ -12704,11 +12690,10 @@
         }
       }
     },
-    "mix": null,
     "filePath": "src/tokens/functional/color/light/overrides/light.high-contrast.json5",
     "isSource": true,
     "original": {
-      "value": "{base.color.neutral.9}",
+      "value": "{base.color.neutral.10}",
       "$type": "color",
       "$extensions": {
         "org.primer.figma": {
@@ -12720,8 +12705,7 @@
             "web": "var(--fgColor-muted) /* utility class: .color-fg-muted */"
           }
         }
-      },
-      "mix": null
+      }
     },
     "name": "fgColor-muted",
     "attributes": {},
@@ -12744,7 +12728,7 @@
     "filePath": "src/tokens/functional/color/light/primitives-light.json5",
     "isSource": true,
     "original": {
-      "value": "{base.color.white}",
+      "value": "{base.color.neutral.0}",
       "$type": "color",
       "$extensions": {
         "org.primer.figma": {
@@ -12776,7 +12760,7 @@
     "filePath": "src/tokens/functional/color/light/primitives-light.json5",
     "isSource": true,
     "original": {
-      "value": "{base.color.white}",
+      "value": "{base.color.neutral.0}",
       "$type": "color",
       "$extensions": {
         "org.primer.figma": {
@@ -12805,7 +12789,7 @@
     "filePath": "src/tokens/functional/color/light/primitives-light.json5",
     "isSource": true,
     "original": {
-      "value": "{base.color.white}",
+      "value": "{base.color.neutral.0}",
       "$type": "color",
       "$extensions": {
         "org.primer.figma": {
@@ -12834,7 +12818,7 @@
     "filePath": "src/tokens/functional/color/light/primitives-light.json5",
     "isSource": true,
     "original": {
-      "value": "{base.color.black}",
+      "value": "{base.color.neutral.13}",
       "$type": "color",
       "$extensions": {
         "org.primer.figma": {
@@ -12850,7 +12834,7 @@
     "path": ["fgColor", "black"]
   },
   "fgColor-disabled": {
-    "value": "#66707b",
+    "value": "#59636e",
     "$type": "color",
     "$extensions": {
       "org.primer.figma": {
@@ -12863,7 +12847,7 @@
     "filePath": "src/tokens/functional/color/light/overrides/light.high-contrast.json5",
     "isSource": true,
     "original": {
-      "value": "{base.color.neutral.5}",
+      "value": "{base.color.neutral.9}",
       "$type": "color",
       "$extensions": {
         "org.primer.figma": {
@@ -12914,7 +12898,7 @@
     "path": ["fgColor", "link"]
   },
   "fgColor-neutral": {
-    "value": "#343b43",
+    "value": "#393f46",
     "$type": "color",
     "$extensions": {
       "org.primer.figma": {
@@ -12927,7 +12911,7 @@
     "filePath": "src/tokens/functional/color/light/overrides/light.high-contrast.json5",
     "isSource": true,
     "original": {
-      "value": "{base.color.neutral.7}",
+      "value": "{base.color.neutral.11}",
       "$type": "color",
       "$extensions": {
         "org.primer.figma": {
@@ -13317,7 +13301,7 @@
     "filePath": "src/tokens/functional/color/light/primitives-light.json5",
     "isSource": true,
     "original": {
-      "value": "{base.color.white}",
+      "value": "{base.color.neutral.0}",
       "$type": "color",
       "$extensions": {
         "org.primer.figma": {
@@ -13336,7 +13320,7 @@
     "path": ["bgColor", "default"]
   },
   "bgColor-muted": {
-    "value": "#e7ecf0",
+    "value": "#e6eaef",
     "$type": "color",
     "$extensions": {
       "org.primer.figma": {
@@ -13352,7 +13336,7 @@
     "filePath": "src/tokens/functional/color/light/overrides/light.high-contrast.json5",
     "isSource": true,
     "original": {
-      "value": "{base.color.neutral.1}",
+      "value": "{base.color.neutral.3}",
       "$type": "color",
       "$extensions": {
         "org.primer.figma": {
@@ -13371,7 +13355,7 @@
     "path": ["bgColor", "muted"]
   },
   "bgColor-inset": {
-    "value": "#ffffff",
+    "value": "#eff2f5",
     "$type": "color",
     "$extensions": {
       "org.primer.figma": {
@@ -13387,7 +13371,7 @@
     "filePath": "src/tokens/functional/color/light/overrides/light.high-contrast.json5",
     "isSource": true,
     "original": {
-      "value": "{base.color.white}",
+      "value": "{base.color.neutral.2}",
       "$type": "color",
       "$extensions": {
         "org.primer.figma": {
@@ -13406,7 +13390,7 @@
     "path": ["bgColor", "inset"]
   },
   "bgColor-emphasis": {
-    "value": "#0e1116",
+    "value": "#25292e",
     "$type": "color",
     "$extensions": {
       "org.primer.figma": {
@@ -13422,7 +13406,7 @@
     "filePath": "src/tokens/functional/color/light/primitives-light.json5",
     "isSource": true,
     "original": {
-      "value": "{base.color.neutral.9}",
+      "value": "{base.color.neutral.12}",
       "$type": "color",
       "$extensions": {
         "org.primer.figma": {
@@ -13441,7 +13425,7 @@
     "path": ["bgColor", "emphasis"]
   },
   "bgColor-inverse": {
-    "value": "#0e1116",
+    "value": "#25292e",
     "$type": "color",
     "$extensions": {
       "org.primer.figma": {
@@ -13454,7 +13438,7 @@
     "filePath": "src/tokens/functional/color/light/primitives-light.json5",
     "isSource": true,
     "original": {
-      "value": "{base.color.neutral.9}",
+      "value": "{base.color.neutral.12}",
       "$type": "color",
       "$extensions": {
         "org.primer.figma": {
@@ -13483,7 +13467,7 @@
     "filePath": "src/tokens/functional/color/light/primitives-light.json5",
     "isSource": true,
     "original": {
-      "value": "{base.color.white}",
+      "value": "{base.color.neutral.0}",
       "$type": "color",
       "$extensions": {
         "org.primer.figma": {
@@ -13512,7 +13496,7 @@
     "filePath": "src/tokens/functional/color/light/primitives-light.json5",
     "isSource": true,
     "original": {
-      "value": "{base.color.black}",
+      "value": "{base.color.neutral.13}",
       "$type": "color",
       "$extensions": {
         "org.primer.figma": {
@@ -13528,7 +13512,7 @@
     "path": ["bgColor", "black"]
   },
   "bgColor-disabled": {
-    "value": "#ced5dcb3",
+    "value": "#e0e6eb",
     "$type": "color",
     "$extensions": {
       "org.primer.figma": {
@@ -13538,11 +13522,10 @@
         "scopes": ["bgColor"]
       }
     },
-    "alpha": 0.7,
     "filePath": "src/tokens/functional/color/light/overrides/light.high-contrast.json5",
     "isSource": true,
     "original": {
-      "value": "{base.color.neutral.2}",
+      "value": "{base.color.neutral.4}",
       "$type": "color",
       "$extensions": {
         "org.primer.figma": {
@@ -13551,8 +13534,7 @@
           "group": "semantic",
           "scopes": ["bgColor"]
         }
-      },
-      "alpha": 0.7
+      }
     },
     "name": "bgColor-disabled",
     "attributes": {},
@@ -13594,7 +13576,7 @@
     "path": ["bgColor", "transparent"]
   },
   "bgColor-neutral-muted": {
-    "value": "#e7ecf0",
+    "value": "#e0e6eb",
     "$type": "color",
     "$extensions": {
       "org.primer.figma": {
@@ -13608,7 +13590,7 @@
     "filePath": "src/tokens/functional/color/light/overrides/light.high-contrast.json5",
     "isSource": true,
     "original": {
-      "value": "{base.color.neutral.1}",
+      "value": "{base.color.neutral.4}",
       "$type": "color",
       "$extensions": {
         "org.primer.figma": {
@@ -13625,7 +13607,7 @@
     "path": ["bgColor", "neutral", "muted"]
   },
   "bgColor-neutral-emphasis": {
-    "value": "#4b535d",
+    "value": "#454c54",
     "$type": "color",
     "$extensions": {
       "org.primer.figma": {
@@ -13637,9 +13619,8 @@
     },
     "filePath": "src/tokens/functional/color/light/overrides/light.high-contrast.json5",
     "isSource": true,
-    "alpha": 1,
     "original": {
-      "value": "{base.color.neutral.6}",
+      "value": "{base.color.neutral.10}",
       "$type": "color",
       "$extensions": {
         "org.primer.figma": {
@@ -13648,8 +13629,7 @@
           "group": "semantic",
           "scopes": ["bgColor"]
         }
-      },
-      "alpha": 1
+      }
     },
     "name": "bgColor-neutral-emphasis",
     "attributes": {},
@@ -14358,7 +14338,7 @@
     "path": ["bgColor", "sponsors", "emphasis"]
   },
   "borderColor-default": {
-    "value": "#20252c",
+    "value": "#454c54",
     "$type": "color",
     "$extensions": {
       "org.primer.figma": {
@@ -14374,7 +14354,7 @@
     "filePath": "src/tokens/functional/color/light/overrides/light.high-contrast.json5",
     "isSource": true,
     "original": {
-      "value": "{base.color.neutral.8}",
+      "value": "{base.color.neutral.10}",
       "$type": "color",
       "$extensions": {
         "org.primer.figma": {
@@ -14393,7 +14373,7 @@
     "path": ["borderColor", "default"]
   },
   "borderColor-muted": {
-    "value": "#88929d",
+    "value": "#454c54",
     "$type": "color",
     "$extensions": {
       "org.primer.figma": {
@@ -14410,7 +14390,7 @@
     "filePath": "src/tokens/functional/color/light/overrides/light.high-contrast.json5",
     "isSource": true,
     "original": {
-      "value": "{base.color.neutral.4}",
+      "value": "{borderColor.default}",
       "$type": "color",
       "$extensions": {
         "org.primer.figma": {
@@ -14430,7 +14410,7 @@
     "path": ["borderColor", "muted"]
   },
   "borderColor-emphasis": {
-    "value": "#66707b",
+    "value": "#454c54",
     "$type": "color",
     "$extensions": {
       "org.primer.figma": {
@@ -14440,10 +14420,10 @@
         "scopes": ["borderColor"]
       }
     },
-    "filePath": "src/tokens/functional/color/light/primitives-light.json5",
+    "filePath": "src/tokens/functional/color/light/overrides/light.high-contrast.json5",
     "isSource": true,
     "original": {
-      "value": "{base.color.neutral.5}",
+      "value": "{borderColor.default}",
       "$type": "color",
       "$extensions": {
         "org.primer.figma": {
@@ -14459,7 +14439,7 @@
     "path": ["borderColor", "emphasis"]
   },
   "borderColor-disabled": {
-    "value": "#ced5dcb3",
+    "value": "#59636e1f",
     "$type": "color",
     "$extensions": {
       "org.primer.figma": {
@@ -14469,10 +14449,11 @@
         "scopes": ["borderColor"]
       }
     },
-    "filePath": "src/tokens/functional/color/light/primitives-light.json5",
+    "alpha": 0.12,
+    "filePath": "src/tokens/functional/color/light/overrides/light.high-contrast.json5",
     "isSource": true,
     "original": {
-      "value": "{bgColor.disabled}",
+      "value": "{base.color.neutral.9}",
       "$type": "color",
       "$extensions": {
         "org.primer.figma": {
@@ -14481,7 +14462,8 @@
           "group": "semantic",
           "scopes": ["borderColor"]
         }
-      }
+      },
+      "alpha": 0.12
     },
     "name": "borderColor-disabled",
     "attributes": {},
@@ -14517,7 +14499,7 @@
     "path": ["borderColor", "transparent"]
   },
   "borderColor-translucent": {
-    "value": "#20252c",
+    "value": "#59636e",
     "$type": "color",
     "$extensions": {
       "org.primer.figma": {
@@ -14531,7 +14513,7 @@
     "filePath": "src/tokens/functional/color/light/overrides/light.high-contrast.json5",
     "isSource": true,
     "original": {
-      "value": "{base.color.neutral.8}",
+      "value": "{base.color.neutral.9}",
       "$type": "color",
       "$extensions": {
         "org.primer.figma": {
@@ -14548,7 +14530,7 @@
     "path": ["borderColor", "translucent"]
   },
   "borderColor-neutral-muted": {
-    "value": "#88929d",
+    "value": "#454c54",
     "$type": "color",
     "$extensions": {
       "org.primer.figma": {
@@ -14558,11 +14540,10 @@
         "scopes": ["borderColor"]
       }
     },
-    "alpha": 1,
-    "filePath": "src/tokens/functional/color/light/overrides/light.high-contrast.json5",
+    "filePath": "src/tokens/functional/color/light/primitives-light.json5",
     "isSource": true,
     "original": {
-      "value": "{base.color.neutral.4}",
+      "value": "{borderColor.muted}",
       "$type": "color",
       "$extensions": {
         "org.primer.figma": {
@@ -14571,15 +14552,14 @@
           "group": "semantic",
           "scopes": ["borderColor"]
         }
-      },
-      "alpha": 1
+      }
     },
     "name": "borderColor-neutral-muted",
     "attributes": {},
     "path": ["borderColor", "neutral", "muted"]
   },
   "borderColor-neutral-emphasis": {
-    "value": "#66707b",
+    "value": "#59636e",
     "$type": "color",
     "$extensions": {
       "org.primer.figma": {
@@ -14592,7 +14572,7 @@
     "filePath": "src/tokens/functional/color/light/primitives-light.json5",
     "isSource": true,
     "original": {
-      "value": "{base.color.neutral.5}",
+      "value": "{base.color.neutral.9}",
       "$type": "color",
       "$extensions": {
         "org.primer.figma": {
@@ -15040,7 +15020,7 @@
     "path": ["borderColor", "danger", "emphasis"]
   },
   "borderColor-closed-muted": {
-    "value": "#ee5a5d66",
+    "value": "#ee5a5d",
     "$type": "color",
     "$extensions": {
       "org.primer.figma": {
@@ -15053,11 +15033,11 @@
         }
       }
     },
-    "alpha": 0.4,
-    "filePath": "src/tokens/functional/color/light/primitives-light.json5",
+    "alpha": 1,
+    "filePath": "src/tokens/functional/color/light/overrides/light.high-contrast.json5",
     "isSource": true,
     "original": {
-      "value": "{base.color.red.3}",
+      "value": "{borderColor.danger.muted}",
       "$type": "color",
       "$extensions": {
         "org.primer.figma": {
@@ -15070,7 +15050,7 @@
           }
         }
       },
-      "alpha": 0.4
+      "alpha": 1
     },
     "name": "borderColor-closed-muted",
     "attributes": {},
@@ -15184,7 +15164,7 @@
     "path": ["borderColor", "done", "emphasis"]
   },
   "borderColor-upsell-muted": {
-    "value": "#a371f766",
+    "value": "#a371f7",
     "$type": "color",
     "$extensions": {
       "org.primer.figma": {
@@ -15197,8 +15177,8 @@
         }
       }
     },
-    "alpha": 0.4,
-    "filePath": "src/tokens/functional/color/light/primitives-light.json5",
+    "alpha": 1,
+    "filePath": "src/tokens/functional/color/light/overrides/light.high-contrast.json5",
     "isSource": true,
     "original": {
       "value": "{borderColor.done.muted}",
@@ -15214,7 +15194,7 @@
           }
         }
       },
-      "alpha": 0.4
+      "alpha": 1
     },
     "name": "borderColor-upsell-muted",
     "attributes": {},
@@ -15328,7 +15308,7 @@
     "path": ["borderColor", "sponsors", "emphasis"]
   },
   "color-ansi-black": {
-    "value": "#0e1116",
+    "value": "#010409",
     "$type": "color",
     "$extensions": {
       "org.primer.figma": {
@@ -15340,7 +15320,7 @@
     "filePath": "src/tokens/functional/color/light/syntax-light.json5",
     "isSource": true,
     "original": {
-      "value": "{base.color.neutral.9}",
+      "value": "{base.color.neutral.13}",
       "$type": "color",
       "$extensions": {
         "org.primer.figma": {
@@ -15355,7 +15335,7 @@
     "path": ["color", "ansi", "black"]
   },
   "color-ansi-black-bright": {
-    "value": "#4b535d",
+    "value": "#393f46",
     "$type": "color",
     "$extensions": {
       "org.primer.figma": {
@@ -15367,7 +15347,7 @@
     "filePath": "src/tokens/functional/color/light/syntax-light.json5",
     "isSource": true,
     "original": {
-      "value": "{base.color.neutral.6}",
+      "value": "{base.color.neutral.11}",
       "$type": "color",
       "$extensions": {
         "org.primer.figma": {
@@ -15382,7 +15362,7 @@
     "path": ["color", "ansi", "black-bright"]
   },
   "color-ansi-white": {
-    "value": "#66707b",
+    "value": "#59636e",
     "$type": "color",
     "$extensions": {
       "org.primer.figma": {
@@ -15394,7 +15374,7 @@
     "filePath": "src/tokens/functional/color/light/syntax-light.json5",
     "isSource": true,
     "original": {
-      "value": "{base.color.neutral.5}",
+      "value": "{base.color.neutral.9}",
       "$type": "color",
       "$extensions": {
         "org.primer.figma": {
@@ -15409,7 +15389,7 @@
     "path": ["color", "ansi", "white"]
   },
   "color-ansi-white-bright": {
-    "value": "#88929d",
+    "value": "#818b98",
     "$type": "color",
     "$extensions": {
       "org.primer.figma": {
@@ -15421,7 +15401,7 @@
     "filePath": "src/tokens/functional/color/light/syntax-light.json5",
     "isSource": true,
     "original": {
-      "value": "{base.color.neutral.4}",
+      "value": "{base.color.neutral.8}",
       "$type": "color",
       "$extensions": {
         "org.primer.figma": {
@@ -15436,7 +15416,7 @@
     "path": ["color", "ansi", "white-bright"]
   },
   "color-ansi-gray": {
-    "value": "#66707b",
+    "value": "#59636e",
     "$type": "color",
     "$extensions": {
       "org.primer.figma": {
@@ -15448,7 +15428,7 @@
     "filePath": "src/tokens/functional/color/light/syntax-light.json5",
     "isSource": true,
     "original": {
-      "value": "{base.color.neutral.5}",
+      "value": "{base.color.neutral.9}",
       "$type": "color",
       "$extensions": {
         "org.primer.figma": {
@@ -15787,7 +15767,7 @@
     "path": ["color", "ansi", "cyan-bright"]
   },
   "color-prettylights-syntax-comment": {
-    "value": "#4b535d",
+    "value": "#59636e",
     "$type": "color",
     "$extensions": {
       "org.primer.figma": {
@@ -15799,7 +15779,7 @@
     "filePath": "src/tokens/functional/color/light/syntax-light.json5",
     "isSource": true,
     "original": {
-      "value": "{base.color.neutral.6}",
+      "value": "{base.color.neutral.9}",
       "$type": "color",
       "$extensions": {
         "org.primer.figma": {
@@ -15895,7 +15875,7 @@
     "path": ["color", "prettylights", "syntax", "entity"]
   },
   "color-prettylights-syntax-storage-modifier-import": {
-    "value": "#0e1116",
+    "value": "#010409",
     "$type": "color",
     "$extensions": {
       "org.primer.figma": {
@@ -15907,7 +15887,7 @@
     "filePath": "src/tokens/functional/color/light/syntax-light.json5",
     "isSource": true,
     "original": {
-      "value": "{base.color.neutral.9}",
+      "value": "{base.color.neutral.13}",
       "$type": "color",
       "$extensions": {
         "org.primer.figma": {
@@ -16057,7 +16037,7 @@
     "path": ["color", "prettylights", "syntax", "brackethighlighter", "unmatched"]
   },
   "color-prettylights-syntax-brackethighlighter-angle": {
-    "value": "#4b535d",
+    "value": "#59636e",
     "$type": "color",
     "$extensions": {
       "org.primer.figma": {
@@ -16069,7 +16049,7 @@
     "filePath": "src/tokens/functional/color/light/syntax-light.json5",
     "isSource": true,
     "original": {
-      "value": "{base.color.neutral.6}",
+      "value": "{base.color.neutral.9}",
       "$type": "color",
       "$extensions": {
         "org.primer.figma": {
@@ -16084,7 +16064,7 @@
     "path": ["color", "prettylights", "syntax", "brackethighlighter", "angle"]
   },
   "color-prettylights-syntax-invalid-illegal-text": {
-    "value": "#ffffff",
+    "value": "#f6f8fa",
     "$type": "color",
     "$extensions": {
       "org.primer.figma": {
@@ -16096,7 +16076,7 @@
     "filePath": "src/tokens/functional/color/light/syntax-light.json5",
     "isSource": true,
     "original": {
-      "value": "{base.color.neutral.0}",
+      "value": "{base.color.neutral.1}",
       "$type": "color",
       "$extensions": {
         "org.primer.figma": {
@@ -16138,7 +16118,7 @@
     "path": ["color", "prettylights", "syntax", "invalid", "illegal", "bg"]
   },
   "color-prettylights-syntax-carriage-return-text": {
-    "value": "#ffffff",
+    "value": "#f6f8fa",
     "$type": "color",
     "$extensions": {
       "org.primer.figma": {
@@ -16150,7 +16130,7 @@
     "filePath": "src/tokens/functional/color/light/syntax-light.json5",
     "isSource": true,
     "original": {
-      "value": "{base.color.neutral.0}",
+      "value": "{base.color.neutral.1}",
       "$type": "color",
       "$extensions": {
         "org.primer.figma": {
@@ -16273,7 +16253,7 @@
     "path": ["color", "prettylights", "syntax", "markup", "heading"]
   },
   "color-prettylights-syntax-markup-italic": {
-    "value": "#0e1116",
+    "value": "#010409",
     "$type": "color",
     "$extensions": {
       "org.primer.figma": {
@@ -16285,7 +16265,7 @@
     "filePath": "src/tokens/functional/color/light/syntax-light.json5",
     "isSource": true,
     "original": {
-      "value": "{base.color.neutral.9}",
+      "value": "{base.color.neutral.13}",
       "$type": "color",
       "$extensions": {
         "org.primer.figma": {
@@ -16300,7 +16280,7 @@
     "path": ["color", "prettylights", "syntax", "markup", "italic"]
   },
   "color-prettylights-syntax-markup-bold": {
-    "value": "#0e1116",
+    "value": "#010409",
     "$type": "color",
     "$extensions": {
       "org.primer.figma": {
@@ -16312,7 +16292,7 @@
     "filePath": "src/tokens/functional/color/light/syntax-light.json5",
     "isSource": true,
     "original": {
-      "value": "{base.color.neutral.9}",
+      "value": "{base.color.neutral.13}",
       "$type": "color",
       "$extensions": {
         "org.primer.figma": {
@@ -16489,7 +16469,7 @@
     "path": ["color", "prettylights", "syntax", "markup", "changed", "bg"]
   },
   "color-prettylights-syntax-markup-ignored-text": {
-    "value": "#e7ecf0",
+    "value": "#d1d9e0",
     "$type": "color",
     "$extensions": {
       "org.primer.figma": {
@@ -16501,7 +16481,7 @@
     "filePath": "src/tokens/functional/color/light/syntax-light.json5",
     "isSource": true,
     "original": {
-      "value": "{base.color.neutral.1}",
+      "value": "{base.color.neutral.6}",
       "$type": "color",
       "$extensions": {
         "org.primer.figma": {
@@ -16570,7 +16550,7 @@
     "path": ["color", "prettylights", "syntax", "meta", "diff", "range"]
   },
   "color-prettylights-syntax-sublimelinter-gutter-mark": {
-    "value": "#88929d",
+    "value": "#818b98",
     "$type": "color",
     "$extensions": {
       "org.primer.figma": {
@@ -16582,7 +16562,7 @@
     "filePath": "src/tokens/functional/color/light/syntax-light.json5",
     "isSource": true,
     "original": {
-      "value": "{base.color.neutral.4}",
+      "value": "{base.color.neutral.8}",
       "$type": "color",
       "$extensions": {
         "org.primer.figma": {
@@ -16610,7 +16590,7 @@
     "isSource": true,
     "original": {
       "value": {
-        "color": "{base.color.black}",
+        "color": "{base.color.neutral.13}",
         "alpha": 0.04,
         "offsetX": "0px",
         "offsetY": "1px",
@@ -16645,7 +16625,7 @@
     "isSource": true,
     "original": {
       "value": {
-        "color": "{base.color.black}",
+        "color": "{base.color.neutral.13}",
         "alpha": 0.1,
         "offsetX": "0px",
         "offsetY": "1px",
@@ -16681,7 +16661,7 @@
     "original": {
       "value": [
         {
-          "color": "{base.color.black}",
+          "color": "{base.color.neutral.13}",
           "alpha": 0.04,
           "offsetX": "0px",
           "offsetY": "1px",
@@ -16704,7 +16684,7 @@
     "path": ["shadow", "resting", "small"]
   },
   "shadow-resting-medium": {
-    "value": "0px 3px 6px 0px #343b431f",
+    "value": "0px 3px 6px 0px #25292e1f",
     "$type": "shadow",
     "$extensions": {
       "org.primer.figma": {
@@ -16718,7 +16698,7 @@
     "original": {
       "value": [
         {
-          "color": "{base.color.neutral.7}",
+          "color": "{base.color.neutral.12}",
           "alpha": 0.12,
           "offsetX": "0px",
           "offsetY": "3px",
@@ -16740,7 +16720,7 @@
     "path": ["shadow", "resting", "medium"]
   },
   "shadow-floating-small": {
-    "value": "0px 0px 0px 1px #88929d80, 0px 6px 12px -3px #343b430a, 0px 6px 18px 0px #343b431f",
+    "value": "0px 0px 0px 1px #454c5480, 0px 6px 12px -3px #25292e0a, 0px 6px 18px 0px #25292e1f",
     "$type": "shadow",
     "$extensions": {
       "org.primer.figma": {
@@ -16762,7 +16742,7 @@
           "spread": "1px"
         },
         {
-          "color": "{base.color.neutral.7}",
+          "color": "{base.color.neutral.12}",
           "alpha": 0.04,
           "offsetX": "0px",
           "offsetY": "6px",
@@ -16770,7 +16750,7 @@
           "spread": "-3px"
         },
         {
-          "color": "{base.color.neutral.7}",
+          "color": "{base.color.neutral.12}",
           "alpha": 0.12,
           "offsetX": "0px",
           "offsetY": "6px",
@@ -16792,7 +16772,7 @@
     "path": ["shadow", "floating", "small"]
   },
   "shadow-floating-medium": {
-    "value": "0px 0px 0px 1px #88929d, 0px 8px 16px -4px #343b4314, 0px 4px 32px -4px #343b4314, 0px 24px 48px -12px #343b4314, 0px 48px 96px -24px #343b4314",
+    "value": "0px 0px 0px 1px #454c54, 0px 8px 16px -4px #25292e14, 0px 4px 32px -4px #25292e14, 0px 24px 48px -12px #25292e14, 0px 48px 96px -24px #25292e14",
     "$type": "shadow",
     "$extensions": {
       "org.primer.figma": {
@@ -16814,7 +16794,7 @@
           "spread": "1px"
         },
         {
-          "color": "{base.color.neutral.7}",
+          "color": "{base.color.neutral.12}",
           "alpha": 0.08,
           "offsetX": "0px",
           "offsetY": "8px",
@@ -16822,7 +16802,7 @@
           "spread": "-4px"
         },
         {
-          "color": "{base.color.neutral.7}",
+          "color": "{base.color.neutral.12}",
           "alpha": 0.08,
           "offsetX": "0px",
           "offsetY": "4px",
@@ -16830,7 +16810,7 @@
           "spread": "-4px"
         },
         {
-          "color": "{base.color.neutral.7}",
+          "color": "{base.color.neutral.12}",
           "alpha": 0.08,
           "offsetX": "0px",
           "offsetY": "24px",
@@ -16838,7 +16818,7 @@
           "spread": "-12px"
         },
         {
-          "color": "{base.color.neutral.7}",
+          "color": "{base.color.neutral.12}",
           "alpha": 0.08,
           "offsetX": "0px",
           "offsetY": "48px",
@@ -16860,7 +16840,7 @@
     "path": ["shadow", "floating", "medium"]
   },
   "shadow-floating-large": {
-    "value": "0px 0px 0px 1px #88929d, 0px 40px 80px 0px #343b433d",
+    "value": "0px 0px 0px 1px #454c54, 0px 40px 80px 0px #25292e3d",
     "$type": "shadow",
     "$extensions": {
       "org.primer.figma": {
@@ -16882,7 +16862,7 @@
           "spread": "1px"
         },
         {
-          "color": "{base.color.neutral.7}",
+          "color": "{base.color.neutral.12}",
           "alpha": 0.24,
           "offsetX": "0px",
           "offsetY": "40px",
@@ -16904,7 +16884,7 @@
     "path": ["shadow", "floating", "large"]
   },
   "shadow-floating-xlarge": {
-    "value": "0px 0px 0px 1px #88929d, 0px 56px 112px 0px #343b4352",
+    "value": "0px 0px 0px 1px #454c54, 0px 56px 112px 0px #25292e52",
     "$type": "shadow",
     "$extensions": {
       "org.primer.figma": {
@@ -16926,7 +16906,7 @@
           "spread": "1px"
         },
         {
-          "color": "{base.color.neutral.7}",
+          "color": "{base.color.neutral.12}",
           "alpha": 0.32,
           "offsetX": "0px",
           "offsetY": "56px",
@@ -16948,14 +16928,14 @@
     "path": ["shadow", "floating", "xlarge"]
   },
   "shadow-floating-legacy": {
-    "value": "0px 6px 12px -3px #343b430a, 0px 6px 18px 0px #343b431f",
+    "value": "0px 6px 12px -3px #25292e0a, 0px 6px 18px 0px #25292e1f",
     "$type": "shadow",
     "filePath": "src/tokens/functional/shadow/light.json5",
     "isSource": true,
     "original": {
       "value": [
         {
-          "color": "{base.color.neutral.7}",
+          "color": "{base.color.neutral.12}",
           "alpha": 0.04,
           "offsetX": "0px",
           "offsetY": "6px",
@@ -16963,7 +16943,7 @@
           "spread": "-3px"
         },
         {
-          "color": "{base.color.neutral.7}",
+          "color": "{base.color.neutral.12}",
           "alpha": 0.12,
           "offsetX": "0px",
           "offsetY": "6px",