@primer/primitives 9.0.0-rc.fa8264ac → 9.0.0

package/dist/figma/themes/dark.json

@@ -29,306 +29,6 @@
     "group": "syntax",
     "scopes": ["ALL_SCOPES"]
   },
-  {
-    "name": "shadow/floating/legacy/1/offsetX",
-    "value": 0,
-    "type": "FLOAT",
-    "scopes": ["EFFECT_FLOAT"],
-    "mode": "dark",
-    "collection": "mode",
-    "group": "shadow"
-  },
-  {
-    "name": "shadow/floating/legacy/1/offsetY",
-    "value": 6,
-    "type": "FLOAT",
-    "scopes": ["EFFECT_FLOAT"],
-    "mode": "dark",
-    "collection": "mode",
-    "group": "shadow"
-  },
-  {
-    "name": "shadow/floating/legacy/1/blur",
-    "value": 12,
-    "type": "FLOAT",
-    "scopes": ["EFFECT_FLOAT"],
-    "mode": "dark",
-    "collection": "mode",
-    "group": "shadow"
-  },
-  {
-    "name": "shadow/floating/legacy/1/spread",
-    "value": -3,
-    "type": "FLOAT",
-    "scopes": ["EFFECT_FLOAT"],
-    "mode": "dark",
-    "collection": "mode",
-    "group": "shadow"
-  },
-  {
-    "name": "shadow/floating/legacy/1/color",
-    "value": {
-      "r": 0.00392156862745098,
-      "g": 0.01568627450980392,
-      "b": 0.03529411764705882,
-      "a": 0.4
-    },
-    "type": "COLOR",
-    "scopes": ["EFFECT_COLOR"],
-    "mode": "dark",
-    "collection": "mode",
-    "group": "shadow"
-  },
-  {
-    "name": "shadow/floating/legacy/2/offsetX",
-    "value": 0,
-    "type": "FLOAT",
-    "scopes": ["EFFECT_FLOAT"],
-    "mode": "dark",
-    "collection": "mode",
-    "group": "shadow"
-  },
-  {
-    "name": "shadow/floating/legacy/2/offsetY",
-    "value": 6,
-    "type": "FLOAT",
-    "scopes": ["EFFECT_FLOAT"],
-    "mode": "dark",
-    "collection": "mode",
-    "group": "shadow"
-  },
-  {
-    "name": "shadow/floating/legacy/2/blur",
-    "value": 18,
-    "type": "FLOAT",
-    "scopes": ["EFFECT_FLOAT"],
-    "mode": "dark",
-    "collection": "mode",
-    "group": "shadow"
-  },
-  {
-    "name": "shadow/floating/legacy/2/spread",
-    "value": 0,
-    "type": "FLOAT",
-    "scopes": ["EFFECT_FLOAT"],
-    "mode": "dark",
-    "collection": "mode",
-    "group": "shadow"
-  },
-  {
-    "name": "shadow/floating/legacy/2/color",
-    "value": {
-      "r": 0.00392156862745098,
-      "g": 0.01568627450980392,
-      "b": 0.03529411764705882,
-      "a": 0.4
-    },
-    "type": "COLOR",
-    "scopes": ["EFFECT_COLOR"],
-    "mode": "dark",
-    "collection": "mode",
-    "group": "shadow"
-  },
-  {
-    "name": "shadow/resting/medium/offsetX",
-    "value": 0,
-    "type": "FLOAT",
-    "scopes": ["EFFECT_FLOAT"],
-    "mode": "dark",
-    "collection": "mode",
-    "group": "shadow"
-  },
-  {
-    "name": "shadow/resting/medium/offsetY",
-    "value": 3,
-    "type": "FLOAT",
-    "scopes": ["EFFECT_FLOAT"],
-    "mode": "dark",
-    "collection": "mode",
-    "group": "shadow"
-  },
-  {
-    "name": "shadow/resting/medium/blur",
-    "value": 6,
-    "type": "FLOAT",
-    "scopes": ["EFFECT_FLOAT"],
-    "mode": "dark",
-    "collection": "mode",
-    "group": "shadow"
-  },
-  {
-    "name": "shadow/resting/medium/spread",
-    "value": 0,
-    "type": "FLOAT",
-    "scopes": ["EFFECT_FLOAT"],
-    "mode": "dark",
-    "collection": "mode",
-    "group": "shadow"
-  },
-  {
-    "name": "shadow/resting/medium/color",
-    "value": {
-      "r": 0.00392156862745098,
-      "g": 0.01568627450980392,
-      "b": 0.03529411764705882,
-      "a": 0.8
-    },
-    "type": "COLOR",
-    "scopes": ["EFFECT_COLOR"],
-    "mode": "dark",
-    "collection": "mode",
-    "group": "shadow"
-  },
-  {
-    "name": "shadow/resting/small/offsetX",
-    "value": 0,
-    "type": "FLOAT",
-    "scopes": ["EFFECT_FLOAT"],
-    "mode": "dark",
-    "collection": "mode",
-    "group": "shadow"
-  },
-  {
-    "name": "shadow/resting/small/offsetY",
-    "value": 1,
-    "type": "FLOAT",
-    "scopes": ["EFFECT_FLOAT"],
-    "mode": "dark",
-    "collection": "mode",
-    "group": "shadow"
-  },
-  {
-    "name": "shadow/resting/small/blur",
-    "value": 0,
-    "type": "FLOAT",
-    "scopes": ["EFFECT_FLOAT"],
-    "mode": "dark",
-    "collection": "mode",
-    "group": "shadow"
-  },
-  {
-    "name": "shadow/resting/small/spread",
-    "value": 0,
-    "type": "FLOAT",
-    "scopes": ["EFFECT_FLOAT"],
-    "mode": "dark",
-    "collection": "mode",
-    "group": "shadow"
-  },
-  {
-    "name": "shadow/resting/small/color",
-    "value": {
-      "r": 0.00392156862745098,
-      "g": 0.01568627450980392,
-      "b": 0.03529411764705882,
-      "a": 0.4
-    },
-    "type": "COLOR",
-    "scopes": ["EFFECT_COLOR"],
-    "mode": "dark",
-    "collection": "mode",
-    "group": "shadow"
-  },
-  {
-    "name": "shadow/resting/xsmall/offsetX",
-    "value": 0,
-    "type": "FLOAT",
-    "scopes": ["EFFECT_FLOAT"],
-    "mode": "dark",
-    "collection": "mode",
-    "group": "shadow"
-  },
-  {
-    "name": "shadow/resting/xsmall/offsetY",
-    "value": 1,
-    "type": "FLOAT",
-    "scopes": ["EFFECT_FLOAT"],
-    "mode": "dark",
-    "collection": "mode",
-    "group": "shadow"
-  },
-  {
-    "name": "shadow/resting/xsmall/blur",
-    "value": 0,
-    "type": "FLOAT",
-    "scopes": ["EFFECT_FLOAT"],
-    "mode": "dark",
-    "collection": "mode",
-    "group": "shadow"
-  },
-  {
-    "name": "shadow/resting/xsmall/spread",
-    "value": 0,
-    "type": "FLOAT",
-    "scopes": ["EFFECT_FLOAT"],
-    "mode": "dark",
-    "collection": "mode",
-    "group": "shadow"
-  },
-  {
-    "name": "shadow/resting/xsmall/color",
-    "value": {
-      "r": 0.00392156862745098,
-      "g": 0.01568627450980392,
-      "b": 0.03529411764705882,
-      "a": 0.8
-    },
-    "type": "COLOR",
-    "scopes": ["EFFECT_COLOR"],
-    "mode": "dark",
-    "collection": "mode",
-    "group": "shadow"
-  },
-  {
-    "name": "shadow/inset/offsetX",
-    "value": 0,
-    "type": "FLOAT",
-    "scopes": ["EFFECT_FLOAT"],
-    "mode": "dark",
-    "collection": "mode",
-    "group": "shadow"
-  },
-  {
-    "name": "shadow/inset/offsetY",
-    "value": 1,
-    "type": "FLOAT",
-    "scopes": ["EFFECT_FLOAT"],
-    "mode": "dark",
-    "collection": "mode",
-    "group": "shadow"
-  },
-  {
-    "name": "shadow/inset/blur",
-    "value": 0,
-    "type": "FLOAT",
-    "scopes": ["EFFECT_FLOAT"],
-    "mode": "dark",
-    "collection": "mode",
-    "group": "shadow"
-  },
-  {
-    "name": "shadow/inset/spread",
-    "value": 0,
-    "type": "FLOAT",
-    "scopes": ["EFFECT_FLOAT"],
-    "mode": "dark",
-    "collection": "mode",
-    "group": "shadow"
-  },
-  {
-    "name": "shadow/inset/color",
-    "value": {
-      "r": 0.00392156862745098,
-      "g": 0.01568627450980392,
-      "b": 0.03529411764705882,
-      "a": 0.24
-    },
-    "type": "COLOR",
-    "scopes": ["EFFECT_COLOR"],
-    "mode": "dark",
-    "collection": "mode",
-    "group": "shadow"
-  },
   {
     "name": "color/prettylights/syntax/sublimelinter/gutter/mark",
     "value": {
@@ -339,7 +39,7 @@
     },
     "type": "COLOR",
     "refId": "mode/color/prettylights/syntax/sublimelinter/gutter/mark",
-    "reference": "base/color/dark/base/color/neutral/6",
+    "reference": "base/color/dark/base/color/neutral/7",
     "collection": "mode",
     "mode": "dark",
     "group": "syntax",
@@ -387,7 +87,7 @@
     },
     "type": "COLOR",
     "refId": "mode/color/prettylights/syntax/markup/ignored/text",
-    "reference": "base/color/dark/base/color/neutral/11",
+    "reference": "base/color/dark/base/color/neutral/12",
     "collection": "mode",
     "mode": "dark",
     "group": "syntax",
@@ -499,7 +199,7 @@
     },
     "type": "COLOR",
     "refId": "mode/color/prettylights/syntax/markup/bold",
-    "reference": "base/color/dark/base/color/neutral/11",
+    "reference": "base/color/dark/base/color/neutral/12",
     "collection": "mode",
     "mode": "dark",
     "group": "syntax",
@@ -515,7 +215,7 @@
     },
     "type": "COLOR",
     "refId": "mode/color/prettylights/syntax/markup/italic",
-    "reference": "base/color/dark/base/color/neutral/11",
+    "reference": "base/color/dark/base/color/neutral/12",
     "collection": "mode",
     "mode": "dark",
     "group": "syntax",
@@ -595,7 +295,7 @@
     },
     "type": "COLOR",
     "refId": "mode/color/prettylights/syntax/carriage/return/text",
