@primer/primitives 10.0.0-rc.e413e85d → 10.0.0-rc.eb6fe33a

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

@@ -88,7 +88,7 @@
     "attributes": {},
     "path": ["page", "header", "bgColor"]
   },
-  "diffBlob-addition-fgColor-text": {
+  "diffBlob-additionLine-fgColor": {
     "$value": "#f0f6fc",
     "$type": "color",
     "$extensions": {
@@ -113,11 +113,88 @@
         }
       }
     },
-    "name": "diffBlob-addition-fgColor-text",
+    "name": "diffBlob-additionLine-fgColor",
     "attributes": {},
-    "path": ["diffBlob", "addition", "fgColor", "text"]
+    "path": ["diffBlob", "additionLine", "fgColor"]
   },
-  "diffBlob-addition-fgColor-num": {
+  "diffBlob-additionLine-bgColor": {
+    "$value": "#388bfd26",
+    "$type": "color",
+    "$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"]
+  },
+  "diffBlob-additionWord-fgColor": {
+    "$value": "#f0f6fc",
+    "$type": "color",
+    "$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"]
+  },
+  "diffBlob-additionWord-bgColor": {
+    "$value": "#388bfd66",
+    "$type": "color",
+    "alpha": 0.4,
+    "filePath": "src/tokens/functional/color/dark/overrides/dark.protanopia-deuteranopia.json5",
+    "isSource": true,
+    "original": {
+      "$value": "{base.color.blue.4}",
+      "$type": "color",
+      "alpha": 0.4
+    },
+    "name": "diffBlob-additionWord-bgColor",
+    "attributes": {},
+    "path": ["diffBlob", "additionWord", "bgColor"]
+  },
+  "diffBlob-additionNum-fgColor": {
     "$value": "#f0f6fc",
     "$type": "color",
     "$extensions": {
@@ -142,11 +219,11 @@
         }
       }
     },
-    "name": "diffBlob-addition-fgColor-num",
+    "name": "diffBlob-additionNum-fgColor",
     "attributes": {},
-    "path": ["diffBlob", "addition", "fgColor", "num"]
+    "path": ["diffBlob", "additionNum", "fgColor"]
   },
-  "diffBlob-addition-bgColor-num": {
+  "diffBlob-additionNum-bgColor": {
     "$value": "#58a6ff4d",
     "$type": "color",
     "alpha": 0.3,
@@ -157,43 +234,101 @@
       "$type": "color",
       "alpha": 0.3
     },
-    "name": "diffBlob-addition-bgColor-num",
+    "name": "diffBlob-additionNum-bgColor",
     "attributes": {},
-    "path": ["diffBlob", "addition", "bgColor", "num"]
+    "path": ["diffBlob", "additionNum", "bgColor"]
   },
-  "diffBlob-addition-bgColor-line": {
-    "$value": "#388bfd26",
+  "diffBlob-deletionLine-fgColor": {
+    "$value": "#f0f6fc",
+    "$type": "color",
+    "$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-deletionLine-fgColor",
+    "attributes": {},
+    "path": ["diffBlob", "deletionLine", "fgColor"]
+  },
+  "diffBlob-deletionLine-bgColor": {
+    "$value": "#db6d2826",
     "$type": "color",
     "alpha": 0.15,
     "mix": null,
     "filePath": "src/tokens/functional/color/dark/overrides/dark.protanopia-deuteranopia.json5",
     "isSource": true,
     "original": {
-      "$value": "{base.color.blue.4}",
+      "$value": "{base.color.orange.4}",
       "$type": "color",
       "alpha": 0.15,
       "mix": null
     },
-    "name": "diffBlob-addition-bgColor-line",
+    "name": "diffBlob-deletionLine-bgColor",
     "attributes": {},
-    "path": ["diffBlob", "addition", "bgColor", "line"]
+    "path": ["diffBlob", "deletionLine", "bgColor"]
   },
-  "diffBlob-addition-bgColor-word": {
-    "$value": "#388bfd66",
+  "diffBlob-deletionWord-fgColor": {
+    "$value": "#f0f6fc",
+    "$type": "color",
+    "$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-deletionWord-fgColor",
+    "attributes": {},
+    "path": ["diffBlob", "deletionWord", "fgColor"]
+  },
+  "diffBlob-deletionWord-bgColor": {
+    "$value": "#db6d2866",
     "$type": "color",
     "alpha": 0.4,
     "filePath": "src/tokens/functional/color/dark/overrides/dark.protanopia-deuteranopia.json5",
     "isSource": true,
     "original": {
-      "$value": "{base.color.blue.4}",
+      "$value": "{base.color.orange.4}",
       "$type": "color",
       "alpha": 0.4
     },
-    "name": "diffBlob-addition-bgColor-word",
+    "name": "diffBlob-deletionWord-bgColor",
     "attributes": {},
-    "path": ["diffBlob", "addition", "bgColor", "word"]
+    "path": ["diffBlob", "deletionWord", "bgColor"]
   },
-  "diffBlob-deletion-fgColor-text": {
+  "diffBlob-deletionNum-fgColor": {
     "$value": "#f0f6fc",
     "$type": "color",
     "$extensions": {
@@ -218,11 +353,76 @@
         }
       }
     },
-    "name": "diffBlob-deletion-fgColor-text",
+    "name": "diffBlob-deletionNum-fgColor",
     "attributes": {},
-    "path": ["diffBlob", "deletion", "fgColor", "text"]
+    "path": ["diffBlob", "deletionNum", "fgColor"]
   },
-  "diffBlob-deletion-fgColor-num": {
+  "diffBlob-deletionNum-bgColor": {
+    "$value": "#db6d284d",
+    "$type": "color",
+    "alpha": 0.3,
+    "filePath": "src/tokens/functional/color/dark/overrides/dark.protanopia-deuteranopia.json5",
+    "isSource": true,
+    "original": {
+      "$value": "{base.color.orange.4}",
+      "$type": "color",
+      "alpha": 0.3
+    },
+    "name": "diffBlob-deletionNum-bgColor",
+    "attributes": {},
+    "path": ["diffBlob", "deletionNum", "bgColor"]
+  },
+  "diffBlob-hunkLine-fgColor": {
+    "$value": "#9198a1",
+    "$type": "color",
+    "$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.muted}",
+      "$type": "color",
+      "$extensions": {
+        "org.primer.figma": {
+          "collection": "mode",
+          "mode": "dark",
+          "group": "component",
+          "scopes": ["fgColor"]
+        }
+      }
+    },
+    "name": "diffBlob-hunkLine-fgColor",
+    "attributes": {},
+    "path": ["diffBlob", "hunkLine", "fgColor"]
+  },
+  "diffBlob-hunkLine-bgColor": {
+    "$value": "#212830",
+    "$type": "color",
+    "mix": null,
+    "$extensions": {
+      "alpha": 1
+    },
+    "filePath": "src/tokens/functional/color/dark/overrides/dark.protanopia-deuteranopia.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"]
+  },
+  "diffBlob-hunkNum-fgColor-rest": {
     "$value": "#f0f6fc",
     "$type": "color",
     "$extensions": {
@@ -247,59 +447,83 @@
         }
       }
     },
-    "name": "diffBlob-deletion-fgColor-num",
+    "name": "diffBlob-hunkNum-fgColor-rest",
     "attributes": {},
-    "path": ["diffBlob", "deletion", "fgColor", "num"]
+    "path": ["diffBlob", "hunkNum", "fgColor", "rest"]
   },
