npm - @primer/primitives - Versions diffs - 9.0.0-rc.fa8264ac → 9.0.1-rc.7a1eec5e - Mend

@primer/primitives 9.0.0-rc.fa8264ac → 9.0.1-rc.7a1eec5e

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (81) hide show

package/dist/css/functional/themes/dark-colorblind.css +16 -12
package/dist/css/functional/themes/dark-dimmed.css +14 -10
package/dist/css/functional/themes/dark-high-contrast.css +58 -54
package/dist/css/functional/themes/dark-tritanopia.css +16 -12
package/dist/css/functional/themes/dark.css +14 -10
package/dist/css/functional/themes/light-colorblind.css +20 -16
package/dist/css/functional/themes/light-high-contrast.css +24 -20
package/dist/css/functional/themes/light-tritanopia.css +20 -16
package/dist/css/functional/themes/light.css +18 -14
package/dist/docs/functional/themes/dark-colorblind.json +157 -101
package/dist/docs/functional/themes/dark-dimmed.json +159 -103
package/dist/docs/functional/themes/dark-high-contrast.json +247 -165
package/dist/docs/functional/themes/dark-tritanopia.json +157 -101
package/dist/docs/functional/themes/dark.json +156 -100
package/dist/docs/functional/themes/light-colorblind.json +163 -105
package/dist/docs/functional/themes/light-high-contrast.json +179 -119
package/dist/docs/functional/themes/light-tritanopia.json +163 -105
package/dist/docs/functional/themes/light.json +162 -104
package/dist/figma/figma.json +3 -3
package/dist/figma/scales/dark-dimmed.json +56 -24
package/dist/figma/scales/dark-high-constrast.json +56 -24
package/dist/figma/scales/dark.json +56 -24
package/dist/figma/scales/light-high-constrast.json +59 -27
package/dist/figma/scales/light.json +59 -27
package/dist/figma/shadows/dark-colorblind.json +167 -167
package/dist/figma/shadows/dark-dimmed.json +167 -167
package/dist/figma/shadows/dark-high-contrast.json +167 -167
package/dist/figma/shadows/dark-tritanopia.json +167 -167
package/dist/figma/shadows/dark.json +167 -167
package/dist/figma/shadows/light-colorblind.json +84 -84
package/dist/figma/shadows/light-high-contrast.json +84 -84
package/dist/figma/shadows/light-tritanopia.json +84 -84
package/dist/figma/shadows/light.json +84 -84
package/dist/figma/themes/dark-colorblind.json +1199 -1168
package/dist/figma/themes/dark-dimmed.json +2172 -2141
package/dist/figma/themes/dark-high-contrast.json +1751 -1716
package/dist/figma/themes/dark-tritanopia.json +1199 -1168
package/dist/figma/themes/dark.json +1291 -1260
package/dist/figma/themes/light-colorblind.json +1424 -1392
package/dist/figma/themes/light-high-contrast.json +1253 -1220
package/dist/figma/themes/light-tritanopia.json +1424 -1392
package/dist/figma/themes/light.json +1349 -1317
package/dist/internalCss/dark-colorblind.css +44 -36
package/dist/internalCss/dark-dimmed.css +42 -34
package/dist/internalCss/dark-high-contrast.css +86 -78
package/dist/internalCss/dark-tritanopia.css +44 -36
package/dist/internalCss/dark.css +42 -34
package/dist/internalCss/light-colorblind.css +50 -42
package/dist/internalCss/light-high-contrast.css +54 -46
package/dist/internalCss/light-tritanopia.css +50 -42
package/dist/internalCss/light.css +48 -40
package/dist/styleLint/functional/themes/dark-colorblind.json +157 -101
package/dist/styleLint/functional/themes/dark-dimmed.json +159 -103
package/dist/styleLint/functional/themes/dark-high-contrast.json +247 -165
package/dist/styleLint/functional/themes/dark-tritanopia.json +157 -101
package/dist/styleLint/functional/themes/dark.json +156 -100
package/dist/styleLint/functional/themes/light-colorblind.json +163 -105
package/dist/styleLint/functional/themes/light-high-contrast.json +179 -119
package/dist/styleLint/functional/themes/light-tritanopia.json +163 -105
package/dist/styleLint/functional/themes/light.json +162 -104
package/package.json +1 -1
package/src/schemas/colorToken.ts +1 -1
package/src/schemas/dimensionToken.ts +1 -0
package/src/schemas/scopes.ts +10 -21
package/src/tokens/base/color/dark/dark.dimmed.json5 +0 -20
package/src/tokens/base/color/dark/dark.json5 +29 -11
package/src/tokens/base/color/light/light.json5 +29 -11
package/src/tokens/functional/color/dark/app-dark.json5 +5 -5
package/src/tokens/functional/color/dark/overrides/dark.dimmed.json5 +24 -24
package/src/tokens/functional/color/dark/overrides/dark.high-contrast.json5 +82 -83
package/src/tokens/functional/color/dark/patterns-dark.json5 +64 -39
package/src/tokens/functional/color/dark/primitives-dark.json5 +23 -23
package/src/tokens/functional/color/dark/syntax-dark.json5 +14 -14
package/src/tokens/functional/color/light/app-light.json5 +5 -5
package/src/tokens/functional/color/light/overrides/light.high-contrast.json5 +73 -25
package/src/tokens/functional/color/light/patterns-light.json5 +67 -41
package/src/tokens/functional/color/light/primitives-light.json5 +23 -23
package/src/tokens/functional/color/light/syntax-light.json5 +14 -14
package/src/tokens/functional/shadow/dark.json5 +15 -15
package/src/tokens/functional/shadow/light.json5 +16 -16
package/src/transformers/figmaAttributes.ts +6 -0

package/dist/figma/themes/light.json CHANGED Viewed

@@ -79,156 +79,6 @@
     "collection": "mode",
     "group": "shadow"
   },
-  {
-    "name": "shadow/resting/small/offsetX",
-    "value": 0,
-    "type": "FLOAT",
-    "scopes": ["EFFECT_FLOAT"],
-    "mode": "light",
-    "collection": "mode",
-    "group": "shadow"
-  },
-  {
-    "name": "shadow/resting/small/offsetY",
-    "value": 1,
-    "type": "FLOAT",
-    "scopes": ["EFFECT_FLOAT"],
-    "mode": "light",
-    "collection": "mode",
-    "group": "shadow"
-  },
-  {
-    "name": "shadow/resting/small/blur",
-    "value": 0,
-    "type": "FLOAT",
-    "scopes": ["EFFECT_FLOAT"],
-    "mode": "light",
-    "collection": "mode",
-    "group": "shadow"
-  },
-  {
-    "name": "shadow/resting/small/spread",
-    "value": 0,
-    "type": "FLOAT",
-    "scopes": ["EFFECT_FLOAT"],
-    "mode": "light",
-    "collection": "mode",
-    "group": "shadow"
-  },
-  {
-    "name": "shadow/resting/small/color",
-    "value": {
-      "r": 0.12156862745098039,
-      "g": 0.13725490196078433,
-      "b": 0.1568627450980392,
-      "a": 0.04
-    },
-    "type": "COLOR",
-    "scopes": ["EFFECT_COLOR"],
-    "mode": "light",
-    "collection": "mode",
-    "group": "shadow"
-  },
-  {
-    "name": "shadow/resting/xsmall/offsetX",
-    "value": 0,
-    "type": "FLOAT",
-    "scopes": ["EFFECT_FLOAT"],
-    "mode": "light",
-    "collection": "mode",
-    "group": "shadow"
-  },
-  {
-    "name": "shadow/resting/xsmall/offsetY",
-    "value": 1,
-    "type": "FLOAT",
-    "scopes": ["EFFECT_FLOAT"],
-    "mode": "light",
-    "collection": "mode",
-    "group": "shadow"
-  },
-  {
-    "name": "shadow/resting/xsmall/blur",
-    "value": 0,
-    "type": "FLOAT",
-    "scopes": ["EFFECT_FLOAT"],
-    "mode": "light",
-    "collection": "mode",
-    "group": "shadow"
-  },
-  {
-    "name": "shadow/resting/xsmall/spread",
-    "value": 0,
-    "type": "FLOAT",
-    "scopes": ["EFFECT_FLOAT"],
-    "mode": "light",
-    "collection": "mode",
-    "group": "shadow"
-  },
-  {
-    "name": "shadow/resting/xsmall/color",
-    "value": {
-      "r": 0.12156862745098039,
-      "g": 0.13725490196078433,
-      "b": 0.1568627450980392,
-      "a": 0.1
-    },
-    "type": "COLOR",
-    "scopes": ["EFFECT_COLOR"],
-    "mode": "light",
-    "collection": "mode",
-    "group": "shadow"
-  },
-  {
-    "name": "shadow/inset/offsetX",
-    "value": 0,
-    "type": "FLOAT",
-    "scopes": ["EFFECT_FLOAT"],
-    "mode": "light",
-    "collection": "mode",
-    "group": "shadow"
-  },
-  {
-    "name": "shadow/inset/offsetY",
-    "value": 1,
-    "type": "FLOAT",
-    "scopes": ["EFFECT_FLOAT"],
-    "mode": "light",
-    "collection": "mode",
-    "group": "shadow"
-  },
-  {
-    "name": "shadow/inset/blur",
-    "value": 0,
-    "type": "FLOAT",
-    "scopes": ["EFFECT_FLOAT"],
-    "mode": "light",
-    "collection": "mode",
-    "group": "shadow"
-  },
-  {
-    "name": "shadow/inset/spread",
-    "value": 0,
-    "type": "FLOAT",
-    "scopes": ["EFFECT_FLOAT"],
-    "mode": "light",
-    "collection": "mode",
-    "group": "shadow"
-  },
-  {
-    "name": "shadow/inset/color",
-    "value": {
-      "r": 0.12156862745098039,
-      "g": 0.13725490196078433,
-      "b": 0.1568627450980392,
-      "a": 0.04
-    },
-    "type": "COLOR",
-    "scopes": ["EFFECT_COLOR"],
-    "mode": "light",
-    "collection": "mode",
-    "group": "shadow"
-  },
   {
     "name": "color/prettylights/syntax/sublimelinter/gutter/mark",
     "value": {
@@ -239,7 +89,7 @@
     },
     "type": "COLOR",
     "refId": "mode/color/prettylights/syntax/sublimelinter/gutter/mark",
-    "reference": "base/color/light/base/color/neutral/7",
+    "reference": "base/color/light/base/color/neutral/8",
     "collection": "mode",
     "mode": "light",
     "group": "syntax",
@@ -287,7 +137,7 @@
     },
     "type": "COLOR",
     "refId": "mode/color/prettylights/syntax/markup/ignored/text",
-    "reference": "base/color/light/base/color/neutral/5",
+    "reference": "base/color/light/base/color/neutral/6",
     "collection": "mode",
     "mode": "light",
     "group": "syntax",
@@ -389,38 +239,6 @@
     "group": "syntax",
     "scopes": ["ALL_SCOPES"]
   },
-  {
-    "name": "color/prettylights/syntax/markup/bold",
-    "value": {
-      "r": 0.12156862745098039,
-      "g": 0.13725490196078433,
-      "b": 0.1568627450980392,
-      "a": 1
-    },
-    "type": "COLOR",
-    "refId": "mode/color/prettylights/syntax/markup/bold",
-    "reference": "base/color/light/base/color/black",
-    "collection": "mode",
-    "mode": "light",
-    "group": "syntax",
-    "scopes": ["ALL_SCOPES"]
-  },
-  {
-    "name": "color/prettylights/syntax/markup/italic",
-    "value": {
-      "r": 0.12156862745098039,
-      "g": 0.13725490196078433,
-      "b": 0.1568627450980392,
-      "a": 1
-    },
-    "type": "COLOR",
-    "refId": "mode/color/prettylights/syntax/markup/italic",
-    "reference": "base/color/light/base/color/black",
-    "collection": "mode",
-    "mode": "light",
-    "group": "syntax",
-    "scopes": ["ALL_SCOPES"]
-  },
   {
     "name": "color/prettylights/syntax/markup/heading",
     "value": {
@@ -495,7 +313,7 @@
     },
     "type": "COLOR",
     "refId": "mode/color/prettylights/syntax/carriage/return/text",
-    "reference": "base/color/light/base/color/neutral/0",
+    "reference": "base/color/light/base/color/neutral/1",
     "collection": "mode",
     "mode": "light",
     "group": "syntax",
@@ -527,7 +345,7 @@
     },
     "type": "COLOR",
     "refId": "mode/color/prettylights/syntax/invalid/illegal/text",
-    "reference": "base/color/light/base/color/neutral/0",
+    "reference": "base/color/light/base/color/neutral/1",
     "collection": "mode",
     "mode": "light",
     "group": "syntax",
@@ -543,7 +361,7 @@
     },
     "type": "COLOR",
     "refId": "mode/color/prettylights/syntax/brackethighlighter/angle",
-    "reference": "base/color/light/base/color/neutral/8",
+    "reference": "base/color/light/base/color/neutral/9",
     "collection": "mode",
     "mode": "light",
     "group": "syntax",
@@ -629,22 +447,6 @@
     "group": "syntax",
     "scopes": ["ALL_SCOPES"]
   },
-  {
-    "name": "color/prettylights/syntax/storage/modifier/import",
-    "value": {
-      "r": 0.12156862745098039,
-      "g": 0.13725490196078433,
-      "b": 0.1568627450980392,
-      "a": 1
-    },
-    "type": "COLOR",
-    "refId": "mode/color/prettylights/syntax/storage/modifier/import",
-    "reference": "base/color/light/base/color/black",
-    "collection": "mode",
-    "mode": "light",
-    "group": "syntax",
-    "scopes": ["ALL_SCOPES"]
-  },
   {
     "name": "color/prettylights/syntax/entity",
     "value": {
@@ -703,7 +505,7 @@
     },
     "type": "COLOR",
     "refId": "mode/color/prettylights/syntax/comment",
-    "reference": "base/color/light/base/color/neutral/8",
+    "reference": "base/color/light/base/color/neutral/9",
     "collection": "mode",
     "mode": "light",
     "group": "syntax",
@@ -879,7 +681,7 @@
     },
     "type": "COLOR",
     "refId": "mode/color/ansi/gray",
-    "reference": "base/color/light/base/color/neutral/8",
+    "reference": "base/color/light/base/color/neutral/9",
     "collection": "mode",
     "mode": "light",
     "group": "syntax",
@@ -895,7 +697,7 @@
     },
     "type": "COLOR",
     "refId": "mode/color/ansi/white-bright",
-    "reference": "base/color/light/base/color/neutral/7",
+    "reference": "base/color/light/base/color/neutral/8",
     "collection": "mode",
     "mode": "light",
     "group": "syntax",
@@ -911,7 +713,7 @@
     },
     "type": "COLOR",
     "refId": "mode/color/ansi/white",
-    "reference": "base/color/light/base/color/neutral/8",
+    "reference": "base/color/light/base/color/neutral/9",
     "collection": "mode",
     "mode": "light",
     "group": "syntax",
@@ -927,23 +729,7 @@
     },
     "type": "COLOR",
     "refId": "mode/color/ansi/black-bright",
-    "reference": "base/color/light/base/color/neutral/10",
-    "collection": "mode",
-    "mode": "light",
-    "group": "syntax",
-    "scopes": ["ALL_SCOPES"]
-  },
-  {
-    "name": "color/ansi/black",
-    "value": {
-      "r": 0.12156862745098039,
-      "g": 0.13725490196078433,
-      "b": 0.1568627450980392,
-      "a": 1
-    },
-    "type": "COLOR",
-    "refId": "mode/color/ansi/black",
-    "reference": "base/color/light/base/color/black",
+    "reference": "base/color/light/base/color/neutral/11",
     "collection": "mode",
     "mode": "light",
     "group": "syntax",
@@ -1262,17 +1048,16 @@
     }
   },
   {
-    "name": "borderColor/translucent",
+    "name": "borderColor/neutral-emphasis",
     "value": {
-      "r": 0.12156862745098039,
-      "g": 0.13725490196078433,
-      "b": 0.1568627450980392,
-      "a": 0.15
+      "r": 0.34901960784313724,
+      "g": 0.38823529411764707,
+      "b": 0.43137254901960786,
+      "a": 1
     },
     "type": "COLOR",
-    "alpha": 0.15,
-    "refId": "mode/borderColor/translucent",
-    "reference": "base/color/light/base/color/black",
+    "refId": "mode/borderColor/neutral-emphasis",
+    "reference": "base/color/light/base/color/neutral/9",
     "collection": "mode",
     "mode": "light",
     "group": "semantic",
@@ -1305,7 +1090,7 @@
     "type": "COLOR",
     "alpha": 0.1,
     "refId": "mode/borderColor/disabled",
-    "reference": "base/color/light/base/color/neutral/7",
+    "reference": "base/color/light/base/color/neutral/8",
     "collection": "mode",
     "mode": "light",
     "group": "semantic",
@@ -1321,7 +1106,7 @@
     },
     "type": "COLOR",
     "refId": "mode/borderColor/emphasis",