-    "reference": "base/color/dark/base/color/neutral/11",
+    "reference": "base/color/dark/base/color/neutral/12",
     "collection": "mode",
     "mode": "dark",
     "group": "syntax",
@@ -627,7 +327,7 @@
     },
     "type": "COLOR",
     "refId": "mode/color/prettylights/syntax/invalid/illegal/text",
-    "reference": "base/color/dark/base/color/neutral/11",
+    "reference": "base/color/dark/base/color/neutral/12",
     "collection": "mode",
     "mode": "dark",
     "group": "syntax",
@@ -643,7 +343,7 @@
     },
     "type": "COLOR",
     "refId": "mode/color/prettylights/syntax/brackethighlighter/angle",
-    "reference": "base/color/dark/base/color/neutral/8",
+    "reference": "base/color/dark/base/color/neutral/9",
     "collection": "mode",
     "mode": "dark",
     "group": "syntax",
@@ -739,7 +439,7 @@
     },
     "type": "COLOR",
     "refId": "mode/color/prettylights/syntax/storage/modifier/import",
-    "reference": "base/color/dark/base/color/neutral/11",
+    "reference": "base/color/dark/base/color/neutral/12",
     "collection": "mode",
     "mode": "dark",
     "group": "syntax",
@@ -803,7 +503,7 @@
     },
     "type": "COLOR",
     "refId": "mode/color/prettylights/syntax/comment",
-    "reference": "base/color/dark/base/color/neutral/8",
+    "reference": "base/color/dark/base/color/neutral/9",
     "collection": "mode",
     "mode": "dark",
     "group": "syntax",
@@ -979,23 +679,7 @@
     },
     "type": "COLOR",
     "refId": "mode/color/ansi/gray",
-    "reference": "base/color/dark/base/color/neutral/7",
-    "collection": "mode",
-    "mode": "dark",
-    "group": "syntax",
-    "scopes": ["ALL_SCOPES"]
-  },
-  {
-    "name": "color/ansi/white-bright",
-    "value": {
-      "r": 1,
-      "g": 1,
-      "b": 1,
-      "a": 1
-    },
-    "type": "COLOR",
-    "refId": "mode/color/ansi/white-bright",
-    "reference": "base/color/dark/base/color/white",
+    "reference": "base/color/dark/base/color/neutral/8",
     "collection": "mode",
     "mode": "dark",
     "group": "syntax",
@@ -1011,7 +695,7 @@
     },
     "type": "COLOR",
     "refId": "mode/color/ansi/white",
-    "reference": "base/color/dark/base/color/neutral/11",
+    "reference": "base/color/dark/base/color/neutral/12",
     "collection": "mode",
     "mode": "dark",
     "group": "syntax",
@@ -1027,7 +711,7 @@
     },
     "type": "COLOR",
     "refId": "mode/color/ansi/black-bright",
-    "reference": "base/color/dark/base/color/neutral/7",
+    "reference": "base/color/dark/base/color/neutral/8",
     "collection": "mode",
     "mode": "dark",
     "group": "syntax",
@@ -1043,7 +727,7 @@
     },
     "type": "COLOR",
     "refId": "mode/color/ansi/black",
-    "reference": "base/color/dark/base/color/neutral/5",
+    "reference": "base/color/dark/base/color/neutral/6",
     "collection": "mode",
     "mode": "dark",
     "group": "syntax",
@@ -1322,23 +1006,6 @@
       "web": "var(--borderColor-accent-muted) /* utility class: .color-border-accent */"
     }
   },
-  {
-    "name": "borderColor/translucent",
-    "value": {
-      "r": 1,
-      "g": 1,
-      "b": 1,
-      "a": 0.15
-    },
-    "type": "COLOR",
-    "alpha": 0.15,
-    "refId": "mode/borderColor/translucent",
-    "reference": "base/color/dark/base/color/white",
-    "collection": "mode",
-    "mode": "dark",
-    "group": "component (internal)",
-    "scopes": ["STROKE_COLOR"]
-  },
   {
     "name": "borderColor/transparent",
     "value": {
@@ -1366,7 +1033,7 @@
     "type": "COLOR",
     "alpha": 0.1,
     "refId": "mode/borderColor/disabled",
-    "reference": "base/color/dark/base/color/neutral/7",
+    "reference": "base/color/dark/base/color/neutral/8",
     "collection": "mode",
     "mode": "dark",
     "group": "semantic",
@@ -1382,7 +1049,7 @@
     },
     "type": "COLOR",
     "refId": "mode/borderColor/emphasis",
-    "reference": "base/color/dark/base/color/neutral/7",
+    "reference": "base/color/dark/base/color/neutral/8",
     "collection": "mode",
     "mode": "dark",
     "group": "semantic",
@@ -1398,7 +1065,7 @@
     },
     "type": "COLOR",
     "refId": "mode/borderColor/default",
-    "reference": "base/color/dark/base/color/neutral/6",
+    "reference": "base/color/dark/base/color/neutral/7",
     "collection": "mode",
     "mode": "dark",
     "group": "semantic",
@@ -1690,107 +1357,59 @@
     },
     "type": "COLOR",
     "refId": "mode/bgColor/neutral-emphasis",
-    "reference": "base/color/dark/base/color/neutral/7",
-    "collection": "mode",
-    "mode": "dark",
-    "group": "semantic",
-    "scopes": ["FRAME_FILL", "SHAPE_FILL"]
-  },
-  {
-    "name": "bgColor/neutral-muted",
-    "value": {
-      "r": 0.1843137254901961,
-      "g": 0.21568627450980393,
-      "b": 0.25882352941176473,
-      "a": 0.7
-    },
-    "type": "COLOR",
-    "alpha": 0.7,
-    "refId": "mode/bgColor/neutral-muted",
-    "reference": "base/color/dark/base/color/neutral/5",
-    "collection": "mode",
-    "mode": "dark",
-    "group": "semantic",
-    "scopes": ["FRAME_FILL", "SHAPE_FILL"]
-  },
-  {
-    "name": "bgColor/transparent",
-    "value": {
-      "r": 0,
-      "g": 0,
-      "b": 0,
-      "a": 0
-    },
-    "type": "COLOR",
-    "refId": "mode/bgColor/transparent",
-    "reference": "base/color/dark/base/color/transparent",
-    "collection": "mode",
-    "mode": "dark",
-    "group": "semantic",
-    "scopes": ["FRAME_FILL", "SHAPE_FILL"],
-    "codeSyntax": {
-      "web": "var(--bgColor-transparent) /* utility class: .color-bg-transparent */"
-    }
-  },
-  {
-    "name": "bgColor/disabled",
-    "value": {
-      "r": 0.12941176470588237,
-      "g": 0.1568627450980392,
-      "b": 0.18823529411764706,
-      "a": 1
-    },
-    "type": "COLOR",
-    "refId": "mode/bgColor/disabled",
-    "reference": "base/color/dark/base/color/neutral/2",
+    "reference": "base/color/dark/base/color/neutral/8",
     "collection": "mode",
     "mode": "dark",
     "group": "semantic",
     "scopes": ["FRAME_FILL", "SHAPE_FILL"]
   },
   {
-    "name": "bgColor/black",
+    "name": "bgColor/neutral-muted",
     "value": {
-      "r": 0.00392156862745098,
-      "g": 0.01568627450980392,
-      "b": 0.03529411764705882,
-      "a": 1
+      "r": 0.396078431372549,
+      "g": 0.4235294117647059,
+      "b": 0.4627450980392157,
+      "a": 0.2
     },
     "type": "COLOR",
-    "refId": "mode/bgColor/black",
-    "reference": "base/color/dark/base/color/black",
+    "alpha": 0.2,
+    "refId": "mode/bgColor/neutral-muted",
+    "reference": "base/color/dark/base/color/neutral/8",
     "collection": "mode",
     "mode": "dark",
     "group": "semantic",
     "scopes": ["FRAME_FILL", "SHAPE_FILL"]
   },
   {
-    "name": "bgColor/white",
+    "name": "bgColor/transparent",
     "value": {
-      "r": 1,
-      "g": 1,
-      "b": 1,
-      "a": 1
+      "r": 0,
+      "g": 0,
+      "b": 0,
+      "a": 0
     },
     "type": "COLOR",
-    "refId": "mode/bgColor/white",
-    "reference": "base/color/dark/base/color/white",
+    "refId": "mode/bgColor/transparent",
+    "reference": "base/color/dark/base/color/transparent",
     "collection": "mode",
     "mode": "dark",
     "group": "semantic",
-    "scopes": ["FRAME_FILL", "SHAPE_FILL"]
+    "scopes": ["FRAME_FILL", "SHAPE_FILL"],
+    "codeSyntax": {
+      "web": "var(--bgColor-transparent) /* utility class: .color-bg-transparent */"
+    }
   },
   {
-    "name": "bgColor/inverse",
+    "name": "bgColor/disabled",
     "value": {
-      "r": 1,
-      "g": 1,
-      "b": 1,
+      "r": 0.12941176470588237,
+      "g": 0.1568627450980392,
+      "b": 0.18823529411764706,
       "a": 1
     },
     "type": "COLOR",
-    "refId": "mode/bgColor/inverse",
-    "reference": "base/color/dark/base/color/white",
+    "refId": "mode/bgColor/disabled",
+    "reference": "base/color/dark/base/color/neutral/3",
     "collection": "mode",
     "mode": "dark",
     "group": "semantic",
@@ -1806,7 +1425,7 @@
     },
     "type": "COLOR",
     "refId": "mode/bgColor/emphasis",
-    "reference": "base/color/dark/base/color/neutral/6",
+    "reference": "base/color/dark/base/color/neutral/7",
     "collection": "mode",
     "mode": "dark",
     "group": "semantic",
@@ -1815,25 +1434,6 @@
       "web": "var(--bgColor-emphasis) /* utility class: .color-bg-emphasis */"
     }
   },
-  {
-    "name": "bgColor/inset",
-    "value": {
-      "r": 0.00392156862745098,
-      "g": 0.01568627450980392,
-      "b": 0.03529411764705882,
-      "a": 1
-    },
-    "type": "COLOR",
-    "refId": "mode/bgColor/inset",
-    "reference": "base/color/dark/base/color/black",
-    "collection": "mode",
-    "mode": "dark",
-    "group": "semantic",
-    "scopes": ["FRAME_FILL", "SHAPE_FILL", "STROKE_COLOR"],
-    "codeSyntax": {
-      "web": "var(--bgColor-inset) /* utility class: .color-bg-inset */"
-    }
-  },
   {
     "name": "bgColor/muted",
     "value": {
@@ -1844,7 +1444,7 @@
     },
     "type": "COLOR",
     "refId": "mode/bgColor/muted",
-    "reference": "base/color/dark/base/color/neutral/1",
+    "reference": "base/color/dark/base/color/neutral/2",
     "collection": "mode",
     "mode": "dark",
     "group": "semantic",
@@ -1863,7 +1463,7 @@
     },
     "type": "COLOR",
     "refId": "mode/bgColor/default",
