@primer/primitives 10.0.0-rc.d2acd2c0 → 10.0.0-rc.dd3dde40

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

@@ -88,7 +88,7 @@
     "value": "#0d1117",
     "type": "color"
   },
-  "diffBlob-addition-fgColor-text": {
+  "diffBlob-additionLine-fgColor": {
     "$extensions": {
       "org.primer.figma": {
         "collection": "mode",
@@ -111,13 +111,94 @@
         }
       }
     },
-    "name": "diffBlob-addition-fgColor-text",
+    "name": "diffBlob-additionLine-fgColor",
     "attributes": {},
-    "path": ["diffBlob", "addition", "fgColor", "text"],
+    "path": ["diffBlob", "additionLine", "fgColor"],
     "value": "#f0f6fc",
     "type": "color"
   },
-  "diffBlob-addition-fgColor-num": {
+  "diffBlob-additionLine-bgColor": {
+    "$extensions": {
+      "org.primer.figma": {
+        "collection": "mode",
+        "mode": "dark",
+        "group": "component",
+        "scopes": ["bgColor"]
+      }
+    },
+    "alpha": 0.15,
+    "mix": null,
+    "filePath": "src/tokens/functional/color/dark/app-dark.json5",
+    "isSource": true,
+    "original": {
+      "$value": "{bgColor.success.muted}",
+      "$type": "color",
+      "$extensions": {
+        "org.primer.figma": {
+          "collection": "mode",
+          "mode": "dark",
+          "group": "component",
+          "scopes": ["bgColor"]
+        }
+      },
+      "alpha": 0.15,
+      "mix": null
+    },
+    "name": "diffBlob-additionLine-bgColor",
+    "attributes": {},
+    "path": ["diffBlob", "additionLine", "bgColor"],
+    "value": "#388bfd26",
+    "type": "color"
+  },
+  "diffBlob-additionWord-fgColor": {
+    "$extensions": {
+      "org.primer.figma": {
+        "collection": "mode",
+        "mode": "dark",
+        "group": "component",
+        "scopes": ["fgColor"]
+      }
+    },
+    "filePath": "src/tokens/functional/color/dark/app-dark.json5",
+    "isSource": true,
+    "original": {
+      "$value": "{fgColor.default}",
+      "$type": "color",
+      "$extensions": {
+        "org.primer.figma": {
+          "collection": "mode",
+          "mode": "dark",
+          "group": "component",
+          "scopes": ["fgColor"]
+        }
+      }
+    },
+    "name": "diffBlob-additionWord-fgColor",
+    "attributes": {},
+    "path": ["diffBlob", "additionWord", "fgColor"],
+    "value": "#f0f6fc",
+    "type": "color"
+  },
+  "diffBlob-additionWord-bgColor": {
+    "$extensions": {
+      "alpha": 0.4
+    },
+    "filePath": "src/tokens/functional/color/dark/overrides/dark.tritanopia.json5",
+    "isSource": true,
+    "original": {
+      "$value": "{base.color.blue.4}",
+      "$type": "color",
+      "$extensions": {
+        "alpha": 0.4
+      }
+    },
+    "name": "diffBlob-additionWord-bgColor",
+    "attributes": {},
+    "path": ["diffBlob", "additionWord", "bgColor"],
+    "value": "#388bfd66",
+    "type": "color"
+  },
+  "diffBlob-additionNum-fgColor": {
     "$extensions": {
       "org.primer.figma": {
         "collection": "mode",
@@ -140,13 +221,13 @@
         }
       }
     },
-    "name": "diffBlob-addition-fgColor-num",
+    "name": "diffBlob-additionNum-fgColor",
     "attributes": {},
-    "path": ["diffBlob", "addition", "fgColor", "num"],
+    "path": ["diffBlob", "additionNum", "fgColor"],
     "value": "#f0f6fc",
     "type": "color"
   },
-  "diffBlob-addition-bgColor-num": {
+  "diffBlob-additionNum-bgColor": {
     "$extensions": {
       "alpha": 0.3
     },
@@ -159,51 +240,73 @@
         "alpha": 0.3
       }
     },
-    "name": "diffBlob-addition-bgColor-num",
+    "name": "diffBlob-additionNum-bgColor",
     "attributes": {},
-    "path": ["diffBlob", "addition", "bgColor", "num"],
+    "path": ["diffBlob", "additionNum", "bgColor"],
     "value": "#58a6ff4d",
     "type": "color"
   },