-    "reference": "base/color/light/base/color/neutral/7",
+    "reference": "base/color/light/base/color/neutral/8",
     "collection": "mode",
     "mode": "light",
     "group": "semantic",
@@ -1337,7 +1122,7 @@
     },
     "type": "COLOR",
     "refId": "mode/borderColor/default",
-    "reference": "base/color/light/base/color/neutral/5",
+    "reference": "base/color/light/base/color/neutral/6",
     "collection": "mode",
     "mode": "light",
     "group": "semantic",
@@ -1623,7 +1408,7 @@
     },
     "type": "COLOR",
     "refId": "mode/bgColor/neutral-emphasis",
-    "reference": "base/color/light/base/color/neutral/8",
+    "reference": "base/color/light/base/color/neutral/9",
     "collection": "mode",
     "mode": "light",
     "group": "semantic",
@@ -1632,15 +1417,15 @@
   {
     "name": "bgColor/neutral-muted",
     "value": {
-      "r": 0.8784313725490196,
-      "g": 0.9019607843137255,
-      "b": 0.9215686274509803,
-      "a": 0.7
+      "r": 0.5058823529411764,
+      "g": 0.5450980392156862,
+      "b": 0.596078431372549,
+      "a": 0.12
     },
     "type": "COLOR",
-    "alpha": 0.7,
+    "alpha": 0.12,
     "refId": "mode/bgColor/neutral-muted",
-    "reference": "base/color/light/base/color/neutral/3",
+    "reference": "base/color/light/base/color/neutral/8",
     "collection": "mode",
     "mode": "light",
     "group": "semantic",
@@ -1675,39 +1460,7 @@
     },
     "type": "COLOR",
     "refId": "mode/bgColor/disabled",
-    "reference": "base/color/light/base/color/neutral/1",
-    "collection": "mode",
-    "mode": "light",
-    "group": "semantic",
-    "scopes": ["FRAME_FILL", "SHAPE_FILL"]
-  },
-  {
-    "name": "bgColor/black",
-    "value": {
-      "r": 0.12156862745098039,
-      "g": 0.13725490196078433,
-      "b": 0.1568627450980392,
-      "a": 1
-    },
-    "type": "COLOR",
-    "refId": "mode/bgColor/black",
-    "reference": "base/color/light/base/color/black",
-    "collection": "mode",
-    "mode": "light",
-    "group": "semantic",
-    "scopes": ["FRAME_FILL", "SHAPE_FILL"]
-  },
-  {
-    "name": "bgColor/white",
-    "value": {
-      "r": 1,
-      "g": 1,
-      "b": 1,
-      "a": 1
-    },
-    "type": "COLOR",
-    "refId": "mode/bgColor/white",
-    "reference": "base/color/light/base/color/white",
+    "reference": "base/color/light/base/color/neutral/2",
     "collection": "mode",
     "mode": "light",
     "group": "semantic",
@@ -1723,7 +1476,7 @@
     },
     "type": "COLOR",
     "refId": "mode/bgColor/inverse",
-    "reference": "base/color/light/base/color/neutral/11",
+    "reference": "base/color/light/base/color/neutral/12",
     "collection": "mode",
     "mode": "light",
     "group": "semantic",
@@ -1739,7 +1492,7 @@
     },
     "type": "COLOR",
     "refId": "mode/bgColor/emphasis",
-    "reference": "base/color/light/base/color/neutral/11",
+    "reference": "base/color/light/base/color/neutral/12",
     "collection": "mode",
     "mode": "light",
     "group": "semantic",
@@ -1758,7 +1511,7 @@
     },
     "type": "COLOR",
     "refId": "mode/bgColor/muted",
-    "reference": "base/color/light/base/color/neutral/0",
+    "reference": "base/color/light/base/color/neutral/1",
     "collection": "mode",
     "mode": "light",
     "group": "semantic",
@@ -1767,25 +1520,6 @@
       "web": "var(--bgColor-muted) /* utility class: .color-bg-muted */"
     }
   },
-  {
-    "name": "bgColor/default",
-    "value": {
-      "r": 1,
-      "g": 1,
-      "b": 1,
-      "a": 1
-    },
-    "type": "COLOR",
-    "refId": "mode/bgColor/default",
-    "reference": "base/color/light/base/color/white",
-    "collection": "mode",
-    "mode": "light",
-    "group": "semantic",
-    "scopes": ["FRAME_FILL", "SHAPE_FILL", "STROKE_COLOR"],
-    "codeSyntax": {
-      "web": "var(--bgColor-default) /* utility class: .color-bg-default */"
-    }
-  },
   {
     "name": "fgColor/sponsors",
     "value": {
@@ -1930,7 +1664,7 @@
     },
     "type": "COLOR",
     "refId": "mode/fgColor/neutral",
-    "reference": "base/color/light/base/color/neutral/8",
+    "reference": "base/color/light/base/color/neutral/9",
     "collection": "mode",
     "mode": "light",
     "group": "semantic",
@@ -1946,79 +1680,12 @@
     },
     "type": "COLOR",
     "refId": "mode/fgColor/disabled",
-    "reference": "base/color/light/base/color/neutral/7",
-    "collection": "mode",
-    "mode": "light",
-    "group": "semantic",
-    "scopes": ["TEXT_FILL", "SHAPE_FILL"]
-  },
-  {
-    "name": "fgColor/black",
-    "value": {
-      "r": 0.12156862745098039,
-      "g": 0.13725490196078433,
-      "b": 0.1568627450980392,
-      "a": 1
-    },
-    "type": "COLOR",
-    "refId": "mode/fgColor/black",
-    "reference": "base/color/light/base/color/black",
-    "collection": "mode",
-    "mode": "light",
-    "group": "semantic",
-    "scopes": ["TEXT_FILL", "SHAPE_FILL"]
-  },
-  {
-    "name": "fgColor/white",
-    "value": {
-      "r": 1,
-      "g": 1,
-      "b": 1,
-      "a": 1
-    },
-    "type": "COLOR",
-    "refId": "mode/fgColor/white",
-    "reference": "base/color/light/base/color/white",
-    "collection": "mode",
-    "mode": "light",
-    "group": "semantic",
-    "scopes": ["TEXT_FILL", "SHAPE_FILL"]
-  },
-  {
-    "name": "fgColor/onInverse",
-    "value": {
-      "r": 1,
-      "g": 1,
-      "b": 1,
-      "a": 1
-    },
-    "type": "COLOR",
-    "refId": "mode/fgColor/onInverse",
-    "reference": "base/color/light/base/color/white",
+    "reference": "base/color/light/base/color/neutral/8",
     "collection": "mode",
     "mode": "light",
     "group": "semantic",
     "scopes": ["TEXT_FILL", "SHAPE_FILL"]
   },
-  {
-    "name": "fgColor/onEmphasis",
-    "value": {
-      "r": 1,
-      "g": 1,
-      "b": 1,
-      "a": 1
-    },
-    "type": "COLOR",
-    "refId": "mode/fgColor/onEmphasis",
-    "reference": "base/color/light/base/color/white",
-    "collection": "mode",
-    "mode": "light",
-    "group": "semantic",
-    "scopes": ["TEXT_FILL", "SHAPE_FILL"],
-    "codeSyntax": {
-      "web": "var(--fgColor-onEmphasis) /* utility class: .color-fg-on-emphasis */"
-    }
-  },
   {
     "name": "fgColor/muted",
     "value": {
@@ -2029,7 +1696,7 @@
     },
     "type": "COLOR",
     "refId": "mode/fgColor/muted",
-    "reference": "base/color/light/base/color/neutral/8",
+    "reference": "base/color/light/base/color/neutral/9",
     "collection": "mode",
     "mode": "light",
     "group": "semantic",
@@ -2038,25 +1705,6 @@
       "web": "var(--fgColor-muted) /* utility class: .color-fg-muted */"
     }
   },