-    "reference": "base/color/dark/base/color/neutral/0",
+    "reference": "base/color/dark/base/color/neutral/1",
     "collection": "mode",
     "mode": "dark",
     "group": "semantic",
@@ -2016,7 +1616,7 @@
     },
     "type": "COLOR",
     "refId": "mode/fgColor/neutral",
-    "reference": "base/color/dark/base/color/neutral/8",
+    "reference": "base/color/dark/base/color/neutral/9",
     "collection": "mode",
     "mode": "dark",
     "group": "semantic",
@@ -2033,79 +1633,12 @@
     "type": "COLOR",
     "alpha": 0.6,
     "refId": "mode/fgColor/disabled",
-    "reference": "base/color/dark/base/color/neutral/7",
-    "collection": "mode",
-    "mode": "dark",
-    "group": "semantic",
-    "scopes": ["TEXT_FILL", "SHAPE_FILL"]
-  },
-  {
-    "name": "fgColor/black",
-    "value": {
-      "r": 0.00392156862745098,
-      "g": 0.01568627450980392,
-      "b": 0.03529411764705882,
-      "a": 1
-    },
-    "type": "COLOR",
-    "refId": "mode/fgColor/black",
-    "reference": "base/color/dark/base/color/black",
-    "collection": "mode",
-    "mode": "dark",
-    "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/dark/base/color/white",
-    "collection": "mode",
-    "mode": "dark",
-    "group": "semantic",
-    "scopes": ["TEXT_FILL", "SHAPE_FILL"]
-  },
-  {
-    "name": "fgColor/onInverse",
-    "value": {
-      "r": 0.00392156862745098,
-      "g": 0.01568627450980392,
-      "b": 0.03529411764705882,
-      "a": 1
-    },
-    "type": "COLOR",
-    "refId": "mode/fgColor/onInverse",
-    "reference": "base/color/dark/base/color/black",
+    "reference": "base/color/dark/base/color/neutral/8",
     "collection": "mode",
     "mode": "dark",
     "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/dark/base/color/white",
-    "collection": "mode",
-    "mode": "dark",
-    "group": "semantic",
-    "scopes": ["TEXT_FILL", "SHAPE_FILL"],
-    "codeSyntax": {
-      "web": "var(--fgColor-onEmphasis) /* utility class: .color-fg-on-emphasis */"
-    }
-  },
   {
     "name": "fgColor/muted",
     "value": {
@@ -2116,7 +1649,7 @@
     },
     "type": "COLOR",
     "refId": "mode/fgColor/muted",
-    "reference": "base/color/dark/base/color/neutral/8",
+    "reference": "base/color/dark/base/color/neutral/9",
     "collection": "mode",
     "mode": "dark",
     "group": "semantic",
@@ -2135,7 +1668,7 @@
     },
     "type": "COLOR",
     "refId": "mode/fgColor/default",
-    "reference": "base/color/dark/base/color/neutral/11",
+    "reference": "base/color/dark/base/color/neutral/12",
     "collection": "mode",
     "mode": "dark",
     "group": "semantic",
@@ -3994,7 +3527,7 @@
     },
     "type": "COLOR",
     "refId": "mode/timelineBadge/bgColor",
-    "reference": "base/color/dark/base/color/neutral/2",
+    "reference": "base/color/dark/base/color/neutral/3",
     "collection": "mode",
     "mode": "dark",
     "group": "component (internal)",
@@ -4010,7 +3543,7 @@
     },
     "type": "COLOR",
     "refId": "mode/sideNav/bgColor/selected",
-    "reference": "base/color/dark/base/color/neutral/2",
+    "reference": "base/color/dark/base/color/neutral/3",
     "collection": "mode",
     "mode": "dark",
     "group": "component (internal)",
@@ -4043,7 +3576,7 @@
     "type": "COLOR",
     "alpha": 0.4,
     "refId": "mode/overlay/backdrop/bgColor",
-    "reference": "base/color/dark/base/color/neutral/2",
+    "reference": "base/color/dark/base/color/neutral/3",
     "collection": "mode",
     "mode": "dark",
     "group": "component (internal)",
@@ -4059,7 +3592,7 @@
     },
     "type": "COLOR",
     "refId": "mode/menu/bgColor/active",
-    "reference": "base/color/dark/base/color/neutral/1",
+    "reference": "base/color/dark/base/color/neutral/2",
     "collection": "mode",
     "mode": "dark",
     "group": "component (internal)",
@@ -4098,22 +3631,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/dark/base/color/white",
-    "collection": "mode",
-    "mode": "dark",
-    "group": "component (internal)",
-    "scopes": ["TEXT_FILL", "SHAPE_FILL"]
-  },
   {
     "name": "buttonCounter/danger/bgColor/rest",
     "value": {
@@ -4131,23 +3648,6 @@
     "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/dark/base/color/white",
-    "collection": "mode",
-    "mode": "dark",
-    "group": "component (internal)",
-    "scopes": ["FRAME_FILL", "SHAPE_FILL"]
-  },
   {
     "name": "buttonCounter/outline/fgColor/hover",
     "value": {
@@ -4241,7 +3741,7 @@
     },
     "type": "COLOR",
     "refId": "mode/buttonCounter/default/bgColor/rest",
-    "reference": "base/color/dark/base/color/neutral/5",
+    "reference": "base/color/dark/base/color/neutral/6",
     "collection": "mode",
     "mode": "dark",
     "group": "component (internal)",
@@ -4273,7 +3773,7 @@
     },
     "type": "COLOR",
     "refId": "mode/button/inactive/bgColor",
-    "reference": "base/color/dark/base/color/neutral/3",
+    "reference": "base/color/dark/base/color/neutral/4",
     "collection": "mode",
     "mode": "dark",
     "group": "component (internal)",
@@ -4289,7 +3789,7 @@
     },
     "type": "COLOR",
     "refId": "mode/button/inactive/fgColor",
-    "reference": "base/color/dark/base/color/neutral/8",
+    "reference": "base/color/dark/base/color/neutral/9",
     "collection": "mode",
     "mode": "dark",
     "group": "component (internal)",
@@ -4378,54 +3878,6 @@
     "group": "component (internal)",
     "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/dark/base/color/white",
-    "collection": "mode",
-    "mode": "dark",
-    "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/dark/base/color/white",
-    "collection": "mode",
-    "mode": "dark",
-    "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/dark/base/color/white",
-    "collection": "mode",
-    "mode": "dark",
-    "group": "component (internal)",
-    "scopes": ["TEXT_FILL", "SHAPE_FILL"]
-  },
   {
     "name": "button/outline/shadow/selected/offsetX",
     "value": 0,
@@ -4502,28 +3954,12 @@
     },
     "type": "COLOR",
     "refId": "mode/button/outline/bgColor/rest",
-    "reference": "base/color/dark/base/color/neutral/11",
+    "reference": "base/color/dark/base/color/neutral/12",
     "collection": "mode",
     "mode": "dark",
     "group": "component (internal)",
     "scopes": ["FRAME_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/dark/base/color/white",
-    "collection": "mode",
-    "mode": "dark",
-    "group": "component (internal)",
-    "scopes": ["TEXT_FILL", "SHAPE_FILL"]
-  },
   {
     "name": "button/outline/fgColor/hover",
     "value": {
@@ -4601,27 +4037,10 @@
       "a": 0
     },
     "type": "COLOR",
-    "scopes": ["EFFECT_COLOR"],
-    "mode": "dark",
-    "collection": "mode",
-    "group": "component shadow"
-  },
-  {
-    "name": "button/primary/borderColor/rest",
-    "value": {
-      "r": 1,
-      "g": 1,
-      "b": 1,
-      "a": 0.1
-    },
-    "type": "COLOR",
-    "alpha": 0.1,
-    "refId": "mode/button/primary/borderColor/rest",
-    "reference": "base/color/dark/base/color/white",
-    "collection": "mode",
+    "scopes": ["EFFECT_COLOR"],
     "mode": "dark",
-    "group": "component (internal)",
-    "scopes": ["STROKE_COLOR"]
+    "collection": "mode",
+    "group": "component shadow"
   },
   {
     "name": "button/primary/bgColor/disabled",
@@ -4640,23 +4059,6 @@
     "group": "component (internal)",
     "scopes": ["FRAME_FILL", "SHAPE_FILL"]
   },
-  {
-    "name": "button/primary/fgColor/disabled",
-    "value": {
-      "r": 1,
-      "g": 1,
-      "b": 1,
-      "a": 0.4
-    },
-    "type": "COLOR",
-    "alpha": 0.4,
-    "refId": "mode/button/primary/fgColor/disabled",
-    "reference": "base/color/dark/base/color/white",
-    "collection": "mode",
-    "mode": "dark",
-    "group": "component (internal)",
-    "scopes": ["TEXT_FILL", "SHAPE_FILL"]
-  },
   {
     "name": "button/default/shadow/resting/offsetX",
     "value": 0,
@@ -4723,22 +4125,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/dark/base/color/white",
-    "collection": "mode",
-    "mode": "dark",
-    "group": "component (internal)",
-    "scopes": ["FRAME_FILL", "SHAPE_FILL"]
-  },
   {
     "name": "controlTrack/bgColor/active",
     "value": {
@@ -4749,7 +4135,7 @@
     },
     "type": "COLOR",
     "refId": "mode/controlTrack/bgColor/active",
-    "reference": "base/color/dark/base/color/neutral/5",
+    "reference": "base/color/dark/base/color/neutral/6",
     "collection": "mode",
     "mode": "dark",
     "group": "component (internal)",
@@ -4765,7 +4151,7 @@
     },
     "type": "COLOR",
     "refId": "mode/controlTrack/bgColor/hover",
-    "reference": "base/color/dark/base/color/neutral/4",
+    "reference": "base/color/dark/base/color/neutral/5",
     "collection": "mode",
     "mode": "dark",
     "group": "component (internal)",
@@ -4781,7 +4167,7 @@
     },
     "type": "COLOR",
     "refId": "mode/controlTrack/bgColor/rest",
-    "reference": "base/color/dark/base/color/neutral/3",
+    "reference": "base/color/dark/base/color/neutral/4",
     "collection": "mode",
     "mode": "dark",
     "group": "component (internal)",