-  "diffBlob-addition-bgColor-line": {
+  "diffBlob-deletionLine-fgColor": {
     "$extensions": {
-      "alpha": 0.15
+      "org.primer.figma": {
+        "collection": "mode",
+        "mode": "dark",
+        "group": "component",
+        "scopes": ["fgColor"]
+      }
     },
-    "filePath": "src/tokens/functional/color/dark/overrides/dark.tritanopia.json5",
+    "filePath": "src/tokens/functional/color/dark/app-dark.json5",
     "isSource": true,
     "original": {
-      "$value": "{base.color.blue.4}",
+      "$value": "{fgColor.default}",
       "$type": "color",
       "$extensions": {
-        "alpha": 0.15
+        "org.primer.figma": {
+          "collection": "mode",
+          "mode": "dark",
+          "group": "component",
+          "scopes": ["fgColor"]
+        }
       }
     },
-    "name": "diffBlob-addition-bgColor-line",
+    "name": "diffBlob-deletionLine-fgColor",
     "attributes": {},
-    "path": ["diffBlob", "addition", "bgColor", "line"],
-    "value": "#388bfd26",
+    "path": ["diffBlob", "deletionLine", "fgColor"],
+    "value": "#f0f6fc",
     "type": "color"
   },
-  "diffBlob-addition-bgColor-word": {
+  "diffBlob-deletionLine-bgColor": {
     "$extensions": {
-      "alpha": 0.4
+      "org.primer.figma": {
+        "collection": "mode",
+        "mode": "dark",
+        "group": "component",
+        "scopes": ["bgColor"]
+      }
     },
-    "filePath": "src/tokens/functional/color/dark/overrides/dark.tritanopia.json5",
+    "mix": null,
+    "filePath": "src/tokens/functional/color/dark/app-dark.json5",
     "isSource": true,
     "original": {
-      "$value": "{base.color.blue.4}",
+      "$value": "{bgColor.danger.muted}",
       "$type": "color",
       "$extensions": {
-        "alpha": 0.4
-      }
+        "org.primer.figma": {
+          "collection": "mode",
+          "mode": "dark",
+          "group": "component",
+          "scopes": ["bgColor"]
+        }
+      },
+      "mix": null
     },
-    "name": "diffBlob-addition-bgColor-word",
+    "name": "diffBlob-deletionLine-bgColor",
     "attributes": {},
-    "path": ["diffBlob", "addition", "bgColor", "word"],
-    "value": "#388bfd66",
+    "path": ["diffBlob", "deletionLine", "bgColor"],
+    "value": "#f851491a",
     "type": "color"
   },
-  "diffBlob-deletion-fgColor-text": {
+  "diffBlob-deletionWord-fgColor": {
     "$extensions": {
       "org.primer.figma": {
         "collection": "mode",
@@ -226,13 +329,44 @@
         }
       }
     },
-    "name": "diffBlob-deletion-fgColor-text",
+    "name": "diffBlob-deletionWord-fgColor",
     "attributes": {},
-    "path": ["diffBlob", "deletion", "fgColor", "text"],
+    "path": ["diffBlob", "deletionWord", "fgColor"],
     "value": "#f0f6fc",
     "type": "color"
   },
-  "diffBlob-deletion-fgColor-num": {
+  "diffBlob-deletionWord-bgColor": {
+    "$extensions": {
+      "org.primer.figma": {
+        "collection": "mode",
+        "mode": "dark",
+        "group": "component",
+        "scopes": ["bgColor"]
+      }
+    },
+    "alpha": 0.4,
+    "filePath": "src/tokens/functional/color/dark/app-dark.json5",
+    "isSource": true,
+    "original": {
+      "$value": "{base.color.red.4}",
+      "$type": "color",
+      "$extensions": {
+        "org.primer.figma": {
+          "collection": "mode",
+          "mode": "dark",
+          "group": "component",
+          "scopes": ["bgColor"]
+        }
+      },
+      "alpha": 0.4
+    },
+    "name": "diffBlob-deletionWord-bgColor",
+    "attributes": {},
+    "path": ["diffBlob", "deletionWord", "bgColor"],
+    "value": "#f8514966",
+    "type": "color"
+  },
+  "diffBlob-deletionNum-fgColor": {
     "$extensions": {
       "org.primer.figma": {
         "collection": "mode",
@@ -255,13 +389,13 @@
         }
       }
     },
-    "name": "diffBlob-deletion-fgColor-num",
+    "name": "diffBlob-deletionNum-fgColor",
     "attributes": {},
-    "path": ["diffBlob", "deletion", "fgColor", "num"],
+    "path": ["diffBlob", "deletionNum", "fgColor"],
     "value": "#f0f6fc",
     "type": "color"
   },
-  "diffBlob-deletion-bgColor-num": {
+  "diffBlob-deletionNum-bgColor": {
     "$extensions": {
       "org.primer.figma": {
         "collection": "mode",
@@ -286,46 +420,163 @@
       },
       "alpha": 0.3
     },
-    "name": "diffBlob-deletion-bgColor-num",
+    "name": "diffBlob-deletionNum-bgColor",
     "attributes": {},
-    "path": ["diffBlob", "deletion", "bgColor", "num"],
+    "path": ["diffBlob", "deletionNum", "bgColor"],
     "value": "#f851494d",
     "type": "color"
   },
-  "diffBlob-deletion-bgColor-line": {
+  "diffBlob-hunkLine-fgColor": {
     "$extensions": {
       "org.primer.figma": {
         "collection": "mode",
         "mode": "dark",
         "group": "component",
-        "scopes": ["bgColor"]
+        "scopes": ["fgColor"]
       }
     },
-    "alpha": 0.15,
+    "filePath": "src/tokens/functional/color/dark/app-dark.json5",
+    "isSource": true,
+    "original": {
+      "$value": "{fgColor.muted}",
+      "$type": "color",
+      "$extensions": {
+        "org.primer.figma": {
+          "collection": "mode",
+          "mode": "dark",
+          "group": "component",
+          "scopes": ["fgColor"]
+        }
+      }
+    },
+    "name": "diffBlob-hunkLine-fgColor",
+    "attributes": {},
+    "path": ["diffBlob", "hunkLine", "fgColor"],
+    "value": "#9198a1",
+    "type": "color"
+  },
+  "diffBlob-hunkLine-bgColor": {
     "mix": null,
+    "$extensions": {
+      "alpha": 1
+    },
+    "filePath": "src/tokens/functional/color/dark/overrides/dark.tritanopia.json5",
+    "isSource": true,
+    "original": {
+      "$value": "{base.color.neutral.3}",
+      "$type": "color",
+      "mix": null,
+      "$extensions": {
+        "alpha": 1
+      }
+    },
+    "name": "diffBlob-hunkLine-bgColor",
+    "attributes": {},
+    "path": ["diffBlob", "hunkLine", "bgColor"],
+    "value": "#212830",
+    "type": "color"
+  },
+  "diffBlob-hunkNum-fgColor-rest": {
+    "$extensions": {
+      "org.primer.figma": {
+        "collection": "mode",
+        "mode": "dark",
+        "group": "component",
+        "scopes": ["fgColor"]
+      }
+    },
     "filePath": "src/tokens/functional/color/dark/app-dark.json5",
     "isSource": true,
     "original": {
-      "$value": "{base.color.red.4}",
+      "$value": "{fgColor.default}",
       "$type": "color",
       "$extensions": {
         "org.primer.figma": {
           "collection": "mode",
           "mode": "dark",
           "group": "component",
-          "scopes": ["bgColor"]
+          "scopes": ["fgColor"]
         }
-      },
-      "alpha": 0.15,
-      "mix": null
+      }
     },
-    "name": "diffBlob-deletion-bgColor-line",
+    "name": "diffBlob-hunkNum-fgColor-rest",
     "attributes": {},
-    "path": ["diffBlob", "deletion", "bgColor", "line"],
-    "value": "#f8514926",
+    "path": ["diffBlob", "hunkNum", "fgColor", "rest"],
+    "value": "#f0f6fc",
     "type": "color"
   },
-  "diffBlob-deletion-bgColor-word": {
+  "diffBlob-hunkNum-fgColor-hover": {
+    "$extensions": {
+      "org.primer.figma": {
+        "collection": "mode",
+        "mode": "dark",
+        "group": "component",
+        "scopes": ["fgColor"]
+      }
+    },
+    "filePath": "src/tokens/functional/color/dark/app-dark.json5",
+    "isSource": true,
+    "original": {
+      "$value": "{fgColor.onEmphasis}",
+      "$type": "color",
+      "$extensions": {
+        "org.primer.figma": {
+          "collection": "mode",
+          "mode": "dark",
+          "group": "component",
+          "scopes": ["fgColor"]
+        }
+      }
+    },
+    "name": "diffBlob-hunkNum-fgColor-hover",
+    "attributes": {},
+    "path": ["diffBlob", "hunkNum", "fgColor", "hover"],
+    "value": "#ffffff",
+    "type": "color"
+  },
+  "diffBlob-hunkNum-bgColor-rest": {
+    "mix": null,
+    "$extensions": {
+      "alpha": 1
+    },
+    "filePath": "src/tokens/functional/color/dark/overrides/dark.tritanopia.json5",
+    "isSource": true,
+    "original": {
+      "$value": "{base.color.neutral.6}",
+      "$type": "color",
+      "mix": null,
+      "$extensions": {
+        "alpha": 1
+      }
+    },
+    "name": "diffBlob-hunkNum-bgColor-rest",
+    "attributes": {},
+    "path": ["diffBlob", "hunkNum", "bgColor", "rest"],
+    "value": "#2f3742",
+    "type": "color"
+  },
+  "diffBlob-hunkNum-bgColor-hover": {
+    "mix": null,
+    "$extensions": {
+      "alpha": 1
+    },
+    "filePath": "src/tokens/functional/color/dark/overrides/dark.tritanopia.json5",
+    "isSource": true,
+    "original": {
+      "$value": "{base.color.neutral.8}",
+      "$type": "color",
+      "mix": null,
+      "$extensions": {
+        "alpha": 1
+      }
+    },
+    "name": "diffBlob-hunkNum-bgColor-hover",
+    "attributes": {},
+    "path": ["diffBlob", "hunkNum", "bgColor", "hover"],
+    "value": "#656c76",
+    "type": "color"
+  },
+  "diffBlob-emptyNum-bgColor": {
     "$extensions": {
       "org.primer.figma": {
         "collection": "mode",
@@ -334,11 +585,10 @@
         "scopes": ["bgColor"]
       }
     },
-    "alpha": 0.4,
     "filePath": "src/tokens/functional/color/dark/app-dark.json5",
     "isSource": true,
     "original": {
-      "$value": "{base.color.red.4}",
+      "$value": "{bgColor.muted}",
       "$type": "color",
       "$extensions": {
         "org.primer.figma": {
@@ -347,16 +597,15 @@
           "group": "component",
           "scopes": ["bgColor"]
         }
-      },
-      "alpha": 0.4
+      }
     },
-    "name": "diffBlob-deletion-bgColor-word",
+    "name": "diffBlob-emptyNum-bgColor",
     "attributes": {},
-    "path": ["diffBlob", "deletion", "bgColor", "word"],
-    "value": "#f8514966",
+    "path": ["diffBlob", "emptyNum", "bgColor"],
+    "value": "#151b23",
     "type": "color"
   },
-  "diffBlob-hunk-bgColor-num": {
+  "diffBlob-emptyLine-bgColor": {
     "$extensions": {
       "org.primer.figma": {
         "collection": "mode",
@@ -368,7 +617,7 @@
     "filePath": "src/tokens/functional/color/dark/app-dark.json5",
     "isSource": true,
     "original": {
-      "$value": "{borderColor.accent.muted}",
+      "$value": "{bgColor.muted}",
       "$type": "color",
       "$extensions": {
         "org.primer.figma": {
@@ -379,10 +628,10 @@
         }
       }
     },
-    "name": "diffBlob-hunk-bgColor-num",
+    "name": "diffBlob-emptyLine-bgColor",
     "attributes": {},
-    "path": ["diffBlob", "hunk", "bgColor", "num"],
-    "value": "#388bfd66",
+    "path": ["diffBlob", "emptyLine", "bgColor"],
+    "value": "#151b23",
     "type": "color"
   },
   "diffBlob-expander-iconColor": {
@@ -1133,7 +1382,7 @@
         "collection": "mode",
         "mode": "dark",
         "group": "component",
-        "scopes": ["bgColor"]
+        "scopes": ["bgColor", "borderColor"]
       }
     },
     "filePath": "src/tokens/functional/color/dark/data-vis-dark.json5",
@@ -1146,7 +1395,7 @@
           "collection": "mode",
           "mode": "dark",
           "group": "component",
-          "scopes": ["bgColor"]
+          "scopes": ["bgColor", "borderColor"]
         }
       }
     },
@@ -1191,7 +1440,7 @@
         "collection": "mode",
         "mode": "dark",
         "group": "component",
-        "scopes": ["bgColor"]
+        "scopes": ["bgColor", "borderColor"]
       }
     },
     "filePath": "src/tokens/functional/color/dark/data-vis-dark.json5",
@@ -1204,7 +1453,7 @@
           "collection": "mode",
           "mode": "dark",
           "group": "component",
-          "scopes": ["bgColor"]
+          "scopes": ["bgColor", "borderColor"]
         }
       }
     },
@@ -1249,7 +1498,7 @@
         "collection": "mode",
         "mode": "dark",
         "group": "component",
-        "scopes": ["bgColor"]
+        "scopes": ["bgColor", "borderColor"]
       }
     },
     "filePath": "src/tokens/functional/color/dark/data-vis-dark.json5",
@@ -1262,7 +1511,7 @@
           "collection": "mode",
           "mode": "dark",
           "group": "component",
