@primer/primitives 8.2.4 → 9.0.0-rc.23ee6c3f

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

@@ -89,7 +89,7 @@
     "path": ["page", "header", "bgColor"]
   },
   "diffBlob-addition-fgColor-text": {
-    "value": "#e6edf3",
+    "value": "#f0f6fc",
     "$type": "color",
     "$extensions": {
       "org.primer.figma": {
@@ -118,7 +118,7 @@
     "path": ["diffBlob", "addition", "fgColor", "text"]
   },
   "diffBlob-addition-fgColor-num": {
-    "value": "#e6edf3",
+    "value": "#f0f6fc",
     "$type": "color",
     "$extensions": {
       "org.primer.figma": {
@@ -242,7 +242,7 @@
     "path": ["diffBlob", "addition", "bgColor", "word"]
   },
   "diffBlob-deletion-fgColor-text": {
-    "value": "#e6edf3",
+    "value": "#f0f6fc",
     "$type": "color",
     "$extensions": {
       "org.primer.figma": {
@@ -271,7 +271,7 @@
     "path": ["diffBlob", "deletion", "fgColor", "text"]
   },
   "diffBlob-deletion-fgColor-num": {
-    "value": "#e6edf3",
+    "value": "#f0f6fc",
     "$type": "color",
     "$extensions": {
       "org.primer.figma": {
@@ -424,7 +424,7 @@
     "path": ["diffBlob", "hunk", "bgColor", "num"]
   },
   "diffBlob-expander-iconColor": {
-    "value": "#8d96a0",
+    "value": "#9198a1",
     "$type": "color",
     "$extensions": {
       "org.primer.figma": {
@@ -453,7 +453,7 @@
     "path": ["diffBlob", "expander", "iconColor"]
   },
   "codeMirror-fgColor": {
-    "value": "#e6edf3",
+    "value": "#f0f6fc",
     "$type": "color",
     "$extensions": {
       "org.primer.figma": {
@@ -569,7 +569,7 @@
     "path": ["codeMirror", "gutterMarker", "fgColor", "default"]
   },
   "codeMirror-gutterMarker-fgColor-muted": {
-    "value": "#8d96a0",
+    "value": "#9198a1",
     "$type": "color",
     "$extensions": {
       "org.primer.figma": {
@@ -598,7 +598,7 @@
     "path": ["codeMirror", "gutterMarker", "fgColor", "muted"]
   },
   "codeMirror-lineNumber-fgColor": {
-    "value": "#8d96a0",
+    "value": "#9198a1",
     "$type": "color",
     "$extensions": {
       "org.primer.figma": {
@@ -627,7 +627,7 @@
     "path": ["codeMirror", "lineNumber", "fgColor"]
   },
   "codeMirror-cursor-fgColor": {
-    "value": "#e6edf3",
+    "value": "#f0f6fc",
     "$type": "color",
     "$extensions": {
       "org.primer.figma": {
@@ -685,7 +685,7 @@
     "path": ["codeMirror", "selection", "bgColor"]
   },
   "codeMirror-activeline-bgColor": {
-    "value": "#6e768166",
+    "value": "#2f3742b3",
     "$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.7}",
       "$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.11}",
       "$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.1}",
       "$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.7}",
       "$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.0}",
       "$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.4}",
       "$type": "color",
       "$extensions": {
         "org.primer.figma": {
@@ -1181,7 +1181,7 @@
     "attributes": {},
     "path": ["headerSearch", "borderColor"]
   },
-  "data-blue-color": {
+  "data-blue-color-emphasis": {
     "value": "#0576ff",
     "$type": "color",
     "$extensions": {
@@ -1206,9 +1206,9 @@
         }
       }
     },
-    "name": "data-blue-color",
+    "name": "data-blue-color-emphasis",
     "attributes": {},
-    "path": ["data", "blue", "color", "@"]
+    "path": ["data", "blue", "color", "emphasis"]
   },
   "data-blue-color-muted": {
     "value": "#001a47",
@@ -1239,7 +1239,7 @@
     "attributes": {},
     "path": ["data", "blue", "color", "muted"]
   },
-  "data-auburn-color": {
+  "data-auburn-color-emphasis": {
     "value": "#a86f6b",
     "$type": "color",
     "$extensions": {
@@ -1264,9 +1264,9 @@
         }
       }
     },
-    "name": "data-auburn-color",
+    "name": "data-auburn-color-emphasis",
     "attributes": {},
-    "path": ["data", "auburn", "color", "@"]
+    "path": ["data", "auburn", "color", "emphasis"]
   },
   "data-auburn-color-muted": {
     "value": "#271817",
@@ -1297,7 +1297,7 @@
     "attributes": {},
     "path": ["data", "auburn", "color", "muted"]
   },
-  "data-orange-color": {
+  "data-orange-color-emphasis": {
     "value": "#984b10",
     "$type": "color",
     "$extensions": {
@@ -1322,9 +1322,9 @@
         }
       }
     },
-    "name": "data-orange-color",
+    "name": "data-orange-color-emphasis",
     "attributes": {},
-    "path": ["data", "orange", "color", "@"]
+    "path": ["data", "orange", "color", "emphasis"]
   },
   "data-orange-color-muted": {
     "value": "#311708",
@@ -1355,7 +1355,7 @@
     "attributes": {},
     "path": ["data", "orange", "color", "muted"]
   },
-  "data-yellow-color": {
+  "data-yellow-color-emphasis": {
     "value": "#895906",
     "$type": "color",
     "$extensions": {
@@ -1380,9 +1380,9 @@
         }
       }
     },
-    "name": "data-yellow-color",
+    "name": "data-yellow-color-emphasis",
     "attributes": {},
-    "path": ["data", "yellow", "color", "@"]
+    "path": ["data", "yellow", "color", "emphasis"]
   },
   "data-yellow-color-muted": {
     "value": "#2e1a00",
@@ -1413,7 +1413,7 @@
     "attributes": {},
     "path": ["data", "yellow", "color", "muted"]
   },
-  "data-green-color": {
+  "data-green-color-emphasis": {
     "value": "#2f6f37",
     "$type": "color",
     "$extensions": {
@@ -1438,9 +1438,9 @@
         }
       }
     },
-    "name": "data-green-color",
+    "name": "data-green-color-emphasis",
     "attributes": {},
-    "path": ["data", "green", "color", "@"]
+    "path": ["data", "green", "color", "emphasis"]
   },
   "data-green-color-muted": {
     "value": "#122117",
@@ -1471,7 +1471,7 @@
     "attributes": {},
     "path": ["data", "green", "color", "muted"]
   },
-  "data-teal-color": {
+  "data-teal-color-emphasis": {
     "value": "#106c70",
     "$type": "color",
     "$extensions": {
@@ -1496,9 +1496,9 @@
         }
       }
     },
-    "name": "data-teal-color",
+    "name": "data-teal-color-emphasis",
     "attributes": {},
-    "path": ["data", "teal", "color", "@"]
+    "path": ["data", "teal", "color", "emphasis"]
   },
   "data-teal-color-muted": {
     "value": "#041f25",
@@ -1529,7 +1529,7 @@
     "attributes": {},
     "path": ["data", "teal", "color", "muted"]
   },
-  "data-purple-color": {
+  "data-purple-color-emphasis": {
     "value": "#975bf1",
     "$type": "color",
     "$extensions": {
@@ -1554,9 +1554,9 @@
         }
       }
     },
-    "name": "data-purple-color",
+    "name": "data-purple-color-emphasis",
     "attributes": {},
-    "path": ["data", "purple", "color", "@"]
+    "path": ["data", "purple", "color", "emphasis"]
   },
   "data-purple-color-muted": {
     "value": "#211047",
@@ -1587,7 +1587,7 @@
     "attributes": {},
     "path": ["data", "purple", "color", "muted"]
   },
-  "data-pink-color": {
+  "data-pink-color-emphasis": {
     "value": "#d34591",
     "$type": "color",
     "$extensions": {
@@ -1612,9 +1612,9 @@
         }
       }
     },
-    "name": "data-pink-color",
+    "name": "data-pink-color-emphasis",
     "attributes": {},
-    "path": ["data", "pink", "color", "@"]
+    "path": ["data", "pink", "color", "emphasis"]
   },
   "data-pink-color-muted": {
     "value": "#2d1524",
@@ -1645,7 +1645,7 @@
     "attributes": {},
     "path": ["data", "pink", "color", "muted"]
   },
-  "data-red-color": {
+  "data-red-color-emphasis": {
     "value": "#eb3342",
     "$type": "color",
     "$extensions": {
@@ -1670,9 +1670,9 @@
         }
       }
     },
-    "name": "data-red-color",
+    "name": "data-red-color-emphasis",
     "attributes": {},
-    "path": ["data", "red", "color", "@"]
+    "path": ["data", "red", "color", "emphasis"]
   },
   "data-red-color-muted": {
     "value": "#3c0614",
@@ -1703,7 +1703,7 @@
     "attributes": {},
     "path": ["data", "red", "color", "muted"]
   },
-  "data-gray-color": {
+  "data-gray-color-emphasis": {
     "value": "#576270",
     "$type": "color",
     "$extensions": {
@@ -1728,9 +1728,9 @@
         }
       }
     },
-    "name": "data-gray-color",
+    "name": "data-gray-color-emphasis",
     "attributes": {},
-    "path": ["data", "gray", "color", "@"]
+    "path": ["data", "gray", "color", "emphasis"]
   },
   "data-gray-color-muted": {
     "value": "#1c1c1c",
@@ -4591,7 +4591,7 @@
     "original": {
       "value": [
         {
-          "color": "{base.color.neutral.9}",
+          "color": "{base.color.neutral.0}",
           "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": {
@@ -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.4}",
       "$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.2}",
       "$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.3}",
       "$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.4}",
       "$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": "#656c76",
     "$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": "#212830",
     "$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.11}",
       "$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.7}",
       "$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.7}",
       "$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.7}",
       "$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": "#656c76",
     "$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": {
@@ -5816,7 +5784,7 @@
     "path": ["control", "checked", "borderColor", "active"]
   },
   "control-checked-borderColor-disabled": {
-    "value": "#6e7681",
+    "value": "#656c76",
     "$type": "color",
     "$extensions": {
       "org.primer.figma": {
@@ -5845,7 +5813,7 @@
     "path": ["control", "checked", "borderColor", "disabled"]
   },
   "controlTrack-bgColor-rest": {
-    "value": "#21262d",
+    "value": "#262c36",
     "$type": "color",
     "$extensions": {
       "org.primer.figma": {
@@ -5858,7 +5826,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": {
@@ -5874,7 +5842,7 @@
     "path": ["controlTrack", "bgColor", "rest"]
   },
   "controlTrack-bgColor-hover": {
-    "value": "#292e36",
+    "value": "#2a313c",
     "$type": "color",
     "$extensions": {
       "org.primer.figma": {
@@ -5884,14 +5852,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": {
@@ -5900,10 +5864,6 @@
           "group": "component (internal)",
           "scopes": ["bgColor"]
         }
-      },
-      "mix": {
-        "color": "{base.color.neutral.5}",
-        "weight": 0.2
       }
     },
     "name": "controlTrack-bgColor-hover",
@@ -5911,7 +5871,7 @@
     "path": ["controlTrack", "bgColor", "hover"]
   },
   "controlTrack-bgColor-active": {
-    "value": "#31363e",
+    "value": "#2f3742",
     "$type": "color",
     "$extensions": {
       "org.primer.figma": {
@@ -5921,14 +5881,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": {
@@ -5937,10 +5893,6 @@
           "group": "component (internal)",
           "scopes": ["bgColor"]
         }
-      },
-      "mix": {
-        "color": "{base.color.neutral.5}",
-        "weight": 0.4
       }
     },
     "name": "controlTrack-bgColor-active",
@@ -5948,7 +5900,7 @@
     "path": ["controlTrack", "bgColor", "active"]
   },
   "controlTrack-bgColor-disabled": {
-    "value": "#6e7681",
+    "value": "#656c76",
     "$type": "color",
     "$extensions": {
       "org.primer.figma": {
@@ -5977,7 +5929,7 @@
     "path": ["controlTrack", "bgColor", "disabled"]
   },
   "controlTrack-fgColor-rest": {
-    "value": "#8d96a0",
+    "value": "#9198a1",
     "$type": "color",
     "$extensions": {
       "org.primer.figma": {
@@ -6064,7 +6016,7 @@
     "path": ["controlTrack", "borderColor", "rest"]
   },
   "controlTrack-borderColor-disabled": {
-    "value": "#6e7681",
+    "value": "#656c76",
     "$type": "color",
     "$extensions": {
       "org.primer.figma": {
@@ -6106,7 +6058,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 +6074,7 @@
     "path": ["controlKnob", "bgColor", "rest"]
   },
   "controlKnob-bgColor-disabled": {
-    "value": "#21262db3",
+    "value": "#212830",
     "$type": "color",
     "$extensions": {
       "org.primer.figma": {
@@ -6180,7 +6132,7 @@
     "path": ["controlKnob", "bgColor", "checked"]
   },
   "controlKnob-borderColor-rest": {
-    "value": "#666e79",
+    "value": "#656c76",
     "$type": "color",
     "$extensions": {
       "org.primer.figma": {
@@ -6209,7 +6161,7 @@
     "path": ["controlKnob", "borderColor", "rest"]
   },
   "controlKnob-borderColor-disabled": {
-    "value": "#21262db3",
+    "value": "#212830",
     "$type": "color",
     "$extensions": {
       "org.primer.figma": {
@@ -6296,7 +6248,7 @@
     "path": ["counter", "borderColor"]
   },
   "button-default-fgColor-rest": {
-    "value": "#c9d1d9",
+    "value": "#f0f6fc",
     "$type": "color",
     "$extensions": {
       "org.primer.figma": {
@@ -6325,7 +6277,7 @@
     "path": ["button", "default", "fgColor", "rest"]
   },
   "button-default-bgColor-rest": {
-    "value": "#21262d",
+    "value": "#212830",
     "$type": "color",
     "$extensions": {
       "org.primer.figma": {
@@ -6354,7 +6306,7 @@
     "path": ["button", "default", "bgColor", "rest"]
   },
   "button-default-bgColor-hover": {
-    "value": "#292e36",
+    "value": "#262c36",
     "$type": "color",
     "$extensions": {
       "org.primer.figma": {
@@ -6383,7 +6335,7 @@
     "path": ["button", "default", "bgColor", "hover"]
   },
   "button-default-bgColor-active": {
-    "value": "#31363e",
+    "value": "#2a313c",
     "$type": "color",
     "$extensions": {
       "org.primer.figma": {
@@ -6412,7 +6364,7 @@
     "path": ["button", "default", "bgColor", "active"]
   },
   "button-default-bgColor-selected": {
-    "value": "#31363e",
+    "value": "#2a313c",
     "$type": "color",
     "$extensions": {
       "org.primer.figma": {
@@ -6441,7 +6393,7 @@
     "path": ["button", "default", "bgColor", "selected"]
   },
   "button-default-bgColor-disabled": {
-    "value": "#21262db3",
+    "value": "#212830",
     "$type": "color",
     "$extensions": {
       "org.primer.figma": {
@@ -6470,7 +6422,7 @@
     "path": ["button", "default", "bgColor", "disabled"]
   },
   "button-default-borderColor-rest": {
-    "value": "#30363d",
+    "value": "#3d444d",
     "$type": "color",
     "$extensions": {
       "org.primer.figma": {
@@ -6483,7 +6435,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 +6451,7 @@
     "path": ["button", "default", "borderColor", "rest"]
   },
   "button-default-borderColor-hover": {
-    "value": "#30363d",
+    "value": "#3d444d",
     "$type": "color",
     "$extensions": {
       "org.primer.figma": {
@@ -6528,7 +6480,7 @@
     "path": ["button", "default", "borderColor", "hover"]
   },
   "button-default-borderColor-active": {
-    "value": "#30363d",
+    "value": "#3d444d",
     "$type": "color",
     "$extensions": {
       "org.primer.figma": {
@@ -6557,7 +6509,7 @@
     "path": ["button", "default", "borderColor", "active"]
   },
   "button-default-borderColor-disabled": {
-    "value": "#21262db3",
+    "value": "#212830",
     "$type": "color",
     "$extensions": {
       "org.primer.figma": {
@@ -6846,7 +6798,7 @@
     "path": ["button", "primary", "bgColor", "disabled"]
   },
   "button-primary-borderColor-rest": {
-    "value": "#f0f6fc1a",
+    "value": "#ffffff1a",
     "$type": "color",
     "$extensions": {
       "org.primer.figma": {
@@ -6860,7 +6812,7 @@
     "filePath": "src/tokens/functional/color/dark/patterns-dark.json5",
     "isSource": true,
     "original": {
-      "value": "{base.color.neutral.0}",
+      "value": "{base.color.white}",
       "$type": "color",
       "$extensions": {
         "org.primer.figma": {
@@ -6877,7 +6829,7 @@
     "path": ["button", "primary", "borderColor", "rest"]
   },
   "button-primary-borderColor-hover": {
-    "value": "#f0f6fc1a",
+    "value": "#ffffff1a",
     "$type": "color",
     "$extensions": {
       "org.primer.figma": {
@@ -6906,7 +6858,7 @@
     "path": ["button", "primary", "borderColor", "hover"]
   },
   "button-primary-borderColor-active": {
-    "value": "#f0f6fc1a",
+    "value": "#ffffff1a",
     "$type": "color",
     "$extensions": {
       "org.primer.figma": {
@@ -7001,7 +6953,7 @@
     "path": ["button", "primary", "shadow", "selected"]
   },
   "button-invisible-fgColor-rest": {
-    "value": "#4493f8",
+    "value": "#9198a1",
     "$type": "color",
     "$extensions": {
       "org.primer.figma": {
@@ -7014,7 +6966,7 @@
     "filePath": "src/tokens/functional/color/dark/patterns-dark.json5",
     "isSource": true,
     "original": {
-      "value": "{fgColor.accent}",
+      "value": "{fgColor.muted}",
       "$type": "color",
       "$extensions": {
         "org.primer.figma": {
@@ -7030,7 +6982,7 @@
     "path": ["button", "invisible", "fgColor", "rest"]
   },
   "button-invisible-fgColor-hover": {
-    "value": "#58a6ff",
+    "value": "#9198a1",
     "$type": "color",
     "$extensions": {
       "org.primer.figma": {
@@ -7043,7 +6995,7 @@
     "filePath": "src/tokens/functional/color/dark/patterns-dark.json5",
     "isSource": true,
     "original": {
-      "value": "{base.color.blue.3}",
+      "value": "{fgColor.muted}",
       "$type": "color",
       "$extensions": {
         "org.primer.figma": {
@@ -7059,7 +7011,7 @@
     "path": ["button", "invisible", "fgColor", "hover"]
   },
   "button-invisible-fgColor-disabled": {
-    "value": "#6e7681",
+    "value": "#656c76",
     "$type": "color",
     "$extensions": {
       "org.primer.figma": {
@@ -7088,7 +7040,7 @@
     "path": ["button", "invisible", "fgColor", "disabled"]
   },
   "button-invisible-iconColor-rest": {
-    "value": "#8d96a0",
+    "value": "#9198a1",
     "$type": "color",
     "$extensions": {
       "org.primer.figma": {
@@ -7117,7 +7069,7 @@
     "path": ["button", "invisible", "iconColor", "rest"]
   },
   "button-invisible-iconColor-hover": {
-    "value": "#e6edf3",
+    "value": "#9198a1",
     "$type": "color",
     "$extensions": {
       "org.primer.figma": {
@@ -7130,7 +7082,7 @@
     "filePath": "src/tokens/functional/color/dark/patterns-dark.json5",
     "isSource": true,
     "original": {
-      "value": "{fgColor.default}",
+      "value": "{fgColor.muted}",
       "$type": "color",
       "$extensions": {
         "org.primer.figma": {
@@ -7146,7 +7098,7 @@
     "path": ["button", "invisible", "iconColor", "hover"]
   },
   "button-invisible-iconColor-disabled": {
-    "value": "#6e7681",
+    "value": "#656c76",
     "$type": "color",
     "$extensions": {
       "org.primer.figma": {
@@ -7204,7 +7156,7 @@
     "path": ["button", "invisible", "bgColor", "rest"]
   },
   "button-invisible-bgColor-hover": {
-    "value": "#b1bac41f",
+    "value": "#656c7633",
     "$type": "color",
     "$extensions": {
       "org.primer.figma": {
@@ -7233,7 +7185,7 @@
     "path": ["button", "invisible", "bgColor", "hover"]
   },
   "button-invisible-bgColor-active": {
-    "value": "#b1bac433",
+    "value": "#656c7640",
     "$type": "color",
     "$extensions": {
       "org.primer.figma": {
@@ -7262,7 +7214,7 @@
     "path": ["button", "invisible", "bgColor", "active"]
   },
   "button-invisible-bgColor-disabled": {
-    "value": "#21262db3",
+    "value": "#212830",
     "$type": "color",
     "$extensions": {
       "org.primer.figma": {
@@ -7349,7 +7301,7 @@
     "path": ["button", "invisible", "borderColor", "hover"]
   },
   "button-invisible-borderColor-disabled": {
-    "value": "#21262db3",
+    "value": "#212830",
     "$type": "color",
     "$extensions": {
       "org.primer.figma": {
@@ -7509,7 +7461,7 @@
     "filePath": "src/tokens/functional/color/dark/patterns-dark.json5",
     "isSource": true,
     "original": {
-      "value": "{base.color.neutral.0}",
+      "value": "{base.color.neutral.11}",
       "$type": "color",
       "$extensions": {
         "org.primer.figma": {
@@ -7525,7 +7477,7 @@
     "path": ["button", "outline", "bgColor", "rest"]
   },
   "button-outline-bgColor-hover": {
-    "value": "#30363d",
+    "value": "#262c36",
     "$type": "color",
     "$extensions": {
       "org.primer.figma": {
@@ -7538,7 +7490,7 @@
     "filePath": "src/tokens/functional/color/dark/patterns-dark.json5",
     "isSource": true,
     "original": {
-      "value": "{base.color.neutral.6}",
+      "value": "{control.bgColor.hover}",
       "$type": "color",
       "$extensions": {
         "org.primer.figma": {
@@ -7583,7 +7535,7 @@
     "path": ["button", "outline", "bgColor", "active"]
   },
   "button-outline-bgColor-disabled": {
-    "value": "#0d1117",
+    "value": "#212830",
     "$type": "color",
     "$extensions": {
       "org.primer.figma": {
@@ -7596,7 +7548,7 @@
     "filePath": "src/tokens/functional/color/dark/patterns-dark.json5",
     "isSource": true,
     "original": {
-      "value": "{base.color.neutral.9}",
+      "value": "{control.bgColor.disabled}",
       "$type": "color",
       "$extensions": {
         "org.primer.figma": {
@@ -7612,7 +7564,7 @@
     "path": ["button", "outline", "bgColor", "disabled"]
   },
   "button-outline-borderColor-hover": {
-    "value": "#f0f6fc1a",
+    "value": "#3d444d",
     "$type": "color",
     "$extensions": {
       "org.primer.figma": {
@@ -7622,11 +7574,10 @@
         "scopes": ["borderColor"]
       }
     },
-    "alpha": 0.1,
     "filePath": "src/tokens/functional/color/dark/patterns-dark.json5",
     "isSource": true,
     "original": {
-      "value": "{base.color.neutral.0}",
+      "value": "{button.default.borderColor.hover}",
       "$type": "color",
       "$extensions": {
         "org.primer.figma": {
@@ -7635,15 +7586,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": {
@@ -7885,7 +7835,7 @@
     "path": ["button", "danger", "iconColor", "hover"]
   },
   "button-danger-bgColor-rest": {
-    "value": "#21262d",
+    "value": "#212830",
     "$type": "color",
     "$extensions": {
       "org.primer.figma": {
@@ -7980,7 +7930,7 @@
     "path": ["button", "danger", "bgColor", "active"]
   },
   "button-danger-bgColor-disabled": {
-    "value": "#21262db3",
+    "value": "#212830",
     "$type": "color",
     "$extensions": {
       "org.primer.figma": {
@@ -8009,7 +7959,7 @@
     "path": ["button", "danger", "bgColor", "disabled"]
   },
   "button-danger-borderColor-rest": {
-    "value": "#30363d",
+    "value": "#3d444d",
     "$type": "color",
     "$extensions": {
       "org.primer.figma": {
@@ -8022,7 +7972,7 @@
     "filePath": "src/tokens/functional/color/dark/patterns-dark.json5",
     "isSource": true,
     "original": {
-      "value": "{borderColor.default}",
+      "value": "{control.borderColor.rest}",
       "$type": "color",
       "$extensions": {
         "org.primer.figma": {
@@ -8038,7 +7988,7 @@
     "path": ["button", "danger", "borderColor", "rest"]
   },
   "button-danger-borderColor-hover": {
-    "value": "#f0f6fc1a",
+    "value": "#ffffff1a",
     "$type": "color",
     "$extensions": {
       "org.primer.figma": {
@@ -8048,11 +7998,10 @@
         "scopes": ["borderColor"]
       }
     },
-    "alpha": 0.1,
     "filePath": "src/tokens/functional/color/dark/patterns-dark.json5",
     "isSource": true,
     "original": {
-      "value": "{base.color.neutral.0}",
+      "value": "{button.primary.borderColor.rest}",
       "$type": "color",
       "$extensions": {
         "org.primer.figma": {
@@ -8061,15 +8010,14 @@
           "group": "component (internal)",
           "scopes": ["borderColor"]
         }
-      },
-      "alpha": 0.1
+      }
     },
     "name": "button-danger-borderColor-hover",
     "attributes": {},
     "path": ["button", "danger", "borderColor", "hover"]
   },
   "button-danger-borderColor-active": {
-    "value": "#f0f6fc1a",
+    "value": "#ffffff1a",
     "$type": "color",
     "$extensions": {
       "org.primer.figma": {
@@ -8135,7 +8083,7 @@
     "path": ["button", "danger", "shadow", "selected"]
   },
   "button-inactive-fgColor": {
-    "value": "#8b949e",
+    "value": "#9198a1",
     "$type": "color",
     "$extensions": {
       "org.primer.figma": {
@@ -8148,7 +8096,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": {
@@ -8164,7 +8112,7 @@
     "path": ["button", "inactive", "fgColor"]
   },
   "button-inactive-bgColor": {
-    "value": "#21262d",
+    "value": "#262c36",
     "$type": "color",
     "$extensions": {
       "org.primer.figma": {
@@ -8177,7 +8125,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": {
@@ -8222,7 +8170,7 @@
     "path": ["button", "star", "iconColor"]
   },
   "buttonCounter-default-bgColor-rest": {
-    "value": "#30363d",
+    "value": "#2f3742",
     "$type": "color",
     "$extensions": {
       "org.primer.figma": {
@@ -8235,7 +8183,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": {
@@ -8251,7 +8199,7 @@
     "path": ["buttonCounter", "default", "bgColor", "rest"]
   },
   "buttonCounter-invisible-bgColor-rest": {
-    "value": "#30363d",
+    "value": "#2f3742",
     "$type": "color",
     "$extensions": {
       "org.primer.figma": {
@@ -8265,7 +8213,7 @@
     "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": {
@@ -8834,7 +8782,7 @@
     "path": ["focus", "outlineColor"]
   },
   "menu-bgColor-active": {
-    "value": "#161b22",
+    "value": "#151b23",
     "$type": "color",
     "$extensions": {
       "org.primer.figma": {
@@ -8847,7 +8795,7 @@
     "filePath": "src/tokens/functional/color/dark/patterns-dark.json5",
     "isSource": true,
     "original": {
-      "value": "{base.color.neutral.8}",
+      "value": "{base.color.neutral.1}",
       "$type": "color",
       "$extensions": {
         "org.primer.figma": {
@@ -8863,7 +8811,7 @@
     "path": ["menu", "bgColor", "active"]
   },
   "overlay-bgColor": {
-    "value": "#161b22",
+    "value": "#151b23",
     "$type": "color",
     "$extensions": {
       "org.primer.figma": {
@@ -8876,7 +8824,7 @@
     "filePath": "src/tokens/functional/color/dark/patterns-dark.json5",
     "isSource": true,
     "original": {
-      "value": "{base.color.neutral.8}",
+      "value": "{bgColor.muted}",
       "$type": "color",
       "$extensions": {
         "org.primer.figma": {
@@ -8892,7 +8840,7 @@
     "path": ["overlay", "bgColor"]
   },
   "overlay-borderColor": {
-    "value": "#30363db3",
+    "value": "#3d444db3",
     "$type": "color",
     "$extensions": {
       "org.primer.figma": {
@@ -8919,7 +8867,7 @@
     "path": ["overlay", "borderColor"]
   },
   "overlay-backdrop-bgColor": {
-    "value": "#161b2266",
+    "value": "#21283066",
     "$type": "color",
     "$extensions": {
       "org.primer.figma": {
@@ -8933,7 +8881,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": {
@@ -8950,7 +8898,7 @@
     "path": ["overlay", "backdrop", "bgColor"]
   },
   "selectMenu-borderColor": {
-    "value": "#484f58",
+    "value": "#3d444d",
     "$type": "color",
     "$extensions": {
       "org.primer.figma": {
@@ -8963,7 +8911,7 @@
     "filePath": "src/tokens/functional/color/dark/patterns-dark.json5",
     "isSource": true,
     "original": {
-      "value": "{base.color.neutral.5}",
+      "value": "{borderColor.default}",
       "$type": "color",
       "$extensions": {
         "org.primer.figma": {
@@ -9008,7 +8956,7 @@
     "path": ["selectMenu", "bgColor", "active"]
   },
   "sideNav-bgColor-selected": {
-    "value": "#21262d",
+    "value": "#212830",
     "$type": "color",
     "$extensions": {
       "org.primer.figma": {
@@ -9021,7 +8969,7 @@
     "filePath": "src/tokens/functional/color/dark/patterns-dark.json5",
     "isSource": true,
     "original": {
-      "value": "{base.color.neutral.7}",
+      "value": "{base.color.neutral.2}",
       "$type": "color",
       "$extensions": {
         "org.primer.figma": {
@@ -9037,7 +8985,7 @@
     "path": ["sideNav", "bgColor", "selected"]
   },
   "skeletonLoader-bgColor": {
-    "value": "#161b22",
+    "value": "#151b23",
     "$type": "color",
     "filePath": "src/tokens/functional/color/dark/patterns-dark.json5",
     "isSource": true,
@@ -9050,7 +8998,7 @@
     "path": ["skeletonLoader", "bgColor"]
   },
   "timelineBadge-bgColor": {
-    "value": "#21262d",
+    "value": "#212830",
     "$type": "color",
     "$extensions": {
       "org.primer.figma": {
@@ -9063,7 +9011,7 @@
     "filePath": "src/tokens/functional/color/dark/patterns-dark.json5",
     "isSource": true,
     "original": {
-      "value": "{base.color.neutral.7}",
+      "value": "{base.color.neutral.2}",
       "$type": "color",
       "$extensions": {
         "org.primer.figma": {
@@ -9079,7 +9027,7 @@
     "path": ["timelineBadge", "bgColor"]
   },
   "treeViewItem-leadingVisual-iconColor-rest": {
-    "value": "#8d96a0",
+    "value": "#9198a1",
     "$type": "color",
     "$extensions": {
       "org.primer.figma": {
@@ -9137,7 +9085,7 @@
     "path": ["underlineNav", "borderColor", "active"]
   },
   "underlineNav-borderColor-hover": {
-    "value": "#6e768166",
+    "value": "#3d444db3",
     "$type": "color",
     "$extensions": {
       "org.primer.figma": {
@@ -9166,7 +9114,7 @@
     "path": ["underlineNav", "borderColor", "hover"]
   },
   "underlineNav-iconColor-rest": {
-    "value": "#8d96a0",
+    "value": "#9198a1",
     "$type": "color",
     "$extensions": {
       "org.primer.figma": {
@@ -9226,7 +9174,7 @@
     "path": ["selection", "bgColor"]
   },
   "card-bgColor": {
-    "value": "#161b22",
+    "value": "#151b23",
     "$type": "color",
     "$extensions": {
       "org.primer.figma": {
@@ -12561,7 +12509,7 @@
     "path": ["label", "coral", "fgColor", "active"]
   },
   "tooltip-bgColor": {
-    "value": "#6e7681",
+    "value": "#3d444d",
     "$type": "color",
     "$extensions": {
       "org.primer.figma": {
@@ -12619,7 +12567,7 @@
     "path": ["tooltip", "fgColor"]
   },
   "fgColor-default": {
-    "value": "#e6edf3",
+    "value": "#f0f6fc",
     "$type": "color",
     "$extensions": {
       "org.primer.figma": {
@@ -12632,14 +12580,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.11}",
       "$type": "color",
       "$extensions": {
         "org.primer.figma": {
@@ -12651,10 +12595,6 @@
             "web": "var(--fgColor-default) /* utility class: .color-fg-default */"
           }
         }
-      },
-      "mix": {
-        "color": "{base.color.neutral.1}",
-        "weight": 0.25
       }
     },
     "name": "fgColor-default",
@@ -12662,7 +12602,7 @@
     "path": ["fgColor", "default"]
   },
   "fgColor-muted": {
-    "value": "#8d96a0",
+    "value": "#9198a1",
     "$type": "color",
     "$extensions": {
       "org.primer.figma": {
@@ -12675,14 +12615,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.8}",
       "$type": "color",
       "$extensions": {
         "org.primer.figma": {
@@ -12694,10 +12630,6 @@
             "web": "var(--fgColor-muted) /* utility class: .color-fg-muted */"
           }
         }
-      },
-      "mix": {
-        "color": "{base.color.neutral.3}",
-        "weight": 0.95
       }
     },
     "name": "fgColor-muted",
@@ -12827,7 +12759,7 @@
     "path": ["fgColor", "black"]
   },
   "fgColor-disabled": {
-    "value": "#6e7681",
+    "value": "#656c76",
     "$type": "color",
     "$extensions": {
       "org.primer.figma": {
@@ -12840,7 +12772,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": {
@@ -12891,7 +12823,7 @@
     "path": ["fgColor", "link"]
   },
   "fgColor-neutral": {
-    "value": "#b1bac4",
+    "value": "#9198a1",
     "$type": "color",
     "$extensions": {
       "org.primer.figma": {
@@ -12904,7 +12836,7 @@
     "filePath": "src/tokens/functional/color/dark/primitives-dark.json5",
     "isSource": true,
     "original": {
-      "value": "{base.color.neutral.2}",
+      "value": "{base.color.neutral.8}",
       "$type": "color",
       "$extensions": {
         "org.primer.figma": {
@@ -13138,7 +13070,7 @@
     "path": ["fgColor", "danger"]
   },
   "fgColor-closed": {
-    "value": "#8b949e",
+    "value": "#9198a1",
     "$type": "color",
     "$extensions": {
       "org.primer.figma": {
@@ -13154,7 +13086,7 @@
     "filePath": "src/tokens/functional/color/dark/overrides/dark.protanopia-deuteranopia.json5",
     "isSource": true,
     "original": {
-      "value": "{base.color.neutral.3}",
+      "value": "{fgColor.muted}",
       "$type": "color",
       "$extensions": {
         "org.primer.figma": {
@@ -13294,7 +13226,7 @@
     "filePath": "src/tokens/functional/color/dark/primitives-dark.json5",
     "isSource": true,
     "original": {
-      "value": "{base.color.neutral.9}",
+      "value": "{base.color.neutral.0}",
       "$type": "color",
       "$extensions": {
         "org.primer.figma": {
@@ -13313,7 +13245,7 @@
     "path": ["bgColor", "default"]
   },
   "bgColor-muted": {
-    "value": "#161b22",
+    "value": "#151b23",
     "$type": "color",
     "$extensions": {
       "org.primer.figma": {
@@ -13329,7 +13261,7 @@
     "filePath": "src/tokens/functional/color/dark/primitives-dark.json5",
     "isSource": true,
     "original": {
-      "value": "{base.color.neutral.8}",
+      "value": "{base.color.neutral.1}",
       "$type": "color",
       "$extensions": {
         "org.primer.figma": {
@@ -13383,7 +13315,7 @@
     "path": ["bgColor", "inset"]
   },
   "bgColor-emphasis": {
-    "value": "#6e7681",
+    "value": "#3d444d",
     "$type": "color",
     "$extensions": {
       "org.primer.figma": {
@@ -13399,7 +13331,7 @@
     "filePath": "src/tokens/functional/color/dark/primitives-dark.json5",
     "isSource": true,
     "original": {
-      "value": "{base.color.neutral.4}",
+      "value": "{base.color.neutral.6}",
       "$type": "color",
       "$extensions": {
         "org.primer.figma": {
@@ -13505,7 +13437,7 @@
     "path": ["bgColor", "black"]
   },
   "bgColor-disabled": {
-    "value": "#21262db3",
+    "value": "#212830",
     "$type": "color",
     "$extensions": {
       "org.primer.figma": {
@@ -13515,11 +13447,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.2}",
       "$type": "color",
       "$extensions": {
         "org.primer.figma": {
@@ -13528,8 +13459,7 @@
           "group": "semantic",
           "scopes": ["bgColor"]
         }
-      },
-      "alpha": 0.7
+      }
     },
     "name": "bgColor-disabled",
     "attributes": {},
@@ -13571,7 +13501,7 @@
     "path": ["bgColor", "transparent"]
   },
   "bgColor-neutral-muted": {
-    "value": "#6e768166",
+    "value": "#2f3742b3",
     "$type": "color",
     "$extensions": {
       "org.primer.figma": {
@@ -13581,11 +13511,11 @@
         "scopes": ["bgColor"]
       }
     },
-    "alpha": 0.4,
+    "alpha": 0.7,
     "filePath": "src/tokens/functional/color/dark/primitives-dark.json5",
     "isSource": true,
     "original": {
-      "value": "{base.color.neutral.4}",
+      "value": "{base.color.neutral.5}",
       "$type": "color",
       "$extensions": {
         "org.primer.figma": {
@@ -13595,14 +13525,14 @@
           "scopes": ["bgColor"]
         }
       },
-      "alpha": 0.4
+      "alpha": 0.7
     },
     "name": "bgColor-neutral-muted",
     "attributes": {},
     "path": ["bgColor", "neutral", "muted"]
   },
   "bgColor-neutral-emphasis": {
-    "value": "#6e7681",
+    "value": "#656c76",
     "$type": "color",
     "$extensions": {
       "org.primer.figma": {
@@ -13615,7 +13545,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": {
@@ -14063,7 +13993,7 @@
     "path": ["bgColor", "danger", "emphasis"]
   },
   "bgColor-closed-muted": {
-    "value": "#6e768166",
+    "value": "#2f37421a",
     "$type": "color",
     "$extensions": {
       "org.primer.figma": {
@@ -14076,11 +14006,11 @@
         }
       }
     },
-    "alpha": 0.4,
+    "alpha": 0.1,
     "filePath": "src/tokens/functional/color/dark/overrides/dark.protanopia-deuteranopia.json5",
     "isSource": true,
     "original": {
-      "value": "{base.color.neutral.4}",
+      "value": "{bgColor.neutral.muted}",
       "$type": "color",
       "$extensions": {
         "org.primer.figma": {
@@ -14093,14 +14023,14 @@
           }
         }
       },
-      "alpha": 0.4
+      "alpha": 0.1
     },
     "name": "bgColor-closed-muted",
     "attributes": {},
     "path": ["bgColor", "closed", "muted"]
   },
   "bgColor-closed-emphasis": {
-    "value": "#6e7681",
+    "value": "#656c76",
     "$type": "color",
     "$extensions": {
       "org.primer.figma": {
@@ -14116,7 +14046,7 @@
     "filePath": "src/tokens/functional/color/dark/overrides/dark.protanopia-deuteranopia.json5",
     "isSource": true,
     "original": {
-      "value": "{base.color.neutral.4}",
+      "value": "{bgColor.neutral.emphasis}",
       "$type": "color",
       "$extensions": {
         "org.primer.figma": {
@@ -14351,7 +14281,7 @@
     "path": ["bgColor", "sponsors", "emphasis"]
   },
   "borderColor-default": {
-    "value": "#30363d",
+    "value": "#3d444d",
     "$type": "color",
     "$extensions": {
       "org.primer.figma": {
@@ -14386,7 +14316,7 @@
     "path": ["borderColor", "default"]
   },
   "borderColor-muted": {
-    "value": "#30363db3",
+    "value": "#3d444db3",
     "$type": "color",
     "$extensions": {
       "org.primer.figma": {
@@ -14423,7 +14353,7 @@
     "path": ["borderColor", "muted"]
   },
   "borderColor-emphasis": {
-    "value": "#484f58",
+    "value": "#656c76",
     "$type": "color",
     "$extensions": {
       "org.primer.figma": {
@@ -14436,7 +14366,7 @@
     "filePath": "src/tokens/functional/color/dark/primitives-dark.json5",
     "isSource": true,
     "original": {
-      "value": "{base.color.neutral.5}",
+      "value": "{base.color.neutral.7}",
       "$type": "color",
       "$extensions": {
         "org.primer.figma": {
@@ -14452,7 +14382,7 @@
     "path": ["borderColor", "emphasis"]
   },
   "borderColor-disabled": {
-    "value": "#21262db3",
+    "value": "#212830",
     "$type": "color",
     "$extensions": {
       "org.primer.figma": {
@@ -14541,7 +14471,7 @@
     "path": ["borderColor", "translucent"]
   },
   "borderColor-neutral-muted": {
-    "value": "#6e768166",
+    "value": "#3d444db3",
     "$type": "color",
     "$extensions": {
       "org.primer.figma": {
@@ -14551,11 +14481,10 @@
         "scopes": ["borderColor"]
       }
     },
-    "alpha": 0.4,
     "filePath": "src/tokens/functional/color/dark/primitives-dark.json5",
     "isSource": true,
     "original": {
-      "value": "{base.color.neutral.4}",
+      "value": "{borderColor.muted}",
       "$type": "color",
       "$extensions": {
         "org.primer.figma": {
@@ -14564,15 +14493,14 @@
           "group": "semantic",
           "scopes": ["borderColor"]
         }
-      },
-      "alpha": 0.4
+      }
     },
     "name": "borderColor-neutral-muted",
     "attributes": {},
     "path": ["borderColor", "neutral", "muted"]
   },
   "borderColor-neutral-emphasis": {
-    "value": "#6e7681",
+    "value": "#656c76",
     "$type": "color",
     "$extensions": {
       "org.primer.figma": {
@@ -14585,7 +14513,7 @@
     "filePath": "src/tokens/functional/color/dark/primitives-dark.json5",
     "isSource": true,
     "original": {
-      "value": "{base.color.neutral.4}",
+      "value": "{borderColor.emphasis}",
       "$type": "color",
       "$extensions": {
         "org.primer.figma": {
@@ -15033,7 +14961,7 @@
     "path": ["borderColor", "danger", "emphasis"]
   },
   "borderColor-closed-muted": {
-    "value": "#6e768166",
+    "value": "#3d444d66",
     "$type": "color",
     "$extensions": {
       "org.primer.figma": {
@@ -15050,7 +14978,7 @@
     "filePath": "src/tokens/functional/color/dark/overrides/dark.protanopia-deuteranopia.json5",
     "isSource": true,
     "original": {
-      "value": "{base.color.neutral.4}",
+      "value": "{borderColor.muted}",
       "$type": "color",
       "$extensions": {
         "org.primer.figma": {
@@ -15070,7 +14998,7 @@
     "path": ["borderColor", "closed", "muted"]
   },
   "borderColor-closed-emphasis": {
-    "value": "#6e7681",
+    "value": "#656c76",
     "$type": "color",
     "$extensions": {
       "org.primer.figma": {
@@ -15086,7 +15014,7 @@
     "filePath": "src/tokens/functional/color/dark/overrides/dark.protanopia-deuteranopia.json5",
     "isSource": true,
     "original": {
-      "value": "{base.color.neutral.4}",
+      "value": "{borderColor.emphasis}",
       "$type": "color",
       "$extensions": {
         "org.primer.figma": {
@@ -15321,7 +15249,7 @@
     "path": ["borderColor", "sponsors", "emphasis"]
   },
   "color-ansi-black": {
-    "value": "#484f58",
+    "value": "#2f3742",
     "$type": "color",
     "$extensions": {
       "org.primer.figma": {
@@ -15348,7 +15276,7 @@
     "path": ["color", "ansi", "black"]
   },
   "color-ansi-black-bright": {
-    "value": "#6e7681",
+    "value": "#656c76",
     "$type": "color",
     "$extensions": {
       "org.primer.figma": {
@@ -15360,7 +15288,7 @@
     "filePath": "src/tokens/functional/color/dark/syntax-dark.json5",
     "isSource": true,
     "original": {
-      "value": "{base.color.neutral.4}",
+      "value": "{base.color.neutral.7}",
       "$type": "color",
       "$extensions": {
         "org.primer.figma": {
@@ -15375,7 +15303,7 @@
     "path": ["color", "ansi", "black-bright"]
   },
   "color-ansi-white": {
-    "value": "#b1bac4",
+    "value": "#f0f6fc",
     "$type": "color",
     "$extensions": {
       "org.primer.figma": {
@@ -15387,7 +15315,7 @@
     "filePath": "src/tokens/functional/color/dark/syntax-dark.json5",
     "isSource": true,
     "original": {
-      "value": "{base.color.neutral.2}",
+      "value": "{base.color.neutral.11}",
       "$type": "color",
       "$extensions": {
         "org.primer.figma": {
@@ -15429,7 +15357,7 @@
     "path": ["color", "ansi", "white-bright"]
   },
   "color-ansi-gray": {
-    "value": "#6e7681",
+    "value": "#656c76",
     "$type": "color",
     "$extensions": {
       "org.primer.figma": {
@@ -15441,7 +15369,7 @@
     "filePath": "src/tokens/functional/color/dark/syntax-dark.json5",
     "isSource": true,
     "original": {
-      "value": "{base.color.neutral.4}",
+      "value": "{base.color.neutral.7}",
       "$type": "color",
       "$extensions": {
         "org.primer.figma": {
@@ -15780,7 +15708,7 @@
     "path": ["color", "ansi", "cyan-bright"]
   },
   "color-prettylights-syntax-comment": {
-    "value": "#8b949e",
+    "value": "#9198a1",
     "$type": "color",
     "$extensions": {
       "org.primer.figma": {
@@ -15792,7 +15720,7 @@
     "filePath": "src/tokens/functional/color/dark/syntax-dark.json5",
     "isSource": true,
     "original": {
-      "value": "{base.color.neutral.3}",
+      "value": "{base.color.neutral.8}",
       "$type": "color",
       "$extensions": {
         "org.primer.figma": {
@@ -15888,7 +15816,7 @@
     "path": ["color", "prettylights", "syntax", "entity"]
   },
   "color-prettylights-syntax-storage-modifier-import": {
-    "value": "#c9d1d9",
+    "value": "#f0f6fc",
     "$type": "color",
     "$extensions": {
       "org.primer.figma": {
@@ -15900,7 +15828,7 @@
     "filePath": "src/tokens/functional/color/dark/syntax-dark.json5",
     "isSource": true,
     "original": {
-      "value": "{base.color.neutral.1}",
+      "value": "{base.color.neutral.11}",
       "$type": "color",
       "$extensions": {
         "org.primer.figma": {
@@ -16050,7 +15978,7 @@
     "path": ["color", "prettylights", "syntax", "brackethighlighter", "unmatched"]
   },
   "color-prettylights-syntax-brackethighlighter-angle": {
-    "value": "#8b949e",
+    "value": "#9198a1",
     "$type": "color",
     "$extensions": {
       "org.primer.figma": {
@@ -16062,7 +15990,7 @@
     "filePath": "src/tokens/functional/color/dark/syntax-dark.json5",
     "isSource": true,
     "original": {
-      "value": "{base.color.neutral.3}",
+      "value": "{base.color.neutral.8}",
       "$type": "color",
       "$extensions": {
         "org.primer.figma": {
@@ -16089,7 +16017,7 @@
     "filePath": "src/tokens/functional/color/dark/syntax-dark.json5",
     "isSource": true,
     "original": {
-      "value": "{base.color.neutral.0}",
+      "value": "{base.color.neutral.11}",
       "$type": "color",
       "$extensions": {
         "org.primer.figma": {
@@ -16143,7 +16071,7 @@
     "filePath": "src/tokens/functional/color/dark/syntax-dark.json5",
     "isSource": true,
     "original": {
-      "value": "{base.color.neutral.0}",
+      "value": "{base.color.neutral.11}",
       "$type": "color",
       "$extensions": {
         "org.primer.figma": {
@@ -16266,7 +16194,7 @@
     "path": ["color", "prettylights", "syntax", "markup", "heading"]
   },
   "color-prettylights-syntax-markup-italic": {
-    "value": "#c9d1d9",
+    "value": "#f0f6fc",
     "$type": "color",
     "$extensions": {
       "org.primer.figma": {
@@ -16278,7 +16206,7 @@
     "filePath": "src/tokens/functional/color/dark/syntax-dark.json5",
     "isSource": true,
     "original": {
-      "value": "{base.color.neutral.1}",
+      "value": "{base.color.neutral.11}",
       "$type": "color",
       "$extensions": {
         "org.primer.figma": {
@@ -16293,7 +16221,7 @@
     "path": ["color", "prettylights", "syntax", "markup", "italic"]
   },
   "color-prettylights-syntax-markup-bold": {
-    "value": "#c9d1d9",
+    "value": "#f0f6fc",
     "$type": "color",
     "$extensions": {
       "org.primer.figma": {
@@ -16305,7 +16233,7 @@
     "filePath": "src/tokens/functional/color/dark/syntax-dark.json5",
     "isSource": true,
     "original": {
-      "value": "{base.color.neutral.1}",
+      "value": "{base.color.neutral.11}",
       "$type": "color",
       "$extensions": {
         "org.primer.figma": {
@@ -16482,7 +16410,7 @@
     "path": ["color", "prettylights", "syntax", "markup", "changed", "bg"]
   },
   "color-prettylights-syntax-markup-ignored-text": {
-    "value": "#c9d1d9",
+    "value": "#f0f6fc",
     "$type": "color",
     "$extensions": {
       "org.primer.figma": {
@@ -16494,7 +16422,7 @@
     "filePath": "src/tokens/functional/color/dark/syntax-dark.json5",
     "isSource": true,
     "original": {
-      "value": "{base.color.neutral.1}",
+      "value": "{base.color.neutral.11}",
       "$type": "color",
       "$extensions": {
         "org.primer.figma": {
@@ -16563,7 +16491,7 @@
     "path": ["color", "prettylights", "syntax", "meta", "diff", "range"]
   },
   "color-prettylights-syntax-sublimelinter-gutter-mark": {
-    "value": "#484f58",
+    "value": "#3d444d",
     "$type": "color",
     "$extensions": {
       "org.primer.figma": {
@@ -16575,7 +16503,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": {
@@ -16733,7 +16661,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": {
@@ -16785,7 +16713,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": {
@@ -16853,7 +16781,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": {
@@ -16897,7 +16825,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": {