@@ -4862,7 +4248,7 @@
     "type": "COLOR",
     "alpha": 0.1,
     "refId": "mode/control/transparent/bgColor/selected",
-    "reference": "base/color/dark/base/color/neutral/7",
+    "reference": "base/color/dark/base/color/neutral/8",
     "collection": "mode",
     "mode": "dark",
     "group": "component",
@@ -4879,7 +4265,7 @@
     "type": "COLOR",
     "alpha": 0.25,
     "refId": "mode/control/transparent/bgColor/active",
-    "reference": "base/color/dark/base/color/neutral/7",
+    "reference": "base/color/dark/base/color/neutral/8",
     "collection": "mode",
     "mode": "dark",
     "group": "component",
@@ -4896,7 +4282,7 @@
     "type": "COLOR",
     "alpha": 0.2,
     "refId": "mode/control/transparent/bgColor/hover",
-    "reference": "base/color/dark/base/color/neutral/7",
+    "reference": "base/color/dark/base/color/neutral/8",
     "collection": "mode",
     "mode": "dark",
     "group": "component",
@@ -4928,7 +4314,7 @@
     },
     "type": "COLOR",
     "refId": "mode/control/borderColor/selected",
-    "reference": "base/color/dark/base/color/neutral/11",
+    "reference": "base/color/dark/base/color/neutral/12",
     "collection": "mode",
     "mode": "dark",
     "group": "component",
@@ -4944,7 +4330,7 @@
     },
     "type": "COLOR",
     "refId": "mode/control/bgColor/active",
-    "reference": "base/color/dark/base/color/neutral/4",
+    "reference": "base/color/dark/base/color/neutral/5",
     "collection": "mode",
     "mode": "dark",
     "group": "component",
@@ -4960,7 +4346,7 @@
     },
     "type": "COLOR",
     "refId": "mode/control/bgColor/hover",
-    "reference": "base/color/dark/base/color/neutral/3",
+    "reference": "base/color/dark/base/color/neutral/4",
     "collection": "mode",
     "mode": "dark",
     "group": "component",
@@ -4976,7 +4362,7 @@
     },
     "type": "COLOR",
     "refId": "mode/control/bgColor/rest",
-    "reference": "base/color/dark/base/color/neutral/2",
+    "reference": "base/color/dark/base/color/neutral/3",
     "collection": "mode",
     "mode": "dark",
     "group": "component",
@@ -4992,7 +4378,7 @@
     },
     "type": "COLOR",
     "refId": "mode/avatarStack/fade/bgColor/muted",
-    "reference": "base/color/dark/base/color/neutral/4",
+    "reference": "base/color/dark/base/color/neutral/5",
     "collection": "mode",
     "mode": "dark",
     "group": "component (internal)",
@@ -5008,7 +4394,7 @@
     },
     "type": "COLOR",
     "refId": "mode/avatarStack/fade/bgColor/default",
-    "reference": "base/color/dark/base/color/neutral/6",
+    "reference": "base/color/dark/base/color/neutral/7",
     "collection": "mode",
     "mode": "dark",
     "group": "component (internal)",
@@ -5064,23 +4450,6 @@
     "collection": "mode",
     "group": "component shadow"
   },
-  {
-    "name": "avatar/bgColor",
-    "value": {
-      "r": 1,
-      "g": 1,
-      "b": 1,
-      "a": 0.1
-    },
-    "type": "COLOR",
-    "alpha": 0.1,
-    "refId": "mode/avatar/bgColor",
-    "reference": "base/color/dark/base/color/white",
-    "collection": "mode",
-    "mode": "dark",
-    "group": "component (internal)",
-    "scopes": ["FRAME_FILL", "SHAPE_FILL"]
-  },
   {
     "name": "display/pink/borderColor/emphasis",
     "value": {
@@ -6931,7 +6300,7 @@
     },
     "type": "COLOR",
     "refId": "mode/headerSearch/borderColor",
-    "reference": "base/color/dark/base/color/neutral/4",
+    "reference": "base/color/dark/base/color/neutral/5",
     "collection": "mode",
     "mode": "dark",
     "group": "component (internal)",
@@ -6947,7 +6316,7 @@
     },
     "type": "COLOR",
     "refId": "mode/headerSearch/bgColor",
-    "reference": "base/color/dark/base/color/neutral/0",
+    "reference": "base/color/dark/base/color/neutral/1",
     "collection": "mode",
     "mode": "dark",
     "group": "component (internal)",
@@ -6963,7 +6332,7 @@
     },
     "type": "COLOR",
     "refId": "mode/header/borderColor/divider",
-    "reference": "base/color/dark/base/color/neutral/7",
+    "reference": "base/color/dark/base/color/neutral/8",
     "collection": "mode",
     "mode": "dark",
     "group": "component (internal)",
@@ -6980,7 +6349,7 @@
     "type": "COLOR",
     "alpha": 0.95,
     "refId": "mode/header/bgColor",
-    "reference": "base/color/dark/base/color/neutral/1",
+    "reference": "base/color/dark/base/color/neutral/2",
     "collection": "mode",
     "mode": "dark",
     "group": "component (internal)",
@@ -6996,47 +6365,110 @@
     },
     "type": "COLOR",
     "refId": "mode/header/fgColor/logo",