-          "scopes": ["bgColor"]
+          "scopes": ["bgColor", "borderColor"]
         }
       }
     },
@@ -1307,7 +1556,7 @@
         "collection": "mode",
         "mode": "dark",
         "group": "component",
-        "scopes": ["bgColor"]
+        "scopes": ["bgColor", "borderColor"]
       }
     },
     "filePath": "src/tokens/functional/color/dark/data-vis-dark.json5",
@@ -1320,7 +1569,7 @@
           "collection": "mode",
           "mode": "dark",
           "group": "component",
-          "scopes": ["bgColor"]
+          "scopes": ["bgColor", "borderColor"]
         }
       }
     },
@@ -1365,7 +1614,7 @@
         "collection": "mode",
         "mode": "dark",
         "group": "component",
-        "scopes": ["bgColor"]
+        "scopes": ["bgColor", "borderColor"]
       }
     },
     "filePath": "src/tokens/functional/color/dark/data-vis-dark.json5",
@@ -1378,7 +1627,7 @@
           "collection": "mode",
           "mode": "dark",
           "group": "component",
-          "scopes": ["bgColor"]
+          "scopes": ["bgColor", "borderColor"]
         }
       }
     },
@@ -1423,7 +1672,7 @@
         "collection": "mode",
         "mode": "dark",
         "group": "component",
-        "scopes": ["bgColor"]
+        "scopes": ["bgColor", "borderColor"]
       }
     },
     "filePath": "src/tokens/functional/color/dark/data-vis-dark.json5",
@@ -1436,7 +1685,7 @@
           "collection": "mode",
           "mode": "dark",
           "group": "component",
-          "scopes": ["bgColor"]
+          "scopes": ["bgColor", "borderColor"]
         }
       }
     },
@@ -1481,7 +1730,7 @@
         "collection": "mode",
         "mode": "dark",
         "group": "component",
-        "scopes": ["bgColor"]
+        "scopes": ["bgColor", "borderColor"]
       }
     },
     "filePath": "src/tokens/functional/color/dark/data-vis-dark.json5",
@@ -1494,7 +1743,7 @@
           "collection": "mode",
           "mode": "dark",
           "group": "component",
-          "scopes": ["bgColor"]
+          "scopes": ["bgColor", "borderColor"]
         }
       }
     },
@@ -1539,7 +1788,7 @@
         "collection": "mode",
         "mode": "dark",
         "group": "component",
-        "scopes": ["bgColor"]
+        "scopes": ["bgColor", "borderColor"]
       }
     },
     "filePath": "src/tokens/functional/color/dark/data-vis-dark.json5",
@@ -1552,7 +1801,7 @@
           "collection": "mode",
           "mode": "dark",
           "group": "component",
-          "scopes": ["bgColor"]
+          "scopes": ["bgColor", "borderColor"]
         }
       }
     },
@@ -1597,7 +1846,7 @@
         "collection": "mode",
         "mode": "dark",
         "group": "component",
-        "scopes": ["bgColor"]
+        "scopes": ["bgColor", "borderColor"]
       }
     },
     "filePath": "src/tokens/functional/color/dark/data-vis-dark.json5",
@@ -1610,7 +1859,7 @@
           "collection": "mode",
           "mode": "dark",
           "group": "component",
-          "scopes": ["bgColor"]
+          "scopes": ["bgColor", "borderColor"]
         }
       }
     },
@@ -1655,7 +1904,7 @@
         "collection": "mode",
         "mode": "dark",
         "group": "component",
-        "scopes": ["bgColor"]
+        "scopes": ["bgColor", "borderColor"]
       }
     },
     "filePath": "src/tokens/functional/color/dark/data-vis-dark.json5",
@@ -1668,7 +1917,7 @@
           "collection": "mode",
           "mode": "dark",
           "group": "component",
-          "scopes": ["bgColor"]
+          "scopes": ["bgColor", "borderColor"]
         }
       }
     },