-  {
-    "name": "fgColor/default",
-    "value": {
-      "r": 0.12156862745098039,
-      "g": 0.13725490196078433,
-      "b": 0.1568627450980392,
-      "a": 1
-    },
-    "type": "COLOR",
-    "refId": "mode/fgColor/default",
-    "reference": "base/color/light/base/color/black",
-    "collection": "mode",
-    "mode": "light",
-    "group": "semantic",
-    "scopes": ["TEXT_FILL", "SHAPE_FILL"],
-    "codeSyntax": {
-      "web": "var(--fgColor-default) /* utility class: .color-fg-default */"
-    }
-  },
   {
     "name": "label/coral/fgColor/active",
     "value": {
@@ -3913,22 +3561,6 @@
     "group": "component (internal)",
     "scopes": ["FRAME_FILL", "SHAPE_FILL"]
   },
-  {
-    "name": "sideNav/bgColor/selected",
-    "value": {
-      "r": 1,
-      "g": 1,
-      "b": 1,
-      "a": 1
-    },
-    "type": "COLOR",
-    "refId": "mode/sideNav/bgColor/selected",
-    "reference": "base/color/light/base/color/white",
-    "collection": "mode",
-    "mode": "light",
-    "group": "component (internal)",
-    "scopes": ["FRAME_FILL", "SHAPE_FILL"]
-  },
   {
     "name": "selectMenu/bgColor/active",
     "value": {
@@ -3972,23 +3604,7 @@
     "type": "COLOR",
     "alpha": 0.4,
     "refId": "mode/overlay/backdrop/bgColor",
-    "reference": "base/color/light/base/color/neutral/6",
-    "collection": "mode",
-    "mode": "light",
-    "group": "component (internal)",
-    "scopes": ["FRAME_FILL", "SHAPE_FILL"]
-  },
-  {
-    "name": "overlay/bgColor",
-    "value": {
-      "r": 1,
-      "g": 1,
-      "b": 1,
-      "a": 1
-    },
-    "type": "COLOR",
-    "refId": "mode/overlay/bgColor",
-    "reference": "base/color/light/base/color/white",
+    "reference": "base/color/light/base/color/neutral/7",
     "collection": "mode",
     "mode": "light",
     "group": "component (internal)",
@@ -4042,22 +3658,6 @@
     "group": "component (internal)",
     "scopes": ["FRAME_FILL", "SHAPE_FILL"]
   },
-  {
-    "name": "buttonCounter/danger/fgColor/hover",
-    "value": {
-      "r": 1,
-      "g": 1,
-      "b": 1,
-      "a": 1
-    },
-    "type": "COLOR",
-    "refId": "mode/buttonCounter/danger/fgColor/hover",
-    "reference": "base/color/light/base/color/white",
-    "collection": "mode",
-    "mode": "light",
-    "group": "component (internal)",
-    "scopes": ["TEXT_FILL", "SHAPE_FILL"]
-  },
   {
     "name": "buttonCounter/danger/fgColor/rest",
     "value": {
@@ -4075,39 +3675,6 @@
     "group": "component (internal)",
     "scopes": ["TEXT_FILL", "SHAPE_FILL"]
   },
-  {
-    "name": "buttonCounter/danger/bgColor/hover",
-    "value": {
-      "r": 1,
-      "g": 1,
-      "b": 1,
-      "a": 0.2
-    },
-    "type": "COLOR",
-    "alpha": 0.2,
-    "refId": "mode/buttonCounter/danger/bgColor/hover",
-    "reference": "base/color/light/base/color/white",
-    "collection": "mode",
-    "mode": "light",
-    "group": "component (internal)",
-    "scopes": ["FRAME_FILL", "SHAPE_FILL"]
-  },
-  {
-    "name": "buttonCounter/outline/fgColor/hover",
-    "value": {
-      "r": 1,
-      "g": 1,
-      "b": 1,
-      "a": 1
-    },
-    "type": "COLOR",
-    "refId": "mode/buttonCounter/outline/fgColor/hover",
-    "reference": "base/color/light/base/color/white",
-    "collection": "mode",
-    "mode": "light",
-    "group": "component (internal)",
-    "scopes": ["TEXT_FILL", "SHAPE_FILL"]
-  },
   {
     "name": "buttonCounter/outline/fgColor/rest",
     "value": {
@@ -4124,23 +3691,6 @@
     "group": "component (internal)",
     "scopes": ["TEXT_FILL", "SHAPE_FILL"]
   },
-  {
-    "name": "buttonCounter/outline/bgColor/hover",
-    "value": {
-      "r": 1,
-      "g": 1,
-      "b": 1,
-      "a": 0.2
-    },
-    "type": "COLOR",
-    "alpha": 0.2,
-    "refId": "mode/buttonCounter/outline/bgColor/hover",
-    "reference": "base/color/light/base/color/white",
-    "collection": "mode",
-    "mode": "light",
-    "group": "component (internal)",
-    "scopes": ["FRAME_FILL", "SHAPE_FILL"]
-  },
   {
     "name": "buttonCounter/primary/bgColor/rest",
     "value": {
@@ -4184,7 +3734,7 @@
     },
     "type": "COLOR",
     "refId": "mode/button/inactive/bgColor",
-    "reference": "base/color/light/base/color/neutral/2",
+    "reference": "base/color/light/base/color/neutral/3",
     "collection": "mode",
     "mode": "light",
     "group": "component (internal)",
@@ -4200,7 +3750,7 @@
     },
     "type": "COLOR",
     "refId": "mode/button/inactive/fgColor",
-    "reference": "base/color/light/base/color/neutral/8",
+    "reference": "base/color/light/base/color/neutral/9",
     "collection": "mode",
     "mode": "light",
     "group": "component (internal)",
@@ -4290,61 +3840,13 @@
     "scopes": ["FRAME_FILL", "SHAPE_FILL"]
   },
   {
-    "name": "button/danger/iconColor/hover",
-    "value": {
-      "r": 1,
-      "g": 1,
-      "b": 1,
-      "a": 1
-    },
-    "type": "COLOR",
-    "refId": "mode/button/danger/iconColor/hover",
-    "reference": "base/color/light/base/color/white",
-    "collection": "mode",
+    "name": "button/outline/shadow/selected/offsetX",
+    "value": 0,
+    "type": "FLOAT",
+    "scopes": ["EFFECT_FLOAT"],
     "mode": "light",
-    "group": "component (internal)",
-    "scopes": ["TEXT_FILL", "SHAPE_FILL"]
-  },
-  {
-    "name": "button/danger/fgColor/active",
-    "value": {
-      "r": 1,
-      "g": 1,
-      "b": 1,
-      "a": 1
-    },
-    "type": "COLOR",
-    "refId": "mode/button/danger/fgColor/active",
-    "reference": "base/color/light/base/color/white",
-    "collection": "mode",
-    "mode": "light",
-    "group": "component (internal)",
-    "scopes": ["TEXT_FILL", "SHAPE_FILL"]
-  },
-  {
-    "name": "button/danger/fgColor/hover",
-    "value": {
-      "r": 1,
-      "g": 1,
-      "b": 1,
-      "a": 1
-    },
-    "type": "COLOR",
-    "refId": "mode/button/danger/fgColor/hover",
-    "reference": "base/color/light/base/color/white",
-    "collection": "mode",
-    "mode": "light",
-    "group": "component (internal)",
-    "scopes": ["TEXT_FILL", "SHAPE_FILL"]
-  },
-  {
-    "name": "button/outline/shadow/selected/offsetX",
-    "value": 0,
-    "type": "FLOAT",
-    "scopes": ["EFFECT_FLOAT"],
-    "mode": "light",
-    "collection": "mode",
-    "group": "component shadow"
+    "collection": "mode",
+    "group": "component shadow"
   },
   {
     "name": "button/outline/shadow/selected/offsetY",
@@ -4387,38 +3889,6 @@
     "collection": "mode",
     "group": "component shadow"
   },
-  {
-    "name": "button/outline/fgColor/active",
-    "value": {
-      "r": 1,
-      "g": 1,
-      "b": 1,
-      "a": 1
-    },
-    "type": "COLOR",
-    "refId": "mode/button/outline/fgColor/active",
-    "reference": "base/color/light/base/color/white",
-    "collection": "mode",
-    "mode": "light",
-    "group": "component (internal)",
-    "scopes": ["TEXT_FILL", "SHAPE_FILL"]
-  },
-  {
-    "name": "button/outline/fgColor/hover",
-    "value": {
-      "r": 1,
-      "g": 1,
-      "b": 1,
-      "a": 1
-    },
-    "type": "COLOR",
-    "refId": "mode/button/outline/fgColor/hover",
-    "reference": "base/color/light/base/color/white",
-    "collection": "mode",
-    "mode": "light",
-    "group": "component (internal)",
-    "scopes": ["TEXT_FILL", "SHAPE_FILL"]
-  },
   {
     "name": "button/primary/shadow/selected/offsetX",
     "value": 0,
@@ -4469,23 +3939,6 @@
     "collection": "mode",
     "group": "component shadow"
   },
-  {
-    "name": "button/primary/borderColor/rest",
-    "value": {
-      "r": 0.12156862745098039,
-      "g": 0.13725490196078433,
-      "b": 0.1568627450980392,
-      "a": 0.15
-    },
-    "type": "COLOR",
-    "alpha": 0.15,
-    "refId": "mode/button/primary/borderColor/rest",
-    "reference": "base/color/light/base/color/black",
-    "collection": "mode",
-    "mode": "light",
-    "group": "component (internal)",
-    "scopes": ["STROKE_COLOR"]
-  },
   {
     "name": "button/primary/bgColor/disabled",
     "value": {
@@ -4503,73 +3956,6 @@
     "group": "component (internal)",
     "scopes": ["FRAME_FILL", "SHAPE_FILL"]
   },
-  {
-    "name": "button/primary/fgColor/disabled",
-    "value": {
-      "r": 1,
-      "g": 1,
-      "b": 1,
-      "a": 0.8
-    },
-    "type": "COLOR",
-    "alpha": 0.8,
-    "refId": "mode/button/primary/fgColor/disabled",
-    "reference": "base/color/light/base/color/white",
-    "collection": "mode",
-    "mode": "light",
-    "group": "component (internal)",
-    "scopes": ["TEXT_FILL", "SHAPE_FILL"]
-  },
-  {
-    "name": "button/default/shadow/resting/offsetX",
-    "value": 0,
-    "type": "FLOAT",
-    "scopes": ["EFFECT_FLOAT"],
-    "mode": "light",
-    "collection": "mode",
-    "group": "component shadow"
-  },
-  {
-    "name": "button/default/shadow/resting/offsetY",
-    "value": 1,
-    "type": "FLOAT",
-    "scopes": ["EFFECT_FLOAT"],
-    "mode": "light",
-    "collection": "mode",
-    "group": "component shadow"
-  },
-  {
-    "name": "button/default/shadow/resting/blur",
-    "value": 0,
-    "type": "FLOAT",
-    "scopes": ["EFFECT_FLOAT"],
-    "mode": "light",
-    "collection": "mode",
-    "group": "component shadow"
-  },
-  {
-    "name": "button/default/shadow/resting/spread",
-    "value": 0,
-    "type": "FLOAT",
-    "scopes": ["EFFECT_FLOAT"],
-    "mode": "light",
-    "collection": "mode",
-    "group": "component shadow"
-  },
-  {
-    "name": "button/default/shadow/resting/color",
-    "value": {
-      "r": 0.12156862745098039,
-      "g": 0.13725490196078433,
-      "b": 0.1568627450980392,
-      "a": 0.04
-    },
-    "type": "COLOR",
-    "scopes": ["EFFECT_COLOR"],
-    "mode": "light",
-    "collection": "mode",
-    "group": "component shadow"
-  },
   {
     "name": "counter/borderColor",
     "value": {
@@ -4586,38 +3972,6 @@
     "group": "component (internal)",
     "scopes": ["STROKE_COLOR"]
   },
-  {
-    "name": "controlKnob/bgColor/checked",
-    "value": {
-      "r": 1,
-      "g": 1,
-      "b": 1,
-      "a": 1
-    },
-    "type": "COLOR",
-    "refId": "mode/controlKnob/bgColor/checked",
-    "reference": "base/color/light/base/color/white",
-    "collection": "mode",
-    "mode": "light",
-    "group": "component (internal)",
-    "scopes": ["FRAME_FILL", "SHAPE_FILL"]
-  },
-  {
-    "name": "controlKnob/bgColor/rest",
-    "value": {
-      "r": 1,
-      "g": 1,
-      "b": 1,
-      "a": 1
-    },
-    "type": "COLOR",
-    "refId": "mode/controlKnob/bgColor/rest",
-    "reference": "base/color/light/base/color/white",
-    "collection": "mode",
-    "mode": "light",
-    "group": "component (internal)",
-    "scopes": ["FRAME_FILL", "SHAPE_FILL"]
-  },
   {
     "name": "controlTrack/fgColor/rest",
     "value": {
@@ -4628,7 +3982,7 @@
     },
     "type": "COLOR",
     "refId": "mode/controlTrack/fgColor/rest",
-    "reference": "base/color/light/base/color/neutral/8",
+    "reference": "base/color/light/base/color/neutral/9",
     "collection": "mode",
     "mode": "light",
     "group": "component (internal)",
@@ -4644,7 +3998,7 @@
     },
     "type": "COLOR",
     "refId": "mode/controlTrack/bgColor/active",
-    "reference": "base/color/light/base/color/neutral/4",
+    "reference": "base/color/light/base/color/neutral/5",
     "collection": "mode",
     "mode": "light",
     "group": "component (internal)",
@@ -4660,7 +4014,7 @@
     },
     "type": "COLOR",
     "refId": "mode/controlTrack/bgColor/hover",
-    "reference": "base/color/light/base/color/neutral/3",
+    "reference": "base/color/light/base/color/neutral/4",
     "collection": "mode",
     "mode": "light",
     "group": "component (internal)",
@@ -4676,7 +4030,7 @@
     },
     "type": "COLOR",
     "refId": "mode/controlTrack/bgColor/rest",
-    "reference": "base/color/light/base/color/neutral/2",
+    "reference": "base/color/light/base/color/neutral/3",
     "collection": "mode",
     "mode": "light",
     "group": "component (internal)",
@@ -4741,7 +4095,7 @@
     "type": "COLOR",
     "alpha": 0.15,
     "refId": "mode/control/transparent/bgColor/selected",
-    "reference": "base/color/light/base/color/neutral/7",
+    "reference": "base/color/light/base/color/neutral/8",
     "collection": "mode",
     "mode": "light",
     "group": "component",
@@ -4758,7 +4112,7 @@
     "type": "COLOR",
     "alpha": 0.15,
     "refId": "mode/control/transparent/bgColor/active",
-    "reference": "base/color/light/base/color/neutral/7",
+    "reference": "base/color/light/base/color/neutral/8",
     "collection": "mode",
     "mode": "light",
     "group": "component",
@@ -4775,7 +4129,7 @@
     "type": "COLOR",
     "alpha": 0.1,
     "refId": "mode/control/transparent/bgColor/hover",
-    "reference": "base/color/light/base/color/neutral/7",
+    "reference": "base/color/light/base/color/neutral/8",
     "collection": "mode",
     "mode": "light",
     "group": "component",
@@ -4807,7 +4161,7 @@
     },
     "type": "COLOR",
     "refId": "mode/control/fgColor/rest",
-    "reference": "base/color/light/base/color/neutral/11",
+    "reference": "base/color/light/base/color/neutral/12",
     "collection": "mode",
     "mode": "light",
     "group": "component",
@@ -4823,7 +4177,7 @@
     },
     "type": "COLOR",
     "refId": "mode/control/bgColor/active",
-    "reference": "base/color/light/base/color/neutral/2",
+    "reference": "base/color/light/base/color/neutral/3",
     "collection": "mode",
     "mode": "light",
     "group": "component",
@@ -4839,7 +4193,7 @@
     },
     "type": "COLOR",
     "refId": "mode/control/bgColor/hover",
-    "reference": "base/color/light/base/color/neutral/1",
+    "reference": "base/color/light/base/color/neutral/2",
     "collection": "mode",
     "mode": "light",
     "group": "component",
@@ -4855,7 +4209,7 @@
     },
     "type": "COLOR",
     "refId": "mode/control/bgColor/rest",
-    "reference": "base/color/light/base/color/neutral/0",
+    "reference": "base/color/light/base/color/neutral/1",
     "collection": "mode",
     "mode": "light",
     "group": "component",
@@ -4871,7 +4225,7 @@
     },
     "type": "COLOR",
     "refId": "mode/avatarStack/fade/bgColor/muted",
-    "reference": "base/color/light/base/color/neutral/4",
+    "reference": "base/color/light/base/color/neutral/5",
     "collection": "mode",
     "mode": "light",
     "group": "component (internal)",
@@ -4887,109 +4241,43 @@
     },
     "type": "COLOR",
     "refId": "mode/avatarStack/fade/bgColor/default",
-    "reference": "base/color/light/base/color/neutral/6",
+    "reference": "base/color/light/base/color/neutral/7",
     "collection": "mode",
     "mode": "light",
     "group": "component (internal)",
     "scopes": ["FRAME_FILL", "SHAPE_FILL"]
   },
   {
-    "name": "avatar/shadow/offsetX",
-    "value": 0,
-    "type": "FLOAT",
-    "scopes": ["EFFECT_FLOAT"],
-    "mode": "light",
+    "name": "display/pink/borderColor/emphasis",
+    "value": {
+      "r": 0.807843137254902,
+      "g": 0.17254901960784313,
+      "b": 0.5215686274509804,
+      "a": 1
+    },
+    "type": "COLOR",
+    "refId": "mode/display/pink/borderColor/emphasis",
+    "reference": "base/color/light/base/display/color/pink/5",
     "collection": "mode",
-    "group": "component shadow"
-  },
-  {
-    "name": "avatar/shadow/offsetY",
-    "value": 0,
-    "type": "FLOAT",
-    "scopes": ["EFFECT_FLOAT"],
     "mode": "light",
-    "collection": "mode",
-    "group": "component shadow"
+    "group": "component (internal)",
+    "scopes": ["STROKE_COLOR"]
   },
   {
-    "name": "avatar/shadow/blur",
-    "value": 0,
-    "type": "FLOAT",
-    "scopes": ["EFFECT_FLOAT"],
-    "mode": "light",
+    "name": "display/pink/borderColor/muted",
+    "value": {
+      "r": 0.9921568627450981,
+      "g": 0.788235294117647,
+      "b": 0.8862745098039215,
+      "a": 1
+    },
+    "type": "COLOR",
+    "refId": "mode/display/pink/borderColor/muted",
+    "reference": "base/color/light/base/display/color/pink/1",
     "collection": "mode",
-    "group": "component shadow"
-  },
-  {
-    "name": "avatar/shadow/spread",
-    "value": 2,
-    "type": "FLOAT",
-    "scopes": ["EFFECT_FLOAT"],
     "mode": "light",
-    "collection": "mode",
-    "group": "component shadow"
-  },
-  {
-    "name": "avatar/shadow/color",
-    "value": {
-      "r": 1,
-      "g": 1,
-      "b": 1,
-      "a": 0.8
-    },
-    "type": "COLOR",
-    "scopes": ["EFFECT_COLOR"],
-    "mode": "light",
-    "collection": "mode",
-    "group": "component shadow"
-  },
-  {
-    "name": "avatar/bgColor",
-    "value": {
-      "r": 1,
-      "g": 1,
-      "b": 1,
-      "a": 1
-    },
-    "type": "COLOR",
-    "refId": "mode/avatar/bgColor",
-    "reference": "base/color/light/base/color/white",
-    "collection": "mode",
-    "mode": "light",
-    "group": "component (internal)",
-    "scopes": ["FRAME_FILL", "SHAPE_FILL"]
-  },
-  {
-    "name": "display/pink/borderColor/emphasis",
-    "value": {
-      "r": 0.807843137254902,
-      "g": 0.17254901960784313,
-      "b": 0.5215686274509804,
-      "a": 1
-    },
-    "type": "COLOR",
-    "refId": "mode/display/pink/borderColor/emphasis",
-    "reference": "base/color/light/base/display/color/pink/5",
-    "collection": "mode",
-    "mode": "light",
-    "group": "component (internal)",
-    "scopes": ["STROKE_COLOR"]
-  },
-  {
-    "name": "display/pink/borderColor/muted",
-    "value": {
-      "r": 0.9921568627450981,
-      "g": 0.788235294117647,
-      "b": 0.8862745098039215,
-      "a": 1
-    },
-    "type": "COLOR",
-    "refId": "mode/display/pink/borderColor/muted",
-    "reference": "base/color/light/base/display/color/pink/1",
-    "collection": "mode",
-    "mode": "light",
-    "group": "component (internal)",
-    "scopes": ["STROKE_COLOR"]
+    "group": "component (internal)",
+    "scopes": ["STROKE_COLOR"]
   },
   {
     "name": "display/pink/fgColor",
@@ -6809,7 +6097,7 @@
     },
     "type": "COLOR",
     "refId": "mode/headerSearch/borderColor",
-    "reference": "base/color/light/base/color/neutral/7",
+    "reference": "base/color/light/base/color/neutral/8",
     "collection": "mode",
     "mode": "light",
     "group": "component (internal)",
@@ -6825,7 +6113,7 @@
     },
     "type": "COLOR",
     "refId": "mode/headerSearch/bgColor",
-    "reference": "base/color/light/base/color/neutral/11",
+    "reference": "base/color/light/base/color/neutral/12",
     "collection": "mode",
     "mode": "light",
     "group": "component (internal)",
@@ -6841,7 +6129,7 @@
     },
     "type": "COLOR",
     "refId": "mode/header/borderColor/divider",
-    "reference": "base/color/light/base/color/neutral/7",
+    "reference": "base/color/light/base/color/neutral/8",
     "collection": "mode",
     "mode": "light",
     "group": "component (internal)",
@@ -6857,45 +6145,12 @@
     },
     "type": "COLOR",
     "refId": "mode/header/bgColor",
-    "reference": "base/color/light/base/color/neutral/11",
+    "reference": "base/color/light/base/color/neutral/12",
     "collection": "mode",
     "mode": "light",
     "group": "component (internal)",
     "scopes": ["FRAME_FILL", "SHAPE_FILL"]
   },