-    "reference": "base/color/dark/base/color/neutral/11",
+    "reference": "base/color/dark/base/color/neutral/12",
     "collection": "mode",
     "mode": "dark",
     "group": "component (internal)",
     "scopes": ["TEXT_FILL", "SHAPE_FILL"]
   },
   {
-    "name": "header/fgColor/default",
+    "name": "codeMirror/syntax/fgColor/variable",
     "value": {
       "r": 1,
-      "g": 1,
+      "g": 0.6509803921568628,
+      "b": 0.3411764705882353,
+      "a": 1
+    },
+    "type": "COLOR",
+    "refId": "mode/codeMirror/syntax/fgColor/variable",
+    "reference": "base/color/dark/base/color/orange/2",
+    "collection": "mode",
+    "mode": "dark",
+    "group": "component",
+    "scopes": ["TEXT_FILL", "SHAPE_FILL"]
+  },
+  {
+    "name": "codeMirror/syntax/fgColor/support",
+    "value": {
+      "r": 0.4745098039215686,
+      "g": 0.7529411764705882,
       "b": 1,
-      "a": 0.7
+      "a": 1
     },
     "type": "COLOR",
-    "alpha": 0.7,
-    "refId": "mode/header/fgColor/default",
-    "reference": "base/color/dark/base/color/white",
+    "refId": "mode/codeMirror/syntax/fgColor/support",
+    "reference": "base/color/dark/base/color/blue/2",
     "collection": "mode",
     "mode": "dark",
-    "group": "component (internal)",
+    "group": "component",
     "scopes": ["TEXT_FILL", "SHAPE_FILL"]
   },
   {
-    "name": "codeMirror/syntax/fgColor/variable",
+    "name": "codeMirror/syntax/fgColor/string",
+    "value": {
+      "r": 0.6470588235294118,
+      "g": 0.8392156862745098,
+      "b": 1,
+      "a": 1
+    },
+    "type": "COLOR",
+    "refId": "mode/codeMirror/syntax/fgColor/string",
+    "reference": "base/color/dark/base/color/blue/1",
+    "collection": "mode",
+    "mode": "dark",
+    "group": "component",
+    "scopes": ["TEXT_FILL", "SHAPE_FILL"]
+  },
+  {
+    "name": "codeMirror/syntax/fgColor/storage",
     "value": {
       "r": 1,
-      "g": 0.6509803921568628,
-      "b": 0.3411764705882353,
+      "g": 0.4823529411764706,
+      "b": 0.4470588235294118,
       "a": 1
     },
     "type": "COLOR",
-    "refId": "mode/codeMirror/syntax/fgColor/variable",
-    "reference": "base/color/dark/base/color/orange/2",
+    "refId": "mode/codeMirror/syntax/fgColor/storage",
+    "reference": "base/color/dark/base/color/red/3",
     "collection": "mode",
     "mode": "dark",
     "group": "component",
     "scopes": ["TEXT_FILL", "SHAPE_FILL"]
   },
   {
-    "name": "codeMirror/syntax/fgColor/support",
+    "name": "codeMirror/syntax/fgColor/keyword",
+    "value": {
+      "r": 1,
+      "g": 0.4823529411764706,
+      "b": 0.4470588235294118,
+      "a": 1
+    },
+    "type": "COLOR",
+    "refId": "mode/codeMirror/syntax/fgColor/keyword",
+    "reference": "base/color/dark/base/color/red/3",
+    "collection": "mode",
+    "mode": "dark",
+    "group": "component",
+    "scopes": ["TEXT_FILL", "SHAPE_FILL"]
+  },
+  {
+    "name": "codeMirror/syntax/fgColor/entity",
+    "value": {
+      "r": 0.8235294117647058,
+      "g": 0.6588235294117647,
+      "b": 1,
+      "a": 1
+    },
+    "type": "COLOR",
+    "refId": "mode/codeMirror/syntax/fgColor/entity",
+    "reference": "base/color/dark/base/color/purple/2",
+    "collection": "mode",
+    "mode": "dark",
+    "group": "component",
+    "scopes": ["TEXT_FILL", "SHAPE_FILL"]
+  },
+  {
+    "name": "codeMirror/syntax/fgColor/constant",
     "value": {
       "r": 0.4745098039215686,
       "g": 0.7529411764705882,
@@ -7044,243 +6476,479 @@
       "a": 1
     },
     "type": "COLOR",
-    "refId": "mode/codeMirror/syntax/fgColor/support",
+    "refId": "mode/codeMirror/syntax/fgColor/constant",
     "reference": "base/color/dark/base/color/blue/2",
     "collection": "mode",
     "mode": "dark",
     "group": "component",
-    "scopes": ["TEXT_FILL", "SHAPE_FILL"]
+    "scopes": ["TEXT_FILL", "SHAPE_FILL"]
+  },
+  {
+    "name": "codeMirror/syntax/fgColor/comment",
+    "value": {
+      "r": 0.396078431372549,
+      "g": 0.4235294117647059,
+      "b": 0.4627450980392157,
+      "a": 1
+    },
+    "type": "COLOR",
+    "refId": "mode/codeMirror/syntax/fgColor/comment",
+    "reference": "base/color/dark/base/color/neutral/8",
+    "collection": "mode",
+    "mode": "dark",
+    "group": "component",
+    "scopes": ["TEXT_FILL", "SHAPE_FILL"]
+  },
+  {
+    "name": "diffBlob/deletion/bgColor/word",
+    "value": {
+      "r": 0.9725490196078431,
+      "g": 0.3176470588235294,
+      "b": 0.28627450980392155,
+      "a": 0.4
+    },
+    "type": "COLOR",
+    "alpha": 0.4,
+    "refId": "mode/diffBlob/deletion/bgColor/word",
+    "reference": "base/color/dark/base/color/red/4",
+    "collection": "mode",
+    "mode": "dark",
+    "group": "component",
+    "scopes": ["FRAME_FILL", "SHAPE_FILL"]
+  },
+  {
+    "name": "diffBlob/deletion/bgColor/line",
+    "value": {
+      "r": 0.9725490196078431,
+      "g": 0.3176470588235294,
+      "b": 0.28627450980392155,
+      "a": 0.15
+    },
+    "type": "COLOR",
+    "alpha": 0.15,
+    "refId": "mode/diffBlob/deletion/bgColor/line",
+    "reference": "base/color/dark/base/color/red/4",
+    "collection": "mode",
+    "mode": "dark",
+    "group": "component",
+    "scopes": ["FRAME_FILL", "SHAPE_FILL"]
+  },
+  {
+    "name": "diffBlob/deletion/bgColor/num",
+    "value": {
+      "r": 0.9725490196078431,
+      "g": 0.3176470588235294,
+      "b": 0.28627450980392155,
+      "a": 0.3
+    },
+    "type": "COLOR",
+    "alpha": 0.3,
+    "refId": "mode/diffBlob/deletion/bgColor/num",
+    "reference": "base/color/dark/base/color/red/4",
+    "collection": "mode",
+    "mode": "dark",
+    "group": "component",
+    "scopes": ["FRAME_FILL", "SHAPE_FILL"]
+  },
+  {
+    "name": "diffBlob/addition/bgColor/word",
+    "value": {
+      "r": 0.1803921568627451,
+      "g": 0.6274509803921569,
+      "b": 0.2627450980392157,
+      "a": 0.4
+    },
+    "type": "COLOR",
+    "alpha": 0.4,
+    "refId": "mode/diffBlob/addition/bgColor/word",
+    "reference": "base/color/dark/base/color/green/4",
+    "collection": "mode",
+    "mode": "dark",
+    "group": "component",
+    "scopes": ["FRAME_FILL", "SHAPE_FILL"]
   },
   {
-    "name": "codeMirror/syntax/fgColor/string",
+    "name": "diffBlob/addition/bgColor/line",
     "value": {
-      "r": 0.6470588235294118,
-      "g": 0.8392156862745098,
-      "b": 1,
-      "a": 1
+      "r": 0.1803921568627451,
+      "g": 0.6274509803921569,
+      "b": 0.2627450980392157,
+      "a": 0.15
     },
     "type": "COLOR",
-    "refId": "mode/codeMirror/syntax/fgColor/string",
-    "reference": "base/color/dark/base/color/blue/1",
+    "alpha": 0.15,
+    "refId": "mode/diffBlob/addition/bgColor/line",
+    "reference": "base/color/dark/base/color/green/4",
     "collection": "mode",
     "mode": "dark",
     "group": "component",
-    "scopes": ["TEXT_FILL", "SHAPE_FILL"]
+    "scopes": ["FRAME_FILL", "SHAPE_FILL"]
   },
   {
-    "name": "codeMirror/syntax/fgColor/storage",
+    "name": "diffBlob/addition/bgColor/num",
     "value": {
-      "r": 1,
-      "g": 0.4823529411764706,
-      "b": 0.4470588235294118,
-      "a": 1
+      "r": 0.24705882352941178,
+      "g": 0.7254901960784313,
+      "b": 0.3137254901960784,
+      "a": 0.3
     },
     "type": "COLOR",
-    "refId": "mode/codeMirror/syntax/fgColor/storage",
-    "reference": "base/color/dark/base/color/red/3",
+    "alpha": 0.3,
+    "refId": "mode/diffBlob/addition/bgColor/num",
+    "reference": "base/color/dark/base/color/green/3",
     "collection": "mode",
     "mode": "dark",
     "group": "component",
-    "scopes": ["TEXT_FILL", "SHAPE_FILL"]
+    "scopes": ["FRAME_FILL", "SHAPE_FILL"]
   },
   {
-    "name": "codeMirror/syntax/fgColor/keyword",
+    "name": "highlight/neutral/bgColor",
     "value": {
-      "r": 1,
-      "g": 0.4823529411764706,
-      "b": 0.4470588235294118,
-      "a": 1
+      "r": 0.8235294117647058,
+      "g": 0.6,
+      "b": 0.13333333333333333,
+      "a": 0.4
     },
     "type": "COLOR",
-    "refId": "mode/codeMirror/syntax/fgColor/keyword",
-    "reference": "base/color/dark/base/color/red/3",
+    "alpha": 0.4,
+    "refId": "mode/highlight/neutral/bgColor",
+    "reference": "base/color/dark/base/color/yellow/3",
     "collection": "mode",
     "mode": "dark",
     "group": "component",
-    "scopes": ["TEXT_FILL", "SHAPE_FILL"]
+    "scopes": ["FRAME_FILL", "SHAPE_FILL"]
   },
   {
-    "name": "codeMirror/syntax/fgColor/entity",
+    "name": "topicTag/borderColor",
     "value": {
-      "r": 0.8235294117647058,
-      "g": 0.6588235294117647,
-      "b": 1,
-      "a": 1
+      "r": 0,
+      "g": 0,
+      "b": 0,
+      "a": 0
     },
     "type": "COLOR",
-    "refId": "mode/codeMirror/syntax/fgColor/entity",
-    "reference": "base/color/dark/base/color/purple/2",
+    "refId": "mode/topicTag/borderColor",
+    "reference": "base/color/dark/base/color/transparent",
     "collection": "mode",
     "mode": "dark",
     "group": "component",
-    "scopes": ["TEXT_FILL", "SHAPE_FILL"]
+    "scopes": ["STROKE_COLOR"]
   },
   {
-    "name": "codeMirror/syntax/fgColor/constant",
+    "name": "shadow/floating/legacy/1/offsetX",
+    "value": 0,
+    "type": "FLOAT",
+    "scopes": ["EFFECT_FLOAT"],
+    "mode": "dark",
+    "collection": "mode",
+    "group": "shadow"
+  },
+  {
+    "name": "shadow/floating/legacy/1/offsetY",
+    "value": 6,
+    "type": "FLOAT",
+    "scopes": ["EFFECT_FLOAT"],
+    "mode": "dark",
+    "collection": "mode",
+    "group": "shadow"
+  },
+  {
+    "name": "shadow/floating/legacy/1/blur",
+    "value": 12,
+    "type": "FLOAT",
+    "scopes": ["EFFECT_FLOAT"],
+    "mode": "dark",
+    "collection": "mode",
+    "group": "shadow"
+  },
+  {
+    "name": "shadow/floating/legacy/1/spread",
+    "value": -3,
+    "type": "FLOAT",
+    "scopes": ["EFFECT_FLOAT"],
+    "mode": "dark",
+    "collection": "mode",
+    "group": "shadow"
+  },
+  {
+    "name": "shadow/floating/legacy/1/color",
     "value": {
-      "r": 0.4745098039215686,
-      "g": 0.7529411764705882,
-      "b": 1,
-      "a": 1
+      "r": 0.00392156862745098,
+      "g": 0.01568627450980392,
+      "b": 0.03529411764705882,
+      "a": 0.4
     },
     "type": "COLOR",
-    "refId": "mode/codeMirror/syntax/fgColor/constant",
-    "reference": "base/color/dark/base/color/blue/2",
+    "scopes": ["EFFECT_COLOR"],
+    "mode": "dark",
     "collection": "mode",
+    "group": "shadow"
+  },
+  {
+    "name": "shadow/floating/legacy/2/offsetX",
+    "value": 0,
+    "type": "FLOAT",
+    "scopes": ["EFFECT_FLOAT"],
     "mode": "dark",
-    "group": "component",
-    "scopes": ["TEXT_FILL", "SHAPE_FILL"]
+    "collection": "mode",
+    "group": "shadow"
   },
   {
-    "name": "codeMirror/syntax/fgColor/comment",
+    "name": "shadow/floating/legacy/2/offsetY",
+    "value": 6,
+    "type": "FLOAT",
+    "scopes": ["EFFECT_FLOAT"],
+    "mode": "dark",
+    "collection": "mode",
+    "group": "shadow"
+  },
+  {
+    "name": "shadow/floating/legacy/2/blur",
+    "value": 18,
+    "type": "FLOAT",
+    "scopes": ["EFFECT_FLOAT"],
+    "mode": "dark",
+    "collection": "mode",
+    "group": "shadow"
+  },
+  {
+    "name": "shadow/floating/legacy/2/spread",
+    "value": 0,
+    "type": "FLOAT",
+    "scopes": ["EFFECT_FLOAT"],
+    "mode": "dark",
+    "collection": "mode",
+    "group": "shadow"
+  },
+  {
+    "name": "shadow/floating/legacy/2/color",
     "value": {
-      "r": 0.396078431372549,
-      "g": 0.4235294117647059,
-      "b": 0.4627450980392157,
-      "a": 1
+      "r": 0.00392156862745098,
+      "g": 0.01568627450980392,
+      "b": 0.03529411764705882,
+      "a": 0.4
     },
     "type": "COLOR",
-    "refId": "mode/codeMirror/syntax/fgColor/comment",
-    "reference": "base/color/dark/base/color/neutral/7",
+    "scopes": ["EFFECT_COLOR"],
+    "mode": "dark",
+    "collection": "mode",
+    "group": "shadow"
+  },
+  {
+    "name": "shadow/resting/medium/offsetX",
+    "value": 0,
+    "type": "FLOAT",
+    "scopes": ["EFFECT_FLOAT"],
+    "mode": "dark",
     "collection": "mode",
+    "group": "shadow"
+  },
+  {
+    "name": "shadow/resting/medium/offsetY",
+    "value": 3,
+    "type": "FLOAT",
+    "scopes": ["EFFECT_FLOAT"],
     "mode": "dark",
-    "group": "component",
-    "scopes": ["TEXT_FILL", "SHAPE_FILL"]
+    "collection": "mode",
+    "group": "shadow"
   },
   {
-    "name": "diffBlob/deletion/bgColor/word",
+    "name": "shadow/resting/medium/blur",
+    "value": 6,
+    "type": "FLOAT",
+    "scopes": ["EFFECT_FLOAT"],
+    "mode": "dark",
+    "collection": "mode",
+    "group": "shadow"
+  },
+  {
+    "name": "shadow/resting/medium/spread",
+    "value": 0,
+    "type": "FLOAT",
+    "scopes": ["EFFECT_FLOAT"],
+    "mode": "dark",
+    "collection": "mode",
+    "group": "shadow"
+  },
+  {
+    "name": "shadow/resting/medium/color",
     "value": {
-      "r": 0.9725490196078431,
-      "g": 0.3176470588235294,
-      "b": 0.28627450980392155,
-      "a": 0.4
+      "r": 0.00392156862745098,
+      "g": 0.01568627450980392,
+      "b": 0.03529411764705882,
+      "a": 0.8
     },
     "type": "COLOR",
-    "alpha": 0.4,
-    "refId": "mode/diffBlob/deletion/bgColor/word",
-    "reference": "base/color/dark/base/color/red/4",
+    "scopes": ["EFFECT_COLOR"],
+    "mode": "dark",
     "collection": "mode",
+    "group": "shadow"
+  },
+  {
+    "name": "shadow/resting/small/offsetX",
+    "value": 0,
+    "type": "FLOAT",
+    "scopes": ["EFFECT_FLOAT"],
+    "mode": "dark",
+    "collection": "mode",
+    "group": "shadow"
+  },
+  {
+    "name": "shadow/resting/small/offsetY",
+    "value": 1,
+    "type": "FLOAT",
+    "scopes": ["EFFECT_FLOAT"],
+    "mode": "dark",
+    "collection": "mode",
+    "group": "shadow"
+  },
+  {
+    "name": "shadow/resting/small/blur",
+    "value": 0,
+    "type": "FLOAT",
+    "scopes": ["EFFECT_FLOAT"],
+    "mode": "dark",
+    "collection": "mode",
+    "group": "shadow"
+  },
+  {
+    "name": "shadow/resting/small/spread",
+    "value": 0,
+    "type": "FLOAT",
+    "scopes": ["EFFECT_FLOAT"],
     "mode": "dark",
-    "group": "component",
-    "scopes": ["FRAME_FILL", "SHAPE_FILL"]
+    "collection": "mode",
+    "group": "shadow"
   },
   {
-    "name": "diffBlob/deletion/bgColor/line",
+    "name": "shadow/resting/small/color",
     "value": {
-      "r": 0.9725490196078431,
-      "g": 0.3176470588235294,
-      "b": 0.28627450980392155,
-      "a": 0.15
+      "r": 0.00392156862745098,
+      "g": 0.01568627450980392,
+      "b": 0.03529411764705882,
+      "a": 0.4
     },
     "type": "COLOR",
-    "alpha": 0.15,
-    "refId": "mode/diffBlob/deletion/bgColor/line",
-    "reference": "base/color/dark/base/color/red/4",
-    "collection": "mode",
+    "scopes": ["EFFECT_COLOR"],
     "mode": "dark",
-    "group": "component",
-    "scopes": ["FRAME_FILL", "SHAPE_FILL"]
+    "collection": "mode",
+    "group": "shadow"
   },
   {
-    "name": "diffBlob/deletion/bgColor/num",
-    "value": {
-      "r": 0.9725490196078431,
-      "g": 0.3176470588235294,
-      "b": 0.28627450980392155,
-      "a": 0.3
-    },
-    "type": "COLOR",
-    "alpha": 0.3,
-    "refId": "mode/diffBlob/deletion/bgColor/num",
-    "reference": "base/color/dark/base/color/red/4",
+    "name": "shadow/resting/xsmall/offsetX",
+    "value": 0,
+    "type": "FLOAT",
+    "scopes": ["EFFECT_FLOAT"],
+    "mode": "dark",
     "collection": "mode",
+    "group": "shadow"
+  },
+  {
+    "name": "shadow/resting/xsmall/offsetY",
+    "value": 1,
+    "type": "FLOAT",
+    "scopes": ["EFFECT_FLOAT"],
     "mode": "dark",
-    "group": "component",
-    "scopes": ["FRAME_FILL", "SHAPE_FILL"]
+    "collection": "mode",
+    "group": "shadow"
   },
   {
-    "name": "diffBlob/addition/bgColor/word",
-    "value": {
-      "r": 0.1803921568627451,
-      "g": 0.6274509803921569,
-      "b": 0.2627450980392157,
-      "a": 0.4
-    },
-    "type": "COLOR",
-    "alpha": 0.4,
-    "refId": "mode/diffBlob/addition/bgColor/word",
-    "reference": "base/color/dark/base/color/green/4",
+    "name": "shadow/resting/xsmall/blur",
+    "value": 0,
+    "type": "FLOAT",
+    "scopes": ["EFFECT_FLOAT"],
+    "mode": "dark",
     "collection": "mode",
+    "group": "shadow"
+  },
+  {
+    "name": "shadow/resting/xsmall/spread",
+    "value": 0,
+    "type": "FLOAT",
+    "scopes": ["EFFECT_FLOAT"],
     "mode": "dark",
-    "group": "component",
-    "scopes": ["FRAME_FILL", "SHAPE_FILL"]
+    "collection": "mode",
+    "group": "shadow"
   },
   {
-    "name": "diffBlob/addition/bgColor/line",
+    "name": "shadow/resting/xsmall/color",
     "value": {
-      "r": 0.1803921568627451,
-      "g": 0.6274509803921569,
-      "b": 0.2627450980392157,
-      "a": 0.15
+      "r": 0.00392156862745098,
+      "g": 0.01568627450980392,
+      "b": 0.03529411764705882,
+      "a": 0.8
     },
     "type": "COLOR",
-    "alpha": 0.15,
-    "refId": "mode/diffBlob/addition/bgColor/line",
-    "reference": "base/color/dark/base/color/green/4",
+    "scopes": ["EFFECT_COLOR"],
+    "mode": "dark",
+    "collection": "mode",
+    "group": "shadow"
+  },
+  {
+    "name": "shadow/inset/offsetX",
+    "value": 0,
+    "type": "FLOAT",
+    "scopes": ["EFFECT_FLOAT"],
+    "mode": "dark",
     "collection": "mode",
+    "group": "shadow"
+  },
+  {
+    "name": "shadow/inset/offsetY",
+    "value": 1,
+    "type": "FLOAT",
+    "scopes": ["EFFECT_FLOAT"],
     "mode": "dark",
-    "group": "component",
-    "scopes": ["FRAME_FILL", "SHAPE_FILL"]
+    "collection": "mode",
+    "group": "shadow"
   },
   {
-    "name": "diffBlob/addition/bgColor/num",
-    "value": {
-      "r": 0.24705882352941178,
-      "g": 0.7254901960784313,
-      "b": 0.3137254901960784,
-      "a": 0.3
-    },
-    "type": "COLOR",
-    "alpha": 0.3,
-    "refId": "mode/diffBlob/addition/bgColor/num",
-    "reference": "base/color/dark/base/color/green/3",
+    "name": "shadow/inset/blur",
+    "value": 0,
+    "type": "FLOAT",
+    "scopes": ["EFFECT_FLOAT"],
+    "mode": "dark",
     "collection": "mode",
+    "group": "shadow"
+  },
+  {
+    "name": "shadow/inset/spread",
+    "value": 0,
+    "type": "FLOAT",
+    "scopes": ["EFFECT_FLOAT"],
     "mode": "dark",
-    "group": "component",
-    "scopes": ["FRAME_FILL", "SHAPE_FILL"]
+    "collection": "mode",
+    "group": "shadow"
   },
   {
-    "name": "highlight/neutral/bgColor",
+    "name": "shadow/inset/color",
     "value": {
-      "r": 0.8235294117647058,
-      "g": 0.6,
-      "b": 0.13333333333333333,
-      "a": 0.4
+      "r": 0.00392156862745098,
+      "g": 0.01568627450980392,
+      "b": 0.03529411764705882,
+      "a": 0.24
     },
     "type": "COLOR",
-    "alpha": 0.4,
-    "refId": "mode/highlight/neutral/bgColor",
-    "reference": "base/color/dark/base/color/yellow/3",
-    "collection": "mode",
+    "scopes": ["EFFECT_COLOR"],
     "mode": "dark",
-    "group": "component",
-    "scopes": ["FRAME_FILL", "SHAPE_FILL"]
+    "collection": "mode",
+    "group": "shadow"
   },
   {
-    "name": "topicTag/borderColor",
+    "name": "color/ansi/white-bright",
     "value": {
-      "r": 0,
-      "g": 0,
-      "b": 0,
-      "a": 0
+      "r": 1,
+      "g": 1,
+      "b": 1,
+      "a": 1
     },
     "type": "COLOR",
-    "refId": "mode/topicTag/borderColor",
-    "reference": "base/color/dark/base/color/transparent",
+    "refId": "mode/color/ansi/white-bright",
+    "reference": "base/color/dark/base/color/neutral/13",
     "collection": "mode",
     "mode": "dark",
-    "group": "component",
-    "scopes": ["STROKE_COLOR"]
+    "group": "syntax",
+    "scopes": ["ALL_SCOPES"]
   },
   {
     "name": "borderColor/upsell-emphasis",
@@ -7415,6 +7083,23 @@
     "group": "semantic",
     "scopes": ["STROKE_COLOR"]
   },