-  "diffBlob-deletion-bgColor-num": {
-    "$value": "#db6d284d",
+  "diffBlob-hunkNum-fgColor-hover": {
+    "$value": "#ffffff",
     "$type": "color",
-    "alpha": 0.3,
-    "filePath": "src/tokens/functional/color/dark/overrides/dark.protanopia-deuteranopia.json5",
+    "$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.orange.4}",
+      "$value": "{fgColor.onEmphasis}",
       "$type": "color",
-      "alpha": 0.3
+      "$extensions": {
+        "org.primer.figma": {
+          "collection": "mode",
+          "mode": "dark",
+          "group": "component",
+          "scopes": ["fgColor"]
+        }
+      }
     },
-    "name": "diffBlob-deletion-bgColor-num",
+    "name": "diffBlob-hunkNum-fgColor-hover",
     "attributes": {},
-    "path": ["diffBlob", "deletion", "bgColor", "num"]
+    "path": ["diffBlob", "hunkNum", "fgColor", "hover"]
   },
-  "diffBlob-deletion-bgColor-line": {
-    "$value": "#db6d2826",
+  "diffBlob-hunkNum-bgColor-rest": {
+    "$value": "#2f3742",
     "$type": "color",
-    "alpha": 0.15,
     "mix": null,
+    "$extensions": {
+      "alpha": 1
+    },
     "filePath": "src/tokens/functional/color/dark/overrides/dark.protanopia-deuteranopia.json5",
     "isSource": true,
     "original": {
-      "$value": "{base.color.orange.4}",
+      "$value": "{base.color.neutral.6}",
       "$type": "color",
-      "alpha": 0.15,
-      "mix": null
+      "mix": null,
+      "$extensions": {
+        "alpha": 1
+      }
     },
-    "name": "diffBlob-deletion-bgColor-line",
+    "name": "diffBlob-hunkNum-bgColor-rest",
     "attributes": {},
-    "path": ["diffBlob", "deletion", "bgColor", "line"]
+    "path": ["diffBlob", "hunkNum", "bgColor", "rest"]
   },
-  "diffBlob-deletion-bgColor-word": {
-    "$value": "#db6d2866",
+  "diffBlob-hunkNum-bgColor-hover": {
+    "$value": "#656c76",
     "$type": "color",
-    "alpha": 0.4,
+    "mix": null,
+    "$extensions": {
+      "alpha": 1
+    },
     "filePath": "src/tokens/functional/color/dark/overrides/dark.protanopia-deuteranopia.json5",
     "isSource": true,
     "original": {
-      "$value": "{base.color.orange.4}",
+      "$value": "{base.color.neutral.8}",
       "$type": "color",
-      "alpha": 0.4
+      "mix": null,
+      "$extensions": {
+        "alpha": 1
+      }
     },
-    "name": "diffBlob-deletion-bgColor-word",
+    "name": "diffBlob-hunkNum-bgColor-hover",
     "attributes": {},
-    "path": ["diffBlob", "deletion", "bgColor", "word"]
+    "path": ["diffBlob", "hunkNum", "bgColor", "hover"]
   },
-  "diffBlob-hunk-bgColor-num": {
-    "$value": "#388bfd66",
+  "diffBlob-emptyNum-bgColor": {
+    "$value": "#151b23",
     "$type": "color",
     "$extensions": {
       "org.primer.figma": {
@@ -312,7 +536,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": {
@@ -323,9 +547,38 @@
         }
       }
     },
-    "name": "diffBlob-hunk-bgColor-num",
+    "name": "diffBlob-emptyNum-bgColor",
     "attributes": {},
-    "path": ["diffBlob", "hunk", "bgColor", "num"]
+    "path": ["diffBlob", "emptyNum", "bgColor"]
+  },
+  "diffBlob-emptyLine-bgColor": {
+    "$value": "#151b23",
+    "$type": "color",
+    "$extensions": {
+      "org.primer.figma": {
+        "collection": "mode",
+        "mode": "dark",
+        "group": "component",
+        "scopes": ["bgColor"]
+      }
+    },
+    "filePath": "src/tokens/functional/color/dark/app-dark.json5",
+    "isSource": true,
+    "original": {
+      "$value": "{bgColor.muted}",
+      "$type": "color",
+      "$extensions": {
+        "org.primer.figma": {
+          "collection": "mode",
+          "mode": "dark",
+          "group": "component",
+          "scopes": ["bgColor"]
+        }
+      }
+    },
+    "name": "diffBlob-emptyLine-bgColor",
+    "attributes": {},
+    "path": ["diffBlob", "emptyLine", "bgColor"]
   },
   "diffBlob-expander-iconColor": {
     "$value": "#9198a1",
@@ -1639,7 +1892,7 @@
     "$extensions": {
       "org.primer.figma": {
         "collection": "mode",
-        "mode": "light",
+        "mode": "dark",
         "group": "component (internal)",
         "scopes": ["bgColor"]
       }
@@ -1652,7 +1905,7 @@
       "$extensions": {
         "org.primer.figma": {
           "collection": "mode",
-          "mode": "light",
+          "mode": "dark",
           "group": "component (internal)",
           "scopes": ["bgColor"]
         }
@@ -1668,7 +1921,7 @@
     "$extensions": {
       "org.primer.figma": {
         "collection": "mode",
-        "mode": "light",
+        "mode": "dark",
         "group": "component (internal)",
         "scopes": ["bgColor"]
       }
@@ -1681,7 +1934,7 @@
       "$extensions": {
         "org.primer.figma": {
           "collection": "mode",
-          "mode": "light",
+          "mode": "dark",
           "group": "component (internal)",
           "scopes": ["bgColor"]
         }
@@ -1697,7 +1950,7 @@
     "$extensions": {
       "org.primer.figma": {
         "collection": "mode",
-        "mode": "light",
+        "mode": "dark",
         "group": "component (internal)",
         "scopes": ["fgColor"]
       }
@@ -1710,7 +1963,7 @@
       "$extensions": {
         "org.primer.figma": {
           "collection": "mode",
-          "mode": "light",
+          "mode": "dark",
           "group": "component (internal)",
           "scopes": ["fgColor"]
         }
@@ -1726,7 +1979,7 @@
     "$extensions": {
       "org.primer.figma": {
         "collection": "mode",
-        "mode": "light",
+        "mode": "dark",
         "group": "component (internal)",
         "scopes": ["borderColor"]
       }
@@ -1739,7 +1992,7 @@
       "$extensions": {
         "org.primer.figma": {
           "collection": "mode",
-          "mode": "light",
+          "mode": "dark",
           "group": "component (internal)",
           "scopes": ["borderColor"]
         }
@@ -1755,7 +2008,7 @@
     "$extensions": {
       "org.primer.figma": {
         "collection": "mode",
-        "mode": "light",
+        "mode": "dark",
         "group": "component (internal)",
         "scopes": ["borderColor"]
       }
@@ -1768,7 +2021,7 @@
       "$extensions": {
         "org.primer.figma": {
           "collection": "mode",
-          "mode": "light",
+          "mode": "dark",
           "group": "component (internal)",
           "scopes": ["borderColor"]
         }
@@ -1784,7 +2037,7 @@
     "$extensions": {
       "org.primer.figma": {
         "collection": "mode",
-        "mode": "light",
+        "mode": "dark",
         "group": "component (internal)",
         "scopes": ["bgColor"]
       }
@@ -1797,7 +2050,7 @@
       "$extensions": {
         "org.primer.figma": {
           "collection": "mode",
-          "mode": "light",
+          "mode": "dark",
           "group": "component (internal)",
           "scopes": ["bgColor"]
         }
@@ -1813,7 +2066,7 @@
     "$extensions": {
       "org.primer.figma": {
         "collection": "mode",
-        "mode": "light",
+        "mode": "dark",
         "group": "component (internal)",
         "scopes": ["bgColor"]
       }
@@ -1826,7 +2079,7 @@
       "$extensions": {
         "org.primer.figma": {
           "collection": "mode",
-          "mode": "light",
+          "mode": "dark",
           "group": "component (internal)",
           "scopes": ["bgColor"]
         }
@@ -1842,7 +2095,7 @@
     "$extensions": {
       "org.primer.figma": {
         "collection": "mode",
-        "mode": "light",
+        "mode": "dark",
         "group": "component (internal)",
         "scopes": ["fgColor"]
       }
@@ -1855,7 +2108,7 @@
       "$extensions": {
         "org.primer.figma": {
           "collection": "mode",
-          "mode": "light",
+          "mode": "dark",
           "group": "component (internal)",
           "scopes": ["fgColor"]
         }
@@ -1871,7 +2124,7 @@
     "$extensions": {
       "org.primer.figma": {
         "collection": "mode",
-        "mode": "light",
+        "mode": "dark",
         "group": "component (internal)",
         "scopes": ["borderColor"]
       }
@@ -1884,7 +2137,7 @@
       "$extensions": {
         "org.primer.figma": {
           "collection": "mode",
-          "mode": "light",
+          "mode": "dark",
           "group": "component (internal)",
           "scopes": ["borderColor"]
         }
@@ -1900,7 +2153,7 @@
     "$extensions": {
       "org.primer.figma": {
         "collection": "mode",
-        "mode": "light",
+        "mode": "dark",
         "group": "component (internal)",
         "scopes": ["borderColor"]
       }
@@ -1913,7 +2166,7 @@
       "$extensions": {
         "org.primer.figma": {
           "collection": "mode",
-          "mode": "light",
+          "mode": "dark",
           "group": "component (internal)",
           "scopes": ["borderColor"]
         }
@@ -1929,7 +2182,7 @@
     "$extensions": {
       "org.primer.figma": {
         "collection": "mode",
-        "mode": "light",
+        "mode": "dark",
         "group": "component (internal)",
         "scopes": ["bgColor"]
       }
@@ -1942,7 +2195,7 @@
       "$extensions": {
         "org.primer.figma": {
           "collection": "mode",
-          "mode": "light",
+          "mode": "dark",
           "group": "component (internal)",
           "scopes": ["bgColor"]
         }
@@ -1958,7 +2211,7 @@
     "$extensions": {
       "org.primer.figma": {
         "collection": "mode",
-        "mode": "light",
+        "mode": "dark",
         "group": "component (internal)",
         "scopes": ["bgColor"]
       }
@@ -1971,7 +2224,7 @@
       "$extensions": {
         "org.primer.figma": {
           "collection": "mode",
-          "mode": "light",
+          "mode": "dark",
           "group": "component (internal)",
           "scopes": ["bgColor"]
         }
@@ -1987,7 +2240,7 @@
     "$extensions": {
       "org.primer.figma": {
         "collection": "mode",
-        "mode": "light",
+        "mode": "dark",
         "group": "component (internal)",
         "scopes": ["fgColor"]
       }
@@ -2000,7 +2253,7 @@
       "$extensions": {
         "org.primer.figma": {
           "collection": "mode",
-          "mode": "light",
+          "mode": "dark",
           "group": "component (internal)",
           "scopes": ["fgColor"]
         }
@@ -2016,7 +2269,7 @@
     "$extensions": {
       "org.primer.figma": {
         "collection": "mode",
-        "mode": "light",
+        "mode": "dark",
         "group": "component (internal)",
         "scopes": ["borderColor"]
       }
@@ -2029,7 +2282,7 @@
       "$extensions": {
         "org.primer.figma": {
           "collection": "mode",
-          "mode": "light",
+          "mode": "dark",
           "group": "component (internal)",
           "scopes": ["borderColor"]
         }
@@ -2045,7 +2298,7 @@
     "$extensions": {
       "org.primer.figma": {
         "collection": "mode",
-        "mode": "light",
+        "mode": "dark",
         "group": "component (internal)",
         "scopes": ["borderColor"]
       }
@@ -2058,7 +2311,7 @@
       "$extensions": {
         "org.primer.figma": {
           "collection": "mode",
-          "mode": "light",
+          "mode": "dark",
           "group": "component (internal)",
           "scopes": ["borderColor"]
         }
@@ -2074,7 +2327,7 @@
     "$extensions": {
       "org.primer.figma": {
         "collection": "mode",
-        "mode": "light",
+        "mode": "dark",
         "group": "component (internal)",
         "scopes": ["bgColor"]
       }
@@ -2087,7 +2340,7 @@
       "$extensions": {
         "org.primer.figma": {
           "collection": "mode",
-          "mode": "light",
+          "mode": "dark",
           "group": "component (internal)",
           "scopes": ["bgColor"]
         }
@@ -2103,7 +2356,7 @@
     "$extensions": {
       "org.primer.figma": {
         "collection": "mode",
-        "mode": "light",
+        "mode": "dark",
         "group": "component (internal)",
         "scopes": ["bgColor"]
       }
@@ -2116,7 +2369,7 @@
       "$extensions": {
         "org.primer.figma": {
           "collection": "mode",
-          "mode": "light",
+          "mode": "dark",
           "group": "component (internal)",
           "scopes": ["bgColor"]
         }
@@ -2132,7 +2385,7 @@
     "$extensions": {
       "org.primer.figma": {
         "collection": "mode",
-        "mode": "light",
+        "mode": "dark",
         "group": "component (internal)",
         "scopes": ["fgColor"]
       }
@@ -2145,7 +2398,7 @@
       "$extensions": {
         "org.primer.figma": {
           "collection": "mode",
-          "mode": "light",
+          "mode": "dark",
           "group": "component (internal)",
           "scopes": ["fgColor"]
         }
@@ -2161,7 +2414,7 @@
     "$extensions": {
       "org.primer.figma": {
         "collection": "mode",
-        "mode": "light",
+        "mode": "dark",
         "group": "component (internal)",
         "scopes": ["borderColor"]
       }
@@ -2174,7 +2427,7 @@
       "$extensions": {
         "org.primer.figma": {
           "collection": "mode",
-          "mode": "light",
+          "mode": "dark",
           "group": "component (internal)",
           "scopes": ["borderColor"]
         }
@@ -2190,7 +2443,7 @@
     "$extensions": {
       "org.primer.figma": {
         "collection": "mode",
-        "mode": "light",
+        "mode": "dark",
         "group": "component (internal)",
         "scopes": ["borderColor"]
       }
@@ -2203,7 +2456,7 @@
       "$extensions": {
         "org.primer.figma": {
           "collection": "mode",
-          "mode": "light",
+          "mode": "dark",
           "group": "component (internal)",
           "scopes": ["borderColor"]
         }
@@ -2219,7 +2472,7 @@
     "$extensions": {
       "org.primer.figma": {
         "collection": "mode",
-        "mode": "light",
+        "mode": "dark",
         "group": "component (internal)",
         "scopes": ["bgColor"]
       }
@@ -2232,7 +2485,7 @@
       "$extensions": {
         "org.primer.figma": {
           "collection": "mode",
-          "mode": "light",
+          "mode": "dark",
           "group": "component (internal)",
           "scopes": ["bgColor"]
         }
@@ -2248,7 +2501,7 @@
     "$extensions": {
       "org.primer.figma": {
         "collection": "mode",
-        "mode": "light",
+        "mode": "dark",
         "group": "component (internal)",
         "scopes": ["bgColor"]
       }
@@ -2261,7 +2514,7 @@
       "$extensions": {
         "org.primer.figma": {
           "collection": "mode",
-          "mode": "light",
+          "mode": "dark",
           "group": "component (internal)",
           "scopes": ["bgColor"]
         }
@@ -2277,7 +2530,7 @@
     "$extensions": {
       "org.primer.figma": {
         "collection": "mode",
-        "mode": "light",
+        "mode": "dark",
         "group": "component (internal)",
         "scopes": ["fgColor"]
       }
@@ -2290,7 +2543,7 @@
       "$extensions": {
         "org.primer.figma": {
           "collection": "mode",
-          "mode": "light",
+          "mode": "dark",
           "group": "component (internal)",
           "scopes": ["fgColor"]
         }
@@ -2306,7 +2559,7 @@
     "$extensions": {
       "org.primer.figma": {
         "collection": "mode",
-        "mode": "light",
+        "mode": "dark",
         "group": "component (internal)",
         "scopes": ["borderColor"]
       }
@@ -2319,7 +2572,7 @@
       "$extensions": {
         "org.primer.figma": {
           "collection": "mode",
-          "mode": "light",
+          "mode": "dark",
           "group": "component (internal)",
           "scopes": ["borderColor"]
         }
@@ -2335,7 +2588,7 @@
     "$extensions": {
       "org.primer.figma": {
         "collection": "mode",
-        "mode": "light",
+        "mode": "dark",
         "group": "component (internal)",
         "scopes": ["borderColor"]
       }
@@ -2348,7 +2601,7 @@
       "$extensions": {
         "org.primer.figma": {
           "collection": "mode",
-          "mode": "light",
+          "mode": "dark",
           "group": "component (internal)",
           "scopes": ["borderColor"]
         }
@@ -2364,7 +2617,7 @@
     "$extensions": {
       "org.primer.figma": {
         "collection": "mode",
-        "mode": "light",
+        "mode": "dark",
         "group": "component (internal)",
         "scopes": ["bgColor"]
       }
@@ -2377,7 +2630,7 @@
       "$extensions": {
         "org.primer.figma": {
           "collection": "mode",
-          "mode": "light",
+          "mode": "dark",
           "group": "component (internal)",
           "scopes": ["bgColor"]
         }
@@ -2393,7 +2646,7 @@
     "$extensions": {
       "org.primer.figma": {
         "collection": "mode",
-        "mode": "light",
+        "mode": "dark",
         "group": "component (internal)",
         "scopes": ["bgColor"]
       }
@@ -2406,7 +2659,7 @@
       "$extensions": {
         "org.primer.figma": {
           "collection": "mode",
-          "mode": "light",
+          "mode": "dark",
           "group": "component (internal)",
           "scopes": ["bgColor"]
         }
@@ -2422,7 +2675,7 @@
     "$extensions": {
       "org.primer.figma": {
         "collection": "mode",
-        "mode": "light",
+        "mode": "dark",
         "group": "component (internal)",
         "scopes": ["fgColor"]
       }
@@ -2435,7 +2688,7 @@
       "$extensions": {
         "org.primer.figma": {
           "collection": "mode",
-          "mode": "light",
+          "mode": "dark",
           "group": "component (internal)",
           "scopes": ["fgColor"]
         }
@@ -2451,7 +2704,7 @@
     "$extensions": {
       "org.primer.figma": {
         "collection": "mode",
-        "mode": "light",
+        "mode": "dark",
         "group": "component (internal)",
         "scopes": ["borderColor"]
       }
@@ -2464,7 +2717,7 @@
       "$extensions": {
         "org.primer.figma": {
           "collection": "mode",
-          "mode": "light",
+          "mode": "dark",
           "group": "component (internal)",
           "scopes": ["borderColor"]
         }
@@ -2480,7 +2733,7 @@
     "$extensions": {
       "org.primer.figma": {
         "collection": "mode",
-        "mode": "light",
+        "mode": "dark",
         "group": "component (internal)",
         "scopes": ["borderColor"]
       }
@@ -2493,7 +2746,7 @@
       "$extensions": {
         "org.primer.figma": {
           "collection": "mode",
-          "mode": "light",
+          "mode": "dark",
           "group": "component (internal)",
           "scopes": ["borderColor"]
         }
@@ -2509,7 +2762,7 @@
     "$extensions": {
       "org.primer.figma": {
         "collection": "mode",
-        "mode": "light",
+        "mode": "dark",
         "group": "component (internal)",
         "scopes": ["bgColor"]
       }
@@ -2522,7 +2775,7 @@
       "$extensions": {
         "org.primer.figma": {
           "collection": "mode",
-          "mode": "light",
+          "mode": "dark",
           "group": "component (internal)",
           "scopes": ["bgColor"]
         }
@@ -2538,7 +2791,7 @@
     "$extensions": {
       "org.primer.figma": {
         "collection": "mode",
-        "mode": "light",
+        "mode": "dark",
         "group": "component (internal)",
         "scopes": ["bgColor"]
       }
@@ -2551,7 +2804,7 @@
       "$extensions": {
         "org.primer.figma": {
           "collection": "mode",
-          "mode": "light",
+          "mode": "dark",
           "group": "component (internal)",
           "scopes": ["bgColor"]
         }
@@ -2567,7 +2820,7 @@
     "$extensions": {
       "org.primer.figma": {
         "collection": "mode",
-        "mode": "light",
+        "mode": "dark",
         "group": "component (internal)",
         "scopes": ["fgColor"]
       }
@@ -2580,7 +2833,7 @@
       "$extensions": {
         "org.primer.figma": {
           "collection": "mode",
-          "mode": "light",
+          "mode": "dark",
           "group": "component (internal)",
           "scopes": ["fgColor"]
         }
@@ -2596,7 +2849,7 @@
     "$extensions": {
       "org.primer.figma": {
         "collection": "mode",
-        "mode": "light",
+        "mode": "dark",
         "group": "component (internal)",
         "scopes": ["borderColor"]
       }
@@ -2609,7 +2862,7 @@
       "$extensions": {
         "org.primer.figma": {
           "collection": "mode",
-          "mode": "light",
+          "mode": "dark",
           "group": "component (internal)",
           "scopes": ["borderColor"]
         }
@@ -2625,7 +2878,7 @@
     "$extensions": {
       "org.primer.figma": {
         "collection": "mode",
-        "mode": "light",
+        "mode": "dark",
         "group": "component (internal)",
         "scopes": ["borderColor"]
       }
@@ -2638,7 +2891,7 @@
       "$extensions": {
         "org.primer.figma": {
           "collection": "mode",
-          "mode": "light",
+          "mode": "dark",
           "group": "component (internal)",
           "scopes": ["borderColor"]
         }
@@ -2654,7 +2907,7 @@
     "$extensions": {
       "org.primer.figma": {
         "collection": "mode",
-        "mode": "light",
+        "mode": "dark",
         "group": "component (internal)",
         "scopes": ["bgColor"]
       }
@@ -2667,7 +2920,7 @@
       "$extensions": {
         "org.primer.figma": {
           "collection": "mode",
-          "mode": "light",
+          "mode": "dark",
           "group": "component (internal)",
           "scopes": ["bgColor"]
         }
@@ -2683,7 +2936,7 @@
     "$extensions": {
       "org.primer.figma": {
         "collection": "mode",
-        "mode": "light",
+        "mode": "dark",
         "group": "component (internal)",
         "scopes": ["bgColor"]
       }
@@ -2696,7 +2949,7 @@
       "$extensions": {
         "org.primer.figma": {
           "collection": "mode",
-          "mode": "light",
+          "mode": "dark",
           "group": "component (internal)",
           "scopes": ["bgColor"]
         }
@@ -2712,7 +2965,7 @@
     "$extensions": {
       "org.primer.figma": {
         "collection": "mode",
-        "mode": "light",
+        "mode": "dark",
         "group": "component (internal)",
         "scopes": ["fgColor"]
       }
@@ -2725,7 +2978,7 @@
       "$extensions": {
         "org.primer.figma": {
           "collection": "mode",
-          "mode": "light",
+          "mode": "dark",
           "group": "component (internal)",
           "scopes": ["fgColor"]
         }
@@ -2741,7 +2994,7 @@
     "$extensions": {
       "org.primer.figma": {
         "collection": "mode",
-        "mode": "light",
+        "mode": "dark",
         "group": "component (internal)",
         "scopes": ["borderColor"]
       }
@@ -2754,7 +3007,7 @@
       "$extensions": {
         "org.primer.figma": {
           "collection": "mode",
-          "mode": "light",
+          "mode": "dark",
           "group": "component (internal)",
           "scopes": ["borderColor"]
         }
@@ -2770,7 +3023,7 @@
     "$extensions": {
       "org.primer.figma": {
         "collection": "mode",
-        "mode": "light",
+        "mode": "dark",
         "group": "component (internal)",
         "scopes": ["borderColor"]
       }
@@ -2783,7 +3036,7 @@
       "$extensions": {
         "org.primer.figma": {
           "collection": "mode",
-          "mode": "light",
+          "mode": "dark",
           "group": "component (internal)",
           "scopes": ["borderColor"]
         }
@@ -2799,7 +3052,7 @@
     "$extensions": {
       "org.primer.figma": {
         "collection": "mode",
-        "mode": "light",
+        "mode": "dark",
         "group": "component (internal)",
         "scopes": ["bgColor"]
       }
@@ -2812,7 +3065,7 @@
       "$extensions": {
         "org.primer.figma": {
           "collection": "mode",
-          "mode": "light",
+          "mode": "dark",
           "group": "component (internal)",
           "scopes": ["bgColor"]
         }
@@ -2828,7 +3081,7 @@
     "$extensions": {
       "org.primer.figma": {
         "collection": "mode",
-        "mode": "light",
+        "mode": "dark",
         "group": "component (internal)",
         "scopes": ["bgColor"]
       }
@@ -2841,7 +3094,7 @@
       "$extensions": {
         "org.primer.figma": {
           "collection": "mode",
-          "mode": "light",
+          "mode": "dark",
           "group": "component (internal)",
           "scopes": ["bgColor"]
         }
@@ -2857,7 +3110,7 @@
     "$extensions": {
       "org.primer.figma": {
         "collection": "mode",
-        "mode": "light",
+        "mode": "dark",
         "group": "component (internal)",
         "scopes": ["fgColor"]
       }
@@ -2870,7 +3123,7 @@
       "$extensions": {
         "org.primer.figma": {
           "collection": "mode",
-          "mode": "light",
+          "mode": "dark",
           "group": "component (internal)",
           "scopes": ["fgColor"]
         }
@@ -2886,7 +3139,7 @@
     "$extensions": {
       "org.primer.figma": {
         "collection": "mode",
-        "mode": "light",
+        "mode": "dark",
         "group": "component (internal)",
         "scopes": ["borderColor"]
       }
@@ -2899,7 +3152,7 @@
       "$extensions": {
         "org.primer.figma": {
           "collection": "mode",
-          "mode": "light",
+          "mode": "dark",
           "group": "component (internal)",
           "scopes": ["borderColor"]
         }
@@ -2915,7 +3168,7 @@
     "$extensions": {
       "org.primer.figma": {
         "collection": "mode",
-        "mode": "light",
+        "mode": "dark",
         "group": "component (internal)",
         "scopes": ["borderColor"]
       }
@@ -2928,7 +3181,7 @@
       "$extensions": {
         "org.primer.figma": {
           "collection": "mode",
-          "mode": "light",
+          "mode": "dark",
           "group": "component (internal)",
           "scopes": ["borderColor"]
         }
@@ -2944,7 +3197,7 @@
     "$extensions": {
       "org.primer.figma": {
         "collection": "mode",
-        "mode": "light",
+        "mode": "dark",
         "group": "component (internal)",
         "scopes": ["bgColor"]
       }
@@ -2957,7 +3210,7 @@
       "$extensions": {
         "org.primer.figma": {
           "collection": "mode",
-          "mode": "light",
+          "mode": "dark",
           "group": "component (internal)",
           "scopes": ["bgColor"]
         }
@@ -2973,7 +3226,7 @@
     "$extensions": {
       "org.primer.figma": {
         "collection": "mode",
-        "mode": "light",
+        "mode": "dark",
         "group": "component (internal)",
         "scopes": ["bgColor"]
       }
@@ -2986,7 +3239,7 @@
       "$extensions": {
         "org.primer.figma": {
           "collection": "mode",
-          "mode": "light",
+          "mode": "dark",
           "group": "component (internal)",
           "scopes": ["bgColor"]
         }
@@ -3002,7 +3255,7 @@
     "$extensions": {
       "org.primer.figma": {
         "collection": "mode",
-        "mode": "light",
+        "mode": "dark",
         "group": "component (internal)",
         "scopes": ["fgColor"]
       }
@@ -3015,7 +3268,7 @@
       "$extensions": {
         "org.primer.figma": {
           "collection": "mode",
-          "mode": "light",
+          "mode": "dark",
           "group": "component (internal)",
           "scopes": ["fgColor"]
         }
@@ -3031,7 +3284,7 @@
     "$extensions": {
       "org.primer.figma": {
         "collection": "mode",
-        "mode": "light",
+        "mode": "dark",
         "group": "component (internal)",
         "scopes": ["borderColor"]
       }
@@ -3044,7 +3297,7 @@
       "$extensions": {
         "org.primer.figma": {
           "collection": "mode",
-          "mode": "light",
+          "mode": "dark",
           "group": "component (internal)",
           "scopes": ["borderColor"]
         }
@@ -3060,7 +3313,7 @@
     "$extensions": {
       "org.primer.figma": {
         "collection": "mode",
-        "mode": "light",
+        "mode": "dark",
         "group": "component (internal)",
         "scopes": ["borderColor"]
       }
@@ -3073,7 +3326,7 @@
       "$extensions": {
         "org.primer.figma": {
           "collection": "mode",
-          "mode": "light",
+          "mode": "dark",
           "group": "component (internal)",
           "scopes": ["borderColor"]
         }
@@ -3089,7 +3342,7 @@
     "$extensions": {
       "org.primer.figma": {
         "collection": "mode",
-        "mode": "light",
+        "mode": "dark",
         "group": "component (internal)",
         "scopes": ["bgColor"]
       }
@@ -3102,7 +3355,7 @@
       "$extensions": {
         "org.primer.figma": {
           "collection": "mode",
-          "mode": "light",
+          "mode": "dark",
           "group": "component (internal)",
           "scopes": ["bgColor"]
         }
@@ -3118,7 +3371,7 @@
     "$extensions": {
       "org.primer.figma": {
         "collection": "mode",
-        "mode": "light",
+        "mode": "dark",
         "group": "component (internal)",
         "scopes": ["bgColor"]
       }
@@ -3131,7 +3384,7 @@
       "$extensions": {
         "org.primer.figma": {
           "collection": "mode",
-          "mode": "light",
+          "mode": "dark",
           "group": "component (internal)",
           "scopes": ["bgColor"]
         }
@@ -3147,7 +3400,7 @@
     "$extensions": {
       "org.primer.figma": {
         "collection": "mode",
-        "mode": "light",
+        "mode": "dark",
         "group": "component (internal)",
         "scopes": ["fgColor"]
       }
@@ -3160,7 +3413,7 @@
       "$extensions": {
         "org.primer.figma": {
           "collection": "mode",
-          "mode": "light",
+          "mode": "dark",
           "group": "component (internal)",
           "scopes": ["fgColor"]
         }
@@ -3176,7 +3429,7 @@
     "$extensions": {
       "org.primer.figma": {
         "collection": "mode",
-        "mode": "light",
+        "mode": "dark",
         "group": "component (internal)",
         "scopes": ["borderColor"]
       }
@@ -3189,7 +3442,7 @@
       "$extensions": {
         "org.primer.figma": {
           "collection": "mode",
-          "mode": "light",
+          "mode": "dark",
           "group": "component (internal)",
           "scopes": ["borderColor"]
         }
@@ -3205,7 +3458,7 @@
     "$extensions": {
       "org.primer.figma": {
         "collection": "mode",
-        "mode": "light",
+        "mode": "dark",
         "group": "component (internal)",
         "scopes": ["borderColor"]
       }
@@ -3218,7 +3471,7 @@
       "$extensions": {
         "org.primer.figma": {
           "collection": "mode",
-          "mode": "light",
+          "mode": "dark",
           "group": "component (internal)",
           "scopes": ["borderColor"]
         }
@@ -3234,7 +3487,7 @@
     "$extensions": {
       "org.primer.figma": {
         "collection": "mode",
-        "mode": "light",
+        "mode": "dark",
         "group": "component (internal)",
         "scopes": ["bgColor"]
       }
@@ -3247,7 +3500,7 @@
       "$extensions": {
         "org.primer.figma": {
           "collection": "mode",
-          "mode": "light",
+          "mode": "dark",
           "group": "component (internal)",
           "scopes": ["bgColor"]
         }
@@ -3263,7 +3516,7 @@
     "$extensions": {
       "org.primer.figma": {
         "collection": "mode",
-        "mode": "light",
+        "mode": "dark",
         "group": "component (internal)",
         "scopes": ["bgColor"]
       }
@@ -3276,7 +3529,7 @@
       "$extensions": {
         "org.primer.figma": {
           "collection": "mode",
-          "mode": "light",
+          "mode": "dark",
           "group": "component (internal)",
           "scopes": ["bgColor"]
         }
@@ -3292,7 +3545,7 @@
     "$extensions": {
       "org.primer.figma": {
         "collection": "mode",
-        "mode": "light",
+        "mode": "dark",
         "group": "component (internal)",
         "scopes": ["fgColor"]
       }
@@ -3305,7 +3558,7 @@
       "$extensions": {
         "org.primer.figma": {
           "collection": "mode",
-          "mode": "light",
+          "mode": "dark",
           "group": "component (internal)",
           "scopes": ["fgColor"]
         }
@@ -3321,7 +3574,7 @@
     "$extensions": {
       "org.primer.figma": {
         "collection": "mode",
-        "mode": "light",
+        "mode": "dark",
         "group": "component (internal)",
         "scopes": ["borderColor"]
       }
@@ -3334,7 +3587,7 @@
       "$extensions": {
         "org.primer.figma": {
           "collection": "mode",
-          "mode": "light",
+          "mode": "dark",
           "group": "component (internal)",
           "scopes": ["borderColor"]
         }
@@ -3350,7 +3603,7 @@
     "$extensions": {
       "org.primer.figma": {
         "collection": "mode",
-        "mode": "light",
+        "mode": "dark",
         "group": "component (internal)",
         "scopes": ["borderColor"]
       }
@@ -3363,7 +3616,7 @@
       "$extensions": {
         "org.primer.figma": {
           "collection": "mode",
-          "mode": "light",
+          "mode": "dark",
           "group": "component (internal)",
           "scopes": ["borderColor"]
         }
@@ -3379,7 +3632,7 @@
     "$extensions": {
       "org.primer.figma": {
         "collection": "mode",
-        "mode": "light",
+        "mode": "dark",
         "group": "component (internal)",
         "scopes": ["bgColor"]
       }
@@ -3392,7 +3645,7 @@
       "$extensions": {
         "org.primer.figma": {
           "collection": "mode",
-          "mode": "light",
+          "mode": "dark",
           "group": "component (internal)",
           "scopes": ["bgColor"]
         }
@@ -3408,7 +3661,7 @@
     "$extensions": {
       "org.primer.figma": {
         "collection": "mode",
-        "mode": "light",
+        "mode": "dark",
         "group": "component (internal)",
         "scopes": ["bgColor"]
       }
@@ -3421,7 +3674,7 @@
       "$extensions": {
         "org.primer.figma": {
           "collection": "mode",
-          "mode": "light",
+          "mode": "dark",
           "group": "component (internal)",
           "scopes": ["bgColor"]
         }
@@ -3437,7 +3690,7 @@
     "$extensions": {
       "org.primer.figma": {
         "collection": "mode",
-        "mode": "light",
+        "mode": "dark",
         "group": "component (internal)",
         "scopes": ["fgColor"]
       }
@@ -3450,7 +3703,7 @@
       "$extensions": {
         "org.primer.figma": {
           "collection": "mode",
-          "mode": "light",
+          "mode": "dark",
           "group": "component (internal)",
           "scopes": ["fgColor"]
         }
@@ -3466,7 +3719,7 @@
     "$extensions": {
       "org.primer.figma": {
         "collection": "mode",
-        "mode": "light",
+        "mode": "dark",
         "group": "component (internal)",
         "scopes": ["borderColor"]
       }
@@ -3479,7 +3732,7 @@
       "$extensions": {
         "org.primer.figma": {
           "collection": "mode",
-          "mode": "light",
+          "mode": "dark",
           "group": "component (internal)",
           "scopes": ["borderColor"]
         }
@@ -3495,7 +3748,7 @@
     "$extensions": {
       "org.primer.figma": {
         "collection": "mode",
-        "mode": "light",
+        "mode": "dark",
         "group": "component (internal)",
         "scopes": ["borderColor"]
       }
@@ -3508,7 +3761,7 @@
       "$extensions": {
         "org.primer.figma": {
           "collection": "mode",
-          "mode": "light",
+          "mode": "dark",
           "group": "component (internal)",
           "scopes": ["borderColor"]
         }
@@ -3524,7 +3777,7 @@
     "$extensions": {
       "org.primer.figma": {
         "collection": "mode",
-        "mode": "light",
+        "mode": "dark",
         "group": "component (internal)",
         "scopes": ["bgColor"]
       }
@@ -3537,7 +3790,7 @@
       "$extensions": {
         "org.primer.figma": {
           "collection": "mode",
-          "mode": "light",
+          "mode": "dark",
           "group": "component (internal)",
           "scopes": ["bgColor"]
         }
@@ -3553,7 +3806,7 @@
     "$extensions": {
       "org.primer.figma": {
         "collection": "mode",
-        "mode": "light",
+        "mode": "dark",
         "group": "component (internal)",
         "scopes": ["bgColor"]
       }
@@ -3566,7 +3819,7 @@
       "$extensions": {
         "org.primer.figma": {
           "collection": "mode",
-          "mode": "light",
+          "mode": "dark",
           "group": "component (internal)",
           "scopes": ["bgColor"]
         }
@@ -3582,7 +3835,7 @@
     "$extensions": {
       "org.primer.figma": {
         "collection": "mode",
-        "mode": "light",
+        "mode": "dark",
         "group": "component (internal)",
         "scopes": ["fgColor"]
       }
@@ -3595,7 +3848,7 @@
       "$extensions": {
         "org.primer.figma": {
           "collection": "mode",
-          "mode": "light",
+          "mode": "dark",
           "group": "component (internal)",
           "scopes": ["fgColor"]
         }
@@ -3611,7 +3864,7 @@
     "$extensions": {
       "org.primer.figma": {
         "collection": "mode",
-        "mode": "light",
+        "mode": "dark",
         "group": "component (internal)",
         "scopes": ["borderColor"]
       }
@@ -3624,7 +3877,7 @@
       "$extensions": {
         "org.primer.figma": {
           "collection": "mode",
-          "mode": "light",
+          "mode": "dark",
           "group": "component (internal)",
           "scopes": ["borderColor"]
         }
@@ -3640,7 +3893,7 @@
     "$extensions": {
       "org.primer.figma": {
         "collection": "mode",
-        "mode": "light",
+        "mode": "dark",
         "group": "component (internal)",
         "scopes": ["borderColor"]
       }
@@ -3653,7 +3906,7 @@
       "$extensions": {
         "org.primer.figma": {
           "collection": "mode",
-          "mode": "light",
+          "mode": "dark",
           "group": "component (internal)",
           "scopes": ["borderColor"]
         }
@@ -3669,7 +3922,7 @@
     "$extensions": {
       "org.primer.figma": {
         "collection": "mode",
-        "mode": "light",
+        "mode": "dark",
         "group": "component (internal)",
         "scopes": ["bgColor"]
       }
@@ -3682,7 +3935,7 @@
       "$extensions": {
         "org.primer.figma": {
           "collection": "mode",
-          "mode": "light",
+          "mode": "dark",
           "group": "component (internal)",
           "scopes": ["bgColor"]
         }
@@ -3698,7 +3951,7 @@
     "$extensions": {
       "org.primer.figma": {
         "collection": "mode",
-        "mode": "light",
+        "mode": "dark",
         "group": "component (internal)",
         "scopes": ["bgColor"]
       }
@@ -3711,7 +3964,7 @@
       "$extensions": {
         "org.primer.figma": {
           "collection": "mode",
-          "mode": "light",
+          "mode": "dark",
           "group": "component (internal)",
           "scopes": ["bgColor"]
         }
@@ -3727,7 +3980,7 @@
     "$extensions": {
       "org.primer.figma": {
         "collection": "mode",
-        "mode": "light",
+        "mode": "dark",
         "group": "component (internal)",
         "scopes": ["fgColor"]
       }
@@ -3740,7 +3993,7 @@
       "$extensions": {
         "org.primer.figma": {
           "collection": "mode",
-          "mode": "light",
+          "mode": "dark",
           "group": "component (internal)",
           "scopes": ["fgColor"]
         }
@@ -3756,7 +4009,7 @@
     "$extensions": {
       "org.primer.figma": {
         "collection": "mode",
-        "mode": "light",
+        "mode": "dark",
         "group": "component (internal)",
         "scopes": ["borderColor"]
       }
@@ -3769,7 +4022,7 @@
       "$extensions": {
         "org.primer.figma": {
           "collection": "mode",
-          "mode": "light",
+          "mode": "dark",
           "group": "component (internal)",
           "scopes": ["borderColor"]
         }
@@ -3785,7 +4038,7 @@
     "$extensions": {
       "org.primer.figma": {
         "collection": "mode",
-        "mode": "light",
+        "mode": "dark",
         "group": "component (internal)",
         "scopes": ["borderColor"]
       }
@@ -3798,7 +4051,7 @@
       "$extensions": {
         "org.primer.figma": {
           "collection": "mode",
-          "mode": "light",
+          "mode": "dark",
           "group": "component (internal)",
           "scopes": ["borderColor"]
         }
@@ -3814,7 +4067,7 @@
     "$extensions": {
       "org.primer.figma": {
         "collection": "mode",
-        "mode": "light",
+        "mode": "dark",
         "group": "component (internal)",
         "scopes": ["bgColor"]
       }
@@ -3827,7 +4080,7 @@
       "$extensions": {
         "org.primer.figma": {
           "collection": "mode",
-          "mode": "light",
+          "mode": "dark",
           "group": "component (internal)",
           "scopes": ["bgColor"]
         }
@@ -3843,7 +4096,7 @@
     "$extensions": {
       "org.primer.figma": {
         "collection": "mode",
-        "mode": "light",
+        "mode": "dark",
         "group": "component (internal)",
         "scopes": ["bgColor"]
       }
@@ -3856,7 +4109,7 @@
       "$extensions": {
         "org.primer.figma": {
           "collection": "mode",
-          "mode": "light",
+          "mode": "dark",
           "group": "component (internal)",
           "scopes": ["bgColor"]
         }
@@ -3872,7 +4125,7 @@
     "$extensions": {
       "org.primer.figma": {
         "collection": "mode",
-        "mode": "light",
+        "mode": "dark",
         "group": "component (internal)",
         "scopes": ["fgColor"]
       }
@@ -3885,7 +4138,7 @@
       "$extensions": {
         "org.primer.figma": {
           "collection": "mode",
-          "mode": "light",
+          "mode": "dark",
           "group": "component (internal)",
           "scopes": ["fgColor"]
         }
@@ -3901,7 +4154,7 @@
     "$extensions": {
       "org.primer.figma": {
         "collection": "mode",
-        "mode": "light",
+        "mode": "dark",
         "group": "component (internal)",
         "scopes": ["borderColor"]
       }
@@ -3914,7 +4167,7 @@
       "$extensions": {
         "org.primer.figma": {
           "collection": "mode",
-          "mode": "light",
+          "mode": "dark",
           "group": "component (internal)",
           "scopes": ["borderColor"]
         }
@@ -3930,7 +4183,7 @@
     "$extensions": {
       "org.primer.figma": {
         "collection": "mode",
-        "mode": "light",
+        "mode": "dark",
         "group": "component (internal)",
         "scopes": ["borderColor"]
       }
@@ -3943,7 +4196,7 @@
       "$extensions": {
         "org.primer.figma": {
           "collection": "mode",
-          "mode": "light",
+          "mode": "dark",
           "group": "component (internal)",
           "scopes": ["borderColor"]
         }
@@ -3959,7 +4212,7 @@
     "$extensions": {
       "org.primer.figma": {
         "collection": "mode",
-        "mode": "light",
+        "mode": "dark",
         "group": "component (internal)",
         "scopes": ["bgColor"]
       }
@@ -3972,7 +4225,7 @@
       "$extensions": {
         "org.primer.figma": {
           "collection": "mode",
-          "mode": "light",
+          "mode": "dark",
           "group": "component (internal)",
           "scopes": ["bgColor"]
         }
@@ -3988,7 +4241,7 @@
     "$extensions": {
       "org.primer.figma": {
         "collection": "mode",
-        "mode": "light",
+        "mode": "dark",
         "group": "component (internal)",
         "scopes": ["bgColor"]
       }
@@ -4001,7 +4254,7 @@
       "$extensions": {
         "org.primer.figma": {
           "collection": "mode",
-          "mode": "light",
+          "mode": "dark",
           "group": "component (internal)",
           "scopes": ["bgColor"]
         }
@@ -4017,7 +4270,7 @@
     "$extensions": {
       "org.primer.figma": {
         "collection": "mode",
-        "mode": "light",
+        "mode": "dark",
         "group": "component (internal)",
         "scopes": ["fgColor"]
       }
@@ -4030,7 +4283,7 @@
       "$extensions": {
         "org.primer.figma": {
           "collection": "mode",
-          "mode": "light",
+          "mode": "dark",
           "group": "component (internal)",
           "scopes": ["fgColor"]
         }
@@ -4046,7 +4299,7 @@
     "$extensions": {
       "org.primer.figma": {
         "collection": "mode",
-        "mode": "light",
+        "mode": "dark",
         "group": "component (internal)",
         "scopes": ["borderColor"]
       }
@@ -4059,7 +4312,7 @@
       "$extensions": {
         "org.primer.figma": {
           "collection": "mode",
-          "mode": "light",
+          "mode": "dark",
           "group": "component (internal)",
           "scopes": ["borderColor"]
         }
@@ -4075,7 +4328,7 @@
     "$extensions": {
       "org.primer.figma": {
         "collection": "mode",
-        "mode": "light",
+        "mode": "dark",
         "group": "component (internal)",
         "scopes": ["borderColor"]
       }
@@ -4088,7 +4341,7 @@
       "$extensions": {
         "org.primer.figma": {
           "collection": "mode",
-          "mode": "light",
+          "mode": "dark",
           "group": "component (internal)",
           "scopes": ["borderColor"]
         }
@@ -4104,7 +4357,7 @@
     "$extensions": {
       "org.primer.figma": {
         "collection": "mode",
-        "mode": "light",
+        "mode": "dark",
         "group": "component (internal)",
         "scopes": ["bgColor"]
       }
@@ -4117,7 +4370,7 @@
       "$extensions": {
         "org.primer.figma": {
           "collection": "mode",
-          "mode": "light",
+          "mode": "dark",
           "group": "component (internal)",
           "scopes": ["bgColor"]
         }
@@ -4133,7 +4386,7 @@
     "$extensions": {
       "org.primer.figma": {
         "collection": "mode",
-        "mode": "light",
+        "mode": "dark",
         "group": "component (internal)",
         "scopes": ["bgColor"]
       }
@@ -4146,7 +4399,7 @@
       "$extensions": {
         "org.primer.figma": {
           "collection": "mode",
-          "mode": "light",
+          "mode": "dark",
           "group": "component (internal)",
           "scopes": ["bgColor"]
         }
@@ -4162,7 +4415,7 @@
     "$extensions": {
       "org.primer.figma": {
         "collection": "mode",
-        "mode": "light",
+        "mode": "dark",
         "group": "component (internal)",
         "scopes": ["fgColor"]
       }
@@ -4175,7 +4428,7 @@
       "$extensions": {
         "org.primer.figma": {
           "collection": "mode",
-          "mode": "light",
+          "mode": "dark",
           "group": "component (internal)",
           "scopes": ["fgColor"]
         }
@@ -4191,7 +4444,7 @@
     "$extensions": {
       "org.primer.figma": {
         "collection": "mode",
-        "mode": "light",
+        "mode": "dark",
         "group": "component (internal)",
         "scopes": ["borderColor"]
       }
@@ -4204,7 +4457,7 @@
       "$extensions": {
         "org.primer.figma": {
           "collection": "mode",
-          "mode": "light",
+          "mode": "dark",
           "group": "component (internal)",
           "scopes": ["borderColor"]
         }
@@ -4220,7 +4473,7 @@
     "$extensions": {
       "org.primer.figma": {
         "collection": "mode",
-        "mode": "light",
+        "mode": "dark",
         "group": "component (internal)",
         "scopes": ["borderColor"]
       }
@@ -4233,7 +4486,7 @@
       "$extensions": {
         "org.primer.figma": {
           "collection": "mode",
-          "mode": "light",
+          "mode": "dark",
           "group": "component (internal)",
           "scopes": ["borderColor"]
         }
@@ -4249,7 +4502,7 @@
     "$extensions": {
       "org.primer.figma": {
         "collection": "mode",
-        "mode": "light",
+        "mode": "dark",
         "group": "component (internal)",
         "scopes": ["bgColor"]
       }
@@ -4262,7 +4515,7 @@
       "$extensions": {
         "org.primer.figma": {
           "collection": "mode",
-          "mode": "light",
+          "mode": "dark",
           "group": "component (internal)",
           "scopes": ["bgColor"]
         }
@@ -4278,7 +4531,7 @@
     "$extensions": {
       "org.primer.figma": {
         "collection": "mode",
-        "mode": "light",
+        "mode": "dark",
         "group": "component (internal)",
         "scopes": ["bgColor"]
       }
@@ -4291,7 +4544,7 @@
       "$extensions": {
         "org.primer.figma": {
           "collection": "mode",
-          "mode": "light",
+          "mode": "dark",
           "group": "component (internal)",
           "scopes": ["bgColor"]
         }
@@ -4307,7 +4560,7 @@
     "$extensions": {
       "org.primer.figma": {
         "collection": "mode",
-        "mode": "light",
+        "mode": "dark",
         "group": "component (internal)",
         "scopes": ["fgColor"]
       }
@@ -4320,7 +4573,7 @@
       "$extensions": {
         "org.primer.figma": {
           "collection": "mode",
-          "mode": "light",
+          "mode": "dark",
           "group": "component (internal)",
           "scopes": ["fgColor"]
         }
@@ -4336,7 +4589,7 @@
     "$extensions": {
       "org.primer.figma": {
         "collection": "mode",
-        "mode": "light",
+        "mode": "dark",
         "group": "component (internal)",
         "scopes": ["borderColor"]
       }
@@ -4349,7 +4602,7 @@
       "$extensions": {
         "org.primer.figma": {
           "collection": "mode",
-          "mode": "light",
+          "mode": "dark",
           "group": "component (internal)",
           "scopes": ["borderColor"]
         }
@@ -4365,7 +4618,7 @@
     "$extensions": {
       "org.primer.figma": {
         "collection": "mode",
-        "mode": "light",
+        "mode": "dark",
         "group": "component (internal)",
         "scopes": ["borderColor"]
       }
@@ -4378,7 +4631,7 @@
       "$extensions": {
         "org.primer.figma": {
           "collection": "mode",
-          "mode": "light",
+          "mode": "dark",
           "group": "component (internal)",
           "scopes": ["borderColor"]
         }
@@ -6860,6 +7113,35 @@
     "attributes": {},
     "path": ["button", "invisible", "fgColor", "hover"]
   },
+  "button-invisible-fgColor-active": {
+    "$value": "#f0f6fc",
+    "$type": "color",
+    "$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"]
+  },
   "button-invisible-fgColor-disabled": {
     "$value": "#656c7699",
     "$type": "color",
@@ -6953,7 +7235,7 @@
     "$extensions": {
       "org.primer.figma": {
         "collection": "mode",
-        "mode": "light",
+        "mode": "dark",
         "group": "component (internal)",
         "scopes": ["fgColor"]
       }
@@ -6966,7 +7248,7 @@
       "$extensions": {
         "org.primer.figma": {
           "collection": "mode",
-          "mode": "light",
+          "mode": "dark",
           "group": "component (internal)",
           "scopes": ["fgColor"]
         }
@@ -7890,7 +8172,7 @@
     "$extensions": {
       "org.primer.figma": {
         "collection": "mode",
-        "mode": "light",
+        "mode": "dark",
         "group": "component (internal)",
         "scopes": ["fgColor"]
       }
@@ -7903,7 +8185,7 @@
       "$extensions": {
         "org.primer.figma": {
           "collection": "mode",
-          "mode": "light",
+          "mode": "dark",
           "group": "component (internal)",
           "scopes": ["fgColor"]
         }
@@ -7919,7 +8201,7 @@
     "$extensions": {
       "org.primer.figma": {
         "collection": "mode",
-        "mode": "light",
+        "mode": "dark",
         "group": "component (internal)",
         "scopes": ["bgColor"]
       }
@@ -7932,7 +8214,7 @@
       "$extensions": {
         "org.primer.figma": {
           "collection": "mode",
-          "mode": "light",
+          "mode": "dark",
           "group": "component (internal)",
           "scopes": ["bgColor"]
         }
@@ -12524,7 +12806,7 @@
     "$extensions": {
       "org.primer.figma": {
         "collection": "mode",
-        "mode": "light",
+        "mode": "dark",
         "group": "semantic",
         "scopes": ["fgColor"]
       }
@@ -12537,7 +12819,7 @@
       "$extensions": {
         "org.primer.figma": {
           "collection": "mode",
-          "mode": "light",
+          "mode": "dark",
           "group": "semantic",
           "scopes": ["fgColor"]
         }