-  {
-    "name": "header/fgColor/logo",
-    "value": {
-      "r": 1,
-      "g": 1,
-      "b": 1,
-      "a": 1
-    },
-    "type": "COLOR",
-    "refId": "mode/header/fgColor/logo",
-    "reference": "base/color/light/base/color/white",
-    "collection": "mode",
-    "mode": "light",
-    "group": "component (internal)",
-    "scopes": ["TEXT_FILL", "SHAPE_FILL"]
-  },
-  {
-    "name": "header/fgColor/default",
-    "value": {
-      "r": 1,
-      "g": 1,
-      "b": 1,
-      "a": 0.7
-    },
-    "type": "COLOR",
-    "alpha": 0.7,
-    "refId": "mode/header/fgColor/default",
-    "reference": "base/color/light/base/color/white",
-    "collection": "mode",
-    "mode": "light",
-    "group": "component (internal)",
-    "scopes": ["TEXT_FILL", "SHAPE_FILL"]
-  },
   {
     "name": "codeMirror/syntax/fgColor/variable",
     "value": {
@@ -7008,22 +6263,6 @@
     "group": "component",
     "scopes": ["TEXT_FILL", "SHAPE_FILL"]
   },
-  {
-    "name": "codeMirror/syntax/fgColor/comment",
-    "value": {
-      "r": 0.12156862745098039,
-      "g": 0.13725490196078433,
-      "b": 0.1568627450980392,
-      "a": 1
-    },
-    "type": "COLOR",
-    "refId": "mode/codeMirror/syntax/fgColor/comment",
-    "reference": "base/color/light/base/color/black",
-    "collection": "mode",
-    "mode": "light",
-    "group": "component",
-    "scopes": ["TEXT_FILL", "SHAPE_FILL"]
-  },
   {
     "name": "diffBlob/hunk/bgColor/num",
     "value": {
@@ -7172,98 +6411,313 @@
     "scopes": ["STROKE_COLOR"]
   },
   {
-    "name": "borderColor/upsell-emphasis",
-    "value": {
-      "r": 0.5098039215686274,
-      "g": 0.3137254901960784,
-      "b": 0.8745098039215686,
-      "a": 1
-    },
-    "type": "COLOR",
-    "refId": "mode/borderColor/upsell-emphasis",
-    "reference": "mode/borderColor/done-emphasis",
+    "name": "shadow/resting/small/offsetX",
+    "value": 0,
+    "type": "FLOAT",
+    "scopes": ["EFFECT_FLOAT"],
+    "mode": "light",
     "collection": "mode",
+    "group": "shadow"
+  },
+  {
+    "name": "shadow/resting/small/offsetY",
+    "value": 1,
+    "type": "FLOAT",
+    "scopes": ["EFFECT_FLOAT"],
     "mode": "light",
-    "group": "semantic",
-    "scopes": ["STROKE_COLOR"],
-    "codeSyntax": {
-      "web": "var(--borderColor-upsell-emphasis)"
-    }
+    "collection": "mode",
+    "group": "shadow"
   },
   {
-    "name": "borderColor/upsell-muted",
-    "value": {
-      "r": 0.7607843137254902,
-      "g": 0.592156862745098,
-      "b": 1,
-      "a": 0.4
-    },
-    "type": "COLOR",
-    "alpha": 0.4,
-    "refId": "mode/borderColor/upsell-muted",
-    "reference": "mode/borderColor/done-muted",
+    "name": "shadow/resting/small/blur",
+    "value": 0,
+    "type": "FLOAT",
+    "scopes": ["EFFECT_FLOAT"],
+    "mode": "light",
     "collection": "mode",
+    "group": "shadow"
+  },
+  {
+    "name": "shadow/resting/small/spread",
+    "value": 0,
+    "type": "FLOAT",
+    "scopes": ["EFFECT_FLOAT"],
     "mode": "light",
-    "group": "semantic",
-    "scopes": ["STROKE_COLOR"],
-    "codeSyntax": {
-      "web": "var(--borderColor-upsell-muted)"
-    }
+    "collection": "mode",
+    "group": "shadow"
   },
   {
-    "name": "borderColor/open-emphasis",
+    "name": "shadow/resting/small/color",
     "value": {
-      "r": 0.10196078431372549,
-      "g": 0.4980392156862745,
-      "b": 0.21568627450980393,
-      "a": 1
+      "r": 0.12156862745098039,
+      "g": 0.13725490196078433,
+      "b": 0.1568627450980392,
+      "a": 0.04
     },
     "type": "COLOR",
-    "refId": "mode/borderColor/open-emphasis",
-    "reference": "mode/borderColor/success-emphasis",
+    "scopes": ["EFFECT_COLOR"],
+    "mode": "light",
+    "collection": "mode",
+    "group": "shadow"
+  },
+  {
+    "name": "shadow/resting/xsmall/offsetX",
+    "value": 0,
+    "type": "FLOAT",
+    "scopes": ["EFFECT_FLOAT"],
+    "mode": "light",
     "collection": "mode",
+    "group": "shadow"
+  },
+  {
+    "name": "shadow/resting/xsmall/offsetY",
+    "value": 1,
+    "type": "FLOAT",
+    "scopes": ["EFFECT_FLOAT"],
     "mode": "light",
-    "group": "semantic",
-    "scopes": ["STROKE_COLOR"],
-    "codeSyntax": {
-      "web": "var(--borderColor-open-emphasis) /* utility class: .color-border-open-emphasis */"
-    }
+    "collection": "mode",
+    "group": "shadow"
   },
   {
-    "name": "borderColor/open-muted",
-    "value": {
-      "r": 0.2901960784313726,
-      "g": 0.7607843137254902,
-      "b": 0.4196078431372549,
-      "a": 0.4
-    },
-    "type": "COLOR",
-    "alpha": 0.4,
-    "refId": "mode/borderColor/open-muted",
-    "reference": "mode/borderColor/success-muted",
+    "name": "shadow/resting/xsmall/blur",
+    "value": 0,
+    "type": "FLOAT",
+    "scopes": ["EFFECT_FLOAT"],
+    "mode": "light",
     "collection": "mode",
+    "group": "shadow"
+  },
+  {
+    "name": "shadow/resting/xsmall/spread",
+    "value": 0,
+    "type": "FLOAT",
+    "scopes": ["EFFECT_FLOAT"],
     "mode": "light",
-    "group": "semantic",
-    "scopes": ["STROKE_COLOR"],
-    "codeSyntax": {
-      "web": "var(--borderColor-open-muted) /* utility class: .color-border-open */"
-    }
+    "collection": "mode",
+    "group": "shadow"
   },
   {
-    "name": "borderColor/neutral-emphasis",
+    "name": "shadow/resting/xsmall/color",
     "value": {
-      "r": 0.5058823529411764,
-      "g": 0.5450980392156862,
-      "b": 0.596078431372549,
-      "a": 1
+      "r": 0.12156862745098039,
+      "g": 0.13725490196078433,
+      "b": 0.1568627450980392,
+      "a": 0.1
     },
     "type": "COLOR",
-    "refId": "mode/borderColor/neutral-emphasis",
-    "reference": "mode/borderColor/emphasis",
-    "collection": "mode",
+    "scopes": ["EFFECT_COLOR"],
     "mode": "light",
-    "group": "semantic",
-    "scopes": ["STROKE_COLOR"]
+    "collection": "mode",
+    "group": "shadow"
+  },
+  {
+    "name": "shadow/inset/offsetX",
+    "value": 0,
+    "type": "FLOAT",
+    "scopes": ["EFFECT_FLOAT"],
+    "mode": "light",
+    "collection": "mode",
+    "group": "shadow"
+  },
+  {
+    "name": "shadow/inset/offsetY",
+    "value": 1,
+    "type": "FLOAT",
+    "scopes": ["EFFECT_FLOAT"],
+    "mode": "light",
+    "collection": "mode",
+    "group": "shadow"
+  },
+  {
+    "name": "shadow/inset/blur",
+    "value": 0,
+    "type": "FLOAT",
+    "scopes": ["EFFECT_FLOAT"],
+    "mode": "light",
+    "collection": "mode",
+    "group": "shadow"
+  },
+  {
+    "name": "shadow/inset/spread",
+    "value": 0,
+    "type": "FLOAT",
+    "scopes": ["EFFECT_FLOAT"],
+    "mode": "light",
+    "collection": "mode",
+    "group": "shadow"
+  },
+  {
+    "name": "shadow/inset/color",
+    "value": {
+      "r": 0.12156862745098039,
+      "g": 0.13725490196078433,
+      "b": 0.1568627450980392,
+      "a": 0.04
+    },
+    "type": "COLOR",
+    "scopes": ["EFFECT_COLOR"],
+    "mode": "light",
+    "collection": "mode",
+    "group": "shadow"
+  },
+  {
+    "name": "color/prettylights/syntax/markup/bold",
+    "value": {
+      "r": 0.12156862745098039,
+      "g": 0.13725490196078433,
+      "b": 0.1568627450980392,
+      "a": 1
+    },
+    "type": "COLOR",
+    "refId": "mode/color/prettylights/syntax/markup/bold",
+    "reference": "base/color/light/base/color/neutral/13",
+    "collection": "mode",
+    "mode": "light",
+    "group": "syntax",
+    "scopes": ["ALL_SCOPES"]
+  },
+  {
+    "name": "color/prettylights/syntax/markup/italic",
+    "value": {
+      "r": 0.12156862745098039,
+      "g": 0.13725490196078433,
+      "b": 0.1568627450980392,
+      "a": 1
+    },
+    "type": "COLOR",
+    "refId": "mode/color/prettylights/syntax/markup/italic",
+    "reference": "base/color/light/base/color/neutral/13",
+    "collection": "mode",
+    "mode": "light",
+    "group": "syntax",
+    "scopes": ["ALL_SCOPES"]
+  },
+  {
+    "name": "color/prettylights/syntax/storage/modifier/import",
+    "value": {
+      "r": 0.12156862745098039,
+      "g": 0.13725490196078433,
+      "b": 0.1568627450980392,
+      "a": 1
+    },
+    "type": "COLOR",
+    "refId": "mode/color/prettylights/syntax/storage/modifier/import",
+    "reference": "base/color/light/base/color/neutral/13",
+    "collection": "mode",
+    "mode": "light",
+    "group": "syntax",
+    "scopes": ["ALL_SCOPES"]
+  },
+  {
+    "name": "color/ansi/black",
+    "value": {
+      "r": 0.12156862745098039,
+      "g": 0.13725490196078433,
+      "b": 0.1568627450980392,
+      "a": 1
+    },
+    "type": "COLOR",
+    "refId": "mode/color/ansi/black",
+    "reference": "base/color/light/base/color/neutral/13",
+    "collection": "mode",
+    "mode": "light",
+    "group": "syntax",
+    "scopes": ["ALL_SCOPES"]
+  },
+  {
+    "name": "borderColor/upsell-emphasis",
+    "value": {
+      "r": 0.5098039215686274,
+      "g": 0.3137254901960784,
+      "b": 0.8745098039215686,
+      "a": 1
+    },
+    "type": "COLOR",
+    "refId": "mode/borderColor/upsell-emphasis",
+    "reference": "mode/borderColor/done-emphasis",
+    "collection": "mode",
+    "mode": "light",
+    "group": "semantic",
+    "scopes": ["STROKE_COLOR"],
+    "codeSyntax": {
+      "web": "var(--borderColor-upsell-emphasis)"
+    }
+  },
+  {
+    "name": "borderColor/upsell-muted",
+    "value": {
+      "r": 0.7607843137254902,
+      "g": 0.592156862745098,
+      "b": 1,
+      "a": 0.4
+    },
+    "type": "COLOR",
+    "alpha": 0.4,
+    "refId": "mode/borderColor/upsell-muted",
+    "reference": "mode/borderColor/done-muted",
+    "collection": "mode",
+    "mode": "light",
+    "group": "semantic",
+    "scopes": ["STROKE_COLOR"],
+    "codeSyntax": {
+      "web": "var(--borderColor-upsell-muted)"
+    }
+  },
+  {
+    "name": "borderColor/open-emphasis",
+    "value": {
+      "r": 0.10196078431372549,
+      "g": 0.4980392156862745,
+      "b": 0.21568627450980393,
+      "a": 1
+    },
+    "type": "COLOR",
+    "refId": "mode/borderColor/open-emphasis",
+    "reference": "mode/borderColor/success-emphasis",
+    "collection": "mode",
+    "mode": "light",
+    "group": "semantic",
+    "scopes": ["STROKE_COLOR"],
+    "codeSyntax": {
+      "web": "var(--borderColor-open-emphasis) /* utility class: .color-border-open-emphasis */"
+    }
+  },
+  {
+    "name": "borderColor/open-muted",
+    "value": {
+      "r": 0.2901960784313726,
+      "g": 0.7607843137254902,
+      "b": 0.4196078431372549,
+      "a": 0.4
+    },
+    "type": "COLOR",
+    "alpha": 0.4,
+    "refId": "mode/borderColor/open-muted",
+    "reference": "mode/borderColor/success-muted",
+    "collection": "mode",
+    "mode": "light",
+    "group": "semantic",
+    "scopes": ["STROKE_COLOR"],
+    "codeSyntax": {
+      "web": "var(--borderColor-open-muted) /* utility class: .color-border-open */"
+    }
+  },
+  {
+    "name": "borderColor/translucent",
+    "value": {
+      "r": 0.12156862745098039,
+      "g": 0.13725490196078433,
+      "b": 0.1568627450980392,
+      "a": 0.15
+    },
+    "type": "COLOR",
+    "alpha": 0.15,
+    "refId": "mode/borderColor/translucent",
+    "reference": "base/color/light/base/color/neutral/13",
+    "collection": "mode",
+    "mode": "light",
+    "group": "semantic",
+    "scopes": ["STROKE_COLOR"]
   },
   {
     "name": "borderColor/muted",
@@ -7399,6 +6853,38 @@
       "web": "var(--bgColor-success-muted) /* utility class: .color-bg-success */"
     }
   },
+  {
+    "name": "bgColor/black",
+    "value": {
+      "r": 0.12156862745098039,
+      "g": 0.13725490196078433,
+      "b": 0.1568627450980392,
+      "a": 1
+    },
+    "type": "COLOR",
+    "refId": "mode/bgColor/black",
+    "reference": "base/color/light/base/color/neutral/13",
+    "collection": "mode",
+    "mode": "light",
+    "group": "semantic",
+    "scopes": ["FRAME_FILL", "SHAPE_FILL"]
+  },
+  {
+    "name": "bgColor/white",
+    "value": {
+      "r": 1,
+      "g": 1,
+      "b": 1,
+      "a": 1
+    },
+    "type": "COLOR",
+    "refId": "mode/bgColor/white",
+    "reference": "base/color/light/base/color/neutral/0",
+    "collection": "mode",
+    "mode": "light",
+    "group": "semantic",
+    "scopes": ["FRAME_FILL", "SHAPE_FILL"]
+  },
   {
     "name": "bgColor/inset",
     "value": {
@@ -7418,6 +6904,25 @@
       "web": "var(--bgColor-inset) /* utility class: .color-bg-inset */"
     }
   },
+  {
+    "name": "bgColor/default",
+    "value": {
+      "r": 1,
+      "g": 1,
+      "b": 1,
+      "a": 1
+    },
+    "type": "COLOR",
+    "refId": "mode/bgColor/default",
+    "reference": "base/color/light/base/color/neutral/0",
+    "collection": "mode",
+    "mode": "light",
+    "group": "semantic",
+    "scopes": ["FRAME_FILL", "SHAPE_FILL", "STROKE_COLOR"],
+    "codeSyntax": {
+      "web": "var(--bgColor-default) /* utility class: .color-bg-default */"
+    }
+  },
   {
     "name": "fgColor/upsell",
     "value": {
@@ -7495,7 +7000,23 @@
     }
   },
   {
-    "name": "tooltip/fgColor",
+    "name": "fgColor/black",
+    "value": {
+      "r": 0.12156862745098039,
+      "g": 0.13725490196078433,
+      "b": 0.1568627450980392,
+      "a": 1
+    },
+    "type": "COLOR",
+    "refId": "mode/fgColor/black",
+    "reference": "base/color/light/base/color/neutral/13",
+    "collection": "mode",
+    "mode": "light",
+    "group": "semantic",
+    "scopes": ["TEXT_FILL", "SHAPE_FILL"]
+  },
+  {
+    "name": "fgColor/white",
     "value": {
       "r": 1,
       "g": 1,
@@ -7503,31 +7024,31 @@
       "a": 1
     },
     "type": "COLOR",
-    "refId": "mode/tooltip/fgColor",
-    "reference": "mode/fgColor/onEmphasis",
+    "refId": "mode/fgColor/white",
+    "reference": "base/color/light/base/color/neutral/0",
     "collection": "mode",
     "mode": "light",
-    "group": "component",
+    "group": "semantic",
     "scopes": ["TEXT_FILL", "SHAPE_FILL"]
   },
   {
-    "name": "tooltip/bgColor",
+    "name": "fgColor/onInverse",
     "value": {
-      "r": 0.1450980392156863,
-      "g": 0.1607843137254902,
-      "b": 0.1803921568627451,
+      "r": 1,
+      "g": 1,
+      "b": 1,
       "a": 1
     },
     "type": "COLOR",
-    "refId": "mode/tooltip/bgColor",
-    "reference": "mode/bgColor/emphasis",
+    "refId": "mode/fgColor/onInverse",
+    "reference": "base/color/light/base/color/neutral/0",
     "collection": "mode",
     "mode": "light",
-    "group": "component",
-    "scopes": ["FRAME_FILL", "SHAPE_FILL"]
+    "group": "semantic",
+    "scopes": ["TEXT_FILL", "SHAPE_FILL"]
   },
   {
-    "name": "card/bgColor",
+    "name": "fgColor/onEmphasis",
     "value": {
       "r": 1,
       "g": 1,
@@ -7535,8 +7056,46 @@
       "a": 1
     },
     "type": "COLOR",
-    "refId": "mode/card/bgColor",
-    "reference": "mode/bgColor/default",
+    "refId": "mode/fgColor/onEmphasis",
+    "reference": "base/color/light/base/color/neutral/0",
+    "collection": "mode",
+    "mode": "light",
+    "group": "semantic",
+    "scopes": ["TEXT_FILL", "SHAPE_FILL"],
+    "codeSyntax": {
+      "web": "var(--fgColor-onEmphasis) /* utility class: .color-fg-on-emphasis */"
+    }
+  },
+  {
+    "name": "fgColor/default",
+    "value": {
+      "r": 0.12156862745098039,
+      "g": 0.13725490196078433,
+      "b": 0.1568627450980392,
+      "a": 1
+    },
+    "type": "COLOR",
+    "refId": "mode/fgColor/default",
+    "reference": "base/color/light/base/color/neutral/13",
+    "collection": "mode",
+    "mode": "light",
+    "group": "semantic",
+    "scopes": ["TEXT_FILL", "SHAPE_FILL"],
+    "codeSyntax": {
+      "web": "var(--fgColor-default) /* utility class: .color-fg-default */"
+    }
+  },
+  {
+    "name": "tooltip/bgColor",
+    "value": {
+      "r": 0.1450980392156863,
+      "g": 0.1607843137254902,
+      "b": 0.1803921568627451,
+      "a": 1
+    },
+    "type": "COLOR",
+    "refId": "mode/tooltip/bgColor",
+    "reference": "mode/bgColor/emphasis",
     "collection": "mode",
     "mode": "light",
     "group": "component",
@@ -7591,6 +7150,38 @@
     "group": "component (internal)",
     "scopes": ["FRAME_FILL", "SHAPE_FILL"]
   },
+  {
+    "name": "sideNav/bgColor/selected",
+    "value": {
+      "r": 1,
+      "g": 1,
+      "b": 1,
+      "a": 1
+    },
+    "type": "COLOR",
+    "refId": "mode/sideNav/bgColor/selected",
+    "reference": "base/color/light/base/color/neutral/0",
+    "collection": "mode",
+    "mode": "light",
+    "group": "component (internal)",
+    "scopes": ["FRAME_FILL", "SHAPE_FILL"]
+  },
+  {
+    "name": "overlay/bgColor",
+    "value": {
+      "r": 1,
+      "g": 1,
+      "b": 1,
+      "a": 1
+    },
+    "type": "COLOR",
+    "refId": "mode/overlay/bgColor",
+    "reference": "base/color/light/base/color/neutral/0",
+    "collection": "mode",
+    "mode": "light",
+    "group": "component (internal)",
+    "scopes": ["FRAME_FILL", "SHAPE_FILL"]
+  },
   {
     "name": "focus/outlineColor",
     "value": {
@@ -7605,7 +7196,7 @@
     "collection": "mode",
     "mode": "light",
     "group": "component (internal)",
-    "scopes": ["STROKE_COLOR"]
+    "scopes": ["STROKE_COLOR", "EFFECT_COLOR"]
   },
   {
     "name": "reactionButton/selected/bgColor/hover",
@@ -7641,6 +7232,22 @@
     "group": "component (internal)",
     "scopes": ["TEXT_FILL", "SHAPE_FILL"]
   },
+  {
+    "name": "buttonCounter/danger/fgColor/hover",
+    "value": {
+      "r": 1,
+      "g": 1,
+      "b": 1,
+      "a": 1
+    },
+    "type": "COLOR",
+    "refId": "mode/buttonCounter/danger/fgColor/hover",
+    "reference": "base/color/light/base/color/neutral/0",
+    "collection": "mode",
+    "mode": "light",
+    "group": "component (internal)",
+    "scopes": ["TEXT_FILL", "SHAPE_FILL"]
+  },
   {
     "name": "buttonCounter/danger/bgColor/rest",
     "value": {
@@ -7675,6 +7282,23 @@
     "group": "component (internal)",
     "scopes": ["FRAME_FILL", "SHAPE_FILL"]
   },
+  {
+    "name": "buttonCounter/danger/bgColor/hover",
+    "value": {
+      "r": 1,
+      "g": 1,
+      "b": 1,
+      "a": 0.2
+    },
+    "type": "COLOR",
+    "alpha": 0.2,
+    "refId": "mode/buttonCounter/danger/bgColor/hover",
+    "reference": "base/color/light/base/color/neutral/0",
+    "collection": "mode",
+    "mode": "light",
+    "group": "component (internal)",
+    "scopes": ["FRAME_FILL", "SHAPE_FILL"]
+  },
   {
     "name": "buttonCounter/outline/fgColor/disabled",
     "value": {
@@ -7692,6 +7316,22 @@
     "group": "component (internal)",
     "scopes": ["TEXT_FILL", "SHAPE_FILL"]
   },
+  {
+    "name": "buttonCounter/outline/fgColor/hover",
+    "value": {
+      "r": 1,
+      "g": 1,
+      "b": 1,
+      "a": 1
+    },
+    "type": "COLOR",
+    "refId": "mode/buttonCounter/outline/fgColor/hover",
+    "reference": "base/color/light/base/color/neutral/0",
+    "collection": "mode",
+    "mode": "light",
+    "group": "component (internal)",
+    "scopes": ["TEXT_FILL", "SHAPE_FILL"]
+  },
   {
     "name": "buttonCounter/outline/bgColor/disabled",
     "value": {
@@ -7709,6 +7349,23 @@
     "group": "component (internal)",
     "scopes": ["FRAME_FILL", "SHAPE_FILL"]
   },
+  {
+    "name": "buttonCounter/outline/bgColor/hover",
+    "value": {
+      "r": 1,
+      "g": 1,
+      "b": 1,
+      "a": 0.2
+    },
+    "type": "COLOR",
+    "alpha": 0.2,
+    "refId": "mode/buttonCounter/outline/bgColor/hover",
+    "reference": "base/color/light/base/color/neutral/0",
+    "collection": "mode",
+    "mode": "light",
+    "group": "component (internal)",
+    "scopes": ["FRAME_FILL", "SHAPE_FILL"]
+  },
   {
     "name": "buttonCounter/outline/bgColor/rest",
     "value": {
@@ -7729,10 +7386,10 @@
   {
     "name": "buttonCounter/invisible/bgColor/rest",
     "value": {
-      "r": 0.8784313725490196,
-      "g": 0.9019607843137255,
-      "b": 0.9215686274509803,
-      "a": 0.7
+      "r": 0.5058823529411764,
+      "g": 0.5450980392156862,
+      "b": 0.596078431372549,
+      "a": 0.12
     },
     "type": "COLOR",
     "refId": "mode/buttonCounter/invisible/bgColor/rest",
@@ -7745,10 +7402,10 @@
   {
     "name": "buttonCounter/default/bgColor/rest",
     "value": {
-      "r": 0.8784313725490196,
-      "g": 0.9019607843137255,
-      "b": 0.9215686274509803,
-      "a": 0.7
+      "r": 0.5058823529411764,
+      "g": 0.5450980392156862,
+      "b": 0.596078431372549,
+      "a": 0.12
     },
     "type": "COLOR",
     "refId": "mode/buttonCounter/default/bgColor/rest",
@@ -7759,36 +7416,36 @@
     "scopes": ["FRAME_FILL", "SHAPE_FILL"]
   },
   {
-    "name": "button/danger/borderColor/hover",
+    "name": "button/danger/bgColor/rest",
     "value": {
-      "r": 0.12156862745098039,
-      "g": 0.13725490196078433,
-      "b": 0.1568627450980392,
-      "a": 0.15
+      "r": 0.9647058823529412,
+      "g": 0.9725490196078431,
+      "b": 0.9803921568627451,
+      "a": 1
     },
     "type": "COLOR",
-    "refId": "mode/button/danger/borderColor/hover",
-    "reference": "mode/button/primary/borderColor/rest",
+    "refId": "mode/button/danger/bgColor/rest",
+    "reference": "mode/control/bgColor/rest",
     "collection": "mode",
     "mode": "light",
     "group": "component (internal)",
-    "scopes": ["STROKE_COLOR"]
+    "scopes": ["FRAME_FILL", "SHAPE_FILL"]
   },
   {
-    "name": "button/danger/bgColor/rest",
+    "name": "button/danger/iconColor/hover",
     "value": {
-      "r": 0.9647058823529412,
-      "g": 0.9725490196078431,
-      "b": 0.9803921568627451,
+      "r": 1,
+      "g": 1,
+      "b": 1,
       "a": 1
     },
     "type": "COLOR",
-    "refId": "mode/button/danger/bgColor/rest",
-    "reference": "mode/control/bgColor/rest",
+    "refId": "mode/button/danger/iconColor/hover",
+    "reference": "base/color/light/base/color/neutral/0",
     "collection": "mode",
     "mode": "light",
     "group": "component (internal)",
-    "scopes": ["FRAME_FILL", "SHAPE_FILL"]
+    "scopes": ["TEXT_FILL", "SHAPE_FILL"]
   },
   {
     "name": "button/danger/iconColor/rest",
@@ -7824,43 +7481,75 @@
     "scopes": ["TEXT_FILL", "SHAPE_FILL"]
   },
   {
-    "name": "button/danger/fgColor/rest",
+    "name": "button/danger/fgColor/active",
     "value": {
-      "r": 0.8196078431372549,
-      "g": 0.1411764705882353,
-      "b": 0.1843137254901961,
+      "r": 1,
+      "g": 1,
+      "b": 1,
       "a": 1
     },
     "type": "COLOR",
-    "refId": "mode/button/danger/fgColor/rest",
-    "reference": "mode/fgColor/danger",
+    "refId": "mode/button/danger/fgColor/active",
+    "reference": "base/color/light/base/color/neutral/0",
     "collection": "mode",
     "mode": "light",
     "group": "component (internal)",
     "scopes": ["TEXT_FILL", "SHAPE_FILL"]
   },
   {
-    "name": "button/outline/bgColor/active",
+    "name": "button/danger/fgColor/hover",
     "value": {
-      "r": 0.027450980392156862,
-      "g": 0.3411764705882353,
-      "b": 0.7294117647058823,
+      "r": 1,
+      "g": 1,
+      "b": 1,
       "a": 1
     },
     "type": "COLOR",
-    "isMix": true,
-    "refId": "mode/button/outline/bgColor/active",
-    "reference": "mode/bgColor/accent-emphasis",
+    "refId": "mode/button/danger/fgColor/hover",
+    "reference": "base/color/light/base/color/neutral/0",
     "collection": "mode",
     "mode": "light",
     "group": "component (internal)",
-    "scopes": ["FRAME_FILL", "SHAPE_FILL"]
+    "scopes": ["TEXT_FILL", "SHAPE_FILL"]
   },
   {
-    "name": "button/outline/bgColor/hover",
+    "name": "button/danger/fgColor/rest",
     "value": {
-      "r": 0.03529411764705882,
-      "g": 0.4117647058823529,
+      "r": 0.8196078431372549,
+      "g": 0.1411764705882353,
+      "b": 0.1843137254901961,
+      "a": 1
+    },
+    "type": "COLOR",
+    "refId": "mode/button/danger/fgColor/rest",
+    "reference": "mode/fgColor/danger",
+    "collection": "mode",
+    "mode": "light",
+    "group": "component (internal)",
+    "scopes": ["TEXT_FILL", "SHAPE_FILL"]
+  },
+  {
+    "name": "button/outline/bgColor/active",
+    "value": {
+      "r": 0.027450980392156862,
+      "g": 0.3411764705882353,
+      "b": 0.7294117647058823,
+      "a": 1
+    },
+    "type": "COLOR",
+    "isMix": true,
+    "refId": "mode/button/outline/bgColor/active",
+    "reference": "mode/bgColor/accent-emphasis",
+    "collection": "mode",
+    "mode": "light",
+    "group": "component (internal)",
+    "scopes": ["FRAME_FILL", "SHAPE_FILL"]
+  },
+  {
+    "name": "button/outline/bgColor/hover",
+    "value": {
+      "r": 0.03529411764705882,
+      "g": 0.4117647058823529,
       "b": 0.8549019607843137,
       "a": 1
     },
@@ -7905,6 +7594,38 @@
     "group": "component (internal)",
     "scopes": ["TEXT_FILL", "SHAPE_FILL"]
   },
+  {
+    "name": "button/outline/fgColor/active",
+    "value": {
+      "r": 1,
+      "g": 1,
+      "b": 1,
+      "a": 1
+    },
+    "type": "COLOR",
+    "refId": "mode/button/outline/fgColor/active",
+    "reference": "base/color/light/base/color/neutral/0",
+    "collection": "mode",
+    "mode": "light",
+    "group": "component (internal)",
+    "scopes": ["TEXT_FILL", "SHAPE_FILL"]
+  },
+  {
+    "name": "button/outline/fgColor/hover",
+    "value": {
+      "r": 1,
+      "g": 1,
+      "b": 1,
+      "a": 1
+    },
+    "type": "COLOR",
+    "refId": "mode/button/outline/fgColor/hover",
+    "reference": "base/color/light/base/color/neutral/0",
+    "collection": "mode",
+    "mode": "light",
+    "group": "component (internal)",
+    "scopes": ["TEXT_FILL", "SHAPE_FILL"]
+  },
   {
     "name": "button/outline/fgColor/rest",
     "value": {
@@ -8036,14 +7757,14 @@
   {
     "name": "button/invisible/fgColor/hover",
     "value": {
-      "r": 0.34901960784313724,
-      "g": 0.38823529411764707,
-      "b": 0.43137254901960786,
+      "r": 0.1450980392156863,
+      "g": 0.1607843137254902,
+      "b": 0.1803921568627451,
       "a": 1
     },
     "type": "COLOR",
     "refId": "mode/button/invisible/fgColor/hover",
-    "reference": "mode/fgColor/muted",
+    "reference": "mode/control/fgColor/rest",
     "collection": "mode",
     "mode": "light",
     "group": "component (internal)",
@@ -8052,14 +7773,14 @@
   {
     "name": "button/invisible/fgColor/rest",
     "value": {
-      "r": 0.34901960784313724,
-      "g": 0.38823529411764707,
-      "b": 0.43137254901960786,
+      "r": 0.1450980392156863,
+      "g": 0.1607843137254902,
+      "b": 0.1803921568627451,
       "a": 1
     },
     "type": "COLOR",
     "refId": "mode/button/invisible/fgColor/rest",
-    "reference": "mode/fgColor/muted",
+    "reference": "mode/control/fgColor/rest",
     "collection": "mode",
     "mode": "light",
     "group": "component (internal)",
@@ -8082,23 +7803,7 @@
     "scopes": ["STROKE_COLOR"]
   },
   {
-    "name": "button/primary/borderColor/active",
-    "value": {
-      "r": 0.12156862745098039,
-      "g": 0.13725490196078433,
-      "b": 0.1568627450980392,
-      "a": 0.15
-    },
-    "type": "COLOR",
-    "refId": "mode/button/primary/borderColor/active",
-    "reference": "mode/button/primary/borderColor/rest",
-    "collection": "mode",
-    "mode": "light",
-    "group": "component (internal)",
-    "scopes": ["STROKE_COLOR"]
-  },
-  {
-    "name": "button/primary/borderColor/hover",
+    "name": "button/primary/borderColor/rest",
     "value": {
       "r": 0.12156862745098039,
       "g": 0.13725490196078433,
@@ -8106,8 +7811,9 @@
       "a": 0.15
     },
     "type": "COLOR",
-    "refId": "mode/button/primary/borderColor/hover",
-    "reference": "mode/button/primary/borderColor/rest",
+    "alpha": 0.15,
+    "refId": "mode/button/primary/borderColor/rest",
+    "reference": "base/color/light/base/color/neutral/13",
     "collection": "mode",
     "mode": "light",
     "group": "component (internal)",
@@ -8164,7 +7870,7 @@
     "scopes": ["FRAME_FILL", "SHAPE_FILL"]
   },
   {
-    "name": "button/primary/iconColor/rest",
+    "name": "button/primary/fgColor/disabled",
     "value": {
       "r": 1,
       "g": 1,
@@ -8173,28 +7879,62 @@
     },
     "type": "COLOR",
     "alpha": 0.8,
-    "refId": "mode/button/primary/iconColor/rest",
-    "reference": "mode/fgColor/white",
+    "refId": "mode/button/primary/fgColor/disabled",
+    "reference": "base/color/light/base/color/neutral/0",
     "collection": "mode",
     "mode": "light",
     "group": "component (internal)",
     "scopes": ["TEXT_FILL", "SHAPE_FILL"]
   },
   {
-    "name": "button/primary/fgColor/rest",
+    "name": "button/default/shadow/resting/offsetX",
+    "value": 0,
+    "type": "FLOAT",
+    "scopes": ["EFFECT_FLOAT"],
+    "mode": "light",
+    "collection": "mode",
+    "group": "component shadow"
+  },
+  {
+    "name": "button/default/shadow/resting/offsetY",
+    "value": 1,
+    "type": "FLOAT",
+    "scopes": ["EFFECT_FLOAT"],
+    "mode": "light",
+    "collection": "mode",
+    "group": "component shadow"
+  },
+  {
+    "name": "button/default/shadow/resting/blur",
+    "value": 0,
+    "type": "FLOAT",
+    "scopes": ["EFFECT_FLOAT"],
+    "mode": "light",
+    "collection": "mode",
+    "group": "component shadow"
+  },
+  {
+    "name": "button/default/shadow/resting/spread",
+    "value": 0,
+    "type": "FLOAT",
+    "scopes": ["EFFECT_FLOAT"],
+    "mode": "light",
+    "collection": "mode",
+    "group": "component shadow"
+  },
+  {
+    "name": "button/default/shadow/resting/color",
     "value": {
-      "r": 1,
-      "g": 1,
-      "b": 1,
-      "a": 1
+      "r": 0.12156862745098039,
+      "g": 0.13725490196078433,
+      "b": 0.1568627450980392,
+      "a": 0.04
     },
     "type": "COLOR",
-    "refId": "mode/button/primary/fgColor/rest",
-    "reference": "mode/fgColor/white",
-    "collection": "mode",
+    "scopes": ["EFFECT_COLOR"],
     "mode": "light",
-    "group": "component (internal)",
-    "scopes": ["TEXT_FILL", "SHAPE_FILL"]
+    "collection": "mode",
+    "group": "component shadow"
   },
   {
     "name": "button/default/bgColor/selected",
@@ -8277,39 +8017,55 @@
     "scopes": ["TEXT_FILL", "SHAPE_FILL"]
   },
   {
-    "name": "controlTrack/borderColor/disabled",
+    "name": "counter/bgColor/emphasis",
+    "value": {
+      "r": 0.34901960784313724,
+      "g": 0.38823529411764707,
+      "b": 0.43137254901960786,
+      "a": 1
+    },
+    "type": "COLOR",
+    "refId": "mode/counter/bgColor/emphasis",
+    "reference": "mode/bgColor/neutral-emphasis",
+    "collection": "mode",
+    "mode": "light",
+    "group": "component",
+    "scopes": ["FRAME_FILL", "SHAPE_FILL"]
+  },
+  {
+    "name": "counter/bgColor/muted",
     "value": {
       "r": 0.5058823529411764,
       "g": 0.5450980392156862,
       "b": 0.596078431372549,
-      "a": 1
+      "a": 0.12
     },
     "type": "COLOR",
-    "refId": "mode/controlTrack/borderColor/disabled",
-    "reference": "mode/fgColor/disabled",
+    "refId": "mode/counter/bgColor/muted",
+    "reference": "mode/bgColor/neutral-muted",
     "collection": "mode",
     "mode": "light",
-    "group": "component (internal)",
-    "scopes": ["STROKE_COLOR"]
+    "group": "component",
+    "scopes": ["FRAME_FILL", "SHAPE_FILL"]
   },
   {
-    "name": "controlTrack/borderColor/rest",
+    "name": "controlKnob/bgColor/checked",
     "value": {
-      "r": 0.8196078431372549,
-      "g": 0.8509803921568627,
-      "b": 0.8784313725490196,
+      "r": 1,
+      "g": 1,
+      "b": 1,
       "a": 1
     },
     "type": "COLOR",
-    "refId": "mode/controlTrack/borderColor/rest",
-    "reference": "mode/borderColor/default",
+    "refId": "mode/controlKnob/bgColor/checked",
+    "reference": "base/color/light/base/color/neutral/0",
     "collection": "mode",
     "mode": "light",
     "group": "component (internal)",
-    "scopes": ["STROKE_COLOR"]
+    "scopes": ["FRAME_FILL", "SHAPE_FILL"]
   },
   {
-    "name": "controlTrack/fgColor/disabled",
+    "name": "controlKnob/bgColor/rest",
     "value": {
       "r": 1,
       "g": 1,
@@ -8317,15 +8073,15 @@
       "a": 1
     },
     "type": "COLOR",
-    "refId": "mode/controlTrack/fgColor/disabled",
-    "reference": "mode/fgColor/onEmphasis",
+    "refId": "mode/controlKnob/bgColor/rest",
+    "reference": "base/color/light/base/color/neutral/0",
     "collection": "mode",
     "mode": "light",
     "group": "component (internal)",
-    "scopes": ["TEXT_FILL", "SHAPE_FILL"]
+    "scopes": ["FRAME_FILL", "SHAPE_FILL"]
   },
   {
-    "name": "controlTrack/bgColor/disabled",
+    "name": "controlTrack/borderColor/disabled",
     "value": {
       "r": 0.5058823529411764,
       "g": 0.5450980392156862,
@@ -8333,44 +8089,44 @@
       "a": 1
     },
     "type": "COLOR",
-    "refId": "mode/controlTrack/bgColor/disabled",
+    "refId": "mode/controlTrack/borderColor/disabled",
     "reference": "mode/fgColor/disabled",
     "collection": "mode",
     "mode": "light",
     "group": "component (internal)",
-    "scopes": ["FRAME_FILL", "SHAPE_FILL"]
+    "scopes": ["STROKE_COLOR"]
   },
   {
-    "name": "control/checked/fgColor/disabled",
+    "name": "controlTrack/borderColor/rest",
     "value": {
-      "r": 1,
-      "g": 1,
-      "b": 1,
+      "r": 0.8196078431372549,
+      "g": 0.8509803921568627,
+      "b": 0.8784313725490196,
       "a": 1
     },
     "type": "COLOR",
-    "refId": "mode/control/checked/fgColor/disabled",
-    "reference": "mode/fgColor/onEmphasis",
+    "refId": "mode/controlTrack/borderColor/rest",
+    "reference": "mode/borderColor/default",
     "collection": "mode",
     "mode": "light",
-    "group": "component",
-    "scopes": ["TEXT_FILL", "SHAPE_FILL"]
+    "group": "component (internal)",
+    "scopes": ["STROKE_COLOR"]
   },
   {
-    "name": "control/checked/fgColor/rest",
+    "name": "controlTrack/bgColor/disabled",
     "value": {
-      "r": 1,
-      "g": 1,
-      "b": 1,
+      "r": 0.5058823529411764,
+      "g": 0.5450980392156862,
+      "b": 0.596078431372549,
       "a": 1
     },
     "type": "COLOR",
-    "refId": "mode/control/checked/fgColor/rest",
-    "reference": "mode/fgColor/onEmphasis",
+    "refId": "mode/controlTrack/bgColor/disabled",
+    "reference": "mode/fgColor/disabled",
     "collection": "mode",
     "mode": "light",
-    "group": "component",
-    "scopes": ["TEXT_FILL", "SHAPE_FILL"]
+    "group": "component (internal)",
+    "scopes": ["FRAME_FILL", "SHAPE_FILL"]
   },
   {
     "name": "control/checked/bgColor/disabled",
@@ -8696,23 +8452,57 @@
     "scopes": ["FRAME_FILL", "SHAPE_FILL"]
   },
   {
-    "name": "avatar/borderColor",
-    "value": {
-      "r": 0.12156862745098039,
-      "g": 0.13725490196078433,
-      "b": 0.1568627450980392,
-      "a": 0.15
-    },
-    "type": "COLOR",
-    "refId": "mode/avatar/borderColor",
-    "reference": "mode/borderColor/translucent",
+    "name": "avatar/shadow/offsetX",
+    "value": 0,
+    "type": "FLOAT",
+    "scopes": ["EFFECT_FLOAT"],
+    "mode": "light",
     "collection": "mode",
+    "group": "component shadow"
+  },
+  {
+    "name": "avatar/shadow/offsetY",
+    "value": 0,
+    "type": "FLOAT",
+    "scopes": ["EFFECT_FLOAT"],
     "mode": "light",
-    "group": "component (internal)",
-    "scopes": ["STROKE_COLOR"]
+    "collection": "mode",
+    "group": "component shadow"
   },
   {
-    "name": "codeMirror/lines/bgColor",
+    "name": "avatar/shadow/blur",
+    "value": 0,
+    "type": "FLOAT",
+    "scopes": ["EFFECT_FLOAT"],
+    "mode": "light",
+    "collection": "mode",
+    "group": "component shadow"
+  },
+  {
+    "name": "avatar/shadow/spread",
+    "value": 2,
+    "type": "FLOAT",
+    "scopes": ["EFFECT_FLOAT"],
+    "mode": "light",
+    "collection": "mode",
+    "group": "component shadow"
+  },
+  {
+    "name": "avatar/shadow/color",
+    "value": {
+      "r": 1,
+      "g": 1,
+      "b": 1,
+      "a": 0.8
+    },
+    "type": "COLOR",
+    "scopes": ["EFFECT_COLOR"],
+    "mode": "light",
+    "collection": "mode",
+    "group": "component shadow"
+  },
+  {
+    "name": "avatar/bgColor",
     "value": {
       "r": 1,
       "g": 1,
@@ -8720,15 +8510,48 @@
       "a": 1
     },
     "type": "COLOR",
-    "refId": "mode/codeMirror/lines/bgColor",
-    "reference": "mode/bgColor/default",
+    "refId": "mode/avatar/bgColor",
+    "reference": "base/color/light/base/color/neutral/0",
     "collection": "mode",
     "mode": "light",
-    "group": "component",
+    "group": "component (internal)",
     "scopes": ["FRAME_FILL", "SHAPE_FILL"]
   },
   {
-    "name": "codeMirror/matchingBracket/fgColor",
+    "name": "header/fgColor/logo",
+    "value": {
+      "r": 1,
+      "g": 1,
+      "b": 1,
+      "a": 1
+    },
+    "type": "COLOR",
+    "refId": "mode/header/fgColor/logo",
+    "reference": "base/color/light/base/color/neutral/0",
+    "collection": "mode",
+    "mode": "light",
+    "group": "component (internal)",
+    "scopes": ["TEXT_FILL", "SHAPE_FILL"]
+  },
+  {
+    "name": "header/fgColor/default",
+    "value": {
+      "r": 1,
+      "g": 1,
+      "b": 1,
+      "a": 0.7
+    },
+    "type": "COLOR",
+    "alpha": 0.7,
+    "refId": "mode/header/fgColor/default",
+    "reference": "base/color/light/base/color/neutral/0",
+    "collection": "mode",
+    "mode": "light",
+    "group": "component (internal)",
+    "scopes": ["TEXT_FILL", "SHAPE_FILL"]
+  },
+  {
+    "name": "codeMirror/syntax/fgColor/comment",
     "value": {
       "r": 0.12156862745098039,
       "g": 0.13725490196078433,
@@ -8736,8 +8559,8 @@
       "a": 1
     },
     "type": "COLOR",
-    "refId": "mode/codeMirror/matchingBracket/fgColor",
-    "reference": "mode/fgColor/default",
+    "refId": "mode/codeMirror/syntax/fgColor/comment",
+    "reference": "base/color/light/base/color/neutral/13",
     "collection": "mode",
     "mode": "light",
     "group": "component",
@@ -8746,10 +8569,10 @@
   {
     "name": "codeMirror/activeline/bgColor",
     "value": {
-      "r": 0.8784313725490196,
-      "g": 0.9019607843137255,
-      "b": 0.9215686274509803,
-      "a": 0.7
+      "r": 0.5058823529411764,
+      "g": 0.5450980392156862,
+      "b": 0.596078431372549,
+      "a": 0.12
     },
     "type": "COLOR",
     "refId": "mode/codeMirror/activeline/bgColor",
@@ -8776,23 +8599,23 @@
     "scopes": ["FRAME_FILL", "SHAPE_FILL"]
   },
   {
-    "name": "codeMirror/cursor/fgColor",
+    "name": "codeMirror/lineNumber/fgColor",
     "value": {
-      "r": 0.12156862745098039,
-      "g": 0.13725490196078433,
-      "b": 0.1568627450980392,
+      "r": 0.34901960784313724,
+      "g": 0.38823529411764707,
+      "b": 0.43137254901960786,
       "a": 1
     },
     "type": "COLOR",
-    "refId": "mode/codeMirror/cursor/fgColor",
-    "reference": "mode/fgColor/default",
+    "refId": "mode/codeMirror/lineNumber/fgColor",
+    "reference": "mode/fgColor/muted",
     "collection": "mode",
     "mode": "light",
     "group": "component",
     "scopes": ["TEXT_FILL", "SHAPE_FILL"]
   },
   {
-    "name": "codeMirror/lineNumber/fgColor",
+    "name": "codeMirror/gutterMarker/fgColor/muted",
     "value": {
       "r": 0.34901960784313724,
       "g": 0.38823529411764707,
@@ -8800,7 +8623,7 @@
       "a": 1
     },
     "type": "COLOR",
-    "refId": "mode/codeMirror/lineNumber/fgColor",
+    "refId": "mode/codeMirror/gutterMarker/fgColor/muted",
     "reference": "mode/fgColor/muted",
     "collection": "mode",
     "mode": "light",
@@ -8808,7 +8631,7 @@
     "scopes": ["TEXT_FILL", "SHAPE_FILL"]
   },
   {
-    "name": "codeMirror/gutterMarker/fgColor/muted",
+    "name": "diffBlob/expander/iconColor",
     "value": {
       "r": 0.34901960784313724,
       "g": 0.38823529411764707,
@@ -8816,7 +8639,7 @@
       "a": 1
     },
     "type": "COLOR",
-    "refId": "mode/codeMirror/gutterMarker/fgColor/muted",
+    "refId": "mode/diffBlob/expander/iconColor",
     "reference": "mode/fgColor/muted",
     "collection": "mode",
     "mode": "light",
@@ -8824,7 +8647,39 @@
     "scopes": ["TEXT_FILL", "SHAPE_FILL"]
   },
   {
-    "name": "codeMirror/gutterMarker/fgColor/default",
+    "name": "page/header/bgColor",
+    "value": {
+      "r": 0.9647058823529412,
+      "g": 0.9725490196078431,
+      "b": 0.9803921568627451,
+      "a": 1
+    },
+    "type": "COLOR",
+    "refId": "mode/page/header/bgColor",
+    "reference": "mode/bgColor/muted",
+    "collection": "mode",
+    "mode": "light",
+    "group": "component",
+    "scopes": ["FRAME_FILL", "SHAPE_FILL"]
+  },
+  {
+    "name": "borderColor/neutral-muted",
+    "value": {
+      "r": 0.8196078431372549,
+      "g": 0.8509803921568627,
+      "b": 0.8784313725490196,
+      "a": 0.7
+    },
+    "type": "COLOR",
+    "refId": "mode/borderColor/neutral-muted",
+    "reference": "mode/borderColor/muted",
+    "collection": "mode",
+    "mode": "light",
+    "group": "semantic",
+    "scopes": ["STROKE_COLOR"]
+  },
+  {
+    "name": "tooltip/fgColor",
     "value": {
       "r": 1,
       "g": 1,
@@ -8832,15 +8687,15 @@
       "a": 1
     },
     "type": "COLOR",
-    "refId": "mode/codeMirror/gutterMarker/fgColor/default",
-    "reference": "mode/bgColor/default",
+    "refId": "mode/tooltip/fgColor",
+    "reference": "mode/fgColor/onEmphasis",
     "collection": "mode",
     "mode": "light",
     "group": "component",
     "scopes": ["TEXT_FILL", "SHAPE_FILL"]
   },
   {
-    "name": "codeMirror/gutters/bgColor",
+    "name": "card/bgColor",
     "value": {
       "r": 1,
       "g": 1,
@@ -8848,7 +8703,7 @@
       "a": 1
     },
     "type": "COLOR",
-    "refId": "mode/codeMirror/gutters/bgColor",
+    "refId": "mode/card/bgColor",
     "reference": "mode/bgColor/default",
     "collection": "mode",
     "mode": "light",
@@ -8856,184 +8711,313 @@
     "scopes": ["FRAME_FILL", "SHAPE_FILL"]
   },
   {
-    "name": "codeMirror/bgColor",
+    "name": "underlineNav/borderColor/hover",
+    "value": {
+      "r": 0.8196078431372549,
+      "g": 0.8509803921568627,
+      "b": 0.8784313725490196,
+      "a": 0.7
+    },
+    "type": "COLOR",
+    "refId": "mode/underlineNav/borderColor/hover",
+    "reference": "mode/borderColor/muted",
+    "collection": "mode",
+    "mode": "light",
+    "group": "component (internal)",
+    "scopes": ["STROKE_COLOR"]
+  },
+  {
+    "name": "overlay/borderColor",
+    "value": {
+      "r": 0.8196078431372549,
+      "g": 0.8509803921568627,
+      "b": 0.8784313725490196,
+      "a": 0.5
+    },
+    "type": "COLOR",
+    "alpha": 0.5,
+    "refId": "mode/overlay/borderColor",
+    "reference": "mode/borderColor/muted",
+    "collection": "mode",
+    "mode": "light",
+    "group": "component (internal)",
+    "scopes": ["ALL_SCOPES"]
+  },
+  {
+    "name": "reactionButton/selected/fgColor/rest",
+    "value": {
+      "r": 0.03529411764705882,
+      "g": 0.4117647058823529,
+      "b": 0.8549019607843137,
+      "a": 1
+    },
+    "type": "COLOR",
+    "refId": "mode/reactionButton/selected/fgColor/rest",
+    "reference": "mode/fgColor/link",
+    "collection": "mode",
+    "mode": "light",
+    "group": "component (internal)",
+    "scopes": ["TEXT_FILL", "SHAPE_FILL"]
+  },
+  {
+    "name": "button/danger/borderColor/hover",
+    "value": {
+      "r": 0.12156862745098039,
+      "g": 0.13725490196078433,
+      "b": 0.1568627450980392,
+      "a": 0.15
+    },
+    "type": "COLOR",
+    "refId": "mode/button/danger/borderColor/hover",
+    "reference": "mode/button/primary/borderColor/rest",
+    "collection": "mode",
+    "mode": "light",
+    "group": "component (internal)",
+    "scopes": ["STROKE_COLOR"]
+  },
+  {
+    "name": "button/danger/borderColor/rest",
+    "value": {
+      "r": 0.8196078431372549,
+      "g": 0.8509803921568627,
+      "b": 0.8784313725490196,
+      "a": 1
+    },
+    "type": "COLOR",
+    "refId": "mode/button/danger/borderColor/rest",
+    "reference": "mode/control/borderColor/rest",
+    "collection": "mode",
+    "mode": "light",
+    "group": "component (internal)",
+    "scopes": ["STROKE_COLOR"]
+  },
+  {
+    "name": "button/danger/bgColor/disabled",
+    "value": {
+      "r": 0.9372549019607843,
+      "g": 0.9490196078431372,
+      "b": 0.9607843137254902,
+      "a": 1
+    },
+    "type": "COLOR",
+    "refId": "mode/button/danger/bgColor/disabled",
+    "reference": "mode/control/bgColor/disabled",
+    "collection": "mode",
+    "mode": "light",
+    "group": "component (internal)",
+    "scopes": ["FRAME_FILL", "SHAPE_FILL"]
+  },
+  {
+    "name": "button/outline/bgColor/disabled",
+    "value": {
+      "r": 0.9372549019607843,
+      "g": 0.9490196078431372,
+      "b": 0.9607843137254902,
+      "a": 1
+    },
+    "type": "COLOR",
+    "refId": "mode/button/outline/bgColor/disabled",
+    "reference": "mode/control/bgColor/disabled",
+    "collection": "mode",
+    "mode": "light",
+    "group": "component (internal)",
+    "scopes": ["FRAME_FILL", "SHAPE_FILL"]
+  },
+  {
+    "name": "button/invisible/borderColor/disabled",
+    "value": {
+      "r": 0.5058823529411764,
+      "g": 0.5450980392156862,
+      "b": 0.596078431372549,
+      "a": 0.1
+    },
+    "type": "COLOR",
+    "refId": "mode/button/invisible/borderColor/disabled",
+    "reference": "mode/control/borderColor/disabled",
+    "collection": "mode",
+    "mode": "light",
+    "group": "component (internal)",
+    "scopes": ["STROKE_COLOR"]
+  },
+  {
+    "name": "button/invisible/bgColor/disabled",
     "value": {
-      "r": 1,
-      "g": 1,
-      "b": 1,
+      "r": 0.9372549019607843,
+      "g": 0.9490196078431372,
+      "b": 0.9607843137254902,
       "a": 1
     },
     "type": "COLOR",
-    "refId": "mode/codeMirror/bgColor",
-    "reference": "mode/bgColor/default",
+    "refId": "mode/button/invisible/bgColor/disabled",
+    "reference": "mode/control/transparent/bgColor/disabled",
     "collection": "mode",
     "mode": "light",
-    "group": "component",
+    "group": "component (internal)",
     "scopes": ["FRAME_FILL", "SHAPE_FILL"]
   },
   {
-    "name": "codeMirror/fgColor",
+    "name": "button/invisible/iconColor/disabled",
     "value": {
-      "r": 0.12156862745098039,
-      "g": 0.13725490196078433,
-      "b": 0.1568627450980392,
+      "r": 0.5058823529411764,
+      "g": 0.5450980392156862,
+      "b": 0.596078431372549,
       "a": 1
     },
     "type": "COLOR",
-    "refId": "mode/codeMirror/fgColor",
-    "reference": "mode/fgColor/default",
+    "refId": "mode/button/invisible/iconColor/disabled",
+    "reference": "mode/control/fgColor/disabled",
     "collection": "mode",
     "mode": "light",
-    "group": "component",
+    "group": "component (internal)",
     "scopes": ["TEXT_FILL", "SHAPE_FILL"]
   },
   {
-    "name": "diffBlob/expander/iconColor",
+    "name": "button/invisible/fgColor/disabled",
     "value": {
-      "r": 0.34901960784313724,
-      "g": 0.38823529411764707,
-      "b": 0.43137254901960786,
+      "r": 0.5058823529411764,
+      "g": 0.5450980392156862,
+      "b": 0.596078431372549,
       "a": 1
     },
     "type": "COLOR",
-    "refId": "mode/diffBlob/expander/iconColor",
-    "reference": "mode/fgColor/muted",
+    "refId": "mode/button/invisible/fgColor/disabled",
+    "reference": "mode/control/fgColor/disabled",
     "collection": "mode",
     "mode": "light",
-    "group": "component",
+    "group": "component (internal)",
     "scopes": ["TEXT_FILL", "SHAPE_FILL"]
   },
   {
-    "name": "diffBlob/deletion/fgColor/num",
+    "name": "button/primary/borderColor/active",
     "value": {
       "r": 0.12156862745098039,
       "g": 0.13725490196078433,
       "b": 0.1568627450980392,
-      "a": 1
+      "a": 0.15
     },
     "type": "COLOR",
-    "refId": "mode/diffBlob/deletion/fgColor/num",
-    "reference": "mode/fgColor/default",
+    "refId": "mode/button/primary/borderColor/active",
+    "reference": "mode/button/primary/borderColor/rest",
     "collection": "mode",
     "mode": "light",
-    "group": "component",
-    "scopes": ["TEXT_FILL", "SHAPE_FILL"]
+    "group": "component (internal)",
+    "scopes": ["STROKE_COLOR"]
   },
   {
-    "name": "diffBlob/deletion/fgColor/text",
+    "name": "button/primary/borderColor/hover",
     "value": {
       "r": 0.12156862745098039,
       "g": 0.13725490196078433,
       "b": 0.1568627450980392,
-      "a": 1
+      "a": 0.15
     },
     "type": "COLOR",
-    "refId": "mode/diffBlob/deletion/fgColor/text",
-    "reference": "mode/fgColor/default",
+    "refId": "mode/button/primary/borderColor/hover",
+    "reference": "mode/button/primary/borderColor/rest",
     "collection": "mode",
     "mode": "light",
-    "group": "component",
-    "scopes": ["TEXT_FILL", "SHAPE_FILL"]
+    "group": "component (internal)",
+    "scopes": ["STROKE_COLOR"]
   },
   {
-    "name": "diffBlob/addition/fgColor/num",
+    "name": "button/primary/iconColor/rest",
     "value": {
-      "r": 0.12156862745098039,
-      "g": 0.13725490196078433,
-      "b": 0.1568627450980392,
-      "a": 1
+      "r": 1,
+      "g": 1,
+      "b": 1,
+      "a": 0.8
     },
     "type": "COLOR",
-    "refId": "mode/diffBlob/addition/fgColor/num",
-    "reference": "mode/fgColor/default",
+    "alpha": 0.8,
+    "refId": "mode/button/primary/iconColor/rest",
+    "reference": "mode/fgColor/white",
     "collection": "mode",
     "mode": "light",
-    "group": "component",
+    "group": "component (internal)",
     "scopes": ["TEXT_FILL", "SHAPE_FILL"]
   },
   {
-    "name": "diffBlob/addition/fgColor/text",
+    "name": "button/primary/fgColor/rest",
     "value": {
-      "r": 0.12156862745098039,
-      "g": 0.13725490196078433,
-      "b": 0.1568627450980392,
+      "r": 1,
+      "g": 1,
+      "b": 1,
       "a": 1
     },
     "type": "COLOR",
-    "refId": "mode/diffBlob/addition/fgColor/text",
-    "reference": "mode/fgColor/default",
+    "refId": "mode/button/primary/fgColor/rest",
+    "reference": "mode/fgColor/white",
     "collection": "mode",
     "mode": "light",
-    "group": "component",
+    "group": "component (internal)",
     "scopes": ["TEXT_FILL", "SHAPE_FILL"]
   },
   {
-    "name": "page/header/bgColor",
+    "name": "button/default/borderColor/disabled",
     "value": {
-      "r": 0.9647058823529412,
-      "g": 0.9725490196078431,
-      "b": 0.9803921568627451,
-      "a": 1
+      "r": 0.5058823529411764,
+      "g": 0.5450980392156862,
+      "b": 0.596078431372549,
+      "a": 0.1
     },
     "type": "COLOR",
-    "refId": "mode/page/header/bgColor",
-    "reference": "mode/bgColor/muted",
+    "refId": "mode/button/default/borderColor/disabled",
+    "reference": "mode/control/borderColor/disabled",
     "collection": "mode",
     "mode": "light",
-    "group": "component",
-    "scopes": ["FRAME_FILL", "SHAPE_FILL"]
+    "group": "component (internal)",
+    "scopes": ["STROKE_COLOR"]
   },
   {
-    "name": "borderColor/neutral-muted",
+    "name": "button/default/borderColor/active",
     "value": {
       "r": 0.8196078431372549,
       "g": 0.8509803921568627,
       "b": 0.8784313725490196,
-      "a": 0.7
+      "a": 1
     },
     "type": "COLOR",
-    "refId": "mode/borderColor/neutral-muted",
-    "reference": "mode/borderColor/muted",
+    "refId": "mode/button/default/borderColor/active",
+    "reference": "mode/control/borderColor/rest",
     "collection": "mode",
     "mode": "light",
-    "group": "semantic",
+    "group": "component (internal)",
     "scopes": ["STROKE_COLOR"]
   },
   {
-    "name": "underlineNav/borderColor/hover",
+    "name": "button/default/borderColor/hover",
     "value": {
       "r": 0.8196078431372549,
       "g": 0.8509803921568627,
       "b": 0.8784313725490196,
-      "a": 0.7
+      "a": 1
     },
     "type": "COLOR",
-    "refId": "mode/underlineNav/borderColor/hover",
-    "reference": "mode/borderColor/muted",
+    "refId": "mode/button/default/borderColor/hover",
+    "reference": "mode/control/borderColor/rest",
     "collection": "mode",
     "mode": "light",
     "group": "component (internal)",
     "scopes": ["STROKE_COLOR"]
   },
   {
-    "name": "overlay/borderColor",
+    "name": "button/default/borderColor/rest",
     "value": {
       "r": 0.8196078431372549,
       "g": 0.8509803921568627,
       "b": 0.8784313725490196,
-      "a": 0.5
+      "a": 1
     },
     "type": "COLOR",
-    "alpha": 0.5,
-    "refId": "mode/overlay/borderColor",
-    "reference": "mode/borderColor/muted",
+    "refId": "mode/button/default/borderColor/rest",
+    "reference": "mode/control/borderColor/rest",
     "collection": "mode",
     "mode": "light",
     "group": "component (internal)",
-    "scopes": ["ALL_SCOPES"]
+    "scopes": ["STROKE_COLOR"]
   },
   {
-    "name": "reactionButton/selected/fgColor/rest",
+    "name": "controlKnob/borderColor/checked",
     "value": {
       "r": 0.03529411764705882,
       "g": 0.4117647058823529,
@@ -9041,47 +9025,47 @@
       "a": 1
     },
     "type": "COLOR",
-    "refId": "mode/reactionButton/selected/fgColor/rest",
-    "reference": "mode/fgColor/link",
+    "refId": "mode/controlKnob/borderColor/checked",
+    "reference": "mode/control/checked/bgColor/rest",
     "collection": "mode",
     "mode": "light",
     "group": "component (internal)",
-    "scopes": ["TEXT_FILL", "SHAPE_FILL"]
+    "scopes": ["STROKE_COLOR"]
   },
   {
-    "name": "button/danger/borderColor/active",
+    "name": "controlKnob/borderColor/disabled",
     "value": {
-      "r": 0.12156862745098039,
-      "g": 0.13725490196078433,
-      "b": 0.1568627450980392,
-      "a": 0.15
+      "r": 0.9372549019607843,
+      "g": 0.9490196078431372,
+      "b": 0.9607843137254902,
+      "a": 1
     },
     "type": "COLOR",
-    "refId": "mode/button/danger/borderColor/active",
-    "reference": "mode/button/danger/borderColor/hover",
+    "refId": "mode/controlKnob/borderColor/disabled",
+    "reference": "mode/control/bgColor/disabled",
     "collection": "mode",
     "mode": "light",
     "group": "component (internal)",
     "scopes": ["STROKE_COLOR"]
   },
   {
-    "name": "button/danger/borderColor/rest",
+    "name": "controlKnob/borderColor/rest",
     "value": {
-      "r": 0.8196078431372549,
-      "g": 0.8509803921568627,
-      "b": 0.8784313725490196,
+      "r": 0.5058823529411764,
+      "g": 0.5450980392156862,
+      "b": 0.596078431372549,
       "a": 1
     },
     "type": "COLOR",
-    "refId": "mode/button/danger/borderColor/rest",
-    "reference": "mode/control/borderColor/rest",
+    "refId": "mode/controlKnob/borderColor/rest",
+    "reference": "mode/control/borderColor/emphasis",
     "collection": "mode",
     "mode": "light",
     "group": "component (internal)",
     "scopes": ["STROKE_COLOR"]
   },
   {
-    "name": "button/danger/bgColor/disabled",
+    "name": "controlKnob/bgColor/disabled",
     "value": {
       "r": 0.9372549019607843,
       "g": 0.9490196078431372,
@@ -9089,7 +9073,7 @@
       "a": 1
     },
     "type": "COLOR",
-    "refId": "mode/button/danger/bgColor/disabled",
+    "refId": "mode/controlKnob/bgColor/disabled",
     "reference": "mode/control/bgColor/disabled",
     "collection": "mode",
     "mode": "light",
@@ -9097,308 +9081,324 @@
     "scopes": ["FRAME_FILL", "SHAPE_FILL"]
   },
   {
-    "name": "button/outline/borderColor/hover",
+    "name": "controlTrack/fgColor/disabled",
     "value": {
-      "r": 0.12156862745098039,
-      "g": 0.13725490196078433,
-      "b": 0.1568627450980392,
-      "a": 0.15
+      "r": 1,
+      "g": 1,
+      "b": 1,
+      "a": 1
     },
     "type": "COLOR",
-    "refId": "mode/button/outline/borderColor/hover",
-    "reference": "mode/button/primary/borderColor/hover",
+    "refId": "mode/controlTrack/fgColor/disabled",
+    "reference": "mode/fgColor/onEmphasis",
     "collection": "mode",
     "mode": "light",
     "group": "component (internal)",
+    "scopes": ["TEXT_FILL", "SHAPE_FILL"]
+  },
+  {
+    "name": "control/checked/borderColor/disabled",
+    "value": {
+      "r": 0.5058823529411764,
+      "g": 0.5450980392156862,
+      "b": 0.596078431372549,
+      "a": 1
+    },
+    "type": "COLOR",
+    "refId": "mode/control/checked/borderColor/disabled",
+    "reference": "mode/control/checked/bgColor/disabled",
+    "collection": "mode",
+    "mode": "light",
+    "group": "component",
     "scopes": ["STROKE_COLOR"]
   },
   {
-    "name": "button/outline/bgColor/disabled",
+    "name": "control/checked/borderColor/active",
     "value": {
-      "r": 0.9372549019607843,
-      "g": 0.9490196078431372,
-      "b": 0.9607843137254902,
+      "r": 0.027450980392156862,
+      "g": 0.3411764705882353,
+      "b": 0.7294117647058823,
       "a": 1
     },
     "type": "COLOR",
-    "refId": "mode/button/outline/bgColor/disabled",
-    "reference": "mode/control/bgColor/disabled",
+    "refId": "mode/control/checked/borderColor/active",
+    "reference": "mode/control/checked/bgColor/active",
     "collection": "mode",
     "mode": "light",
-    "group": "component (internal)",
-    "scopes": ["FRAME_FILL", "SHAPE_FILL"]
+    "group": "component",
+    "scopes": ["STROKE_COLOR"]
   },
   {
-    "name": "button/invisible/borderColor/disabled",
+    "name": "control/checked/borderColor/hover",
     "value": {
-      "r": 0.5058823529411764,
-      "g": 0.5450980392156862,
-      "b": 0.596078431372549,
-      "a": 0.1
+      "r": 0.03137254901960784,
+      "g": 0.3764705882352941,
+      "b": 0.792156862745098,
+      "a": 1
     },
     "type": "COLOR",
-    "refId": "mode/button/invisible/borderColor/disabled",
-    "reference": "mode/control/borderColor/disabled",
+    "refId": "mode/control/checked/borderColor/hover",
+    "reference": "mode/control/checked/bgColor/hover",
     "collection": "mode",
     "mode": "light",
-    "group": "component (internal)",
+    "group": "component",
     "scopes": ["STROKE_COLOR"]
   },
   {
-    "name": "button/invisible/bgColor/disabled",
+    "name": "control/checked/borderColor/rest",
     "value": {
-      "r": 0.9372549019607843,
-      "g": 0.9490196078431372,
-      "b": 0.9607843137254902,
+      "r": 0.03529411764705882,
+      "g": 0.4117647058823529,
+      "b": 0.8549019607843137,
       "a": 1
     },
     "type": "COLOR",
-    "refId": "mode/button/invisible/bgColor/disabled",
-    "reference": "mode/control/transparent/bgColor/disabled",
+    "refId": "mode/control/checked/borderColor/rest",
+    "reference": "mode/control/checked/bgColor/rest",
     "collection": "mode",
     "mode": "light",
-    "group": "component (internal)",
-    "scopes": ["FRAME_FILL", "SHAPE_FILL"]
+    "group": "component",
+    "scopes": ["STROKE_COLOR"]
   },
   {
-    "name": "button/invisible/iconColor/disabled",
+    "name": "control/checked/fgColor/disabled",
     "value": {
-      "r": 0.5058823529411764,
-      "g": 0.5450980392156862,
-      "b": 0.596078431372549,
+      "r": 1,
+      "g": 1,
+      "b": 1,
       "a": 1
     },
     "type": "COLOR",
-    "refId": "mode/button/invisible/iconColor/disabled",
-    "reference": "mode/control/fgColor/disabled",
+    "refId": "mode/control/checked/fgColor/disabled",
+    "reference": "mode/fgColor/onEmphasis",
     "collection": "mode",
     "mode": "light",
-    "group": "component (internal)",
+    "group": "component",
     "scopes": ["TEXT_FILL", "SHAPE_FILL"]
   },
   {
-    "name": "button/invisible/fgColor/disabled",
+    "name": "control/checked/fgColor/rest",
     "value": {
-      "r": 0.5058823529411764,
-      "g": 0.5450980392156862,
-      "b": 0.596078431372549,
+      "r": 1,
+      "g": 1,
+      "b": 1,
       "a": 1
     },
     "type": "COLOR",
-    "refId": "mode/button/invisible/fgColor/disabled",
-    "reference": "mode/control/fgColor/disabled",
+    "refId": "mode/control/checked/fgColor/rest",
+    "reference": "mode/fgColor/onEmphasis",
     "collection": "mode",
     "mode": "light",
-    "group": "component (internal)",
+    "group": "component",
     "scopes": ["TEXT_FILL", "SHAPE_FILL"]
   },
   {
-    "name": "button/default/borderColor/disabled",
+    "name": "control/borderColor/selected",
     "value": {
-      "r": 0.5058823529411764,
-      "g": 0.5450980392156862,
-      "b": 0.596078431372549,
-      "a": 0.1
+      "r": 0.9647058823529412,
+      "g": 0.9725490196078431,
+      "b": 0.9803921568627451,
+      "a": 1
     },
     "type": "COLOR",
-    "refId": "mode/button/default/borderColor/disabled",
-    "reference": "mode/control/borderColor/disabled",
+    "refId": "mode/control/borderColor/selected",
+    "reference": "mode/control/bgColor/selected",
     "collection": "mode",
     "mode": "light",
-    "group": "component (internal)",
+    "group": "component",
     "scopes": ["STROKE_COLOR"]
   },
   {
-    "name": "button/default/borderColor/active",
+    "name": "avatar/borderColor",
     "value": {
-      "r": 0.8196078431372549,
-      "g": 0.8509803921568627,
-      "b": 0.8784313725490196,
-      "a": 1
+      "r": 0.12156862745098039,
+      "g": 0.13725490196078433,
+      "b": 0.1568627450980392,
+      "a": 0.15
     },
     "type": "COLOR",
-    "refId": "mode/button/default/borderColor/active",
-    "reference": "mode/control/borderColor/rest",
+    "refId": "mode/avatar/borderColor",
+    "reference": "mode/borderColor/translucent",
     "collection": "mode",
     "mode": "light",
     "group": "component (internal)",
     "scopes": ["STROKE_COLOR"]
   },
   {
-    "name": "button/default/borderColor/hover",
+    "name": "codeMirror/lines/bgColor",
     "value": {
-      "r": 0.8196078431372549,
-      "g": 0.8509803921568627,
-      "b": 0.8784313725490196,
+      "r": 1,
+      "g": 1,
+      "b": 1,
       "a": 1
     },
     "type": "COLOR",
-    "refId": "mode/button/default/borderColor/hover",
-    "reference": "mode/control/borderColor/rest",
+    "refId": "mode/codeMirror/lines/bgColor",
+    "reference": "mode/bgColor/default",
     "collection": "mode",
     "mode": "light",
-    "group": "component (internal)",
-    "scopes": ["STROKE_COLOR"]
+    "group": "component",
+    "scopes": ["FRAME_FILL", "SHAPE_FILL"]
   },
   {
-    "name": "button/default/borderColor/rest",
+    "name": "codeMirror/matchingBracket/fgColor",
     "value": {
-      "r": 0.8196078431372549,
-      "g": 0.8509803921568627,
-      "b": 0.8784313725490196,
+      "r": 0.12156862745098039,
+      "g": 0.13725490196078433,
+      "b": 0.1568627450980392,
       "a": 1
     },
     "type": "COLOR",
-    "refId": "mode/button/default/borderColor/rest",
-    "reference": "mode/control/borderColor/rest",
+    "refId": "mode/codeMirror/matchingBracket/fgColor",
+    "reference": "mode/fgColor/default",
     "collection": "mode",
     "mode": "light",
-    "group": "component (internal)",
-    "scopes": ["STROKE_COLOR"]
+    "group": "component",
+    "scopes": ["TEXT_FILL", "SHAPE_FILL"]
   },
   {
-    "name": "controlKnob/borderColor/checked",
+    "name": "codeMirror/cursor/fgColor",
     "value": {
-      "r": 0.03529411764705882,
-      "g": 0.4117647058823529,
-      "b": 0.8549019607843137,
+      "r": 0.12156862745098039,
+      "g": 0.13725490196078433,
+      "b": 0.1568627450980392,
       "a": 1
     },
     "type": "COLOR",
-    "refId": "mode/controlKnob/borderColor/checked",
-    "reference": "mode/control/checked/bgColor/rest",
+    "refId": "mode/codeMirror/cursor/fgColor",
+    "reference": "mode/fgColor/default",
     "collection": "mode",
     "mode": "light",
-    "group": "component (internal)",
-    "scopes": ["STROKE_COLOR"]
+    "group": "component",
+    "scopes": ["TEXT_FILL", "SHAPE_FILL"]
   },
   {
-    "name": "controlKnob/borderColor/disabled",
+    "name": "codeMirror/gutterMarker/fgColor/default",
     "value": {
-      "r": 0.9372549019607843,
-      "g": 0.9490196078431372,
-      "b": 0.9607843137254902,
+      "r": 1,
+      "g": 1,
+      "b": 1,
       "a": 1
     },
     "type": "COLOR",
-    "refId": "mode/controlKnob/borderColor/disabled",
-    "reference": "mode/control/bgColor/disabled",
+    "refId": "mode/codeMirror/gutterMarker/fgColor/default",
+    "reference": "mode/bgColor/default",
     "collection": "mode",
     "mode": "light",
-    "group": "component (internal)",
-    "scopes": ["STROKE_COLOR"]
+    "group": "component",
+    "scopes": ["TEXT_FILL", "SHAPE_FILL"]
   },
   {
-    "name": "controlKnob/borderColor/rest",
+    "name": "codeMirror/gutters/bgColor",
     "value": {
-      "r": 0.5058823529411764,
-      "g": 0.5450980392156862,
-      "b": 0.596078431372549,
+      "r": 1,
+      "g": 1,
+      "b": 1,
       "a": 1
     },
     "type": "COLOR",
-    "refId": "mode/controlKnob/borderColor/rest",
-    "reference": "mode/control/borderColor/emphasis",
+    "refId": "mode/codeMirror/gutters/bgColor",
+    "reference": "mode/bgColor/default",
     "collection": "mode",
     "mode": "light",
-    "group": "component (internal)",
-    "scopes": ["STROKE_COLOR"]
+    "group": "component",
+    "scopes": ["FRAME_FILL", "SHAPE_FILL"]
   },
   {
-    "name": "controlKnob/bgColor/disabled",
+    "name": "codeMirror/bgColor",
     "value": {
-      "r": 0.9372549019607843,
-      "g": 0.9490196078431372,
-      "b": 0.9607843137254902,
+      "r": 1,
+      "g": 1,
+      "b": 1,
       "a": 1
     },
     "type": "COLOR",
-    "refId": "mode/controlKnob/bgColor/disabled",
-    "reference": "mode/control/bgColor/disabled",
+    "refId": "mode/codeMirror/bgColor",
+    "reference": "mode/bgColor/default",
     "collection": "mode",
     "mode": "light",
-    "group": "component (internal)",
+    "group": "component",
     "scopes": ["FRAME_FILL", "SHAPE_FILL"]
   },
   {
-    "name": "control/checked/borderColor/disabled",
+    "name": "codeMirror/fgColor",
     "value": {
-      "r": 0.5058823529411764,
-      "g": 0.5450980392156862,
-      "b": 0.596078431372549,
+      "r": 0.12156862745098039,
+      "g": 0.13725490196078433,
+      "b": 0.1568627450980392,
       "a": 1
     },
     "type": "COLOR",
-    "refId": "mode/control/checked/borderColor/disabled",
-    "reference": "mode/control/checked/bgColor/disabled",
+    "refId": "mode/codeMirror/fgColor",
+    "reference": "mode/fgColor/default",
     "collection": "mode",
     "mode": "light",
     "group": "component",
-    "scopes": ["STROKE_COLOR"]
+    "scopes": ["TEXT_FILL", "SHAPE_FILL"]
   },
   {
-    "name": "control/checked/borderColor/active",
+    "name": "diffBlob/deletion/fgColor/num",
     "value": {
-      "r": 0.027450980392156862,
-      "g": 0.3411764705882353,
-      "b": 0.7294117647058823,
+      "r": 0.12156862745098039,
+      "g": 0.13725490196078433,
+      "b": 0.1568627450980392,
       "a": 1
     },
     "type": "COLOR",
-    "refId": "mode/control/checked/borderColor/active",
-    "reference": "mode/control/checked/bgColor/active",
+    "refId": "mode/diffBlob/deletion/fgColor/num",
+    "reference": "mode/fgColor/default",
     "collection": "mode",
     "mode": "light",
     "group": "component",
-    "scopes": ["STROKE_COLOR"]
+    "scopes": ["TEXT_FILL", "SHAPE_FILL"]
   },
   {
-    "name": "control/checked/borderColor/hover",
+    "name": "diffBlob/deletion/fgColor/text",
     "value": {
-      "r": 0.03137254901960784,
-      "g": 0.3764705882352941,
-      "b": 0.792156862745098,
+      "r": 0.12156862745098039,
+      "g": 0.13725490196078433,
+      "b": 0.1568627450980392,
       "a": 1
     },
     "type": "COLOR",
-    "refId": "mode/control/checked/borderColor/hover",
-    "reference": "mode/control/checked/bgColor/hover",
+    "refId": "mode/diffBlob/deletion/fgColor/text",
+    "reference": "mode/fgColor/default",
     "collection": "mode",
     "mode": "light",
     "group": "component",
-    "scopes": ["STROKE_COLOR"]
+    "scopes": ["TEXT_FILL", "SHAPE_FILL"]
   },
   {
-    "name": "control/checked/borderColor/rest",
+    "name": "diffBlob/addition/fgColor/num",
     "value": {
-      "r": 0.03529411764705882,
-      "g": 0.4117647058823529,
-      "b": 0.8549019607843137,
+      "r": 0.12156862745098039,
+      "g": 0.13725490196078433,
+      "b": 0.1568627450980392,
       "a": 1
     },
     "type": "COLOR",
-    "refId": "mode/control/checked/borderColor/rest",
-    "reference": "mode/control/checked/bgColor/rest",
+    "refId": "mode/diffBlob/addition/fgColor/num",
+    "reference": "mode/fgColor/default",
     "collection": "mode",
     "mode": "light",
     "group": "component",
-    "scopes": ["STROKE_COLOR"]
+    "scopes": ["TEXT_FILL", "SHAPE_FILL"]
   },
   {
-    "name": "control/borderColor/selected",
+    "name": "diffBlob/addition/fgColor/text",
     "value": {
-      "r": 0.9647058823529412,
-      "g": 0.9725490196078431,
-      "b": 0.9803921568627451,
+      "r": 0.12156862745098039,
+      "g": 0.13725490196078433,
+      "b": 0.1568627450980392,
       "a": 1
     },
     "type": "COLOR",
-    "refId": "mode/control/borderColor/selected",
-    "reference": "mode/control/bgColor/selected",
+    "refId": "mode/diffBlob/addition/fgColor/text",
+    "reference": "mode/fgColor/default",
     "collection": "mode",
     "mode": "light",
     "group": "component",
-    "scopes": ["STROKE_COLOR"]
+    "scopes": ["TEXT_FILL", "SHAPE_FILL"]
   },
   {
     "name": "shadow/floating/xlarge/1/offsetX",
@@ -10000,6 +10000,38 @@
     "collection": "mode",
     "group": "shadow"
   },
+  {
+    "name": "button/danger/borderColor/active",
+    "value": {
+      "r": 0.12156862745098039,
+      "g": 0.13725490196078433,
+      "b": 0.1568627450980392,
+      "a": 0.15
+    },
+    "type": "COLOR",
+    "refId": "mode/button/danger/borderColor/active",
+    "reference": "mode/button/danger/borderColor/hover",
+    "collection": "mode",
+    "mode": "light",
+    "group": "component (internal)",
+    "scopes": ["STROKE_COLOR"]
+  },
+  {
+    "name": "button/outline/borderColor/hover",
+    "value": {
+      "r": 0.12156862745098039,
+      "g": 0.13725490196078433,
+      "b": 0.1568627450980392,
+      "a": 0.15
+    },
+    "type": "COLOR",
+    "refId": "mode/button/outline/borderColor/hover",
+    "reference": "mode/button/primary/borderColor/hover",
+    "collection": "mode",
+    "mode": "light",
+    "group": "component (internal)",
+    "scopes": ["STROKE_COLOR"]
+  },
   {
     "name": "button/outline/borderColor/active",
     "value": {