+  {
+    "name": "borderColor/translucent",
+    "value": {
+      "r": 1,
+      "g": 1,
+      "b": 1,
+      "a": 0.15
+    },
+    "type": "COLOR",
+    "alpha": 0.15,
+    "refId": "mode/borderColor/translucent",
+    "reference": "base/color/dark/base/color/neutral/13",
+    "collection": "mode",
+    "mode": "dark",
+    "group": "component (internal)",
+    "scopes": ["STROKE_COLOR"]
+  },
   {
     "name": "borderColor/muted",
     "value": {
@@ -7541,15 +7226,82 @@
       "a": 0.15
     },
     "type": "COLOR",
-    "alpha": 0.15,
-    "refId": "mode/bgColor/open-muted",
-    "reference": "mode/bgColor/success-muted",
+    "alpha": 0.15,
+    "refId": "mode/bgColor/open-muted",
+    "reference": "mode/bgColor/success-muted",
+    "collection": "mode",
+    "mode": "dark",
+    "group": "semantic",
+    "scopes": ["FRAME_FILL", "SHAPE_FILL"],
+    "codeSyntax": {
+      "web": "var(--bgColor-success-muted) /* utility class: .color-bg-success */"
+    }
+  },
+  {
+    "name": "bgColor/black",
+    "value": {
+      "r": 0.00392156862745098,
+      "g": 0.01568627450980392,
+      "b": 0.03529411764705882,
+      "a": 1
+    },
+    "type": "COLOR",
+    "refId": "mode/bgColor/black",
+    "reference": "base/color/dark/base/color/neutral/0",
+    "collection": "mode",
+    "mode": "dark",
+    "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/dark/base/color/neutral/13",
+    "collection": "mode",
+    "mode": "dark",
+    "group": "semantic",
+    "scopes": ["FRAME_FILL", "SHAPE_FILL"]
+  },
+  {
+    "name": "bgColor/inverse",
+    "value": {
+      "r": 1,
+      "g": 1,
+      "b": 1,
+      "a": 1
+    },
+    "type": "COLOR",
+    "refId": "mode/bgColor/inverse",
+    "reference": "base/color/dark/base/color/neutral/13",
+    "collection": "mode",
+    "mode": "dark",
+    "group": "semantic",
+    "scopes": ["FRAME_FILL", "SHAPE_FILL"]
+  },
+  {
+    "name": "bgColor/inset",
+    "value": {
+      "r": 0.00392156862745098,
+      "g": 0.01568627450980392,
+      "b": 0.03529411764705882,
+      "a": 1
+    },
+    "type": "COLOR",
+    "refId": "mode/bgColor/inset",
+    "reference": "base/color/dark/base/color/neutral/0",
     "collection": "mode",
     "mode": "dark",
     "group": "semantic",
-    "scopes": ["FRAME_FILL", "SHAPE_FILL"],
+    "scopes": ["FRAME_FILL", "SHAPE_FILL", "STROKE_COLOR"],
     "codeSyntax": {
-      "web": "var(--bgColor-success-muted) /* utility class: .color-bg-success */"
+      "web": "var(--bgColor-inset) /* utility class: .color-bg-inset */"
     }
   },
   {
@@ -7629,7 +7381,23 @@
     }
   },
   {
-    "name": "tooltip/fgColor",
+    "name": "fgColor/black",
+    "value": {
+      "r": 0.00392156862745098,
+      "g": 0.01568627450980392,
+      "b": 0.03529411764705882,
+      "a": 1
+    },
+    "type": "COLOR",
+    "refId": "mode/fgColor/black",
+    "reference": "base/color/dark/base/color/neutral/0",
+    "collection": "mode",
+    "mode": "dark",
+    "group": "semantic",
+    "scopes": ["TEXT_FILL", "SHAPE_FILL"]
+  },
+  {
+    "name": "fgColor/white",
     "value": {
       "r": 1,
       "g": 1,
@@ -7637,13 +7405,48 @@
       "a": 1
     },
     "type": "COLOR",
-    "refId": "mode/tooltip/fgColor",
-    "reference": "mode/fgColor/onEmphasis",
+    "refId": "mode/fgColor/white",
+    "reference": "base/color/dark/base/color/neutral/13",
     "collection": "mode",
     "mode": "dark",
-    "group": "component",
+    "group": "semantic",
+    "scopes": ["TEXT_FILL", "SHAPE_FILL"]
+  },
+  {
+    "name": "fgColor/onInverse",
+    "value": {
+      "r": 0.00392156862745098,
+      "g": 0.01568627450980392,
+      "b": 0.03529411764705882,
+      "a": 1
+    },
+    "type": "COLOR",
+    "refId": "mode/fgColor/onInverse",
+    "reference": "base/color/dark/base/color/neutral/0",
+    "collection": "mode",
+    "mode": "dark",
+    "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/dark/base/color/neutral/13",
+    "collection": "mode",
+    "mode": "dark",
+    "group": "semantic",
+    "scopes": ["TEXT_FILL", "SHAPE_FILL"],
+    "codeSyntax": {
+      "web": "var(--fgColor-onEmphasis) /* utility class: .color-fg-on-emphasis */"
+    }
+  },
   {
     "name": "tooltip/bgColor",
     "value": {
@@ -7808,6 +7611,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/dark/base/color/neutral/13",
+    "collection": "mode",
+    "mode": "dark",
+    "group": "component (internal)",
+    "scopes": ["TEXT_FILL", "SHAPE_FILL"]
+  },
   {
     "name": "buttonCounter/danger/fgColor/rest",
     "value": {
@@ -7841,6 +7660,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/dark/base/color/neutral/13",
+    "collection": "mode",
+    "mode": "dark",
+    "group": "component (internal)",
+    "scopes": ["FRAME_FILL", "SHAPE_FILL"]
+  },
   {
     "name": "buttonCounter/outline/fgColor/disabled",
     "value": {
@@ -7878,13 +7714,12 @@
   {
     "name": "buttonCounter/invisible/bgColor/rest",
     "value": {
-      "r": 0.1843137254901961,
-      "g": 0.21568627450980393,
-      "b": 0.25882352941176473,
-      "a": 1
+      "r": 0.396078431372549,
+      "g": 0.4235294117647059,
+      "b": 0.4627450980392157,
+      "a": 0.2
     },
     "type": "COLOR",
-    "alpha": 1,
     "refId": "mode/buttonCounter/invisible/bgColor/rest",
     "reference": "mode/bgColor/neutral-muted",
     "collection": "mode",
@@ -7893,36 +7728,36 @@
     "scopes": ["FRAME_FILL", "SHAPE_FILL"]
   },
   {
-    "name": "button/danger/borderColor/hover",
+    "name": "button/danger/bgColor/rest",
     "value": {
-      "r": 1,
-      "g": 1,
-      "b": 1,
-      "a": 0.1
+      "r": 0.12941176470588237,
+      "g": 0.1568627450980392,
+      "b": 0.18823529411764706,
+      "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": "dark",
     "group": "component (internal)",
-    "scopes": ["STROKE_COLOR"]
+    "scopes": ["FRAME_FILL", "SHAPE_FILL"]
   },
   {
-    "name": "button/danger/bgColor/rest",
+    "name": "button/danger/iconColor/hover",
     "value": {
-      "r": 0.12941176470588237,
-      "g": 0.1568627450980392,
-      "b": 0.18823529411764706,
+      "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/dark/base/color/neutral/13",
     "collection": "mode",
     "mode": "dark",
     "group": "component (internal)",
-    "scopes": ["FRAME_FILL", "SHAPE_FILL"]
+    "scopes": ["TEXT_FILL", "SHAPE_FILL"]
   },
   {
     "name": "button/danger/iconColor/rest",
@@ -7957,6 +7792,38 @@
     "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/dark/base/color/neutral/13",
+    "collection": "mode",
+    "mode": "dark",
+    "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/dark/base/color/neutral/13",
+    "collection": "mode",
+    "mode": "dark",
+    "group": "component (internal)",
+    "scopes": ["TEXT_FILL", "SHAPE_FILL"]
+  },
   {
     "name": "button/danger/fgColor/rest",
     "value": {
@@ -8006,6 +7873,22 @@
     "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/dark/base/color/neutral/13",
+    "collection": "mode",
+    "mode": "dark",
+    "group": "component (internal)",
+    "scopes": ["TEXT_FILL", "SHAPE_FILL"]
+  },
   {
     "name": "button/invisible/borderColor/hover",
     "value": {
@@ -8167,23 +8050,7 @@
     "scopes": ["STROKE_COLOR"]
   },
   {
-    "name": "button/primary/borderColor/active",
-    "value": {
-      "r": 1,
-      "g": 1,
-      "b": 1,
-      "a": 0.1
-    },
-    "type": "COLOR",
-    "refId": "mode/button/primary/borderColor/active",
-    "reference": "mode/button/primary/borderColor/rest",
-    "collection": "mode",
-    "mode": "dark",
-    "group": "component (internal)",
-    "scopes": ["STROKE_COLOR"]
-  },
-  {
-    "name": "button/primary/borderColor/hover",
+    "name": "button/primary/borderColor/rest",
     "value": {
       "r": 1,
       "g": 1,
@@ -8191,8 +8058,9 @@
       "a": 0.1
     },
     "type": "COLOR",
-    "refId": "mode/button/primary/borderColor/hover",
-    "reference": "mode/button/primary/borderColor/rest",
+    "alpha": 0.1,
+    "refId": "mode/button/primary/borderColor/rest",
+    "reference": "base/color/dark/base/color/neutral/13",
     "collection": "mode",
     "mode": "dark",
     "group": "component (internal)",
@@ -8249,32 +8117,17 @@
     "scopes": ["FRAME_FILL", "SHAPE_FILL"]
   },
   {
-    "name": "button/primary/iconColor/rest",
-    "value": {
-      "r": 1,
-      "g": 1,
-      "b": 1,
-      "a": 1
-    },
-    "type": "COLOR",
-    "refId": "mode/button/primary/iconColor/rest",
-    "reference": "mode/fgColor/white",
-    "collection": "mode",
-    "mode": "dark",
-    "group": "component (internal)",
-    "scopes": ["TEXT_FILL", "SHAPE_FILL"]
-  },
-  {
-    "name": "button/primary/fgColor/rest",
+    "name": "button/primary/fgColor/disabled",
     "value": {
       "r": 1,
       "g": 1,
       "b": 1,
-      "a": 1
+      "a": 0.4
     },
     "type": "COLOR",
-    "refId": "mode/button/primary/fgColor/rest",
-    "reference": "mode/fgColor/white",
+    "alpha": 0.4,
+    "refId": "mode/button/primary/fgColor/disabled",
+    "reference": "base/color/dark/base/color/neutral/13",
     "collection": "mode",
     "mode": "dark",
     "group": "component (internal)",
@@ -8331,30 +8184,62 @@
   {
     "name": "button/default/bgColor/rest",
     "value": {
-      "r": 0.12941176470588237,
-      "g": 0.1568627450980392,
-      "b": 0.18823529411764706,
-      "a": 1
+      "r": 0.12941176470588237,
+      "g": 0.1568627450980392,
+      "b": 0.18823529411764706,
+      "a": 1
+    },
+    "type": "COLOR",
+    "refId": "mode/button/default/bgColor/rest",
+    "reference": "mode/control/bgColor/rest",
+    "collection": "mode",
+    "mode": "dark",
+    "group": "component (internal)",
+    "scopes": ["FRAME_FILL", "SHAPE_FILL"]
+  },
+  {
+    "name": "counter/bgColor/emphasis",
+    "value": {
+      "r": 0.396078431372549,
+      "g": 0.4235294117647059,
+      "b": 0.4627450980392157,
+      "a": 1
+    },
+    "type": "COLOR",
+    "refId": "mode/counter/bgColor/emphasis",
+    "reference": "mode/bgColor/neutral-emphasis",
+    "collection": "mode",
+    "mode": "dark",
+    "group": "component",
+    "scopes": ["FRAME_FILL", "SHAPE_FILL"]
+  },
+  {
+    "name": "counter/bgColor/muted",
+    "value": {
+      "r": 0.396078431372549,
+      "g": 0.4235294117647059,
+      "b": 0.4627450980392157,
+      "a": 0.2
     },
     "type": "COLOR",
-    "refId": "mode/button/default/bgColor/rest",
-    "reference": "mode/control/bgColor/rest",
+    "refId": "mode/counter/bgColor/muted",
+    "reference": "mode/bgColor/neutral-muted",
     "collection": "mode",
     "mode": "dark",
-    "group": "component (internal)",
+    "group": "component",
     "scopes": ["FRAME_FILL", "SHAPE_FILL"]
   },
   {
-    "name": "controlKnob/bgColor/rest",
+    "name": "controlKnob/bgColor/checked",
     "value": {
-      "r": 0.00392156862745098,
-      "g": 0.01568627450980392,
-      "b": 0.03529411764705882,
+      "r": 1,
+      "g": 1,
+      "b": 1,
       "a": 1
     },
     "type": "COLOR",
-    "refId": "mode/controlKnob/bgColor/rest",
-    "reference": "mode/bgColor/inset",
+    "refId": "mode/controlKnob/bgColor/checked",
+    "reference": "base/color/dark/base/color/neutral/13",
     "collection": "mode",
     "mode": "dark",
     "group": "component (internal)",
@@ -8392,22 +8277,6 @@
     "group": "component (internal)",
     "scopes": ["STROKE_COLOR"]
   },
-  {
-    "name": "controlTrack/fgColor/disabled",
-    "value": {
-      "r": 1,
-      "g": 1,
-      "b": 1,
-      "a": 1
-    },
-    "type": "COLOR",
-    "refId": "mode/controlTrack/fgColor/disabled",
-    "reference": "mode/fgColor/onEmphasis",
-    "collection": "mode",
-    "mode": "dark",
-    "group": "component (internal)",
-    "scopes": ["TEXT_FILL", "SHAPE_FILL"]
-  },
   {
     "name": "controlTrack/fgColor/rest",
     "value": {
@@ -8456,22 +8325,6 @@
     "group": "component",
     "scopes": ["TEXT_FILL", "SHAPE_FILL"]
   },
-  {
-    "name": "control/checked/fgColor/rest",
-    "value": {
-      "r": 1,
-      "g": 1,
-      "b": 1,
-      "a": 1
-    },
-    "type": "COLOR",
-    "refId": "mode/control/checked/fgColor/rest",
-    "reference": "mode/fgColor/onEmphasis",
-    "collection": "mode",
-    "mode": "dark",
-    "group": "component",
-    "scopes": ["TEXT_FILL", "SHAPE_FILL"]
-  },
   {
     "name": "control/checked/bgColor/disabled",
     "value": {
@@ -8796,20 +8649,38 @@
     "scopes": ["FRAME_FILL", "SHAPE_FILL"]
   },
   {
-    "name": "avatar/borderColor",
+    "name": "avatar/bgColor",
     "value": {
       "r": 1,
       "g": 1,
       "b": 1,
-      "a": 0.15
+      "a": 0.1
     },
     "type": "COLOR",
-    "refId": "mode/avatar/borderColor",
-    "reference": "mode/borderColor/translucent",
+    "alpha": 0.1,
+    "refId": "mode/avatar/bgColor",
+    "reference": "base/color/dark/base/color/neutral/13",
     "collection": "mode",
     "mode": "dark",
     "group": "component (internal)",
-    "scopes": ["STROKE_COLOR"]
+    "scopes": ["FRAME_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/dark/base/color/neutral/13",
+    "collection": "mode",
+    "mode": "dark",
+    "group": "component (internal)",
+    "scopes": ["TEXT_FILL", "SHAPE_FILL"]
   },
   {
     "name": "codeMirror/lines/bgColor",
@@ -8846,10 +8717,10 @@
   {
     "name": "codeMirror/activeline/bgColor",
     "value": {
-      "r": 0.1843137254901961,
-      "g": 0.21568627450980393,
-      "b": 0.25882352941176473,
-      "a": 0.7
+      "r": 0.396078431372549,
+      "g": 0.4235294117647059,
+      "b": 0.4627450980392157,
+      "a": 0.2
     },
     "type": "COLOR",
     "refId": "mode/codeMirror/activeline/bgColor",
@@ -9115,6 +8986,22 @@
     "group": "semantic",
     "scopes": ["STROKE_COLOR"]
   },
+  {
+    "name": "tooltip/fgColor",
+    "value": {
+      "r": 1,
+      "g": 1,
+      "b": 1,
+      "a": 1
+    },
+    "type": "COLOR",
+    "refId": "mode/tooltip/fgColor",
+    "reference": "mode/fgColor/onEmphasis",
+    "collection": "mode",
+    "mode": "dark",
+    "group": "component",
+    "scopes": ["TEXT_FILL", "SHAPE_FILL"]
+  },
   {
     "name": "overlay/borderColor",
     "value": {
@@ -9148,7 +9035,7 @@
     "scopes": ["TEXT_FILL", "SHAPE_FILL"]
   },
   {
-    "name": "button/danger/borderColor/active",
+    "name": "button/danger/borderColor/hover",
     "value": {
       "r": 1,
       "g": 1,
@@ -9156,8 +9043,8 @@
       "a": 0.1
     },
     "type": "COLOR",
-    "refId": "mode/button/danger/borderColor/active",
-    "reference": "mode/button/danger/borderColor/hover",
+    "refId": "mode/button/danger/borderColor/hover",
+    "reference": "mode/button/primary/borderColor/rest",
     "collection": "mode",
     "mode": "dark",
     "group": "component (internal)",
@@ -9275,6 +9162,70 @@
     "group": "component (internal)",
     "scopes": ["TEXT_FILL", "SHAPE_FILL"]
   },
+  {
+    "name": "button/primary/borderColor/active",
+    "value": {
+      "r": 1,
+      "g": 1,
+      "b": 1,
+      "a": 0.1
+    },
+    "type": "COLOR",
+    "refId": "mode/button/primary/borderColor/active",
+    "reference": "mode/button/primary/borderColor/rest",
+    "collection": "mode",
+    "mode": "dark",
+    "group": "component (internal)",
+    "scopes": ["STROKE_COLOR"]
+  },
+  {
+    "name": "button/primary/borderColor/hover",
+    "value": {
+      "r": 1,
+      "g": 1,
+      "b": 1,
+      "a": 0.1
+    },
+    "type": "COLOR",
+    "refId": "mode/button/primary/borderColor/hover",
+    "reference": "mode/button/primary/borderColor/rest",
+    "collection": "mode",
+    "mode": "dark",
+    "group": "component (internal)",
+    "scopes": ["STROKE_COLOR"]
+  },
+  {
+    "name": "button/primary/iconColor/rest",
+    "value": {
+      "r": 1,
+      "g": 1,
+      "b": 1,
+      "a": 1
+    },
+    "type": "COLOR",
+    "refId": "mode/button/primary/iconColor/rest",
+    "reference": "mode/fgColor/white",
+    "collection": "mode",
+    "mode": "dark",
+    "group": "component (internal)",
+    "scopes": ["TEXT_FILL", "SHAPE_FILL"]
+  },
+  {
+    "name": "button/primary/fgColor/rest",
+    "value": {
+      "r": 1,
+      "g": 1,
+      "b": 1,
+      "a": 1
+    },
+    "type": "COLOR",
+    "refId": "mode/button/primary/fgColor/rest",
+    "reference": "mode/fgColor/white",
+    "collection": "mode",
+    "mode": "dark",
+    "group": "component (internal)",
+    "scopes": ["TEXT_FILL", "SHAPE_FILL"]
+  },
   {
     "name": "button/default/borderColor/disabled",
     "value": {
@@ -9403,6 +9354,38 @@
     "group": "component (internal)",
     "scopes": ["FRAME_FILL", "SHAPE_FILL"]
   },
+  {
+    "name": "controlKnob/bgColor/rest",
+    "value": {
+      "r": 0.00392156862745098,
+      "g": 0.01568627450980392,
+      "b": 0.03529411764705882,
+      "a": 1
+    },
+    "type": "COLOR",
+    "refId": "mode/controlKnob/bgColor/rest",
+    "reference": "mode/bgColor/inset",
+    "collection": "mode",
+    "mode": "dark",
+    "group": "component (internal)",
+    "scopes": ["FRAME_FILL", "SHAPE_FILL"]
+  },
+  {
+    "name": "controlTrack/fgColor/disabled",
+    "value": {
+      "r": 1,
+      "g": 1,
+      "b": 1,
+      "a": 1
+    },
+    "type": "COLOR",
+    "refId": "mode/controlTrack/fgColor/disabled",
+    "reference": "mode/fgColor/onEmphasis",
+    "collection": "mode",
+    "mode": "dark",
+    "group": "component (internal)",
+    "scopes": ["TEXT_FILL", "SHAPE_FILL"]
+  },
   {
     "name": "control/checked/borderColor/disabled",
     "value": {
@@ -9467,6 +9450,38 @@
     "group": "component",
     "scopes": ["STROKE_COLOR"]
   },
+  {
+    "name": "control/checked/fgColor/rest",
+    "value": {
+      "r": 1,
+      "g": 1,
+      "b": 1,
+      "a": 1
+    },
+    "type": "COLOR",
+    "refId": "mode/control/checked/fgColor/rest",
+    "reference": "mode/fgColor/onEmphasis",
+    "collection": "mode",
+    "mode": "dark",
+    "group": "component",
+    "scopes": ["TEXT_FILL", "SHAPE_FILL"]
+  },
+  {
+    "name": "avatar/borderColor",
+    "value": {
+      "r": 1,
+      "g": 1,
+      "b": 1,
+      "a": 0.15
+    },
+    "type": "COLOR",
+    "refId": "mode/avatar/borderColor",
+    "reference": "mode/borderColor/translucent",
+    "collection": "mode",
+    "mode": "dark",
+    "group": "component (internal)",
+    "scopes": ["STROKE_COLOR"]
+  },
   {
     "name": "shadow/floating/xlarge/1/offsetX",
     "value": 0,
@@ -10083,6 +10098,22 @@
     "group": "component (internal)",
     "scopes": ["STROKE_COLOR"]
   },
+  {
+    "name": "button/danger/borderColor/active",
+    "value": {
+      "r": 1,
+      "g": 1,
+      "b": 1,
+      "a": 0.1
+    },
+    "type": "COLOR",
+    "refId": "mode/button/danger/borderColor/active",
+    "reference": "mode/button/danger/borderColor/hover",
+    "collection": "mode",
+    "mode": "dark",
+    "group": "component (internal)",
+    "scopes": ["STROKE_COLOR"]
+  },
   {
     "name": "button/default/borderColor/active",
     "value": {