@@ -1711,7 +1960,7 @@
     "$extensions": {
       "org.primer.figma": {
         "collection": "mode",
-        "mode": "light",
+        "mode": "dark",
         "group": "component (internal)",
         "scopes": ["bgColor"]
       }
@@ -1724,7 +1973,7 @@
       "$extensions": {
         "org.primer.figma": {
           "collection": "mode",
-          "mode": "light",
+          "mode": "dark",
           "group": "component (internal)",
           "scopes": ["bgColor"]
         }
@@ -1740,7 +1989,7 @@
     "$extensions": {
       "org.primer.figma": {
         "collection": "mode",
-        "mode": "light",
+        "mode": "dark",
         "group": "component (internal)",
         "scopes": ["bgColor"]
       }
@@ -1753,7 +2002,7 @@
       "$extensions": {
         "org.primer.figma": {
           "collection": "mode",
-          "mode": "light",
+          "mode": "dark",
           "group": "component (internal)",
           "scopes": ["bgColor"]
         }
@@ -1769,7 +2018,7 @@
     "$extensions": {
       "org.primer.figma": {
         "collection": "mode",
-        "mode": "light",
+        "mode": "dark",
         "group": "component (internal)",
         "scopes": ["fgColor"]
       }
@@ -1782,7 +2031,7 @@
       "$extensions": {
         "org.primer.figma": {
           "collection": "mode",
-          "mode": "light",
+          "mode": "dark",
           "group": "component (internal)",
           "scopes": ["fgColor"]
         }
@@ -1798,7 +2047,7 @@
     "$extensions": {
       "org.primer.figma": {
         "collection": "mode",
-        "mode": "light",
+        "mode": "dark",
         "group": "component (internal)",
         "scopes": ["borderColor"]
       }
@@ -1811,7 +2060,7 @@
       "$extensions": {
         "org.primer.figma": {
           "collection": "mode",
-          "mode": "light",
+          "mode": "dark",
           "group": "component (internal)",
           "scopes": ["borderColor"]
         }
@@ -1827,7 +2076,7 @@
     "$extensions": {
       "org.primer.figma": {
         "collection": "mode",
-        "mode": "light",
+        "mode": "dark",
         "group": "component (internal)",
         "scopes": ["borderColor"]
       }
@@ -1840,7 +2089,7 @@
       "$extensions": {
         "org.primer.figma": {
           "collection": "mode",
-          "mode": "light",
+          "mode": "dark",
           "group": "component (internal)",
           "scopes": ["borderColor"]
         }
@@ -1856,7 +2105,7 @@
     "$extensions": {
       "org.primer.figma": {
         "collection": "mode",
-        "mode": "light",
+        "mode": "dark",
         "group": "component (internal)",
         "scopes": ["bgColor"]
       }
@@ -1869,7 +2118,7 @@
       "$extensions": {
         "org.primer.figma": {
           "collection": "mode",
-          "mode": "light",
+          "mode": "dark",
           "group": "component (internal)",
           "scopes": ["bgColor"]
         }
@@ -1885,7 +2134,7 @@
     "$extensions": {
       "org.primer.figma": {
         "collection": "mode",
-        "mode": "light",
+        "mode": "dark",
         "group": "component (internal)",
         "scopes": ["bgColor"]
       }
@@ -1898,7 +2147,7 @@
       "$extensions": {
         "org.primer.figma": {
           "collection": "mode",
-          "mode": "light",
+          "mode": "dark",
           "group": "component (internal)",
           "scopes": ["bgColor"]
         }
@@ -1914,7 +2163,7 @@
     "$extensions": {
       "org.primer.figma": {
         "collection": "mode",
-        "mode": "light",
+        "mode": "dark",
         "group": "component (internal)",
         "scopes": ["fgColor"]
       }
@@ -1927,7 +2176,7 @@
       "$extensions": {
         "org.primer.figma": {
           "collection": "mode",
-          "mode": "light",
+          "mode": "dark",
           "group": "component (internal)",
           "scopes": ["fgColor"]
         }
@@ -1943,7 +2192,7 @@
     "$extensions": {
       "org.primer.figma": {
         "collection": "mode",
-        "mode": "light",
+        "mode": "dark",
         "group": "component (internal)",
         "scopes": ["borderColor"]
       }
@@ -1956,7 +2205,7 @@
       "$extensions": {
         "org.primer.figma": {
           "collection": "mode",
-          "mode": "light",
+          "mode": "dark",
           "group": "component (internal)",
           "scopes": ["borderColor"]
         }
@@ -1972,7 +2221,7 @@
     "$extensions": {
       "org.primer.figma": {
         "collection": "mode",
-        "mode": "light",
+        "mode": "dark",
         "group": "component (internal)",
         "scopes": ["borderColor"]
       }
@@ -1985,7 +2234,7 @@
       "$extensions": {
         "org.primer.figma": {
           "collection": "mode",
-          "mode": "light",
+          "mode": "dark",
           "group": "component (internal)",
           "scopes": ["borderColor"]
         }
@@ -2001,7 +2250,7 @@
     "$extensions": {
       "org.primer.figma": {
         "collection": "mode",
-        "mode": "light",
+        "mode": "dark",
         "group": "component (internal)",
         "scopes": ["bgColor"]
       }
@@ -2014,7 +2263,7 @@
       "$extensions": {
         "org.primer.figma": {
           "collection": "mode",
-          "mode": "light",
+          "mode": "dark",
           "group": "component (internal)",
           "scopes": ["bgColor"]
         }
@@ -2030,7 +2279,7 @@
     "$extensions": {
       "org.primer.figma": {
         "collection": "mode",
-        "mode": "light",
+        "mode": "dark",
         "group": "component (internal)",
         "scopes": ["bgColor"]
       }
@@ -2043,7 +2292,7 @@
       "$extensions": {
         "org.primer.figma": {
           "collection": "mode",
-          "mode": "light",
+          "mode": "dark",
           "group": "component (internal)",
           "scopes": ["bgColor"]
         }
@@ -2059,7 +2308,7 @@
     "$extensions": {
       "org.primer.figma": {
         "collection": "mode",
-        "mode": "light",
+        "mode": "dark",
         "group": "component (internal)",
         "scopes": ["fgColor"]
       }
@@ -2072,7 +2321,7 @@
       "$extensions": {
         "org.primer.figma": {
           "collection": "mode",
-          "mode": "light",
+          "mode": "dark",
           "group": "component (internal)",
           "scopes": ["fgColor"]
         }
@@ -2088,7 +2337,7 @@
     "$extensions": {
       "org.primer.figma": {
         "collection": "mode",
-        "mode": "light",
+        "mode": "dark",
         "group": "component (internal)",
         "scopes": ["borderColor"]
       }
@@ -2101,7 +2350,7 @@
       "$extensions": {
         "org.primer.figma": {
           "collection": "mode",
-          "mode": "light",
+          "mode": "dark",
           "group": "component (internal)",
           "scopes": ["borderColor"]
         }
@@ -2117,7 +2366,7 @@
     "$extensions": {
       "org.primer.figma": {
         "collection": "mode",
-        "mode": "light",
+        "mode": "dark",
         "group": "component (internal)",
         "scopes": ["borderColor"]
       }
@@ -2130,7 +2379,7 @@
       "$extensions": {
         "org.primer.figma": {
           "collection": "mode",
-          "mode": "light",
+          "mode": "dark",
           "group": "component (internal)",
           "scopes": ["borderColor"]
         }
@@ -2146,7 +2395,7 @@
     "$extensions": {
       "org.primer.figma": {
         "collection": "mode",
-        "mode": "light",
+        "mode": "dark",
         "group": "component (internal)",
         "scopes": ["bgColor"]
       }
@@ -2159,7 +2408,7 @@
       "$extensions": {
         "org.primer.figma": {
           "collection": "mode",
-          "mode": "light",
+          "mode": "dark",
           "group": "component (internal)",
           "scopes": ["bgColor"]
         }
@@ -2175,7 +2424,7 @@
     "$extensions": {
       "org.primer.figma": {
         "collection": "mode",
-        "mode": "light",
+        "mode": "dark",
         "group": "component (internal)",
         "scopes": ["bgColor"]
       }
@@ -2188,7 +2437,7 @@
       "$extensions": {
         "org.primer.figma": {
           "collection": "mode",
-          "mode": "light",
+          "mode": "dark",
           "group": "component (internal)",
           "scopes": ["bgColor"]
         }
@@ -2204,7 +2453,7 @@
     "$extensions": {
       "org.primer.figma": {
         "collection": "mode",
-        "mode": "light",
+        "mode": "dark",
         "group": "component (internal)",
         "scopes": ["fgColor"]
       }
@@ -2217,7 +2466,7 @@
       "$extensions": {
         "org.primer.figma": {
           "collection": "mode",
-          "mode": "light",
+          "mode": "dark",
           "group": "component (internal)",
           "scopes": ["fgColor"]
         }
@@ -2233,7 +2482,7 @@
     "$extensions": {
       "org.primer.figma": {
         "collection": "mode",
-        "mode": "light",
+        "mode": "dark",
         "group": "component (internal)",
         "scopes": ["borderColor"]
       }
@@ -2246,7 +2495,7 @@
       "$extensions": {
         "org.primer.figma": {
           "collection": "mode",
-          "mode": "light",
+          "mode": "dark",
           "group": "component (internal)",
           "scopes": ["borderColor"]
         }
@@ -2262,7 +2511,7 @@
     "$extensions": {
       "org.primer.figma": {
         "collection": "mode",
-        "mode": "light",
+        "mode": "dark",
         "group": "component (internal)",
         "scopes": ["borderColor"]
       }
@@ -2275,7 +2524,7 @@
       "$extensions": {
         "org.primer.figma": {
           "collection": "mode",
-          "mode": "light",
+          "mode": "dark",
           "group": "component (internal)",
           "scopes": ["borderColor"]
         }
@@ -2291,7 +2540,7 @@
     "$extensions": {
       "org.primer.figma": {
         "collection": "mode",
-        "mode": "light",
+        "mode": "dark",
         "group": "component (internal)",
         "scopes": ["bgColor"]
       }
@@ -2304,7 +2553,7 @@
       "$extensions": {
         "org.primer.figma": {
           "collection": "mode",
-          "mode": "light",
+          "mode": "dark",
           "group": "component (internal)",
           "scopes": ["bgColor"]
         }
@@ -2320,7 +2569,7 @@
     "$extensions": {
       "org.primer.figma": {
         "collection": "mode",
-        "mode": "light",
+        "mode": "dark",
         "group": "component (internal)",
         "scopes": ["bgColor"]
       }
@@ -2333,7 +2582,7 @@
       "$extensions": {
         "org.primer.figma": {
           "collection": "mode",
-          "mode": "light",
+          "mode": "dark",
           "group": "component (internal)",
           "scopes": ["bgColor"]
         }
@@ -2349,7 +2598,7 @@
     "$extensions": {
       "org.primer.figma": {
         "collection": "mode",
-        "mode": "light",
+        "mode": "dark",
         "group": "component (internal)",
         "scopes": ["fgColor"]
       }
@@ -2362,7 +2611,7 @@
       "$extensions": {
         "org.primer.figma": {
           "collection": "mode",
-          "mode": "light",
+          "mode": "dark",
           "group": "component (internal)",
           "scopes": ["fgColor"]
         }
@@ -2378,7 +2627,7 @@
     "$extensions": {
       "org.primer.figma": {
         "collection": "mode",
-        "mode": "light",
+        "mode": "dark",
         "group": "component (internal)",
         "scopes": ["borderColor"]
       }
@@ -2391,7 +2640,7 @@
       "$extensions": {
         "org.primer.figma": {
           "collection": "mode",
-          "mode": "light",
+          "mode": "dark",
           "group": "component (internal)",
           "scopes": ["borderColor"]
         }
@@ -2407,7 +2656,7 @@
     "$extensions": {
       "org.primer.figma": {
         "collection": "mode",
-        "mode": "light",
+        "mode": "dark",
         "group": "component (internal)",
         "scopes": ["borderColor"]
       }
@@ -2420,7 +2669,7 @@
       "$extensions": {
         "org.primer.figma": {
           "collection": "mode",
-          "mode": "light",
+          "mode": "dark",
           "group": "component (internal)",
           "scopes": ["borderColor"]
         }
@@ -2436,7 +2685,7 @@
     "$extensions": {
       "org.primer.figma": {
         "collection": "mode",
-        "mode": "light",
+        "mode": "dark",
         "group": "component (internal)",
         "scopes": ["bgColor"]
       }
@@ -2449,7 +2698,7 @@
       "$extensions": {
         "org.primer.figma": {
           "collection": "mode",
-          "mode": "light",
+          "mode": "dark",
           "group": "component (internal)",
           "scopes": ["bgColor"]
         }
@@ -2465,7 +2714,7 @@
     "$extensions": {
       "org.primer.figma": {
         "collection": "mode",
-        "mode": "light",
+        "mode": "dark",
         "group": "component (internal)",
         "scopes": ["bgColor"]
       }
@@ -2478,7 +2727,7 @@
       "$extensions": {
         "org.primer.figma": {
           "collection": "mode",
-          "mode": "light",
+          "mode": "dark",
           "group": "component (internal)",
           "scopes": ["bgColor"]
         }
@@ -2494,7 +2743,7 @@
     "$extensions": {
       "org.primer.figma": {
         "collection": "mode",
-        "mode": "light",
+        "mode": "dark",
         "group": "component (internal)",
         "scopes": ["fgColor"]
       }
@@ -2507,7 +2756,7 @@
       "$extensions": {
         "org.primer.figma": {
           "collection": "mode",
-          "mode": "light",
+          "mode": "dark",
           "group": "component (internal)",
           "scopes": ["fgColor"]
         }
@@ -2523,7 +2772,7 @@
     "$extensions": {
       "org.primer.figma": {
         "collection": "mode",
-        "mode": "light",
+        "mode": "dark",
         "group": "component (internal)",
         "scopes": ["borderColor"]
       }
@@ -2536,7 +2785,7 @@
       "$extensions": {
         "org.primer.figma": {
           "collection": "mode",
-          "mode": "light",
+          "mode": "dark",
           "group": "component (internal)",
           "scopes": ["borderColor"]
         }
@@ -2552,7 +2801,7 @@
     "$extensions": {
       "org.primer.figma": {
         "collection": "mode",
-        "mode": "light",
+        "mode": "dark",
         "group": "component (internal)",
         "scopes": ["borderColor"]
       }
@@ -2565,7 +2814,7 @@
       "$extensions": {
         "org.primer.figma": {
           "collection": "mode",
-          "mode": "light",
+          "mode": "dark",
           "group": "component (internal)",
           "scopes": ["borderColor"]
         }
@@ -2581,7 +2830,7 @@
     "$extensions": {
       "org.primer.figma": {
         "collection": "mode",
-        "mode": "light",
+        "mode": "dark",
         "group": "component (internal)",
         "scopes": ["bgColor"]
       }
@@ -2594,7 +2843,7 @@
       "$extensions": {
         "org.primer.figma": {
           "collection": "mode",
-          "mode": "light",
+          "mode": "dark",
           "group": "component (internal)",
           "scopes": ["bgColor"]
         }
@@ -2610,7 +2859,7 @@
     "$extensions": {
       "org.primer.figma": {
         "collection": "mode",
-        "mode": "light",
+        "mode": "dark",
         "group": "component (internal)",
         "scopes": ["bgColor"]
       }
@@ -2623,7 +2872,7 @@
       "$extensions": {
         "org.primer.figma": {
           "collection": "mode",
-          "mode": "light",
+          "mode": "dark",
           "group": "component (internal)",
           "scopes": ["bgColor"]
         }
@@ -2639,7 +2888,7 @@
     "$extensions": {
       "org.primer.figma": {
         "collection": "mode",
-        "mode": "light",
+        "mode": "dark",
         "group": "component (internal)",
         "scopes": ["fgColor"]
       }
@@ -2652,7 +2901,7 @@
       "$extensions": {
         "org.primer.figma": {
           "collection": "mode",
-          "mode": "light",
+          "mode": "dark",
           "group": "component (internal)",
           "scopes": ["fgColor"]
         }
@@ -2668,7 +2917,7 @@
     "$extensions": {
       "org.primer.figma": {
         "collection": "mode",
-        "mode": "light",
+        "mode": "dark",
         "group": "component (internal)",
         "scopes": ["borderColor"]
       }
@@ -2681,7 +2930,7 @@
       "$extensions": {
         "org.primer.figma": {
           "collection": "mode",
-          "mode": "light",
+          "mode": "dark",
           "group": "component (internal)",
           "scopes": ["borderColor"]
         }
@@ -2697,7 +2946,7 @@
     "$extensions": {
       "org.primer.figma": {
         "collection": "mode",
-        "mode": "light",
+        "mode": "dark",
         "group": "component (internal)",
         "scopes": ["borderColor"]
       }
@@ -2710,7 +2959,7 @@
       "$extensions": {
         "org.primer.figma": {
           "collection": "mode",
-          "mode": "light",
+          "mode": "dark",
           "group": "component (internal)",
           "scopes": ["borderColor"]
         }
@@ -2726,7 +2975,7 @@
     "$extensions": {
       "org.primer.figma": {
         "collection": "mode",
-        "mode": "light",
+        "mode": "dark",
         "group": "component (internal)",
         "scopes": ["bgColor"]
       }
@@ -2739,7 +2988,7 @@
       "$extensions": {
         "org.primer.figma": {
           "collection": "mode",
-          "mode": "light",
+          "mode": "dark",
           "group": "component (internal)",
           "scopes": ["bgColor"]
         }
@@ -2755,7 +3004,7 @@
     "$extensions": {
       "org.primer.figma": {
         "collection": "mode",
-        "mode": "light",
+        "mode": "dark",
         "group": "component (internal)",
         "scopes": ["bgColor"]
       }
@@ -2768,7 +3017,7 @@
       "$extensions": {
         "org.primer.figma": {
           "collection": "mode",
-          "mode": "light",
+          "mode": "dark",
           "group": "component (internal)",
           "scopes": ["bgColor"]
         }
@@ -2784,7 +3033,7 @@
     "$extensions": {
       "org.primer.figma": {
         "collection": "mode",
-        "mode": "light",
+        "mode": "dark",
         "group": "component (internal)",
         "scopes": ["fgColor"]
       }
@@ -2797,7 +3046,7 @@
       "$extensions": {
         "org.primer.figma": {
           "collection": "mode",
-          "mode": "light",
+          "mode": "dark",
           "group": "component (internal)",
           "scopes": ["fgColor"]
         }
@@ -2813,7 +3062,7 @@
     "$extensions": {
       "org.primer.figma": {
         "collection": "mode",
-        "mode": "light",
+        "mode": "dark",
         "group": "component (internal)",
         "scopes": ["borderColor"]
       }
@@ -2826,7 +3075,7 @@
       "$extensions": {
         "org.primer.figma": {
           "collection": "mode",
-          "mode": "light",
+          "mode": "dark",
           "group": "component (internal)",
           "scopes": ["borderColor"]
         }
@@ -2842,7 +3091,7 @@
     "$extensions": {
       "org.primer.figma": {
         "collection": "mode",
-        "mode": "light",
+        "mode": "dark",
         "group": "component (internal)",
         "scopes": ["borderColor"]
       }
@@ -2855,7 +3104,7 @@
       "$extensions": {
         "org.primer.figma": {
           "collection": "mode",
-          "mode": "light",
+          "mode": "dark",
           "group": "component (internal)",
           "scopes": ["borderColor"]
         }
@@ -2871,7 +3120,7 @@
     "$extensions": {
       "org.primer.figma": {
         "collection": "mode",
-        "mode": "light",
+        "mode": "dark",
         "group": "component (internal)",
         "scopes": ["bgColor"]
       }
@@ -2884,7 +3133,7 @@
       "$extensions": {
         "org.primer.figma": {
           "collection": "mode",
-          "mode": "light",
+          "mode": "dark",
           "group": "component (internal)",
           "scopes": ["bgColor"]
         }
@@ -2900,7 +3149,7 @@
     "$extensions": {
       "org.primer.figma": {
         "collection": "mode",
-        "mode": "light",
+        "mode": "dark",
         "group": "component (internal)",
         "scopes": ["bgColor"]
       }
@@ -2913,7 +3162,7 @@
       "$extensions": {
         "org.primer.figma": {
           "collection": "mode",
-          "mode": "light",
+          "mode": "dark",
           "group": "component (internal)",
           "scopes": ["bgColor"]
         }
@@ -2929,7 +3178,7 @@
     "$extensions": {
       "org.primer.figma": {
         "collection": "mode",
-        "mode": "light",
+        "mode": "dark",
         "group": "component (internal)",
         "scopes": ["fgColor"]
       }
@@ -2942,7 +3191,7 @@
       "$extensions": {
         "org.primer.figma": {
           "collection": "mode",
-          "mode": "light",
+          "mode": "dark",
           "group": "component (internal)",
           "scopes": ["fgColor"]
         }
@@ -2958,7 +3207,7 @@
     "$extensions": {
       "org.primer.figma": {
         "collection": "mode",
-        "mode": "light",
+        "mode": "dark",
         "group": "component (internal)",
         "scopes": ["borderColor"]
       }
@@ -2971,7 +3220,7 @@
       "$extensions": {
         "org.primer.figma": {
           "collection": "mode",
-          "mode": "light",
+          "mode": "dark",
           "group": "component (internal)",
           "scopes": ["borderColor"]
         }
@@ -2987,7 +3236,7 @@
     "$extensions": {
       "org.primer.figma": {
         "collection": "mode",
-        "mode": "light",
+        "mode": "dark",
         "group": "component (internal)",
         "scopes": ["borderColor"]
       }
@@ -3000,7 +3249,7 @@
       "$extensions": {
         "org.primer.figma": {
           "collection": "mode",
-          "mode": "light",
+          "mode": "dark",
           "group": "component (internal)",
           "scopes": ["borderColor"]
         }
@@ -3016,7 +3265,7 @@
     "$extensions": {
       "org.primer.figma": {
         "collection": "mode",
-        "mode": "light",
+        "mode": "dark",
         "group": "component (internal)",
         "scopes": ["bgColor"]
       }
@@ -3029,7 +3278,7 @@
       "$extensions": {
         "org.primer.figma": {
           "collection": "mode",
-          "mode": "light",
+          "mode": "dark",
           "group": "component (internal)",
           "scopes": ["bgColor"]
         }
@@ -3045,7 +3294,7 @@
     "$extensions": {
       "org.primer.figma": {
         "collection": "mode",
-        "mode": "light",
+        "mode": "dark",
         "group": "component (internal)",
         "scopes": ["bgColor"]
       }
@@ -3058,7 +3307,7 @@
       "$extensions": {
         "org.primer.figma": {
           "collection": "mode",
-          "mode": "light",
+          "mode": "dark",
           "group": "component (internal)",
           "scopes": ["bgColor"]
         }
@@ -3074,7 +3323,7 @@
     "$extensions": {
       "org.primer.figma": {
         "collection": "mode",
-        "mode": "light",
+        "mode": "dark",
         "group": "component (internal)",
         "scopes": ["fgColor"]
       }
@@ -3087,7 +3336,7 @@
       "$extensions": {
         "org.primer.figma": {
           "collection": "mode",
-          "mode": "light",
+          "mode": "dark",
           "group": "component (internal)",
           "scopes": ["fgColor"]
         }
@@ -3103,7 +3352,7 @@
     "$extensions": {
       "org.primer.figma": {
         "collection": "mode",
-        "mode": "light",
+        "mode": "dark",
         "group": "component (internal)",
         "scopes": ["borderColor"]
       }
@@ -3116,7 +3365,7 @@
       "$extensions": {
         "org.primer.figma": {
           "collection": "mode",
-          "mode": "light",
+          "mode": "dark",
           "group": "component (internal)",
           "scopes": ["borderColor"]
         }
@@ -3132,7 +3381,7 @@
     "$extensions": {
       "org.primer.figma": {
         "collection": "mode",
-        "mode": "light",
+        "mode": "dark",
         "group": "component (internal)",
         "scopes": ["borderColor"]
       }
@@ -3145,7 +3394,7 @@
       "$extensions": {
         "org.primer.figma": {
           "collection": "mode",
-          "mode": "light",
+          "mode": "dark",
           "group": "component (internal)",
           "scopes": ["borderColor"]
         }
@@ -3161,7 +3410,7 @@
     "$extensions": {
       "org.primer.figma": {
         "collection": "mode",
-        "mode": "light",
+        "mode": "dark",
         "group": "component (internal)",
         "scopes": ["bgColor"]
       }
@@ -3174,7 +3423,7 @@
       "$extensions": {
         "org.primer.figma": {
           "collection": "mode",
-          "mode": "light",
+          "mode": "dark",
           "group": "component (internal)",
           "scopes": ["bgColor"]
         }
@@ -3190,7 +3439,7 @@
     "$extensions": {
       "org.primer.figma": {
         "collection": "mode",
-        "mode": "light",
+        "mode": "dark",
         "group": "component (internal)",
         "scopes": ["bgColor"]
       }
@@ -3203,7 +3452,7 @@
       "$extensions": {
         "org.primer.figma": {
           "collection": "mode",
-          "mode": "light",
+          "mode": "dark",
           "group": "component (internal)",
           "scopes": ["bgColor"]
         }
@@ -3219,7 +3468,7 @@
     "$extensions": {
       "org.primer.figma": {
         "collection": "mode",
-        "mode": "light",
+        "mode": "dark",
         "group": "component (internal)",
         "scopes": ["fgColor"]
       }
@@ -3232,7 +3481,7 @@
       "$extensions": {
         "org.primer.figma": {
           "collection": "mode",
-          "mode": "light",
+          "mode": "dark",
           "group": "component (internal)",
           "scopes": ["fgColor"]
         }
@@ -3248,7 +3497,7 @@
     "$extensions": {
       "org.primer.figma": {
         "collection": "mode",
-        "mode": "light",
+        "mode": "dark",
         "group": "component (internal)",
         "scopes": ["borderColor"]
       }
@@ -3261,7 +3510,7 @@
       "$extensions": {
         "org.primer.figma": {
           "collection": "mode",
-          "mode": "light",
+          "mode": "dark",
           "group": "component (internal)",
           "scopes": ["borderColor"]
         }
@@ -3277,7 +3526,7 @@
     "$extensions": {
       "org.primer.figma": {
         "collection": "mode",
-        "mode": "light",
+        "mode": "dark",
         "group": "component (internal)",
         "scopes": ["borderColor"]
       }
@@ -3290,7 +3539,7 @@
       "$extensions": {
         "org.primer.figma": {
           "collection": "mode",
-          "mode": "light",
+          "mode": "dark",
           "group": "component (internal)",
           "scopes": ["borderColor"]
         }
@@ -3306,7 +3555,7 @@
     "$extensions": {
       "org.primer.figma": {
         "collection": "mode",
-        "mode": "light",
+        "mode": "dark",
         "group": "component (internal)",
         "scopes": ["bgColor"]
       }
@@ -3319,7 +3568,7 @@
       "$extensions": {
         "org.primer.figma": {
           "collection": "mode",
-          "mode": "light",
+          "mode": "dark",
           "group": "component (internal)",
           "scopes": ["bgColor"]
         }
@@ -3335,7 +3584,7 @@
     "$extensions": {
       "org.primer.figma": {
         "collection": "mode",
-        "mode": "light",
+        "mode": "dark",
         "group": "component (internal)",
         "scopes": ["bgColor"]
       }
@@ -3348,7 +3597,7 @@
       "$extensions": {
         "org.primer.figma": {
           "collection": "mode",
-          "mode": "light",
+          "mode": "dark",
           "group": "component (internal)",
           "scopes": ["bgColor"]
         }
@@ -3364,7 +3613,7 @@
     "$extensions": {
       "org.primer.figma": {
         "collection": "mode",
-        "mode": "light",
+        "mode": "dark",
         "group": "component (internal)",
         "scopes": ["fgColor"]
       }
@@ -3377,7 +3626,7 @@
       "$extensions": {
         "org.primer.figma": {
           "collection": "mode",
-          "mode": "light",
+          "mode": "dark",
           "group": "component (internal)",
           "scopes": ["fgColor"]
         }
@@ -3393,7 +3642,7 @@
     "$extensions": {
       "org.primer.figma": {
         "collection": "mode",
-        "mode": "light",
+        "mode": "dark",
         "group": "component (internal)",
         "scopes": ["borderColor"]
       }
@@ -3406,7 +3655,7 @@
       "$extensions": {
         "org.primer.figma": {
           "collection": "mode",
-          "mode": "light",
+          "mode": "dark",
           "group": "component (internal)",
           "scopes": ["borderColor"]
         }
@@ -3422,7 +3671,7 @@
     "$extensions": {
       "org.primer.figma": {
         "collection": "mode",
-        "mode": "light",
+        "mode": "dark",
         "group": "component (internal)",
         "scopes": ["borderColor"]
       }
@@ -3435,7 +3684,7 @@
       "$extensions": {
         "org.primer.figma": {
           "collection": "mode",
-          "mode": "light",
+          "mode": "dark",
           "group": "component (internal)",
           "scopes": ["borderColor"]
         }
@@ -3451,7 +3700,7 @@
     "$extensions": {
       "org.primer.figma": {
         "collection": "mode",
-        "mode": "light",
+        "mode": "dark",
         "group": "component (internal)",
         "scopes": ["bgColor"]
       }
@@ -3464,7 +3713,7 @@
       "$extensions": {
         "org.primer.figma": {
           "collection": "mode",
-          "mode": "light",
+          "mode": "dark",
           "group": "component (internal)",
           "scopes": ["bgColor"]
         }
@@ -3480,7 +3729,7 @@
     "$extensions": {
       "org.primer.figma": {
         "collection": "mode",
-        "mode": "light",
+        "mode": "dark",
         "group": "component (internal)",
         "scopes": ["bgColor"]
       }
@@ -3493,7 +3742,7 @@
       "$extensions": {
         "org.primer.figma": {
           "collection": "mode",
-          "mode": "light",
+          "mode": "dark",
           "group": "component (internal)",
           "scopes": ["bgColor"]
         }
@@ -3509,7 +3758,7 @@
     "$extensions": {
       "org.primer.figma": {
         "collection": "mode",
-        "mode": "light",
+        "mode": "dark",
         "group": "component (internal)",
         "scopes": ["fgColor"]
       }
@@ -3522,7 +3771,7 @@
       "$extensions": {
         "org.primer.figma": {
           "collection": "mode",
-          "mode": "light",
+          "mode": "dark",
           "group": "component (internal)",
           "scopes": ["fgColor"]
         }
@@ -3538,7 +3787,7 @@
     "$extensions": {
       "org.primer.figma": {
         "collection": "mode",
-        "mode": "light",
+        "mode": "dark",
         "group": "component (internal)",
         "scopes": ["borderColor"]
       }
@@ -3551,7 +3800,7 @@
       "$extensions": {
         "org.primer.figma": {
           "collection": "mode",
-          "mode": "light",
+          "mode": "dark",
           "group": "component (internal)",
           "scopes": ["borderColor"]
         }
@@ -3567,7 +3816,7 @@
     "$extensions": {
       "org.primer.figma": {
         "collection": "mode",
-        "mode": "light",
+        "mode": "dark",
         "group": "component (internal)",
         "scopes": ["borderColor"]
       }
@@ -3580,7 +3829,7 @@
       "$extensions": {
         "org.primer.figma": {
           "collection": "mode",
-          "mode": "light",
+          "mode": "dark",
           "group": "component (internal)",
           "scopes": ["borderColor"]
         }
@@ -3596,7 +3845,7 @@
     "$extensions": {
       "org.primer.figma": {
         "collection": "mode",
-        "mode": "light",
+        "mode": "dark",
         "group": "component (internal)",
         "scopes": ["bgColor"]
       }
@@ -3609,7 +3858,7 @@
       "$extensions": {
         "org.primer.figma": {
           "collection": "mode",
-          "mode": "light",
+          "mode": "dark",
           "group": "component (internal)",
           "scopes": ["bgColor"]
         }
@@ -3625,7 +3874,7 @@
     "$extensions": {
       "org.primer.figma": {
         "collection": "mode",
-        "mode": "light",
+        "mode": "dark",
         "group": "component (internal)",
         "scopes": ["bgColor"]
       }
@@ -3638,7 +3887,7 @@
       "$extensions": {
         "org.primer.figma": {
           "collection": "mode",
-          "mode": "light",
+          "mode": "dark",
           "group": "component (internal)",
           "scopes": ["bgColor"]
         }
@@ -3654,7 +3903,7 @@
     "$extensions": {
       "org.primer.figma": {
         "collection": "mode",
-        "mode": "light",
+        "mode": "dark",
         "group": "component (internal)",
         "scopes": ["fgColor"]
       }
@@ -3667,7 +3916,7 @@
       "$extensions": {
         "org.primer.figma": {
           "collection": "mode",
-          "mode": "light",
+          "mode": "dark",
           "group": "component (internal)",
           "scopes": ["fgColor"]
         }
@@ -3683,7 +3932,7 @@
     "$extensions": {
       "org.primer.figma": {
         "collection": "mode",
-        "mode": "light",
+        "mode": "dark",
         "group": "component (internal)",
         "scopes": ["borderColor"]
       }
@@ -3696,7 +3945,7 @@
       "$extensions": {
         "org.primer.figma": {
           "collection": "mode",
-          "mode": "light",
+          "mode": "dark",
           "group": "component (internal)",
           "scopes": ["borderColor"]
         }
@@ -3712,7 +3961,7 @@
     "$extensions": {
       "org.primer.figma": {
         "collection": "mode",
-        "mode": "light",
+        "mode": "dark",
         "group": "component (internal)",
         "scopes": ["borderColor"]
       }
@@ -3725,7 +3974,7 @@
       "$extensions": {
         "org.primer.figma": {
           "collection": "mode",
-          "mode": "light",
+          "mode": "dark",
           "group": "component (internal)",
           "scopes": ["borderColor"]
         }
@@ -3741,7 +3990,7 @@
     "$extensions": {
       "org.primer.figma": {
         "collection": "mode",
-        "mode": "light",
+        "mode": "dark",
         "group": "component (internal)",
         "scopes": ["bgColor"]
       }
@@ -3754,7 +4003,7 @@
       "$extensions": {
         "org.primer.figma": {
           "collection": "mode",
-          "mode": "light",
+          "mode": "dark",
           "group": "component (internal)",
           "scopes": ["bgColor"]
         }
@@ -3770,7 +4019,7 @@
     "$extensions": {
       "org.primer.figma": {
         "collection": "mode",
-        "mode": "light",
+        "mode": "dark",
         "group": "component (internal)",
         "scopes": ["bgColor"]
       }
@@ -3783,7 +4032,7 @@
       "$extensions": {
         "org.primer.figma": {
           "collection": "mode",
-          "mode": "light",
+          "mode": "dark",
           "group": "component (internal)",
           "scopes": ["bgColor"]
         }
@@ -3799,7 +4048,7 @@
     "$extensions": {
       "org.primer.figma": {
         "collection": "mode",
-        "mode": "light",
+        "mode": "dark",
         "group": "component (internal)",
         "scopes": ["fgColor"]
       }
@@ -3812,7 +4061,7 @@
       "$extensions": {
         "org.primer.figma": {
           "collection": "mode",
-          "mode": "light",
+          "mode": "dark",
           "group": "component (internal)",
           "scopes": ["fgColor"]
         }
@@ -3828,7 +4077,7 @@
     "$extensions": {
       "org.primer.figma": {
         "collection": "mode",
-        "mode": "light",
+        "mode": "dark",
         "group": "component (internal)",
         "scopes": ["borderColor"]
       }
@@ -3841,7 +4090,7 @@
       "$extensions": {
         "org.primer.figma": {
           "collection": "mode",
-          "mode": "light",
+          "mode": "dark",
           "group": "component (internal)",
           "scopes": ["borderColor"]
         }
@@ -3857,7 +4106,7 @@
     "$extensions": {
       "org.primer.figma": {
         "collection": "mode",
-        "mode": "light",
+        "mode": "dark",
         "group": "component (internal)",
         "scopes": ["borderColor"]
       }
@@ -3870,7 +4119,7 @@
       "$extensions": {
         "org.primer.figma": {
           "collection": "mode",
-          "mode": "light",
+          "mode": "dark",
           "group": "component (internal)",
           "scopes": ["borderColor"]
         }
@@ -3886,7 +4135,7 @@
     "$extensions": {
       "org.primer.figma": {
         "collection": "mode",
-        "mode": "light",
+        "mode": "dark",
         "group": "component (internal)",
         "scopes": ["bgColor"]
       }
@@ -3899,7 +4148,7 @@
       "$extensions": {
         "org.primer.figma": {
           "collection": "mode",
-          "mode": "light",
+          "mode": "dark",
           "group": "component (internal)",
           "scopes": ["bgColor"]
         }
@@ -3915,7 +4164,7 @@
     "$extensions": {
       "org.primer.figma": {
         "collection": "mode",
-        "mode": "light",
+        "mode": "dark",
         "group": "component (internal)",
         "scopes": ["bgColor"]
       }
@@ -3928,7 +4177,7 @@
       "$extensions": {
         "org.primer.figma": {
           "collection": "mode",
-          "mode": "light",
+          "mode": "dark",
           "group": "component (internal)",
           "scopes": ["bgColor"]
         }
@@ -3944,7 +4193,7 @@
     "$extensions": {
       "org.primer.figma": {
         "collection": "mode",
-        "mode": "light",
+        "mode": "dark",
         "group": "component (internal)",
         "scopes": ["fgColor"]
       }
@@ -3957,7 +4206,7 @@
       "$extensions": {
         "org.primer.figma": {
           "collection": "mode",
-          "mode": "light",
+          "mode": "dark",
           "group": "component (internal)",
           "scopes": ["fgColor"]
         }
@@ -3973,7 +4222,7 @@
     "$extensions": {
       "org.primer.figma": {
         "collection": "mode",
-        "mode": "light",
+        "mode": "dark",
         "group": "component (internal)",
         "scopes": ["borderColor"]
       }
@@ -3986,7 +4235,7 @@
       "$extensions": {
         "org.primer.figma": {
           "collection": "mode",
-          "mode": "light",
+          "mode": "dark",
           "group": "component (internal)",
           "scopes": ["borderColor"]
         }
@@ -4002,7 +4251,7 @@
     "$extensions": {
       "org.primer.figma": {
         "collection": "mode",
-        "mode": "light",
+        "mode": "dark",
         "group": "component (internal)",
         "scopes": ["borderColor"]
       }
@@ -4015,7 +4264,7 @@
       "$extensions": {
         "org.primer.figma": {
           "collection": "mode",
-          "mode": "light",
+          "mode": "dark",
           "group": "component (internal)",
           "scopes": ["borderColor"]
         }
@@ -4031,7 +4280,7 @@
     "$extensions": {
       "org.primer.figma": {
         "collection": "mode",
-        "mode": "light",
+        "mode": "dark",
         "group": "component (internal)",
         "scopes": ["bgColor"]
       }
@@ -4044,7 +4293,7 @@
       "$extensions": {
         "org.primer.figma": {
           "collection": "mode",
-          "mode": "light",
+          "mode": "dark",
           "group": "component (internal)",
           "scopes": ["bgColor"]
         }
@@ -4060,7 +4309,7 @@
     "$extensions": {
       "org.primer.figma": {
         "collection": "mode",
-        "mode": "light",
+        "mode": "dark",
         "group": "component (internal)",
         "scopes": ["bgColor"]
       }
@@ -4073,7 +4322,7 @@
       "$extensions": {
         "org.primer.figma": {
           "collection": "mode",
-          "mode": "light",
+          "mode": "dark",
           "group": "component (internal)",
           "scopes": ["bgColor"]
         }
@@ -4089,7 +4338,7 @@
     "$extensions": {
       "org.primer.figma": {
         "collection": "mode",
-        "mode": "light",
+        "mode": "dark",
         "group": "component (internal)",
         "scopes": ["fgColor"]
       }
@@ -4102,7 +4351,7 @@
       "$extensions": {
         "org.primer.figma": {
           "collection": "mode",
-          "mode": "light",
+          "mode": "dark",
           "group": "component (internal)",
           "scopes": ["fgColor"]
         }
@@ -4118,7 +4367,7 @@
     "$extensions": {
       "org.primer.figma": {
         "collection": "mode",
-        "mode": "light",
+        "mode": "dark",
         "group": "component (internal)",
         "scopes": ["borderColor"]
       }
@@ -4131,7 +4380,7 @@
       "$extensions": {
         "org.primer.figma": {
           "collection": "mode",
-          "mode": "light",
+          "mode": "dark",
           "group": "component (internal)",
           "scopes": ["borderColor"]
         }
@@ -4147,7 +4396,7 @@
     "$extensions": {
       "org.primer.figma": {
         "collection": "mode",
-        "mode": "light",
+        "mode": "dark",
         "group": "component (internal)",
         "scopes": ["borderColor"]
       }
@@ -4160,7 +4409,7 @@
       "$extensions": {
         "org.primer.figma": {
           "collection": "mode",
-          "mode": "light",
+          "mode": "dark",
           "group": "component (internal)",
           "scopes": ["borderColor"]
         }
@@ -4176,7 +4425,7 @@
     "$extensions": {
       "org.primer.figma": {
         "collection": "mode",
-        "mode": "light",
+        "mode": "dark",
         "group": "component (internal)",
         "scopes": ["bgColor"]
       }
@@ -4189,7 +4438,7 @@
       "$extensions": {
         "org.primer.figma": {
           "collection": "mode",
-          "mode": "light",
+          "mode": "dark",
           "group": "component (internal)",
           "scopes": ["bgColor"]
         }
@@ -4205,7 +4454,7 @@
     "$extensions": {
       "org.primer.figma": {
         "collection": "mode",
-        "mode": "light",
+        "mode": "dark",
         "group": "component (internal)",
         "scopes": ["bgColor"]
       }
@@ -4218,7 +4467,7 @@
       "$extensions": {
         "org.primer.figma": {
           "collection": "mode",
-          "mode": "light",
+          "mode": "dark",
           "group": "component (internal)",
           "scopes": ["bgColor"]
         }
@@ -4234,7 +4483,7 @@
     "$extensions": {
       "org.primer.figma": {
         "collection": "mode",
-        "mode": "light",
+        "mode": "dark",
         "group": "component (internal)",
         "scopes": ["fgColor"]
       }
@@ -4247,7 +4496,7 @@
       "$extensions": {
         "org.primer.figma": {
           "collection": "mode",
-          "mode": "light",
+          "mode": "dark",
           "group": "component (internal)",
           "scopes": ["fgColor"]
         }
@@ -4263,7 +4512,7 @@
     "$extensions": {
       "org.primer.figma": {
         "collection": "mode",
-        "mode": "light",
+        "mode": "dark",
         "group": "component (internal)",
         "scopes": ["borderColor"]
       }
@@ -4276,7 +4525,7 @@
       "$extensions": {
         "org.primer.figma": {
           "collection": "mode",
-          "mode": "light",
+          "mode": "dark",
           "group": "component (internal)",
           "scopes": ["borderColor"]
         }
@@ -4292,7 +4541,7 @@
     "$extensions": {
       "org.primer.figma": {
         "collection": "mode",
-        "mode": "light",
+        "mode": "dark",
         "group": "component (internal)",
         "scopes": ["borderColor"]
       }
@@ -4305,7 +4554,7 @@
       "$extensions": {
         "org.primer.figma": {
           "collection": "mode",
-          "mode": "light",
+          "mode": "dark",
           "group": "component (internal)",
           "scopes": ["borderColor"]
         }
@@ -4321,7 +4570,7 @@
     "$extensions": {
       "org.primer.figma": {
         "collection": "mode",
-        "mode": "light",
+        "mode": "dark",
         "group": "component (internal)",
         "scopes": ["bgColor"]
       }
@@ -4334,7 +4583,7 @@
       "$extensions": {
         "org.primer.figma": {
           "collection": "mode",
-          "mode": "light",
+          "mode": "dark",
           "group": "component (internal)",
           "scopes": ["bgColor"]
         }
@@ -4350,7 +4599,7 @@
     "$extensions": {
       "org.primer.figma": {
         "collection": "mode",
-        "mode": "light",
+        "mode": "dark",
         "group": "component (internal)",
         "scopes": ["bgColor"]
       }
@@ -4363,7 +4612,7 @@
       "$extensions": {
         "org.primer.figma": {
           "collection": "mode",
-          "mode": "light",
+          "mode": "dark",
           "group": "component (internal)",
           "scopes": ["bgColor"]
         }
@@ -4379,7 +4628,7 @@
     "$extensions": {
       "org.primer.figma": {
         "collection": "mode",
-        "mode": "light",
+        "mode": "dark",
         "group": "component (internal)",
         "scopes": ["fgColor"]
       }
@@ -4392,7 +4641,7 @@
       "$extensions": {
         "org.primer.figma": {
           "collection": "mode",
-          "mode": "light",
+          "mode": "dark",
           "group": "component (internal)",
           "scopes": ["fgColor"]
         }
@@ -4408,7 +4657,7 @@
     "$extensions": {
       "org.primer.figma": {
         "collection": "mode",
-        "mode": "light",
+        "mode": "dark",
         "group": "component (internal)",
         "scopes": ["borderColor"]
       }
@@ -4421,7 +4670,7 @@
       "$extensions": {
         "org.primer.figma": {
           "collection": "mode",
-          "mode": "light",
+          "mode": "dark",
           "group": "component (internal)",
           "scopes": ["borderColor"]
         }
@@ -4437,7 +4686,7 @@
     "$extensions": {
       "org.primer.figma": {
         "collection": "mode",
-        "mode": "light",
+        "mode": "dark",
         "group": "component (internal)",
         "scopes": ["borderColor"]
       }
@@ -4450,7 +4699,7 @@
       "$extensions": {
         "org.primer.figma": {
           "collection": "mode",
-          "mode": "light",
+          "mode": "dark",
           "group": "component (internal)",
           "scopes": ["borderColor"]
         }
@@ -6956,6 +7205,35 @@
     "value": "#f0f6fc",
     "type": "color"
   },
+  "button-invisible-fgColor-active": {
+    "$extensions": {
+      "org.primer.figma": {
+        "collection": "mode",
+        "mode": "dark",
+        "group": "component (internal)",
+        "scopes": ["fgColor"]
+      }
+    },
+    "filePath": "src/tokens/functional/color/dark/patterns-dark.json5",
+    "isSource": true,
+    "original": {
+      "$value": "{control.fgColor.rest}",
+      "$type": "color",
+      "$extensions": {
+        "org.primer.figma": {
+          "collection": "mode",
+          "mode": "dark",
+          "group": "component (internal)",
+          "scopes": ["fgColor"]
+        }
+      }
+    },
+    "name": "button-invisible-fgColor-active",
+    "attributes": {},
+    "path": ["button", "invisible", "fgColor", "active"],
+    "value": "#f0f6fc",
+    "type": "color"
+  },
   "button-invisible-fgColor-disabled": {
     "$extensions": {
       "org.primer.figma": {
@@ -7047,7 +7325,7 @@
     "$extensions": {
       "org.primer.figma": {
         "collection": "mode",
-        "mode": "light",
+        "mode": "dark",
         "group": "component (internal)",
         "scopes": ["fgColor"]
       }
@@ -7060,7 +7338,7 @@
       "$extensions": {
         "org.primer.figma": {
           "collection": "mode",
-          "mode": "light",
+          "mode": "dark",
           "group": "component (internal)",
           "scopes": ["fgColor"]
         }
@@ -8040,7 +8318,7 @@
     "$extensions": {
       "org.primer.figma": {
         "collection": "mode",
-        "mode": "light",
+        "mode": "dark",
         "group": "component (internal)",
         "scopes": ["fgColor"]
       }
@@ -8053,7 +8331,7 @@
       "$extensions": {
         "org.primer.figma": {
           "collection": "mode",
-          "mode": "light",
+          "mode": "dark",
           "group": "component (internal)",
           "scopes": ["fgColor"]
         }
@@ -8069,7 +8347,7 @@
     "$extensions": {
       "org.primer.figma": {
         "collection": "mode",
-        "mode": "light",
+        "mode": "dark",
         "group": "component (internal)",
         "scopes": ["bgColor"]
       }
@@ -8082,7 +8360,7 @@
       "$extensions": {
         "org.primer.figma": {
           "collection": "mode",
-          "mode": "light",
+          "mode": "dark",
           "group": "component (internal)",
           "scopes": ["bgColor"]
         }
@@ -12674,7 +12952,7 @@
     "$extensions": {
       "org.primer.figma": {
         "collection": "mode",
-        "mode": "light",
+        "mode": "dark",
         "group": "semantic",
         "scopes": ["fgColor"]
       }
@@ -12687,7 +12965,7 @@
       "$extensions": {
         "org.primer.figma": {
           "collection": "mode",
-          "mode": "light",
+          "mode": "dark",
           "group": "semantic",
           "scopes": ["fgColor"]
         }
@@ -13545,18 +13823,18 @@
     "type": "color"
   },
   "bgColor-open-muted": {
-    "alpha": 0.15,
+    "alpha": 0.1,
     "filePath": "src/tokens/functional/color/dark/overrides/dark.tritanopia.json5",
     "isSource": true,
     "original": {
       "$value": "{base.color.red.4}",
       "$type": "color",
-      "alpha": 0.15
+      "alpha": 0.1
     },
     "name": "bgColor-open-muted",
     "attributes": {},
     "path": ["bgColor", "open", "muted"],
-    "value": "#f8514926",
+    "value": "#f851491a",
     "type": "color"
   },
   "bgColor-open-emphasis": {