npm - @primer/primitives - Versions diffs - 10.3.4 → 10.4.0-rc.26f84a31 - Mend

@primer/primitives 10.3.4 → 10.4.0-rc.26f84a31

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 (65) hide show

package/dist/css/functional/themes/dark-colorblind.css +36 -0
package/dist/css/functional/themes/dark-dimmed.css +36 -0
package/dist/css/functional/themes/dark-high-contrast.css +36 -0
package/dist/css/functional/themes/dark-tritanopia.css +36 -0
package/dist/css/functional/themes/dark.css +36 -0
package/dist/css/functional/themes/light-colorblind.css +36 -0
package/dist/css/functional/themes/light-high-contrast.css +36 -0
package/dist/css/functional/themes/light-tritanopia.css +36 -0
package/dist/css/functional/themes/light.css +36 -0
package/dist/docs/functional/themes/dark-colorblind.json +1305 -131
package/dist/docs/functional/themes/dark-dimmed.json +1414 -134
package/dist/docs/functional/themes/dark-high-contrast.json +1305 -105
package/dist/docs/functional/themes/dark-tritanopia.json +1284 -124
package/dist/docs/functional/themes/dark.json +1270 -124
package/dist/docs/functional/themes/light-colorblind.json +1292 -118
package/dist/docs/functional/themes/light-high-contrast.json +1274 -116
package/dist/docs/functional/themes/light-tritanopia.json +1283 -123
package/dist/docs/functional/themes/light.json +1267 -121
package/dist/figma/themes/dark-colorblind.json +1677 -1352
package/dist/figma/themes/dark-dimmed.json +1653 -1271
package/dist/figma/themes/dark-high-contrast.json +1656 -1299
package/dist/figma/themes/dark-tritanopia.json +1668 -1359
package/dist/figma/themes/dark.json +1606 -1313
package/dist/figma/themes/light-colorblind.json +1626 -1301
package/dist/figma/themes/light-high-contrast.json +1577 -1269
package/dist/figma/themes/light-tritanopia.json +1620 -1311
package/dist/figma/themes/light.json +1619 -1326
package/dist/internalCss/dark-colorblind.css +36 -0
package/dist/internalCss/dark-dimmed.css +36 -0
package/dist/internalCss/dark-high-contrast.css +36 -0
package/dist/internalCss/dark-tritanopia.css +36 -0
package/dist/internalCss/dark.css +36 -0
package/dist/internalCss/light-colorblind.css +36 -0
package/dist/internalCss/light-high-contrast.css +36 -0
package/dist/internalCss/light-tritanopia.css +36 -0
package/dist/internalCss/light.css +36 -0
package/dist/styleLint/functional/themes/dark-colorblind.json +1304 -130
package/dist/styleLint/functional/themes/dark-dimmed.json +1413 -133
package/dist/styleLint/functional/themes/dark-high-contrast.json +1306 -106
package/dist/styleLint/functional/themes/dark-tritanopia.json +1283 -123
package/dist/styleLint/functional/themes/dark.json +1269 -123
package/dist/styleLint/functional/themes/light-colorblind.json +1292 -118
package/dist/styleLint/functional/themes/light-high-contrast.json +1274 -116
package/dist/styleLint/functional/themes/light-tritanopia.json +1286 -126
package/dist/styleLint/functional/themes/light.json +1266 -120
package/package.json +1 -1
package/src/tokens/component/card.json5 +18 -0
package/src/tokens/{functional/color/light/app-light.json5 → component/codeMirror.json5} +67 -0
package/src/tokens/component/contribution.json5 +344 -0
package/src/tokens/component/counter.json5 +43 -0
package/src/tokens/component/tooltip.json5 +32 -0
package/src/tokens/functional/color/bgColor.json5 +24 -20
package/src/tokens/functional/color/dark/overrides/dark.dimmed.json5 +0 -24
package/src/tokens/functional/color/dark/overrides/dark.high-contrast.json5 +0 -40
package/src/tokens/functional/color/dark/overrides/dark.protanopia-deuteranopia.json5 +0 -14
package/src/tokens/functional/color/dark/overrides/dark.tritanopia.json5 +0 -10
package/src/tokens/functional/color/dark/patterns-dark.json5 +0 -87
package/src/tokens/functional/color/{dark/data-vis-dark.json5 → data-vis.json5} +61 -21
package/src/tokens/functional/color/focus.json5 +15 -0
package/src/tokens/functional/color/light/overrides/light.high-contrast.json5 +0 -20
package/src/tokens/functional/color/light/overrides/light.protanopia-deuteranopia.json5 +0 -14
package/src/tokens/functional/color/light/overrides/light.tritanopia.json5 +0 -10
package/src/tokens/functional/color/light/patterns-light.json5 +0 -88
package/src/tokens/functional/color/dark/app-dark.json5 +0 -254
package/src/tokens/functional/color/light/data-vis-light.json5 +0 -284

package/dist/figma/themes/dark-colorblind.json CHANGED Viewed

@@ -2048,7 +2048,7 @@
     "collection": "mode",
     "mode": "dark protanopia deuteranopia",
     "group": "component (internal)",
-    "scopes": ["STROKE_COLOR"]
+    "scopes": ["STROKE_COLOR", "EFFECT_COLOR"]
   },
   {
     "name": "avatarStack/fade/bgColor/default",
@@ -2083,7 +2083,23 @@
     "scopes": ["FRAME_FILL", "SHAPE_FILL"]
   },
   {
-    "name": "diffBlob/additionLine/fgColor",
+    "name": "card/bgColor",
+    "value": {
+      "r": 0.08235294117647059,
+      "g": 0.10588235294117647,
+      "b": 0.13725490196078433,
+      "a": 1
+    },
+    "type": "COLOR",
+    "refId": "mode/card/bgColor",
+    "reference": "mode/bgColor/muted",
+    "collection": "mode",
+    "mode": "dark protanopia deuteranopia",
+    "group": "component",
+    "scopes": ["FRAME_FILL", "SHAPE_FILL"]
+  },
+  {
+    "name": "codeMirror/fgColor",
     "value": {
       "r": 0.9411764705882353,
       "g": 0.9647058823529412,
@@ -2091,7 +2107,7 @@
       "a": 1
     },
     "type": "COLOR",
-    "refId": "mode/diffBlob/additionLine/fgColor",
+    "refId": "mode/codeMirror/fgColor",
     "reference": "mode/fgColor/default",
     "collection": "mode",
     "mode": "dark protanopia deuteranopia",
@@ -2099,90 +2115,87 @@
     "scopes": ["TEXT_FILL", "SHAPE_FILL"]
   },
   {
-    "name": "diffBlob/additionLine/bgColor",
+    "name": "codeMirror/bgColor",
     "value": {
-      "r": 0.2196078431372549,
-      "g": 0.5450980392156862,
-      "b": 0.9921568627450981,
-      "a": 0.15
+      "r": 0.050980392156862744,
+      "g": 0.06666666666666667,
+      "b": 0.09019607843137255,
+      "a": 1
     },
     "type": "COLOR",
-    "alpha": 0.15,
-    "refId": "mode/diffBlob/additionLine/bgColor",
-    "reference": "mode/bgColor/success-muted",
+    "refId": "mode/codeMirror/bgColor",
+    "reference": "mode/bgColor/default",
     "collection": "mode",
     "mode": "dark protanopia deuteranopia",
     "group": "component",
     "scopes": ["FRAME_FILL", "SHAPE_FILL"]
   },
   {
-    "name": "diffBlob/additionWord/fgColor",
+    "name": "codeMirror/gutters/bgColor",
     "value": {
-      "r": 0.9411764705882353,
-      "g": 0.9647058823529412,
-      "b": 0.9882352941176471,
+      "r": 0.050980392156862744,
+      "g": 0.06666666666666667,
+      "b": 0.09019607843137255,
       "a": 1
     },
     "type": "COLOR",
-    "refId": "mode/diffBlob/additionWord/fgColor",
-    "reference": "mode/fgColor/default",
+    "refId": "mode/codeMirror/gutters/bgColor",
+    "reference": "mode/bgColor/default",
     "collection": "mode",
     "mode": "dark protanopia deuteranopia",
     "group": "component",
-    "scopes": ["TEXT_FILL", "SHAPE_FILL"]
+    "scopes": ["FRAME_FILL", "SHAPE_FILL"]
   },
   {
-    "name": "diffBlob/additionWord/bgColor",
+    "name": "codeMirror/gutterMarker/fgColor/default",
     "value": {
-      "r": 0.2196078431372549,
-      "g": 0.5450980392156862,
-      "b": 0.9921568627450981,
-      "a": 0.4
+      "r": 0.050980392156862744,
+      "g": 0.06666666666666667,
+      "b": 0.09019607843137255,
+      "a": 1
     },
     "type": "COLOR",
-    "alpha": 0.4,
-    "refId": "mode/diffBlob/additionWord/bgColor",
-    "reference": "base/color/dark/base/color/blue/4",
+    "refId": "mode/codeMirror/gutterMarker/fgColor/default",
+    "reference": "mode/bgColor/default",
     "collection": "mode",
     "mode": "dark protanopia deuteranopia",
     "group": "component",
-    "scopes": ["FRAME_FILL", "SHAPE_FILL"]
+    "scopes": ["TEXT_FILL", "SHAPE_FILL"]
   },
   {
-    "name": "diffBlob/additionNum/fgColor",
+    "name": "codeMirror/gutterMarker/fgColor/muted",
     "value": {
-      "r": 0.9411764705882353,
-      "g": 0.9647058823529412,
-      "b": 0.9882352941176471,
+      "r": 0.5686274509803921,
+      "g": 0.596078431372549,
+      "b": 0.6313725490196078,
       "a": 1
     },
     "type": "COLOR",
-    "refId": "mode/diffBlob/additionNum/fgColor",
-    "reference": "mode/fgColor/default",
+    "refId": "mode/codeMirror/gutterMarker/fgColor/muted",
+    "reference": "mode/fgColor/muted",
     "collection": "mode",
     "mode": "dark protanopia deuteranopia",
     "group": "component",
     "scopes": ["TEXT_FILL", "SHAPE_FILL"]
   },
   {
-    "name": "diffBlob/additionNum/bgColor",
+    "name": "codeMirror/lineNumber/fgColor",
     "value": {
-      "r": 0.34509803921568627,
-      "g": 0.6509803921568628,
-      "b": 1,
-      "a": 0.3
+      "r": 0.5686274509803921,
+      "g": 0.596078431372549,
+      "b": 0.6313725490196078,
+      "a": 1
     },
     "type": "COLOR",
-    "alpha": 0.3,
-    "refId": "mode/diffBlob/additionNum/bgColor",
-    "reference": "base/color/dark/base/color/blue/3",
+    "refId": "mode/codeMirror/lineNumber/fgColor",
+    "reference": "mode/fgColor/muted",
     "collection": "mode",
     "mode": "dark protanopia deuteranopia",
     "group": "component",
-    "scopes": ["FRAME_FILL", "SHAPE_FILL"]
+    "scopes": ["TEXT_FILL", "SHAPE_FILL"]
   },
   {
-    "name": "diffBlob/deletionLine/fgColor",
+    "name": "codeMirror/cursor/fgColor",
     "value": {
       "r": 0.9411764705882353,
       "g": 0.9647058823529412,
@@ -2190,7 +2203,7 @@
       "a": 1
     },
     "type": "COLOR",
-    "refId": "mode/diffBlob/deletionLine/fgColor",
+    "refId": "mode/codeMirror/cursor/fgColor",
     "reference": "mode/fgColor/default",
     "collection": "mode",
     "mode": "dark protanopia deuteranopia",
@@ -2198,24 +2211,39 @@
     "scopes": ["TEXT_FILL", "SHAPE_FILL"]
   },
   {
-    "name": "diffBlob/deletionLine/bgColor",
+    "name": "codeMirror/selection/bgColor",
     "value": {
-      "r": 0.8588235294117647,
-      "g": 0.42745098039215684,
-      "b": 0.1568627450980392,
-      "a": 0.15
+      "r": 0.2196078431372549,
+      "g": 0.5450980392156862,
+      "b": 0.9921568627450981,
+      "a": 0.4
     },
     "type": "COLOR",
-    "alpha": 0.15,
-    "refId": "mode/diffBlob/deletionLine/bgColor",
-    "reference": "base/color/dark/base/color/orange/4",
+    "refId": "mode/codeMirror/selection/bgColor",
+    "reference": "mode/borderColor/accent-muted",
     "collection": "mode",
     "mode": "dark protanopia deuteranopia",
     "group": "component",
     "scopes": ["FRAME_FILL", "SHAPE_FILL"]
   },
   {
-    "name": "diffBlob/deletionWord/fgColor",
+    "name": "codeMirror/activeline/bgColor",
+    "value": {
+      "r": 0.396078431372549,
+      "g": 0.4235294117647059,
+      "b": 0.4627450980392157,
+      "a": 0.2
+    },
+    "type": "COLOR",
+    "refId": "mode/codeMirror/activeline/bgColor",
+    "reference": "mode/bgColor/neutral-muted",
+    "collection": "mode",
+    "mode": "dark protanopia deuteranopia",
+    "group": "component",
+    "scopes": ["FRAME_FILL", "SHAPE_FILL"]
+  },
+  {
+    "name": "codeMirror/matchingBracket/fgColor",
     "value": {
       "r": 0.9411764705882353,
       "g": 0.9647058823529412,
@@ -2223,7 +2251,7 @@
       "a": 1
     },
     "type": "COLOR",
-    "refId": "mode/diffBlob/deletionWord/fgColor",
+    "refId": "mode/codeMirror/matchingBracket/fgColor",
     "reference": "mode/fgColor/default",
     "collection": "mode",
     "mode": "dark protanopia deuteranopia",
@@ -2231,153 +2259,151 @@
     "scopes": ["TEXT_FILL", "SHAPE_FILL"]
   },
   {
-    "name": "diffBlob/deletionWord/bgColor",
+    "name": "codeMirror/lines/bgColor",
     "value": {
-      "r": 0.8588235294117647,
-      "g": 0.42745098039215684,
-      "b": 0.1568627450980392,
-      "a": 0.4
+      "r": 0.050980392156862744,
+      "g": 0.06666666666666667,
+      "b": 0.09019607843137255,
+      "a": 1
     },
     "type": "COLOR",
-    "alpha": 0.4,
-    "refId": "mode/diffBlob/deletionWord/bgColor",
-    "reference": "base/color/dark/base/color/orange/4",
+    "refId": "mode/codeMirror/lines/bgColor",
+    "reference": "mode/bgColor/default",
     "collection": "mode",
     "mode": "dark protanopia deuteranopia",
     "group": "component",
     "scopes": ["FRAME_FILL", "SHAPE_FILL"]
   },
   {
-    "name": "diffBlob/deletionNum/fgColor",
+    "name": "codeMirror/syntax/fgColor/comment",
     "value": {
-      "r": 0.9411764705882353,
-      "g": 0.9647058823529412,
-      "b": 0.9882352941176471,
+      "r": 0.396078431372549,
+      "g": 0.4235294117647059,
+      "b": 0.4627450980392157,
       "a": 1
     },
     "type": "COLOR",
-    "refId": "mode/diffBlob/deletionNum/fgColor",
-    "reference": "mode/fgColor/default",
+    "refId": "mode/codeMirror/syntax/fgColor/comment",
+    "reference": "base/color/dark/base/color/neutral/8",
     "collection": "mode",
     "mode": "dark protanopia deuteranopia",
     "group": "component",
     "scopes": ["TEXT_FILL", "SHAPE_FILL"]
   },
   {
-    "name": "diffBlob/deletionNum/bgColor",
+    "name": "codeMirror/syntax/fgColor/constant",
     "value": {
-      "r": 0.8588235294117647,
-      "g": 0.42745098039215684,
-      "b": 0.1568627450980392,
-      "a": 0.3
+      "r": 0.4745098039215686,
+      "g": 0.7529411764705882,
+      "b": 1,
+      "a": 1
     },
     "type": "COLOR",
-    "alpha": 0.3,
-    "refId": "mode/diffBlob/deletionNum/bgColor",
-    "reference": "base/color/dark/base/color/orange/4",
+    "refId": "mode/codeMirror/syntax/fgColor/constant",
+    "reference": "base/color/dark/base/color/blue/2",
     "collection": "mode",
     "mode": "dark protanopia deuteranopia",
     "group": "component",
-    "scopes": ["FRAME_FILL", "SHAPE_FILL"]
+    "scopes": ["TEXT_FILL", "SHAPE_FILL"]
   },
   {
-    "name": "diffBlob/hunkLine/bgColor",
+    "name": "codeMirror/syntax/fgColor/entity",
     "value": {
-      "r": 0.12941176470588237,
-      "g": 0.1568627450980392,
-      "b": 0.18823529411764706,
+      "r": 0.8235294117647058,
+      "g": 0.6588235294117647,
+      "b": 1,
       "a": 1
     },
     "type": "COLOR",
-    "refId": "mode/diffBlob/hunkLine/bgColor",
-    "reference": "base/color/dark/base/color/neutral/3",
+    "refId": "mode/codeMirror/syntax/fgColor/entity",
+    "reference": "base/color/dark/base/color/purple/2",
     "collection": "mode",
     "mode": "dark protanopia deuteranopia",
     "group": "component",
-    "scopes": ["FRAME_FILL", "SHAPE_FILL"]
+    "scopes": ["TEXT_FILL", "SHAPE_FILL"]
   },
   {
-    "name": "diffBlob/hunkLine/fgColor",
+    "name": "codeMirror/syntax/fgColor/keyword",
     "value": {
-      "r": 0.5686274509803921,
-      "g": 0.596078431372549,
-      "b": 0.6313725490196078,
+      "r": 0.9411764705882353,
+      "g": 0.5333333333333333,
+      "b": 0.24313725490196078,
       "a": 1
     },
     "type": "COLOR",
-    "refId": "mode/diffBlob/hunkLine/fgColor",
-    "reference": "mode/fgColor/muted",
+    "refId": "mode/codeMirror/syntax/fgColor/keyword",
+    "reference": "base/color/dark/base/color/orange/3",
     "collection": "mode",
     "mode": "dark protanopia deuteranopia",
     "group": "component",
     "scopes": ["TEXT_FILL", "SHAPE_FILL"]
   },
   {
-    "name": "diffBlob/hunkNum/fgColor/rest",
+    "name": "codeMirror/syntax/fgColor/storage",
     "value": {
       "r": 0.9411764705882353,
-      "g": 0.9647058823529412,
-      "b": 0.9882352941176471,
+      "g": 0.5333333333333333,
+      "b": 0.24313725490196078,
       "a": 1
     },
     "type": "COLOR",
-    "refId": "mode/diffBlob/hunkNum/fgColor/rest",
-    "reference": "mode/fgColor/default",
+    "refId": "mode/codeMirror/syntax/fgColor/storage",
+    "reference": "base/color/dark/base/color/orange/3",
     "collection": "mode",
     "mode": "dark protanopia deuteranopia",
     "group": "component",
     "scopes": ["TEXT_FILL", "SHAPE_FILL"]
   },
   {
-    "name": "diffBlob/hunkNum/fgColor/hover",
+    "name": "codeMirror/syntax/fgColor/string",
     "value": {
-      "r": 1,
-      "g": 1,
+      "r": 0.6470588235294118,
+      "g": 0.8392156862745098,
       "b": 1,
       "a": 1
     },
     "type": "COLOR",
-    "refId": "mode/diffBlob/hunkNum/fgColor/hover",
-    "reference": "mode/fgColor/onEmphasis",
+    "refId": "mode/codeMirror/syntax/fgColor/string",
+    "reference": "base/color/dark/base/color/blue/1",
     "collection": "mode",
     "mode": "dark protanopia deuteranopia",
     "group": "component",
     "scopes": ["TEXT_FILL", "SHAPE_FILL"]
   },
   {
-    "name": "diffBlob/hunkNum/bgColor/rest",
+    "name": "codeMirror/syntax/fgColor/support",
     "value": {
-      "r": 0.1843137254901961,
-      "g": 0.21568627450980393,
-      "b": 0.25882352941176473,
+      "r": 0.4745098039215686,
+      "g": 0.7529411764705882,
+      "b": 1,
       "a": 1
     },
     "type": "COLOR",
-    "refId": "mode/diffBlob/hunkNum/bgColor/rest",
-    "reference": "base/color/dark/base/color/neutral/6",
+    "refId": "mode/codeMirror/syntax/fgColor/support",
+    "reference": "base/color/dark/base/color/blue/2",
     "collection": "mode",
     "mode": "dark protanopia deuteranopia",
     "group": "component",
-    "scopes": ["FRAME_FILL", "SHAPE_FILL"]
+    "scopes": ["TEXT_FILL", "SHAPE_FILL"]
   },
   {
-    "name": "diffBlob/hunkNum/bgColor/hover",
+    "name": "codeMirror/syntax/fgColor/variable",
     "value": {
-      "r": 0.396078431372549,
-      "g": 0.4235294117647059,
-      "b": 0.4627450980392157,
+      "r": 1,
+      "g": 0.6509803921568628,
+      "b": 0.3411764705882353,
       "a": 1
     },
     "type": "COLOR",
-    "refId": "mode/diffBlob/hunkNum/bgColor/hover",
-    "reference": "base/color/dark/base/color/neutral/8",
+    "refId": "mode/codeMirror/syntax/fgColor/variable",
+    "reference": "base/color/dark/base/color/orange/2",
     "collection": "mode",
     "mode": "dark protanopia deuteranopia",
     "group": "component",
-    "scopes": ["FRAME_FILL", "SHAPE_FILL"]
+    "scopes": ["TEXT_FILL", "SHAPE_FILL"]
   },
   {
-    "name": "diffBlob/emptyNum/bgColor",
+    "name": "contribution/default/bgColor/0",
     "value": {
       "r": 0.08235294117647059,
       "g": 0.10588235294117647,
@@ -2385,293 +2411,308 @@
       "a": 1
     },
     "type": "COLOR",
-    "refId": "mode/diffBlob/emptyNum/bgColor",
-    "reference": "mode/bgColor/muted",
+    "refId": "mode/contribution/default/bgColor/0",
+    "reference": "base/color/dark/base/color/neutral/2",
     "collection": "mode",
     "mode": "dark protanopia deuteranopia",
-    "group": "component",
+    "group": "component (internal)",
     "scopes": ["FRAME_FILL", "SHAPE_FILL"]
   },
   {
-    "name": "diffBlob/emptyLine/bgColor",
+    "name": "contribution/default/bgColor/1",
     "value": {
-      "r": 0.08235294117647059,
-      "g": 0.10588235294117647,
-      "b": 0.13725490196078433,
+      "r": 0.011764705882352941,
+      "g": 0.22745098039215686,
+      "b": 0.08627450980392157,
       "a": 1
     },
     "type": "COLOR",
-    "refId": "mode/diffBlob/emptyLine/bgColor",
-    "reference": "mode/bgColor/muted",
+    "refId": "mode/contribution/default/bgColor/1",
+    "reference": "base/color/dark/base/color/green/8",
     "collection": "mode",
     "mode": "dark protanopia deuteranopia",
-    "group": "component",
+    "group": "component (internal)",
     "scopes": ["FRAME_FILL", "SHAPE_FILL"]
   },
   {
-    "name": "diffBlob/expander/iconColor",
+    "name": "contribution/default/bgColor/2",
     "value": {
-      "r": 0.5686274509803921,
-      "g": 0.596078431372549,
-      "b": 0.6313725490196078,
+      "r": 0.09803921568627451,
+      "g": 0.4235294117647059,
+      "b": 0.1803921568627451,
       "a": 1
     },
     "type": "COLOR",
-    "refId": "mode/diffBlob/expander/iconColor",
-    "reference": "mode/fgColor/muted",
+    "refId": "mode/contribution/default/bgColor/2",
+    "reference": "base/color/dark/base/color/green/6",
     "collection": "mode",
     "mode": "dark protanopia deuteranopia",
-    "group": "component",
-    "scopes": ["TEXT_FILL", "SHAPE_FILL"]
+    "group": "component (internal)",
+    "scopes": ["FRAME_FILL", "SHAPE_FILL"]
   },
   {
-    "name": "header/bgColor",
+    "name": "contribution/default/bgColor/3",
     "value": {
-      "r": 0.08235294117647059,
-      "g": 0.10588235294117647,
-      "b": 0.13725490196078433,
-      "a": 0.95
+      "r": 0.1803921568627451,
+      "g": 0.6274509803921569,
+      "b": 0.2627450980392157,
+      "a": 1
     },
     "type": "COLOR",
-    "alpha": 0.95,
-    "refId": "mode/header/bgColor",
-    "reference": "base/color/dark/base/color/neutral/2",
+    "refId": "mode/contribution/default/bgColor/3",
+    "reference": "base/color/dark/base/color/green/4",
     "collection": "mode",
     "mode": "dark protanopia deuteranopia",
     "group": "component (internal)",
     "scopes": ["FRAME_FILL", "SHAPE_FILL"]
   },
   {
-    "name": "header/fgColor/default",
+    "name": "contribution/default/bgColor/4",
+    "value": {
+      "r": 0.33725490196078434,
+      "g": 0.8274509803921568,
+      "b": 0.39215686274509803,
+      "a": 1
+    },
+    "type": "COLOR",
+    "refId": "mode/contribution/default/bgColor/4",
+    "reference": "base/color/dark/base/color/green/2",
+    "collection": "mode",
+    "mode": "dark protanopia deuteranopia",
+    "group": "component (internal)",
+    "scopes": ["FRAME_FILL", "SHAPE_FILL"]
+  },
+  {
+    "name": "contribution/default/borderColor/0",
     "value": {
       "r": 1,
       "g": 1,
       "b": 1,
-      "a": 0.7
+      "a": 0.05
     },
     "type": "COLOR",
-    "alpha": 0.7,
-    "refId": "mode/header/fgColor/default",
-    "reference": "base/color/dark/base/color/neutral/13",
+    "alpha": 0.05,
+    "refId": "mode/contribution/default/borderColor/0",
+    "reference": "base/color/dark/base/color/white",
     "collection": "mode",
     "mode": "dark protanopia deuteranopia",
     "group": "component (internal)",
-    "scopes": ["TEXT_FILL", "SHAPE_FILL"]
+    "scopes": ["FRAME_FILL", "SHAPE_FILL"]
   },
   {
-    "name": "header/fgColor/logo",
+    "name": "contribution/default/borderColor/1",
     "value": {
-      "r": 0.9411764705882353,
-      "g": 0.9647058823529412,
-      "b": 0.9882352941176471,
-      "a": 1
+      "r": 1,
+      "g": 1,
+      "b": 1,
+      "a": 0.05
     },
     "type": "COLOR",
-    "refId": "mode/header/fgColor/logo",
-    "reference": "base/color/dark/base/color/neutral/12",
+    "alpha": 0.05,
+    "refId": "mode/contribution/default/borderColor/1",
+    "reference": "base/color/dark/base/color/white",
     "collection": "mode",
     "mode": "dark protanopia deuteranopia",
     "group": "component (internal)",
-    "scopes": ["TEXT_FILL", "SHAPE_FILL"]
+    "scopes": ["FRAME_FILL", "SHAPE_FILL"]
   },
   {
-    "name": "header/borderColor/divider",
+    "name": "contribution/default/borderColor/2",
     "value": {
-      "r": 0.396078431372549,
-      "g": 0.4235294117647059,
-      "b": 0.4627450980392157,
-      "a": 1
+      "r": 1,
+      "g": 1,
+      "b": 1,
+      "a": 0.05
     },
     "type": "COLOR",
-    "refId": "mode/header/borderColor/divider",
-    "reference": "base/color/dark/base/color/neutral/8",
+    "alpha": 0.05,
+    "refId": "mode/contribution/default/borderColor/2",
+    "reference": "base/color/dark/base/color/white",
     "collection": "mode",
     "mode": "dark protanopia deuteranopia",
     "group": "component (internal)",
-    "scopes": ["STROKE_COLOR"]
+    "scopes": ["FRAME_FILL", "SHAPE_FILL"]
   },
   {
-    "name": "headerSearch/bgColor",
+    "name": "contribution/default/borderColor/3",
     "value": {
-      "r": 0.050980392156862744,
-      "g": 0.06666666666666667,
-      "b": 0.09019607843137255,
-      "a": 1
+      "r": 1,
+      "g": 1,
+      "b": 1,
+      "a": 0.05
     },
     "type": "COLOR",
-    "refId": "mode/headerSearch/bgColor",
-    "reference": "base/color/dark/base/color/neutral/1",
+    "alpha": 0.05,
+    "refId": "mode/contribution/default/borderColor/3",
+    "reference": "base/color/dark/base/color/white",
     "collection": "mode",
     "mode": "dark protanopia deuteranopia",
     "group": "component (internal)",
     "scopes": ["FRAME_FILL", "SHAPE_FILL"]
   },
   {
-    "name": "headerSearch/borderColor",
+    "name": "contribution/default/borderColor/4",
     "value": {
-      "r": 0.16470588235294117,
-      "g": 0.19215686274509805,
-      "b": 0.23529411764705882,
-      "a": 1
+      "r": 1,
+      "g": 1,
+      "b": 1,
+      "a": 0.05
     },
     "type": "COLOR",
-    "refId": "mode/headerSearch/borderColor",
-    "reference": "base/color/dark/base/color/neutral/5",
+    "alpha": 0.05,
+    "refId": "mode/contribution/default/borderColor/4",
+    "reference": "base/color/dark/base/color/white",
     "collection": "mode",
     "mode": "dark protanopia deuteranopia",
     "group": "component (internal)",
-    "scopes": ["STROKE_COLOR"]
+    "scopes": ["FRAME_FILL", "SHAPE_FILL"]
   },
   {
-    "name": "highlight/neutral/bgColor",
+    "name": "contribution/winter/bgColor/1",
     "value": {
-      "r": 0.8235294117647058,
-      "g": 0.6,
-      "b": 0.13333333333333333,
-      "a": 0.4
+      "r": 0.047058823529411764,
+      "g": 0.17647058823529413,
+      "b": 0.4196078431372549,
+      "a": 1
     },
     "type": "COLOR",
-    "alpha": 0.4,
-    "refId": "mode/highlight/neutral/bgColor",
-    "reference": "base/color/dark/base/color/yellow/3",
+    "refId": "mode/contribution/winter/bgColor/1",
+    "reference": "base/color/dark/base/color/blue/8",
     "collection": "mode",
     "mode": "dark protanopia deuteranopia",
-    "group": "component",
+    "group": "component (internal)",
     "scopes": ["FRAME_FILL", "SHAPE_FILL"]
   },
   {
-    "name": "overlay/bgColor",
+    "name": "contribution/winter/bgColor/2",
     "value": {
-      "r": 0.08235294117647059,
-      "g": 0.10588235294117647,
-      "b": 0.13725490196078433,
+      "r": 0.06666666666666667,
+      "g": 0.34509803921568627,
+      "b": 0.7803921568627451,
       "a": 1
     },
     "type": "COLOR",
-    "refId": "mode/overlay/bgColor",
-    "reference": "mode/bgColor/muted",
+    "refId": "mode/contribution/winter/bgColor/2",
+    "reference": "base/color/dark/base/color/blue/6",
     "collection": "mode",
     "mode": "dark protanopia deuteranopia",
     "group": "component (internal)",
     "scopes": ["FRAME_FILL", "SHAPE_FILL"]
   },
   {
-    "name": "overlay/borderColor",
+    "name": "contribution/winter/bgColor/3",
     "value": {
-      "r": 0.23921568627450981,
-      "g": 0.26666666666666666,
-      "b": 0.30196078431372547,
+      "r": 0.34509803921568627,
+      "g": 0.6509803921568628,
+      "b": 1,
       "a": 1
     },
     "type": "COLOR",
-    "alpha": 1,
-    "refId": "mode/overlay/borderColor",
-    "reference": "mode/borderColor/muted",
+    "refId": "mode/contribution/winter/bgColor/3",
+    "reference": "base/color/dark/base/color/blue/3",
     "collection": "mode",
     "mode": "dark protanopia deuteranopia",
     "group": "component (internal)",
-    "scopes": ["ALL_SCOPES"]
+    "scopes": ["FRAME_FILL", "SHAPE_FILL"]
   },
   {
-    "name": "overlay/backdrop/bgColor",
+    "name": "contribution/winter/bgColor/4",
     "value": {
-      "r": 0.12941176470588237,
-      "g": 0.1568627450980392,
-      "b": 0.18823529411764706,
-      "a": 0.4
+      "r": 0.792156862745098,
+      "g": 0.9098039215686274,
+      "b": 1,
+      "a": 1
     },
     "type": "COLOR",
-    "alpha": 0.4,
-    "refId": "mode/overlay/backdrop/bgColor",
-    "reference": "base/color/dark/base/color/neutral/3",
+    "refId": "mode/contribution/winter/bgColor/4",
+    "reference": "base/color/dark/base/color/blue/0",
     "collection": "mode",
     "mode": "dark protanopia deuteranopia",
     "group": "component (internal)",
     "scopes": ["FRAME_FILL", "SHAPE_FILL"]
   },
   {
-    "name": "page/header/bgColor",
+    "name": "contribution/halloween/bgColor/1",
     "value": {
-      "r": 0.050980392156862744,
-      "g": 0.06666666666666667,
-      "b": 0.09019607843137255,
+      "r": 0.9803921568627451,
+      "g": 0.7764705882352941,
+      "b": 0.5607843137254902,
       "a": 1
     },
     "type": "COLOR",
-    "refId": "mode/page/header/bgColor",
-    "reference": "mode/bgColor/default",
+    "refId": "mode/contribution/halloween/bgColor/1",
+    "reference": "base/color/dark/base/display/color/orange/9",
     "collection": "mode",
     "mode": "dark protanopia deuteranopia",
-    "group": "component",
+    "group": "component (internal)",
     "scopes": ["FRAME_FILL", "SHAPE_FILL"]
   },
   {
-    "name": "reactionButton/selected/bgColor/rest",
+    "name": "contribution/halloween/bgColor/2",
     "value": {
-      "r": 0.2196078431372549,
-      "g": 0.5450980392156862,
-      "b": 0.9921568627450981,
-      "a": 0.2
+      "r": 0.7686274509803922,
+      "g": 0.3843137254901961,
+      "b": 0.07058823529411765,
+      "a": 1
     },
     "type": "COLOR",
-    "alpha": 0.2,
-    "refId": "mode/reactionButton/selected/bgColor/rest",
-    "reference": "base/color/dark/base/color/blue/4",
+    "refId": "mode/contribution/halloween/bgColor/2",
+    "reference": "base/color/dark/base/display/color/orange/5",
     "collection": "mode",
     "mode": "dark protanopia deuteranopia",
     "group": "component (internal)",
     "scopes": ["FRAME_FILL", "SHAPE_FILL"]
   },
   {
-    "name": "reactionButton/selected/bgColor/hover",
+    "name": "contribution/halloween/bgColor/3",
     "value": {
-      "r": 0.22745098039215686,
-      "g": 0.5490196078431373,
-      "b": 0.9921568627450981,
-      "a": 0.36
+      "r": 0.596078431372549,
+      "g": 0.29411764705882354,
+      "b": 0.06274509803921569,
+      "a": 1
     },
     "type": "COLOR",
-    "alpha": 0.36,
-    "refId": "mode/reactionButton/selected/bgColor/hover",
+    "refId": "mode/contribution/halloween/bgColor/3",
+    "reference": "base/color/dark/base/display/color/orange/4",
     "collection": "mode",
     "mode": "dark protanopia deuteranopia",
     "group": "component (internal)",
     "scopes": ["FRAME_FILL", "SHAPE_FILL"]
   },
   {
-    "name": "reactionButton/selected/fgColor/rest",
+    "name": "contribution/halloween/bgColor/4",
     "value": {
-      "r": 0.26666666666666666,
-      "g": 0.5764705882352941,
-      "b": 0.9725490196078431,
+      "r": 0.8901960784313725,
+      "g": 0.8156862745098039,
+      "b": 0.30980392156862746,
       "a": 1
     },
     "type": "COLOR",
-    "refId": "mode/reactionButton/selected/fgColor/rest",
-    "reference": "mode/fgColor/link",
+    "refId": "mode/contribution/halloween/bgColor/4",
+    "reference": "base/color/dark/base/display/color/lemon/9",
     "collection": "mode",
     "mode": "dark protanopia deuteranopia",
     "group": "component (internal)",
-    "scopes": ["TEXT_FILL", "SHAPE_FILL"]
+    "scopes": ["FRAME_FILL", "SHAPE_FILL"]
   },
   {
-    "name": "reactionButton/selected/fgColor/hover",
+    "name": "counter/borderColor",
     "value": {
-      "r": 0.4745098039215686,
-      "g": 0.7529411764705882,
-      "b": 1,
-      "a": 1
+      "r": 0,
+      "g": 0,
+      "b": 0,
+      "a": 0
     },
     "type": "COLOR",
-    "refId": "mode/reactionButton/selected/fgColor/hover",
-    "reference": "base/color/dark/base/color/blue/2",
+    "refId": "mode/counter/borderColor",
+    "reference": "base/color/dark/base/color/transparent",
     "collection": "mode",
     "mode": "dark protanopia deuteranopia",
     "group": "component (internal)",
-    "scopes": ["TEXT_FILL", "SHAPE_FILL"]
+    "scopes": ["STROKE_COLOR"]
   },
   {
-    "name": "skeletonLoader/bgColor",
+    "name": "counter/bgColor/muted",
     "value": {
       "r": 0.396078431372549,
       "g": 0.4235294117647059,
@@ -2679,67 +2720,325 @@
       "a": 0.2
     },
     "type": "COLOR",
-    "alpha": 0.2,
-    "refId": "mode/skeletonLoader/bgColor",
-    "reference": "base/color/dark/base/color/neutral/8",
+    "refId": "mode/counter/bgColor/muted",
+    "reference": "mode/bgColor/neutral-muted",
     "collection": "mode",
     "mode": "dark protanopia deuteranopia",
     "group": "component",
     "scopes": ["FRAME_FILL", "SHAPE_FILL"]
   },
   {
-    "name": "timelineBadge/bgColor",
+    "name": "counter/bgColor/emphasis",
     "value": {
-      "r": 0.12941176470588237,
-      "g": 0.1568627450980392,
-      "b": 0.18823529411764706,
+      "r": 0.396078431372549,
+      "g": 0.4235294117647059,
+      "b": 0.4627450980392157,
       "a": 1
     },
     "type": "COLOR",
-    "refId": "mode/timelineBadge/bgColor",
-    "reference": "base/color/dark/base/color/neutral/3",
+    "refId": "mode/counter/bgColor/emphasis",
+    "reference": "mode/bgColor/neutral-emphasis",
     "collection": "mode",
     "mode": "dark protanopia deuteranopia",
-    "group": "component (internal)",
+    "group": "component",
     "scopes": ["FRAME_FILL", "SHAPE_FILL"]
   },
   {
-    "name": "topicTag/borderColor",
+    "name": "diffBlob/additionLine/fgColor",
     "value": {
-      "r": 0,
-      "g": 0,
-      "b": 0,
-      "a": 0
+      "r": 0.9411764705882353,
+      "g": 0.9647058823529412,
+      "b": 0.9882352941176471,
+      "a": 1
     },
     "type": "COLOR",
-    "refId": "mode/topicTag/borderColor",
-    "reference": "base/color/dark/base/color/transparent",
+    "refId": "mode/diffBlob/additionLine/fgColor",
+    "reference": "mode/fgColor/default",
     "collection": "mode",
     "mode": "dark protanopia deuteranopia",
     "group": "component",
-    "scopes": ["STROKE_COLOR"]
+    "scopes": ["TEXT_FILL", "SHAPE_FILL"]
   },
   {
-    "name": "bgColor/default",
+    "name": "diffBlob/additionLine/bgColor",
     "value": {
-      "r": 0.050980392156862744,
-      "g": 0.06666666666666667,
-      "b": 0.09019607843137255,
+      "r": 0.2196078431372549,
+      "g": 0.5450980392156862,
+      "b": 0.9921568627450981,
+      "a": 0.15
+    },
+    "type": "COLOR",
+    "alpha": 0.15,
+    "refId": "mode/diffBlob/additionLine/bgColor",
+    "reference": "mode/bgColor/success-muted",
+    "collection": "mode",
+    "mode": "dark protanopia deuteranopia",
+    "group": "component",
+    "scopes": ["FRAME_FILL", "SHAPE_FILL"]
+  },
+  {
+    "name": "diffBlob/additionWord/fgColor",
+    "value": {
+      "r": 0.9411764705882353,
+      "g": 0.9647058823529412,
+      "b": 0.9882352941176471,
       "a": 1
     },
     "type": "COLOR",
-    "refId": "mode/bgColor/default",
-    "reference": "base/color/dark/base/color/neutral/1",
+    "refId": "mode/diffBlob/additionWord/fgColor",
+    "reference": "mode/fgColor/default",
     "collection": "mode",
     "mode": "dark protanopia deuteranopia",
-    "group": "semantic",
-    "scopes": ["FRAME_FILL", "SHAPE_FILL", "STROKE_COLOR"],
-    "codeSyntax": {
-      "web": "var(--bgColor-default) /* utility class: .color-bg-default */"
-    }
+    "group": "component",
+    "scopes": ["TEXT_FILL", "SHAPE_FILL"]
   },
   {
-    "name": "bgColor/muted",
+    "name": "diffBlob/additionWord/bgColor",
+    "value": {
+      "r": 0.2196078431372549,
+      "g": 0.5450980392156862,
+      "b": 0.9921568627450981,
+      "a": 0.4
+    },
+    "type": "COLOR",
+    "alpha": 0.4,
+    "refId": "mode/diffBlob/additionWord/bgColor",
+    "reference": "base/color/dark/base/color/blue/4",
+    "collection": "mode",
+    "mode": "dark protanopia deuteranopia",
+    "group": "component",
+    "scopes": ["FRAME_FILL", "SHAPE_FILL"]
+  },
+  {
+    "name": "diffBlob/additionNum/fgColor",
+    "value": {
+      "r": 0.9411764705882353,
+      "g": 0.9647058823529412,
+      "b": 0.9882352941176471,
+      "a": 1
+    },
+    "type": "COLOR",
+    "refId": "mode/diffBlob/additionNum/fgColor",
+    "reference": "mode/fgColor/default",
+    "collection": "mode",
+    "mode": "dark protanopia deuteranopia",
+    "group": "component",
+    "scopes": ["TEXT_FILL", "SHAPE_FILL"]
+  },
+  {
+    "name": "diffBlob/additionNum/bgColor",
+    "value": {
+      "r": 0.34509803921568627,
+      "g": 0.6509803921568628,
+      "b": 1,
+      "a": 0.3
+    },
+    "type": "COLOR",
+    "alpha": 0.3,
+    "refId": "mode/diffBlob/additionNum/bgColor",
+    "reference": "base/color/dark/base/color/blue/3",
+    "collection": "mode",
+    "mode": "dark protanopia deuteranopia",
+    "group": "component",
+    "scopes": ["FRAME_FILL", "SHAPE_FILL"]
+  },
+  {
+    "name": "diffBlob/deletionLine/fgColor",
+    "value": {
+      "r": 0.9411764705882353,
+      "g": 0.9647058823529412,
+      "b": 0.9882352941176471,
+      "a": 1
+    },
+    "type": "COLOR",
+    "refId": "mode/diffBlob/deletionLine/fgColor",
+    "reference": "mode/fgColor/default",
+    "collection": "mode",
+    "mode": "dark protanopia deuteranopia",
+    "group": "component",
+    "scopes": ["TEXT_FILL", "SHAPE_FILL"]
+  },
+  {
+    "name": "diffBlob/deletionLine/bgColor",
+    "value": {
+      "r": 0.8588235294117647,
+      "g": 0.42745098039215684,
+      "b": 0.1568627450980392,
+      "a": 0.15
+    },
+    "type": "COLOR",
+    "alpha": 0.15,
+    "refId": "mode/diffBlob/deletionLine/bgColor",
+    "reference": "base/color/dark/base/color/orange/4",
+    "collection": "mode",
+    "mode": "dark protanopia deuteranopia",
+    "group": "component",
+    "scopes": ["FRAME_FILL", "SHAPE_FILL"]
+  },
+  {
+    "name": "diffBlob/deletionWord/fgColor",
+    "value": {
+      "r": 0.9411764705882353,
+      "g": 0.9647058823529412,
+      "b": 0.9882352941176471,
+      "a": 1
+    },
+    "type": "COLOR",
+    "refId": "mode/diffBlob/deletionWord/fgColor",
+    "reference": "mode/fgColor/default",
+    "collection": "mode",
+    "mode": "dark protanopia deuteranopia",
+    "group": "component",
+    "scopes": ["TEXT_FILL", "SHAPE_FILL"]
+  },
+  {
+    "name": "diffBlob/deletionWord/bgColor",
+    "value": {
+      "r": 0.8588235294117647,
+      "g": 0.42745098039215684,
+      "b": 0.1568627450980392,
+      "a": 0.4
+    },
+    "type": "COLOR",
+    "alpha": 0.4,
+    "refId": "mode/diffBlob/deletionWord/bgColor",
+    "reference": "base/color/dark/base/color/orange/4",
+    "collection": "mode",
+    "mode": "dark protanopia deuteranopia",
+    "group": "component",
+    "scopes": ["FRAME_FILL", "SHAPE_FILL"]
+  },
+  {
+    "name": "diffBlob/deletionNum/fgColor",
+    "value": {
+      "r": 0.9411764705882353,
+      "g": 0.9647058823529412,
+      "b": 0.9882352941176471,
+      "a": 1
+    },
+    "type": "COLOR",
+    "refId": "mode/diffBlob/deletionNum/fgColor",
+    "reference": "mode/fgColor/default",
+    "collection": "mode",
+    "mode": "dark protanopia deuteranopia",
+    "group": "component",
+    "scopes": ["TEXT_FILL", "SHAPE_FILL"]
+  },
+  {
+    "name": "diffBlob/deletionNum/bgColor",
+    "value": {
+      "r": 0.8588235294117647,
+      "g": 0.42745098039215684,
+      "b": 0.1568627450980392,
+      "a": 0.3
+    },
+    "type": "COLOR",
+    "alpha": 0.3,
+    "refId": "mode/diffBlob/deletionNum/bgColor",
+    "reference": "base/color/dark/base/color/orange/4",
+    "collection": "mode",
+    "mode": "dark protanopia deuteranopia",
+    "group": "component",
+    "scopes": ["FRAME_FILL", "SHAPE_FILL"]
+  },
+  {
+    "name": "diffBlob/hunkLine/bgColor",
+    "value": {
+      "r": 0.12941176470588237,
+      "g": 0.1568627450980392,
+      "b": 0.18823529411764706,
+      "a": 1
+    },
+    "type": "COLOR",
+    "refId": "mode/diffBlob/hunkLine/bgColor",
+    "reference": "base/color/dark/base/color/neutral/3",
+    "collection": "mode",
+    "mode": "dark protanopia deuteranopia",
+    "group": "component",
+    "scopes": ["FRAME_FILL", "SHAPE_FILL"]
+  },
+  {
+    "name": "diffBlob/hunkLine/fgColor",
+    "value": {
+      "r": 0.5686274509803921,
+      "g": 0.596078431372549,
+      "b": 0.6313725490196078,
+      "a": 1
+    },
+    "type": "COLOR",
+    "refId": "mode/diffBlob/hunkLine/fgColor",
+    "reference": "mode/fgColor/muted",
+    "collection": "mode",
+    "mode": "dark protanopia deuteranopia",
+    "group": "component",
+    "scopes": ["TEXT_FILL", "SHAPE_FILL"]
+  },
+  {
+    "name": "diffBlob/hunkNum/fgColor/rest",
+    "value": {
+      "r": 0.9411764705882353,
+      "g": 0.9647058823529412,
+      "b": 0.9882352941176471,
+      "a": 1
+    },
+    "type": "COLOR",
+    "refId": "mode/diffBlob/hunkNum/fgColor/rest",
+    "reference": "mode/fgColor/default",
+    "collection": "mode",
+    "mode": "dark protanopia deuteranopia",
+    "group": "component",
+    "scopes": ["TEXT_FILL", "SHAPE_FILL"]
+  },
+  {
+    "name": "diffBlob/hunkNum/fgColor/hover",
+    "value": {
+      "r": 1,
+      "g": 1,
+      "b": 1,
+      "a": 1
+    },
+    "type": "COLOR",
+    "refId": "mode/diffBlob/hunkNum/fgColor/hover",
+    "reference": "mode/fgColor/onEmphasis",
+    "collection": "mode",
+    "mode": "dark protanopia deuteranopia",
+    "group": "component",
+    "scopes": ["TEXT_FILL", "SHAPE_FILL"]
+  },
+  {
+    "name": "diffBlob/hunkNum/bgColor/rest",
+    "value": {
+      "r": 0.1843137254901961,
+      "g": 0.21568627450980393,
+      "b": 0.25882352941176473,
+      "a": 1
+    },
+    "type": "COLOR",
+    "refId": "mode/diffBlob/hunkNum/bgColor/rest",
+    "reference": "base/color/dark/base/color/neutral/6",
+    "collection": "mode",
+    "mode": "dark protanopia deuteranopia",
+    "group": "component",
+    "scopes": ["FRAME_FILL", "SHAPE_FILL"]
+  },
+  {
+    "name": "diffBlob/hunkNum/bgColor/hover",
+    "value": {
+      "r": 0.396078431372549,
+      "g": 0.4235294117647059,
+      "b": 0.4627450980392157,
+      "a": 1
+    },
+    "type": "COLOR",
+    "refId": "mode/diffBlob/hunkNum/bgColor/hover",
+    "reference": "base/color/dark/base/color/neutral/8",
+    "collection": "mode",
+    "mode": "dark protanopia deuteranopia",
+    "group": "component",
+    "scopes": ["FRAME_FILL", "SHAPE_FILL"]
+  },
+  {
+    "name": "diffBlob/emptyNum/bgColor",
     "value": {
       "r": 0.08235294117647059,
       "g": 0.10588235294117647,
@@ -2747,952 +3046,994 @@
       "a": 1
     },
     "type": "COLOR",
-    "refId": "mode/bgColor/muted",
+    "refId": "mode/diffBlob/emptyNum/bgColor",
+    "reference": "mode/bgColor/muted",
+    "collection": "mode",
+    "mode": "dark protanopia deuteranopia",
+    "group": "component",
+    "scopes": ["FRAME_FILL", "SHAPE_FILL"]
+  },
+  {
+    "name": "diffBlob/emptyLine/bgColor",
+    "value": {
+      "r": 0.08235294117647059,
+      "g": 0.10588235294117647,
+      "b": 0.13725490196078433,
+      "a": 1
+    },
+    "type": "COLOR",
+    "refId": "mode/diffBlob/emptyLine/bgColor",
+    "reference": "mode/bgColor/muted",
+    "collection": "mode",
+    "mode": "dark protanopia deuteranopia",
+    "group": "component",
+    "scopes": ["FRAME_FILL", "SHAPE_FILL"]
+  },
+  {
+    "name": "diffBlob/expander/iconColor",
+    "value": {
+      "r": 0.5686274509803921,
+      "g": 0.596078431372549,
+      "b": 0.6313725490196078,
+      "a": 1
+    },
+    "type": "COLOR",
+    "refId": "mode/diffBlob/expander/iconColor",
+    "reference": "mode/fgColor/muted",
+    "collection": "mode",
+    "mode": "dark protanopia deuteranopia",
+    "group": "component",
+    "scopes": ["TEXT_FILL", "SHAPE_FILL"]
+  },
+  {
+    "name": "header/bgColor",
+    "value": {
+      "r": 0.08235294117647059,
+      "g": 0.10588235294117647,
+      "b": 0.13725490196078433,
+      "a": 0.95
+    },
+    "type": "COLOR",
+    "alpha": 0.95,
+    "refId": "mode/header/bgColor",
     "reference": "base/color/dark/base/color/neutral/2",
     "collection": "mode",
     "mode": "dark protanopia deuteranopia",
-    "group": "semantic",
-    "scopes": ["FRAME_FILL", "SHAPE_FILL", "STROKE_COLOR"],
-    "codeSyntax": {
-      "web": "var(--bgColor-muted) /* utility class: .color-bg-muted */"
-    }
+    "group": "component (internal)",
+    "scopes": ["FRAME_FILL", "SHAPE_FILL"]
   },
   {
-    "name": "bgColor/inset",
+    "name": "header/fgColor/default",
     "value": {
-      "r": 0.00392156862745098,
-      "g": 0.01568627450980392,
-      "b": 0.03529411764705882,
+      "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 protanopia deuteranopia",
+    "group": "component (internal)",
+    "scopes": ["TEXT_FILL", "SHAPE_FILL"]
+  },
+  {
+    "name": "header/fgColor/logo",
+    "value": {
+      "r": 0.9411764705882353,
+      "g": 0.9647058823529412,
+      "b": 0.9882352941176471,
       "a": 1
     },
     "type": "COLOR",
-    "refId": "mode/bgColor/inset",
-    "reference": "base/color/dark/base/color/neutral/0",
+    "refId": "mode/header/fgColor/logo",
+    "reference": "base/color/dark/base/color/neutral/12",
     "collection": "mode",
     "mode": "dark protanopia deuteranopia",
-    "group": "semantic",
-    "scopes": ["FRAME_FILL", "SHAPE_FILL", "STROKE_COLOR"],
-    "codeSyntax": {
-      "web": "var(--bgColor-inset) /* utility class: .color-bg-inset */"
-    }
+    "group": "component (internal)",
+    "scopes": ["TEXT_FILL", "SHAPE_FILL"]
   },
   {
-    "name": "bgColor/emphasis",
+    "name": "header/borderColor/divider",
+    "value": {
+      "r": 0.396078431372549,
+      "g": 0.4235294117647059,
+      "b": 0.4627450980392157,
+      "a": 1
+    },
+    "type": "COLOR",
+    "refId": "mode/header/borderColor/divider",
+    "reference": "base/color/dark/base/color/neutral/8",
+    "collection": "mode",
+    "mode": "dark protanopia deuteranopia",
+    "group": "component (internal)",
+    "scopes": ["STROKE_COLOR"]
+  },
+  {
+    "name": "headerSearch/bgColor",
+    "value": {
+      "r": 0.050980392156862744,
+      "g": 0.06666666666666667,
+      "b": 0.09019607843137255,
+      "a": 1
+    },
+    "type": "COLOR",
+    "refId": "mode/headerSearch/bgColor",
+    "reference": "base/color/dark/base/color/neutral/1",
+    "collection": "mode",
+    "mode": "dark protanopia deuteranopia",
+    "group": "component (internal)",
+    "scopes": ["FRAME_FILL", "SHAPE_FILL"]
+  },
+  {
+    "name": "headerSearch/borderColor",
     "value": {
-      "r": 0.23921568627450981,
-      "g": 0.26666666666666666,
-      "b": 0.30196078431372547,
+      "r": 0.16470588235294117,
+      "g": 0.19215686274509805,
+      "b": 0.23529411764705882,
       "a": 1
     },
     "type": "COLOR",
-    "refId": "mode/bgColor/emphasis",
-    "reference": "base/color/dark/base/color/neutral/7",
+    "refId": "mode/headerSearch/borderColor",
+    "reference": "base/color/dark/base/color/neutral/5",
     "collection": "mode",
     "mode": "dark protanopia deuteranopia",
-    "group": "semantic",
-    "scopes": ["FRAME_FILL", "SHAPE_FILL"],
-    "codeSyntax": {
-      "web": "var(--bgColor-emphasis) /* utility class: .color-bg-emphasis */"
-    }
+    "group": "component (internal)",
+    "scopes": ["STROKE_COLOR"]
   },
   {
-    "name": "bgColor/inverse",
+    "name": "highlight/neutral/bgColor",
     "value": {
-      "r": 1,
-      "g": 1,
-      "b": 1,
-      "a": 1
+      "r": 0.8235294117647058,
+      "g": 0.6,
+      "b": 0.13333333333333333,
+      "a": 0.4
     },
     "type": "COLOR",
-    "refId": "mode/bgColor/inverse",
-    "reference": "base/color/dark/base/color/neutral/13",
+    "alpha": 0.4,
+    "refId": "mode/highlight/neutral/bgColor",
+    "reference": "base/color/dark/base/color/yellow/3",
     "collection": "mode",
     "mode": "dark protanopia deuteranopia",
-    "group": "semantic",
+    "group": "component",
     "scopes": ["FRAME_FILL", "SHAPE_FILL"]
   },
   {
-    "name": "bgColor/white",
+    "name": "overlay/bgColor",
     "value": {
-      "r": 1,
-      "g": 1,
-      "b": 1,
+      "r": 0.08235294117647059,
+      "g": 0.10588235294117647,
+      "b": 0.13725490196078433,
       "a": 1
     },
     "type": "COLOR",
-    "refId": "mode/bgColor/white",
-    "reference": "base/color/dark/base/color/neutral/13",
+    "refId": "mode/overlay/bgColor",
+    "reference": "mode/bgColor/muted",
     "collection": "mode",
     "mode": "dark protanopia deuteranopia",
-    "group": "semantic",
+    "group": "component (internal)",
     "scopes": ["FRAME_FILL", "SHAPE_FILL"]
   },
   {
-    "name": "bgColor/black",
+    "name": "overlay/borderColor",
     "value": {
-      "r": 0.00392156862745098,
-      "g": 0.01568627450980392,
-      "b": 0.03529411764705882,
+      "r": 0.23921568627450981,
+      "g": 0.26666666666666666,
+      "b": 0.30196078431372547,
       "a": 1
     },
     "type": "COLOR",
-    "refId": "mode/bgColor/black",
-    "reference": "base/color/dark/base/color/neutral/0",
+    "alpha": 1,
+    "refId": "mode/overlay/borderColor",
+    "reference": "mode/borderColor/muted",
     "collection": "mode",
     "mode": "dark protanopia deuteranopia",
-    "group": "semantic",
-    "scopes": ["FRAME_FILL", "SHAPE_FILL"]
+    "group": "component (internal)",
+    "scopes": ["ALL_SCOPES"]
   },
   {
-    "name": "bgColor/disabled",
+    "name": "overlay/backdrop/bgColor",
     "value": {
       "r": 0.12941176470588237,
       "g": 0.1568627450980392,
       "b": 0.18823529411764706,
-      "a": 1
+      "a": 0.4
     },
     "type": "COLOR",
-    "refId": "mode/bgColor/disabled",
+    "alpha": 0.4,
+    "refId": "mode/overlay/backdrop/bgColor",
     "reference": "base/color/dark/base/color/neutral/3",
     "collection": "mode",
     "mode": "dark protanopia deuteranopia",
-    "group": "semantic",
+    "group": "component (internal)",
     "scopes": ["FRAME_FILL", "SHAPE_FILL"]
   },
   {
-    "name": "bgColor/transparent",
+    "name": "page/header/bgColor",
     "value": {
-      "r": 0,
-      "g": 0,
-      "b": 0,
-      "a": 0
+      "r": 0.050980392156862744,
+      "g": 0.06666666666666667,
+      "b": 0.09019607843137255,
+      "a": 1
     },
     "type": "COLOR",
-    "refId": "mode/bgColor/transparent",
-    "reference": "base/color/dark/base/color/transparent",
+    "refId": "mode/page/header/bgColor",
+    "reference": "mode/bgColor/default",
     "collection": "mode",
     "mode": "dark protanopia deuteranopia",
-    "group": "semantic",
-    "scopes": ["FRAME_FILL", "SHAPE_FILL"],
-    "codeSyntax": {
-      "web": "var(--bgColor-transparent) /* utility class: .color-bg-transparent */"
-    }
+    "group": "component",
+    "scopes": ["FRAME_FILL", "SHAPE_FILL"]
   },
   {
-    "name": "bgColor/neutral-muted",
+    "name": "reactionButton/selected/bgColor/rest",
     "value": {
-      "r": 0.396078431372549,
-      "g": 0.4235294117647059,
-      "b": 0.4627450980392157,
+      "r": 0.2196078431372549,
+      "g": 0.5450980392156862,
+      "b": 0.9921568627450981,
       "a": 0.2
     },
     "type": "COLOR",
     "alpha": 0.2,
-    "refId": "mode/bgColor/neutral-muted",
-    "reference": "base/color/dark/base/color/neutral/8",
+    "refId": "mode/reactionButton/selected/bgColor/rest",
+    "reference": "base/color/dark/base/color/blue/4",
     "collection": "mode",
     "mode": "dark protanopia deuteranopia",
-    "group": "semantic",
+    "group": "component (internal)",
     "scopes": ["FRAME_FILL", "SHAPE_FILL"]
   },
   {
-    "name": "bgColor/neutral-emphasis",
+    "name": "reactionButton/selected/bgColor/hover",
     "value": {
-      "r": 0.396078431372549,
-      "g": 0.4235294117647059,
-      "b": 0.4627450980392157,
-      "a": 1
+      "r": 0.22745098039215686,
+      "g": 0.5490196078431373,
+      "b": 0.9921568627450981,
+      "a": 0.36
     },
     "type": "COLOR",
-    "refId": "mode/bgColor/neutral-emphasis",
-    "reference": "base/color/dark/base/color/neutral/8",
+    "alpha": 0.36,
+    "refId": "mode/reactionButton/selected/bgColor/hover",
     "collection": "mode",
     "mode": "dark protanopia deuteranopia",
-    "group": "semantic",
+    "group": "component (internal)",
     "scopes": ["FRAME_FILL", "SHAPE_FILL"]
   },
   {
-    "name": "bgColor/accent-muted",
+    "name": "reactionButton/selected/fgColor/rest",
     "value": {
-      "r": 0.2196078431372549,
-      "g": 0.5450980392156862,
-      "b": 0.9921568627450981,
-      "a": 0.1
+      "r": 0.26666666666666666,
+      "g": 0.5764705882352941,
+      "b": 0.9725490196078431,
+      "a": 1
     },
     "type": "COLOR",
-    "alpha": 0.1,
-    "refId": "mode/bgColor/accent-muted",
-    "reference": "base/color/dark/base/color/blue/4",
+    "refId": "mode/reactionButton/selected/fgColor/rest",
+    "reference": "mode/fgColor/link",
     "collection": "mode",
     "mode": "dark protanopia deuteranopia",
-    "group": "semantic",
-    "scopes": ["FRAME_FILL", "SHAPE_FILL"],
-    "codeSyntax": {
-      "web": "var(--bgColor-accent-muted) /* utility class: .color-bg-accent */"
-    }
+    "group": "component (internal)",
+    "scopes": ["TEXT_FILL", "SHAPE_FILL"]
   },
   {
-    "name": "bgColor/accent-emphasis",
+    "name": "reactionButton/selected/fgColor/hover",
     "value": {
-      "r": 0.12156862745098039,
-      "g": 0.43529411764705883,
-      "b": 0.9215686274509803,
+      "r": 0.4745098039215686,
+      "g": 0.7529411764705882,
+      "b": 1,
       "a": 1
     },
     "type": "COLOR",
-    "refId": "mode/bgColor/accent-emphasis",
-    "reference": "base/color/dark/base/color/blue/5",
+    "refId": "mode/reactionButton/selected/fgColor/hover",
+    "reference": "base/color/dark/base/color/blue/2",
     "collection": "mode",
     "mode": "dark protanopia deuteranopia",
-    "group": "semantic",
-    "scopes": ["FRAME_FILL", "SHAPE_FILL"],
-    "codeSyntax": {
-      "web": "var(--bgColor-accent-emphasis) /* utility class: .color-bg-accent-emphasis */"
-    }
+    "group": "component (internal)",
+    "scopes": ["TEXT_FILL", "SHAPE_FILL"]
   },
   {
-    "name": "bgColor/success-muted",
+    "name": "skeletonLoader/bgColor",
     "value": {
-      "r": 0.2196078431372549,
-      "g": 0.5450980392156862,
-      "b": 0.9921568627450981,
+      "r": 0.396078431372549,
+      "g": 0.4235294117647059,
+      "b": 0.4627450980392157,
       "a": 0.2
     },
     "type": "COLOR",
     "alpha": 0.2,
-    "refId": "mode/bgColor/success-muted",
-    "reference": "base/color/dark/base/color/blue/4",
+    "refId": "mode/skeletonLoader/bgColor",
+    "reference": "base/color/dark/base/color/neutral/8",
     "collection": "mode",
     "mode": "dark protanopia deuteranopia",
-    "group": "semantic",
-    "scopes": ["FRAME_FILL", "SHAPE_FILL"],
-    "codeSyntax": {
-      "web": "var(--bgColor-success-muted) /* utility class: .color-bg-success */"
-    }
+    "group": "component",
+    "scopes": ["FRAME_FILL", "SHAPE_FILL"]
   },
   {
-    "name": "bgColor/success-emphasis",
+    "name": "timelineBadge/bgColor",
     "value": {
-      "r": 0.12156862745098039,
-      "g": 0.43529411764705883,
-      "b": 0.9215686274509803,
+      "r": 0.12941176470588237,
+      "g": 0.1568627450980392,
+      "b": 0.18823529411764706,
       "a": 1
     },
     "type": "COLOR",
-    "refId": "mode/bgColor/success-emphasis",
-    "reference": "base/color/dark/base/color/blue/5",
-    "collection": "mode",
-    "mode": "dark protanopia deuteranopia",
-    "group": "semantic",
-    "scopes": ["FRAME_FILL", "SHAPE_FILL"],
-    "codeSyntax": {
-      "web": "var(--bgColor-success-emphasis) /* utility class: .color-bg-success-emphasis */"
-    }
-  },
-  {
-    "name": "bgColor/open-muted",
-    "value": {
-      "r": 0.8588235294117647,
-      "g": 0.42745098039215684,
-      "b": 0.1568627450980392,
-      "a": 0.1
-    },
-    "type": "COLOR",
-    "alpha": 0.1,
-    "refId": "mode/bgColor/open-muted",
-    "reference": "base/color/dark/base/color/orange/4",
+    "refId": "mode/timelineBadge/bgColor",
+    "reference": "base/color/dark/base/color/neutral/3",
     "collection": "mode",
     "mode": "dark protanopia deuteranopia",
-    "group": "semantic",
-    "scopes": ["FRAME_FILL", "SHAPE_FILL"],
-    "codeSyntax": {
-      "web": "var(--bgColor-success-muted) /* utility class: .color-bg-success */"
-    }
+    "group": "component (internal)",
+    "scopes": ["FRAME_FILL", "SHAPE_FILL"]
   },
   {
-    "name": "bgColor/open-emphasis",
+    "name": "tooltip/bgColor",
     "value": {
-      "r": 0.7411764705882353,
-      "g": 0.33725490196078434,
-      "b": 0.11372549019607843,
+      "r": 0.23921568627450981,
+      "g": 0.26666666666666666,
+      "b": 0.30196078431372547,
       "a": 1
     },
     "type": "COLOR",
-    "refId": "mode/bgColor/open-emphasis",
-    "reference": "base/color/dark/base/color/orange/5",
+    "refId": "mode/tooltip/bgColor",
+    "reference": "mode/bgColor/emphasis",
     "collection": "mode",
     "mode": "dark protanopia deuteranopia",
-    "group": "semantic",
-    "scopes": ["FRAME_FILL", "SHAPE_FILL"],
-    "codeSyntax": {
-      "web": "var(--bgColor-success-emphasis) /* utility class: .color-bg-success-emphasis */"
-    }
+    "group": "component",
+    "scopes": ["FRAME_FILL", "SHAPE_FILL"]
   },
   {
-    "name": "bgColor/attention-muted",
+    "name": "tooltip/fgColor",
     "value": {
-      "r": 0.7333333333333333,
-      "g": 0.5019607843137255,
-      "b": 0.03529411764705882,
-      "a": 0.15
+      "r": 1,
+      "g": 1,
+      "b": 1,
+      "a": 1
     },
     "type": "COLOR",
-    "alpha": 0.15,
-    "refId": "mode/bgColor/attention-muted",
-    "reference": "base/color/dark/base/color/yellow/4",
+    "refId": "mode/tooltip/fgColor",
+    "reference": "mode/fgColor/onEmphasis",
     "collection": "mode",
     "mode": "dark protanopia deuteranopia",
-    "group": "semantic",
-    "scopes": ["FRAME_FILL", "SHAPE_FILL"],
-    "codeSyntax": {
-      "web": "var(--bgColor-attention-muted) /* utility class: .color-bg-attention */"
-    }
+    "group": "component",
+    "scopes": ["TEXT_FILL", "SHAPE_FILL"]
   },
   {
-    "name": "bgColor/attention-emphasis",
+    "name": "topicTag/borderColor",
     "value": {
-      "r": 0.6196078431372549,
-      "g": 0.41568627450980394,
-      "b": 0.011764705882352941,
-      "a": 1
+      "r": 0,
+      "g": 0,
+      "b": 0,
+      "a": 0
     },
     "type": "COLOR",
-    "refId": "mode/bgColor/attention-emphasis",
-    "reference": "base/color/dark/base/color/yellow/5",
+    "refId": "mode/topicTag/borderColor",
+    "reference": "base/color/dark/base/color/transparent",
     "collection": "mode",
     "mode": "dark protanopia deuteranopia",
-    "group": "semantic",
-    "scopes": ["FRAME_FILL", "SHAPE_FILL"],
-    "codeSyntax": {
-      "web": "var(--bgColor-attention-emphasis) /* utility class: .color-bg-attention-emphasis */"
-    }
+    "group": "component",
+    "scopes": ["STROKE_COLOR"]
   },
   {
-    "name": "bgColor/severe-muted",
+    "name": "bgColor/default",
     "value": {
-      "r": 0.8588235294117647,
-      "g": 0.42745098039215684,
-      "b": 0.1568627450980392,
-      "a": 0.1
+      "r": 0.050980392156862744,
+      "g": 0.06666666666666667,
+      "b": 0.09019607843137255,
+      "a": 1
     },
     "type": "COLOR",
-    "alpha": 0.1,
-    "refId": "mode/bgColor/severe-muted",
-    "reference": "base/color/dark/base/color/orange/4",
+    "refId": "mode/bgColor/default",
+    "reference": "base/color/dark/base/color/neutral/1",
     "collection": "mode",
     "mode": "dark protanopia deuteranopia",
     "group": "semantic",
-    "scopes": ["FRAME_FILL", "SHAPE_FILL"],
+    "scopes": ["FRAME_FILL", "SHAPE_FILL", "STROKE_COLOR"],
     "codeSyntax": {
-      "web": "var(--bgColor-severe-muted) /* utility class: .color-bg-severe */"
+      "web": "var(--bgColor-default) /* utility class: .color-bg-default */"
     }
   },
   {
-    "name": "bgColor/severe-emphasis",
+    "name": "bgColor/muted",
     "value": {
-      "r": 0.7411764705882353,
-      "g": 0.33725490196078434,
-      "b": 0.11372549019607843,
+      "r": 0.08235294117647059,
+      "g": 0.10588235294117647,
+      "b": 0.13725490196078433,
       "a": 1
     },
     "type": "COLOR",
-    "refId": "mode/bgColor/severe-emphasis",
-    "reference": "base/color/dark/base/color/orange/5",
+    "refId": "mode/bgColor/muted",
+    "reference": "base/color/dark/base/color/neutral/2",
     "collection": "mode",
     "mode": "dark protanopia deuteranopia",
     "group": "semantic",
-    "scopes": ["FRAME_FILL", "SHAPE_FILL"],
+    "scopes": ["FRAME_FILL", "SHAPE_FILL", "STROKE_COLOR"],
     "codeSyntax": {
-      "web": "var(--bgColor-severe-emphasis) /* utility class: .color-bg-severe-emphasis */"
+      "web": "var(--bgColor-muted) /* utility class: .color-bg-muted */"
     }
   },
   {
-    "name": "bgColor/danger-muted",
+    "name": "bgColor/inset",
     "value": {
-      "r": 0.8588235294117647,
-      "g": 0.42745098039215684,
-      "b": 0.1568627450980392,
-      "a": 0.1
+      "r": 0.00392156862745098,
+      "g": 0.01568627450980392,
+      "b": 0.03529411764705882,
+      "a": 1
     },
     "type": "COLOR",
-    "alpha": 0.1,
-    "refId": "mode/bgColor/danger-muted",
-    "reference": "base/color/dark/base/color/orange/4",
+    "refId": "mode/bgColor/inset",
+    "reference": "base/color/dark/base/color/neutral/0",
     "collection": "mode",
     "mode": "dark protanopia deuteranopia",
     "group": "semantic",
-    "scopes": ["FRAME_FILL", "SHAPE_FILL"],
+    "scopes": ["FRAME_FILL", "SHAPE_FILL", "STROKE_COLOR"],
     "codeSyntax": {
-      "web": "var(--bgColor-danger-muted) /* utility class: .color-bg-danger */"
+      "web": "var(--bgColor-inset) /* utility class: .color-bg-inset */"
     }
   },
   {
-    "name": "bgColor/danger-emphasis",
+    "name": "bgColor/emphasis",
     "value": {
-      "r": 0.7411764705882353,
-      "g": 0.33725490196078434,
-      "b": 0.11372549019607843,
+      "r": 0.23921568627450981,
+      "g": 0.26666666666666666,
+      "b": 0.30196078431372547,
       "a": 1
     },
     "type": "COLOR",
-    "refId": "mode/bgColor/danger-emphasis",
-    "reference": "base/color/dark/base/color/orange/5",
+    "refId": "mode/bgColor/emphasis",
+    "reference": "base/color/dark/base/color/neutral/7",
     "collection": "mode",
     "mode": "dark protanopia deuteranopia",
     "group": "semantic",
     "scopes": ["FRAME_FILL", "SHAPE_FILL"],
     "codeSyntax": {
-      "web": "var(--bgColor-danger-emphasis) /* utility class: .color-bg-danger-emphasis */"
+      "web": "var(--bgColor-emphasis) /* utility class: .color-bg-emphasis */"
     }
   },
   {
-    "name": "bgColor/closed-muted",
+    "name": "bgColor/inverse",
     "value": {
-      "r": 0.396078431372549,
-      "g": 0.4235294117647059,
-      "b": 0.4627450980392157,
-      "a": 0.1
+      "r": 1,
+      "g": 1,
+      "b": 1,
+      "a": 1
     },
     "type": "COLOR",
-    "alpha": 0.1,
-    "refId": "mode/bgColor/closed-muted",
-    "reference": "mode/bgColor/neutral-muted",
+    "refId": "mode/bgColor/inverse",
+    "reference": "base/color/dark/base/color/neutral/13",
     "collection": "mode",
     "mode": "dark protanopia deuteranopia",
     "group": "semantic",
-    "scopes": ["FRAME_FILL", "SHAPE_FILL"],
-    "codeSyntax": {
-      "web": "var(--bgColor-closed-muted) /* utility class: .color-bg-closed */"
-    }
+    "scopes": ["FRAME_FILL", "SHAPE_FILL"]
   },
   {
-    "name": "bgColor/closed-emphasis",
+    "name": "bgColor/white",
     "value": {
-      "r": 0.396078431372549,
-      "g": 0.4235294117647059,
-      "b": 0.4627450980392157,
+      "r": 1,
+      "g": 1,
+      "b": 1,
       "a": 1
     },
     "type": "COLOR",
-    "refId": "mode/bgColor/closed-emphasis",
-    "reference": "mode/bgColor/neutral-emphasis",
+    "refId": "mode/bgColor/white",
+    "reference": "base/color/dark/base/color/neutral/13",
     "collection": "mode",
     "mode": "dark protanopia deuteranopia",
     "group": "semantic",
-    "scopes": ["FRAME_FILL", "SHAPE_FILL"],
-    "codeSyntax": {
-      "web": "var(--bgColor-closed-emphasis) /* utility class: .color-bg-closed-emphasis */"
-    }
+    "scopes": ["FRAME_FILL", "SHAPE_FILL"]
   },
   {
-    "name": "bgColor/done-muted",
+    "name": "bgColor/black",
     "value": {
-      "r": 0.6705882352941176,
-      "g": 0.49019607843137253,
-      "b": 0.9725490196078431,
-      "a": 0.15
+      "r": 0.00392156862745098,
+      "g": 0.01568627450980392,
+      "b": 0.03529411764705882,
+      "a": 1
     },
     "type": "COLOR",
-    "alpha": 0.15,
-    "refId": "mode/bgColor/done-muted",
-    "reference": "base/color/dark/base/color/purple/4",
+    "refId": "mode/bgColor/black",
+    "reference": "base/color/dark/base/color/neutral/0",
     "collection": "mode",
     "mode": "dark protanopia deuteranopia",
     "group": "semantic",
-    "scopes": ["FRAME_FILL", "SHAPE_FILL"],
-    "codeSyntax": {
-      "web": "var(--bgColor-done-muted) /* utility class: .color-bg-done */"
-    }
+    "scopes": ["FRAME_FILL", "SHAPE_FILL"]
   },
   {
-    "name": "bgColor/done-emphasis",
+    "name": "bgColor/disabled",
     "value": {
-      "r": 0.5372549019607843,
-      "g": 0.3411764705882353,
-      "b": 0.8980392156862745,
+      "r": 0.12941176470588237,
+      "g": 0.1568627450980392,
+      "b": 0.18823529411764706,
       "a": 1
     },
     "type": "COLOR",
-    "refId": "mode/bgColor/done-emphasis",
-    "reference": "base/color/dark/base/color/purple/5",
+    "refId": "mode/bgColor/disabled",
+    "reference": "base/color/dark/base/color/neutral/3",
     "collection": "mode",
     "mode": "dark protanopia deuteranopia",
     "group": "semantic",
-    "scopes": ["FRAME_FILL", "SHAPE_FILL"],
-    "codeSyntax": {
-      "web": "var(--bgColor-done-emphasis) /* utility class: .color-bg-done-emphasis */"
-    }
+    "scopes": ["FRAME_FILL", "SHAPE_FILL"]
   },
   {
-    "name": "bgColor/upsell-muted",
+    "name": "bgColor/transparent",
     "value": {
-      "r": 0.6705882352941176,
-      "g": 0.49019607843137253,
-      "b": 0.9725490196078431,
-      "a": 0.15
+      "r": 0,
+      "g": 0,
+      "b": 0,
+      "a": 0
     },
     "type": "COLOR",
-    "refId": "mode/bgColor/upsell-muted",
-    "reference": "mode/bgColor/done-muted",
+    "refId": "mode/bgColor/transparent",
+    "reference": "base/color/dark/base/color/transparent",
     "collection": "mode",
     "mode": "dark protanopia deuteranopia",
     "group": "semantic",
     "scopes": ["FRAME_FILL", "SHAPE_FILL"],
     "codeSyntax": {
-      "web": "var(--bgColor-upsell-muted)"
+      "web": "var(--bgColor-transparent) /* utility class: .color-bg-transparent */"
     }
   },
   {
-    "name": "bgColor/upsell-emphasis",
+    "name": "bgColor/neutral-muted",
     "value": {
-      "r": 0.5372549019607843,
-      "g": 0.3411764705882353,
-      "b": 0.8980392156862745,
-      "a": 1
+      "r": 0.396078431372549,
+      "g": 0.4235294117647059,
+      "b": 0.4627450980392157,
+      "a": 0.2
     },
     "type": "COLOR",
-    "refId": "mode/bgColor/upsell-emphasis",
-    "reference": "mode/bgColor/done-emphasis",
+    "alpha": 0.2,
+    "refId": "mode/bgColor/neutral-muted",
+    "reference": "base/color/dark/base/color/neutral/8",
     "collection": "mode",
     "mode": "dark protanopia deuteranopia",
     "group": "semantic",
-    "scopes": ["FRAME_FILL", "SHAPE_FILL"],
-    "codeSyntax": {
-      "web": "var(--bgColor-upsell-emphasis)"
-    }
+    "scopes": ["FRAME_FILL", "SHAPE_FILL"]
   },
   {
-    "name": "bgColor/sponsors-muted",
+    "name": "bgColor/neutral-emphasis",
     "value": {
-      "r": 0.8588235294117647,
-      "g": 0.3803921568627451,
-      "b": 0.6352941176470588,
-      "a": 0.1
+      "r": 0.396078431372549,
+      "g": 0.4235294117647059,
+      "b": 0.4627450980392157,
+      "a": 1
     },
     "type": "COLOR",
-    "alpha": 0.1,
-    "refId": "mode/bgColor/sponsors-muted",
-    "reference": "base/color/dark/base/color/pink/4",
+    "refId": "mode/bgColor/neutral-emphasis",
+    "reference": "base/color/dark/base/color/neutral/8",
     "collection": "mode",
     "mode": "dark protanopia deuteranopia",
     "group": "semantic",
-    "scopes": ["FRAME_FILL", "SHAPE_FILL"],
-    "codeSyntax": {
-      "web": "var(--bgColor-sponsors-muted) /* utility class: .color-bg-sponsors */"
-    }
+    "scopes": ["FRAME_FILL", "SHAPE_FILL"]
   },
   {
-    "name": "bgColor/sponsors-emphasis",
+    "name": "bgColor/accent-muted",
     "value": {
-      "r": 0.7490196078431373,
-      "g": 0.29411764705882354,
-      "b": 0.5411764705882353,
-      "a": 1
+      "r": 0.2196078431372549,
+      "g": 0.5450980392156862,
+      "b": 0.9921568627450981,
+      "a": 0.1
     },
     "type": "COLOR",
-    "refId": "mode/bgColor/sponsors-emphasis",
-    "reference": "base/color/dark/base/color/pink/5",
+    "alpha": 0.1,
+    "refId": "mode/bgColor/accent-muted",
+    "reference": "base/color/dark/base/color/blue/4",
     "collection": "mode",
     "mode": "dark protanopia deuteranopia",
     "group": "semantic",
     "scopes": ["FRAME_FILL", "SHAPE_FILL"],
     "codeSyntax": {
-      "web": "var(--bgColor-sponsors-emphasis) /* utility class: .color-bg-sponsors-emphasis */"
+      "web": "var(--bgColor-accent-muted) /* utility class: .color-bg-accent */"
     }
   },
   {
-    "name": "borderColor/default",
+    "name": "bgColor/accent-emphasis",
     "value": {
-      "r": 0.23921568627450981,
-      "g": 0.26666666666666666,
-      "b": 0.30196078431372547,
+      "r": 0.12156862745098039,
+      "g": 0.43529411764705883,
+      "b": 0.9215686274509803,
       "a": 1
     },
     "type": "COLOR",
-    "refId": "mode/borderColor/default",
-    "reference": "base/color/dark/base/color/neutral/7",
+    "refId": "mode/bgColor/accent-emphasis",
+    "reference": "base/color/dark/base/color/blue/5",
     "collection": "mode",
     "mode": "dark protanopia deuteranopia",
     "group": "semantic",
-    "scopes": ["STROKE_COLOR"],
+    "scopes": ["FRAME_FILL", "SHAPE_FILL"],
     "codeSyntax": {
-      "web": "var(--borderColor-default) /* utility class: .color-border-default */"
+      "web": "var(--bgColor-accent-emphasis) /* utility class: .color-bg-accent-emphasis */"
     }
   },
   {
-    "name": "borderColor/muted",
+    "name": "bgColor/success-muted",
     "value": {
-      "r": 0.23921568627450981,
-      "g": 0.26666666666666666,
-      "b": 0.30196078431372547,
-      "a": 0.7
+      "r": 0.2196078431372549,
+      "g": 0.5450980392156862,
+      "b": 0.9921568627450981,
+      "a": 0.2
     },
     "type": "COLOR",
-    "alpha": 0.7,
-    "refId": "mode/borderColor/muted",
-    "reference": "mode/borderColor/default",
+    "alpha": 0.2,
+    "refId": "mode/bgColor/success-muted",
+    "reference": "base/color/dark/base/color/blue/4",
     "collection": "mode",
     "mode": "dark protanopia deuteranopia",
     "group": "semantic",
-    "scopes": ["STROKE_COLOR"],
+    "scopes": ["FRAME_FILL", "SHAPE_FILL"],
     "codeSyntax": {
-      "web": "var(--borderColor-muted) /* utility class: .color-border-muted */"
+      "web": "var(--bgColor-success-muted) /* utility class: .color-bg-success */"
     }
   },
   {
-    "name": "borderColor/emphasis",
+    "name": "bgColor/success-emphasis",
     "value": {
-      "r": 0.396078431372549,
-      "g": 0.4235294117647059,
-      "b": 0.4627450980392157,
+      "r": 0.12156862745098039,
+      "g": 0.43529411764705883,
+      "b": 0.9215686274509803,
       "a": 1
     },
     "type": "COLOR",
-    "refId": "mode/borderColor/emphasis",
-    "reference": "base/color/dark/base/color/neutral/8",
+    "refId": "mode/bgColor/success-emphasis",
+    "reference": "base/color/dark/base/color/blue/5",
     "collection": "mode",
     "mode": "dark protanopia deuteranopia",
     "group": "semantic",
-    "scopes": ["STROKE_COLOR"]
+    "scopes": ["FRAME_FILL", "SHAPE_FILL"],
+    "codeSyntax": {
+      "web": "var(--bgColor-success-emphasis) /* utility class: .color-bg-success-emphasis */"
+    }
   },
   {
-    "name": "borderColor/disabled",
+    "name": "bgColor/open-muted",
     "value": {
-      "r": 0.396078431372549,
-      "g": 0.4235294117647059,
-      "b": 0.4627450980392157,
+      "r": 0.8588235294117647,
+      "g": 0.42745098039215684,
+      "b": 0.1568627450980392,
       "a": 0.1
     },
     "type": "COLOR",
     "alpha": 0.1,
-    "refId": "mode/borderColor/disabled",
-    "reference": "base/color/dark/base/color/neutral/8",
+    "refId": "mode/bgColor/open-muted",
+    "reference": "base/color/dark/base/color/orange/4",
     "collection": "mode",
     "mode": "dark protanopia deuteranopia",
     "group": "semantic",
-    "scopes": ["STROKE_COLOR"]
+    "scopes": ["FRAME_FILL", "SHAPE_FILL"],
+    "codeSyntax": {
+      "web": "var(--bgColor-success-muted) /* utility class: .color-bg-success */"
+    }
   },
   {
-    "name": "borderColor/transparent",
+    "name": "bgColor/open-emphasis",
     "value": {
-      "r": 0,
-      "g": 0,
-      "b": 0,
-      "a": 0
+      "r": 0.7411764705882353,
+      "g": 0.33725490196078434,
+      "b": 0.11372549019607843,
+      "a": 1
     },
     "type": "COLOR",
-    "refId": "mode/borderColor/transparent",
-    "reference": "base/color/dark/base/color/transparent",
+    "refId": "mode/bgColor/open-emphasis",
+    "reference": "base/color/dark/base/color/orange/5",
     "collection": "mode",
     "mode": "dark protanopia deuteranopia",
     "group": "semantic",
-    "scopes": ["STROKE_COLOR"]
+    "scopes": ["FRAME_FILL", "SHAPE_FILL"],
+    "codeSyntax": {
+      "web": "var(--bgColor-success-emphasis) /* utility class: .color-bg-success-emphasis */"
+    }
   },
   {
-    "name": "borderColor/translucent",
+    "name": "bgColor/attention-muted",
     "value": {
-      "r": 1,
-      "g": 1,
-      "b": 1,
+      "r": 0.7333333333333333,
+      "g": 0.5019607843137255,
+      "b": 0.03529411764705882,
       "a": 0.15
     },
     "type": "COLOR",
     "alpha": 0.15,
-    "refId": "mode/borderColor/translucent",
-    "reference": "base/color/dark/base/color/neutral/13",
+    "refId": "mode/bgColor/attention-muted",
+    "reference": "base/color/dark/base/color/yellow/4",
     "collection": "mode",
     "mode": "dark protanopia deuteranopia",
     "group": "semantic",
-    "scopes": ["STROKE_COLOR"]
+    "scopes": ["FRAME_FILL", "SHAPE_FILL"],
+    "codeSyntax": {
+      "web": "var(--bgColor-attention-muted) /* utility class: .color-bg-attention */"
+    }
   },
   {
-    "name": "borderColor/neutral-muted",
+    "name": "bgColor/attention-emphasis",
     "value": {
-      "r": 0.23921568627450981,
-      "g": 0.26666666666666666,
-      "b": 0.30196078431372547,
-      "a": 0.7
+      "r": 0.6196078431372549,
+      "g": 0.41568627450980394,
+      "b": 0.011764705882352941,
+      "a": 1
     },
     "type": "COLOR",
-    "refId": "mode/borderColor/neutral-muted",
-    "reference": "mode/borderColor/muted",
+    "refId": "mode/bgColor/attention-emphasis",
+    "reference": "base/color/dark/base/color/yellow/5",
     "collection": "mode",
     "mode": "dark protanopia deuteranopia",
     "group": "semantic",
-    "scopes": ["STROKE_COLOR"]
+    "scopes": ["FRAME_FILL", "SHAPE_FILL"],
+    "codeSyntax": {
+      "web": "var(--bgColor-attention-emphasis) /* utility class: .color-bg-attention-emphasis */"
+    }
   },
   {
-    "name": "borderColor/neutral-emphasis",
+    "name": "bgColor/severe-muted",
     "value": {
-      "r": 0.396078431372549,
-      "g": 0.4235294117647059,
-      "b": 0.4627450980392157,
-      "a": 1
+      "r": 0.8588235294117647,
+      "g": 0.42745098039215684,
+      "b": 0.1568627450980392,
+      "a": 0.1
     },
     "type": "COLOR",
-    "refId": "mode/borderColor/neutral-emphasis",
-    "reference": "mode/borderColor/emphasis",
+    "alpha": 0.1,
+    "refId": "mode/bgColor/severe-muted",
+    "reference": "base/color/dark/base/color/orange/4",
     "collection": "mode",
     "mode": "dark protanopia deuteranopia",
     "group": "semantic",
-    "scopes": ["STROKE_COLOR"]
+    "scopes": ["FRAME_FILL", "SHAPE_FILL"],
+    "codeSyntax": {
+      "web": "var(--bgColor-severe-muted) /* utility class: .color-bg-severe */"
+    }
   },
   {
-    "name": "borderColor/accent-muted",
+    "name": "bgColor/severe-emphasis",
     "value": {
-      "r": 0.2196078431372549,
-      "g": 0.5450980392156862,
-      "b": 0.9921568627450981,
-      "a": 0.4
+      "r": 0.7411764705882353,
+      "g": 0.33725490196078434,
+      "b": 0.11372549019607843,
+      "a": 1
     },
     "type": "COLOR",
-    "alpha": 0.4,
-    "refId": "mode/borderColor/accent-muted",
-    "reference": "base/color/dark/base/color/blue/4",
+    "refId": "mode/bgColor/severe-emphasis",
+    "reference": "base/color/dark/base/color/orange/5",
     "collection": "mode",
     "mode": "dark protanopia deuteranopia",
     "group": "semantic",
-    "scopes": ["STROKE_COLOR"],
+    "scopes": ["FRAME_FILL", "SHAPE_FILL"],
     "codeSyntax": {
-      "web": "var(--borderColor-accent-muted) /* utility class: .color-border-accent */"
+      "web": "var(--bgColor-severe-emphasis) /* utility class: .color-bg-severe-emphasis */"
     }
   },
   {
-    "name": "borderColor/accent-emphasis",
+    "name": "bgColor/danger-muted",
     "value": {
-      "r": 0.12156862745098039,
-      "g": 0.43529411764705883,
-      "b": 0.9215686274509803,
-      "a": 1
+      "r": 0.8588235294117647,
+      "g": 0.42745098039215684,
+      "b": 0.1568627450980392,
+      "a": 0.1
     },
     "type": "COLOR",
-    "refId": "mode/borderColor/accent-emphasis",
-    "reference": "base/color/dark/base/color/blue/5",
+    "alpha": 0.1,
+    "refId": "mode/bgColor/danger-muted",
+    "reference": "base/color/dark/base/color/orange/4",
     "collection": "mode",
     "mode": "dark protanopia deuteranopia",
     "group": "semantic",
-    "scopes": ["STROKE_COLOR"],
+    "scopes": ["FRAME_FILL", "SHAPE_FILL"],
     "codeSyntax": {
-      "web": "var(--borderColor-accent-emphasis) /* utility class: .color-border-accent-emphasis */"
+      "web": "var(--bgColor-danger-muted) /* utility class: .color-bg-danger */"
     }
   },
   {
-    "name": "borderColor/success-muted",
+    "name": "bgColor/danger-emphasis",
     "value": {
-      "r": 0.2196078431372549,
-      "g": 0.5450980392156862,
-      "b": 0.9921568627450981,
-      "a": 0.4
+      "r": 0.7411764705882353,
+      "g": 0.33725490196078434,
+      "b": 0.11372549019607843,
+      "a": 1
     },
     "type": "COLOR",
-    "alpha": 0.4,
-    "refId": "mode/borderColor/success-muted",
-    "reference": "base/color/dark/base/color/blue/4",
+    "refId": "mode/bgColor/danger-emphasis",
+    "reference": "base/color/dark/base/color/orange/5",
     "collection": "mode",
     "mode": "dark protanopia deuteranopia",
     "group": "semantic",
-    "scopes": ["STROKE_COLOR"],
+    "scopes": ["FRAME_FILL", "SHAPE_FILL"],
     "codeSyntax": {
-      "web": "var(--borderColor-success-muted) /* utility class: .color-border-success */"
+      "web": "var(--bgColor-danger-emphasis) /* utility class: .color-bg-danger-emphasis */"
     }
   },
   {
-    "name": "borderColor/success-emphasis",
+    "name": "bgColor/closed-muted",
     "value": {
-      "r": 0.12156862745098039,
-      "g": 0.43529411764705883,
-      "b": 0.9215686274509803,
-      "a": 1
+      "r": 0.396078431372549,
+      "g": 0.4235294117647059,
+      "b": 0.4627450980392157,
+      "a": 0.1
     },
     "type": "COLOR",
-    "refId": "mode/borderColor/success-emphasis",
-    "reference": "base/color/dark/base/color/blue/5",
+    "alpha": 0.1,
+    "refId": "mode/bgColor/closed-muted",
+    "reference": "mode/bgColor/neutral-muted",
     "collection": "mode",
     "mode": "dark protanopia deuteranopia",
     "group": "semantic",
-    "scopes": ["STROKE_COLOR"],
+    "scopes": ["FRAME_FILL", "SHAPE_FILL"],
     "codeSyntax": {
-      "web": "var(--borderColor-success-emphasis) /* utility class: .color-border-success-emphasis */"
+      "web": "var(--bgColor-closed-muted) /* utility class: .color-bg-closed */"
     }
   },
   {
-    "name": "borderColor/open-muted",
+    "name": "bgColor/closed-emphasis",
     "value": {
-      "r": 0.8588235294117647,
-      "g": 0.42745098039215684,
-      "b": 0.1568627450980392,
-      "a": 0.4
+      "r": 0.396078431372549,
+      "g": 0.4235294117647059,
+      "b": 0.4627450980392157,
+      "a": 1
     },
     "type": "COLOR",
-    "alpha": 0.4,
-    "refId": "mode/borderColor/open-muted",
-    "reference": "base/color/dark/base/color/orange/4",
+    "refId": "mode/bgColor/closed-emphasis",
+    "reference": "mode/bgColor/neutral-emphasis",
     "collection": "mode",
     "mode": "dark protanopia deuteranopia",
     "group": "semantic",
-    "scopes": ["STROKE_COLOR"],
+    "scopes": ["FRAME_FILL", "SHAPE_FILL"],
     "codeSyntax": {
-      "web": "var(--borderColor-open-muted) /* utility class: .color-border-open */"
+      "web": "var(--bgColor-closed-emphasis) /* utility class: .color-bg-closed-emphasis */"
     }
   },
   {
-    "name": "borderColor/open-emphasis",
+    "name": "bgColor/done-muted",
     "value": {
-      "r": 0.7411764705882353,
-      "g": 0.33725490196078434,
-      "b": 0.11372549019607843,
-      "a": 1
+      "r": 0.6705882352941176,
+      "g": 0.49019607843137253,
+      "b": 0.9725490196078431,
+      "a": 0.15
     },
     "type": "COLOR",
-    "refId": "mode/borderColor/open-emphasis",
-    "reference": "base/color/dark/base/color/orange/5",
+    "alpha": 0.15,
+    "refId": "mode/bgColor/done-muted",
+    "reference": "base/color/dark/base/color/purple/4",
     "collection": "mode",
     "mode": "dark protanopia deuteranopia",
     "group": "semantic",
-    "scopes": ["STROKE_COLOR"],
+    "scopes": ["FRAME_FILL", "SHAPE_FILL"],
     "codeSyntax": {
-      "web": "var(--borderColor-open-emphasis) /* utility class: .color-border-open-emphasis */"
+      "web": "var(--bgColor-done-muted) /* utility class: .color-bg-done */"
     }
   },
   {
-    "name": "borderColor/attention-muted",
+    "name": "bgColor/done-emphasis",
     "value": {
-      "r": 0.7333333333333333,
-      "g": 0.5019607843137255,
-      "b": 0.03529411764705882,
-      "a": 0.4
+      "r": 0.5372549019607843,
+      "g": 0.3411764705882353,
+      "b": 0.8980392156862745,
+      "a": 1
     },
     "type": "COLOR",
-    "alpha": 0.4,
-    "refId": "mode/borderColor/attention-muted",
-    "reference": "base/color/dark/base/color/yellow/4",
+    "refId": "mode/bgColor/done-emphasis",
+    "reference": "base/color/dark/base/color/purple/5",
     "collection": "mode",
     "mode": "dark protanopia deuteranopia",
     "group": "semantic",
-    "scopes": ["STROKE_COLOR"],
+    "scopes": ["FRAME_FILL", "SHAPE_FILL"],
     "codeSyntax": {
-      "web": "var(--borderColor-attention-muted) /* utility class: .color-border-attention */"
+      "web": "var(--bgColor-done-emphasis) /* utility class: .color-bg-done-emphasis */"
     }
   },
   {
-    "name": "borderColor/attention-emphasis",
+    "name": "bgColor/upsell-muted",
     "value": {
-      "r": 0.6196078431372549,
-      "g": 0.41568627450980394,
-      "b": 0.011764705882352941,
-      "a": 1
+      "r": 0.6705882352941176,
+      "g": 0.49019607843137253,
+      "b": 0.9725490196078431,
+      "a": 0.15
     },
     "type": "COLOR",
-    "refId": "mode/borderColor/attention-emphasis",
-    "reference": "base/color/dark/base/color/yellow/5",
+    "refId": "mode/bgColor/upsell-muted",
+    "reference": "mode/bgColor/done-muted",
     "collection": "mode",
     "mode": "dark protanopia deuteranopia",
     "group": "semantic",
-    "scopes": ["STROKE_COLOR"],
+    "scopes": ["FRAME_FILL", "SHAPE_FILL"],
     "codeSyntax": {
-      "web": "var(--borderColor-attention-emphasis) /* utility class: .color-border-attention-emphasis */"
+      "web": "var(--bgColor-upsell-muted)"
     }
   },
   {
-    "name": "borderColor/severe-muted",
+    "name": "bgColor/upsell-emphasis",
     "value": {
-      "r": 0.8588235294117647,
-      "g": 0.42745098039215684,
-      "b": 0.1568627450980392,
-      "a": 0.4
+      "r": 0.5372549019607843,
+      "g": 0.3411764705882353,
+      "b": 0.8980392156862745,
+      "a": 1
     },
     "type": "COLOR",
-    "alpha": 0.4,
-    "refId": "mode/borderColor/severe-muted",
-    "reference": "base/color/dark/base/color/orange/4",
+    "refId": "mode/bgColor/upsell-emphasis",
+    "reference": "mode/bgColor/done-emphasis",
     "collection": "mode",
     "mode": "dark protanopia deuteranopia",
     "group": "semantic",
-    "scopes": ["STROKE_COLOR"],
+    "scopes": ["FRAME_FILL", "SHAPE_FILL"],
     "codeSyntax": {
-      "web": "var(--borderColor-severe-muted) /* utility class: .color-border-severe */"
+      "web": "var(--bgColor-upsell-emphasis)"
     }
   },
   {
-    "name": "borderColor/severe-emphasis",
+    "name": "bgColor/sponsors-muted",
     "value": {
-      "r": 0.7411764705882353,
-      "g": 0.33725490196078434,
-      "b": 0.11372549019607843,
-      "a": 1
+      "r": 0.8588235294117647,
+      "g": 0.3803921568627451,
+      "b": 0.6352941176470588,
+      "a": 0.1
     },
     "type": "COLOR",
-    "refId": "mode/borderColor/severe-emphasis",
-    "reference": "base/color/dark/base/color/orange/5",
+    "alpha": 0.1,
+    "refId": "mode/bgColor/sponsors-muted",
+    "reference": "base/color/dark/base/color/pink/4",
     "collection": "mode",
     "mode": "dark protanopia deuteranopia",
     "group": "semantic",
-    "scopes": ["STROKE_COLOR"],
+    "scopes": ["FRAME_FILL", "SHAPE_FILL"],
     "codeSyntax": {
-      "web": "var(--borderColor-severe-emphasis) /* utility class: .color-border-severe-emphasis */"
+      "web": "var(--bgColor-sponsors-muted) /* utility class: .color-bg-sponsors */"
     }
   },
   {
-    "name": "borderColor/danger-muted",
+    "name": "bgColor/sponsors-emphasis",
     "value": {
-      "r": 0.8588235294117647,
-      "g": 0.42745098039215684,
-      "b": 0.1568627450980392,
-      "a": 0.4
+      "r": 0.7490196078431373,
+      "g": 0.29411764705882354,
+      "b": 0.5411764705882353,
+      "a": 1
     },
     "type": "COLOR",
-    "alpha": 0.4,
-    "refId": "mode/borderColor/danger-muted",
-    "reference": "base/color/dark/base/color/orange/4",
+    "refId": "mode/bgColor/sponsors-emphasis",
+    "reference": "base/color/dark/base/color/pink/5",
     "collection": "mode",
     "mode": "dark protanopia deuteranopia",
     "group": "semantic",
-    "scopes": ["STROKE_COLOR"],
+    "scopes": ["FRAME_FILL", "SHAPE_FILL"],
     "codeSyntax": {
-      "web": "var(--borderColor-danger-muted) /* utility class: .color-border-danger */"
+      "web": "var(--bgColor-sponsors-emphasis) /* utility class: .color-bg-sponsors-emphasis */"
     }
   },
   {
-    "name": "borderColor/danger-emphasis",
+    "name": "borderColor/default",
     "value": {
-      "r": 0.7411764705882353,
-      "g": 0.33725490196078434,
-      "b": 0.11372549019607843,
+      "r": 0.23921568627450981,
+      "g": 0.26666666666666666,
+      "b": 0.30196078431372547,
       "a": 1
     },
     "type": "COLOR",
-    "refId": "mode/borderColor/danger-emphasis",
-    "reference": "base/color/dark/base/color/orange/5",
+    "refId": "mode/borderColor/default",
+    "reference": "base/color/dark/base/color/neutral/7",
     "collection": "mode",
     "mode": "dark protanopia deuteranopia",
     "group": "semantic",
     "scopes": ["STROKE_COLOR"],
     "codeSyntax": {
-      "web": "var(--borderColor-danger-emphasis) /* utility class: .color-border-danger-emphasis */"
+      "web": "var(--borderColor-default) /* utility class: .color-border-default */"
     }
   },
   {
-    "name": "borderColor/closed-muted",
+    "name": "borderColor/muted",
     "value": {
       "r": 0.23921568627450981,
       "g": 0.26666666666666666,
       "b": 0.30196078431372547,
-      "a": 0.4
+      "a": 0.7
     },
     "type": "COLOR",
-    "alpha": 0.4,
-    "refId": "mode/borderColor/closed-muted",
+    "alpha": 0.7,
+    "refId": "mode/borderColor/muted",
     "reference": "mode/borderColor/default",
     "collection": "mode",
     "mode": "dark protanopia deuteranopia",
     "group": "semantic",
     "scopes": ["STROKE_COLOR"],
     "codeSyntax": {
-      "web": "var(--borderColor-closed-muted) /* utility class: .color-border-closed */"
+      "web": "var(--borderColor-muted) /* utility class: .color-border-muted */"
     }
   },
   {
-    "name": "borderColor/closed-emphasis",
+    "name": "borderColor/emphasis",
     "value": {
       "r": 0.396078431372549,
       "g": 0.4235294117647059,
@@ -3700,1069 +4041,1149 @@
       "a": 1
     },
     "type": "COLOR",
-    "refId": "mode/borderColor/closed-emphasis",
-    "reference": "mode/borderColor/emphasis",
+    "refId": "mode/borderColor/emphasis",
+    "reference": "base/color/dark/base/color/neutral/8",
     "collection": "mode",
     "mode": "dark protanopia deuteranopia",
     "group": "semantic",
-    "scopes": ["STROKE_COLOR"],
-    "codeSyntax": {
-      "web": "var(--borderColor-closed-emphasis) /* utility class: .color-border-closed-emphasis */"
-    }
+    "scopes": ["STROKE_COLOR"]
   },
   {
-    "name": "borderColor/done-muted",
+    "name": "borderColor/disabled",
     "value": {
-      "r": 0.6705882352941176,
-      "g": 0.49019607843137253,
-      "b": 0.9725490196078431,
-      "a": 0.4
+      "r": 0.396078431372549,
+      "g": 0.4235294117647059,
+      "b": 0.4627450980392157,
+      "a": 0.1
     },
     "type": "COLOR",
-    "alpha": 0.4,
-    "refId": "mode/borderColor/done-muted",
-    "reference": "base/color/dark/base/color/purple/4",
+    "alpha": 0.1,
+    "refId": "mode/borderColor/disabled",
+    "reference": "base/color/dark/base/color/neutral/8",
     "collection": "mode",
     "mode": "dark protanopia deuteranopia",
     "group": "semantic",
-    "scopes": ["STROKE_COLOR"],
-    "codeSyntax": {
-      "web": "var(--borderColor-done-muted) /* utility class: .color-border-done */"
-    }
+    "scopes": ["STROKE_COLOR"]
   },
   {
-    "name": "borderColor/done-emphasis",
+    "name": "borderColor/transparent",
     "value": {
-      "r": 0.5372549019607843,
-      "g": 0.3411764705882353,
-      "b": 0.8980392156862745,
-      "a": 1
+      "r": 0,
+      "g": 0,
+      "b": 0,
+      "a": 0
     },
     "type": "COLOR",
-    "refId": "mode/borderColor/done-emphasis",
-    "reference": "base/color/dark/base/color/purple/5",
+    "refId": "mode/borderColor/transparent",
+    "reference": "base/color/dark/base/color/transparent",
     "collection": "mode",
     "mode": "dark protanopia deuteranopia",
     "group": "semantic",
-    "scopes": ["STROKE_COLOR"],
-    "codeSyntax": {
-      "web": "var(--borderColor-done-emphasis)"
-    }
+    "scopes": ["STROKE_COLOR"]
   },
   {
-    "name": "borderColor/upsell-muted",
+    "name": "borderColor/translucent",
     "value": {
-      "r": 0.6705882352941176,
-      "g": 0.49019607843137253,
-      "b": 0.9725490196078431,
-      "a": 0.4
+      "r": 1,
+      "g": 1,
+      "b": 1,
+      "a": 0.15
     },
     "type": "COLOR",
-    "refId": "mode/borderColor/upsell-muted",
-    "reference": "mode/borderColor/done-muted",
+    "alpha": 0.15,
+    "refId": "mode/borderColor/translucent",
+    "reference": "base/color/dark/base/color/neutral/13",
     "collection": "mode",
     "mode": "dark protanopia deuteranopia",
     "group": "semantic",
-    "scopes": ["STROKE_COLOR"],
-    "codeSyntax": {
-      "web": "var(--borderColor-upsell-muted)"
-    }
+    "scopes": ["STROKE_COLOR"]
   },
   {
-    "name": "borderColor/upsell-emphasis",
+    "name": "borderColor/neutral-muted",
     "value": {
-      "r": 0.5372549019607843,
-      "g": 0.3411764705882353,
-      "b": 0.8980392156862745,
+      "r": 0.23921568627450981,
+      "g": 0.26666666666666666,
+      "b": 0.30196078431372547,
+      "a": 0.7
+    },
+    "type": "COLOR",
+    "refId": "mode/borderColor/neutral-muted",
+    "reference": "mode/borderColor/muted",
+    "collection": "mode",
+    "mode": "dark protanopia deuteranopia",
+    "group": "semantic",
+    "scopes": ["STROKE_COLOR"]
+  },
+  {
+    "name": "borderColor/neutral-emphasis",
+    "value": {
+      "r": 0.396078431372549,
+      "g": 0.4235294117647059,
+      "b": 0.4627450980392157,
       "a": 1
     },
     "type": "COLOR",
-    "refId": "mode/borderColor/upsell-emphasis",
-    "reference": "mode/borderColor/done-emphasis",
+    "refId": "mode/borderColor/neutral-emphasis",
+    "reference": "mode/borderColor/emphasis",
     "collection": "mode",
     "mode": "dark protanopia deuteranopia",
     "group": "semantic",
-    "scopes": ["STROKE_COLOR"],
-    "codeSyntax": {
-      "web": "var(--borderColor-upsell-emphasis)"
-    }
+    "scopes": ["STROKE_COLOR"]
   },
   {
-    "name": "borderColor/sponsors-muted",
+    "name": "borderColor/accent-muted",
     "value": {
-      "r": 0.8588235294117647,
-      "g": 0.3803921568627451,
-      "b": 0.6352941176470588,
+      "r": 0.2196078431372549,
+      "g": 0.5450980392156862,
+      "b": 0.9921568627450981,
       "a": 0.4
     },
     "type": "COLOR",
     "alpha": 0.4,
-    "refId": "mode/borderColor/sponsors-muted",
-    "reference": "base/color/dark/base/color/pink/4",
+    "refId": "mode/borderColor/accent-muted",
+    "reference": "base/color/dark/base/color/blue/4",
     "collection": "mode",
     "mode": "dark protanopia deuteranopia",
     "group": "semantic",
     "scopes": ["STROKE_COLOR"],
     "codeSyntax": {
-      "web": "var(--borderColor-sponsors-muted) /* utility class: .color-border-sponsors */"
+      "web": "var(--borderColor-accent-muted) /* utility class: .color-border-accent */"
     }
   },
   {
-    "name": "borderColor/sponsors-emphasis",
+    "name": "borderColor/accent-emphasis",
     "value": {
-      "r": 0.7490196078431373,
-      "g": 0.29411764705882354,
-      "b": 0.5411764705882353,
+      "r": 0.12156862745098039,
+      "g": 0.43529411764705883,
+      "b": 0.9215686274509803,
       "a": 1
     },
     "type": "COLOR",
-    "refId": "mode/borderColor/sponsors-emphasis",
-    "reference": "base/color/dark/base/color/pink/5",
+    "refId": "mode/borderColor/accent-emphasis",
+    "reference": "base/color/dark/base/color/blue/5",
     "collection": "mode",
     "mode": "dark protanopia deuteranopia",
     "group": "semantic",
     "scopes": ["STROKE_COLOR"],
     "codeSyntax": {
-      "web": "var(--borderColor-sponsors-emphasis) /* utility class: .color-border-sponsors-emphasis */"
+      "web": "var(--borderColor-accent-emphasis) /* utility class: .color-border-accent-emphasis */"
     }
   },
   {
-    "name": "fgColor/default",
+    "name": "borderColor/success-muted",
     "value": {
-      "r": 0.9411764705882353,
-      "g": 0.9647058823529412,
-      "b": 0.9882352941176471,
-      "a": 1
+      "r": 0.2196078431372549,
+      "g": 0.5450980392156862,
+      "b": 0.9921568627450981,
+      "a": 0.4
     },
     "type": "COLOR",
-    "refId": "mode/fgColor/default",
-    "reference": "base/color/dark/base/color/neutral/12",
+    "alpha": 0.4,
+    "refId": "mode/borderColor/success-muted",
+    "reference": "base/color/dark/base/color/blue/4",
     "collection": "mode",
     "mode": "dark protanopia deuteranopia",
     "group": "semantic",
-    "scopes": ["TEXT_FILL", "SHAPE_FILL"],
+    "scopes": ["STROKE_COLOR"],
     "codeSyntax": {
-      "web": "var(--fgColor-default) /* utility class: .color-fg-default */"
+      "web": "var(--borderColor-success-muted) /* utility class: .color-border-success */"
     }
   },
   {
-    "name": "fgColor/muted",
+    "name": "borderColor/success-emphasis",
     "value": {
-      "r": 0.5686274509803921,
-      "g": 0.596078431372549,
-      "b": 0.6313725490196078,
+      "r": 0.12156862745098039,
+      "g": 0.43529411764705883,
+      "b": 0.9215686274509803,
       "a": 1
     },
     "type": "COLOR",
-    "refId": "mode/fgColor/muted",
-    "reference": "base/color/dark/base/color/neutral/9",
+    "refId": "mode/borderColor/success-emphasis",
+    "reference": "base/color/dark/base/color/blue/5",
     "collection": "mode",
     "mode": "dark protanopia deuteranopia",
     "group": "semantic",
-    "scopes": ["TEXT_FILL", "SHAPE_FILL"],
+    "scopes": ["STROKE_COLOR"],
     "codeSyntax": {
-      "web": "var(--fgColor-muted) /* utility class: .color-fg-muted */"
+      "web": "var(--borderColor-success-emphasis) /* utility class: .color-border-success-emphasis */"
     }
   },
   {
-    "name": "fgColor/onEmphasis",
+    "name": "borderColor/open-muted",
     "value": {
-      "r": 1,
-      "g": 1,
-      "b": 1,
-      "a": 1
+      "r": 0.8588235294117647,
+      "g": 0.42745098039215684,
+      "b": 0.1568627450980392,
+      "a": 0.4
     },
     "type": "COLOR",
-    "refId": "mode/fgColor/onEmphasis",
-    "reference": "base/color/dark/base/color/neutral/13",
+    "alpha": 0.4,
+    "refId": "mode/borderColor/open-muted",
+    "reference": "base/color/dark/base/color/orange/4",
     "collection": "mode",
     "mode": "dark protanopia deuteranopia",
     "group": "semantic",
-    "scopes": ["TEXT_FILL", "SHAPE_FILL"],
+    "scopes": ["STROKE_COLOR"],
     "codeSyntax": {
-      "web": "var(--fgColor-onEmphasis) /* utility class: .color-fg-on-emphasis */"
+      "web": "var(--borderColor-open-muted) /* utility class: .color-border-open */"
     }
   },
   {
-    "name": "fgColor/onInverse",
+    "name": "borderColor/open-emphasis",
     "value": {
-      "r": 0.00392156862745098,
-      "g": 0.01568627450980392,
-      "b": 0.03529411764705882,
+      "r": 0.7411764705882353,
+      "g": 0.33725490196078434,
+      "b": 0.11372549019607843,
       "a": 1
     },
     "type": "COLOR",
-    "refId": "mode/fgColor/onInverse",
-    "reference": "base/color/dark/base/color/neutral/0",
+    "refId": "mode/borderColor/open-emphasis",
+    "reference": "base/color/dark/base/color/orange/5",
     "collection": "mode",
     "mode": "dark protanopia deuteranopia",
     "group": "semantic",
-    "scopes": ["TEXT_FILL", "SHAPE_FILL"]
+    "scopes": ["STROKE_COLOR"],
+    "codeSyntax": {
+      "web": "var(--borderColor-open-emphasis) /* utility class: .color-border-open-emphasis */"
+    }
   },
   {
-    "name": "fgColor/white",
+    "name": "borderColor/attention-muted",
     "value": {
-      "r": 1,
-      "g": 1,
-      "b": 1,
-      "a": 1
+      "r": 0.7333333333333333,
+      "g": 0.5019607843137255,
+      "b": 0.03529411764705882,
+      "a": 0.4
     },
     "type": "COLOR",
-    "refId": "mode/fgColor/white",
-    "reference": "base/color/dark/base/color/neutral/13",
+    "alpha": 0.4,
+    "refId": "mode/borderColor/attention-muted",
+    "reference": "base/color/dark/base/color/yellow/4",
     "collection": "mode",
     "mode": "dark protanopia deuteranopia",
     "group": "semantic",
-    "scopes": ["TEXT_FILL", "SHAPE_FILL"]
+    "scopes": ["STROKE_COLOR"],
+    "codeSyntax": {
+      "web": "var(--borderColor-attention-muted) /* utility class: .color-border-attention */"
+    }
   },
   {
-    "name": "fgColor/black",
+    "name": "borderColor/attention-emphasis",
     "value": {
-      "r": 0.00392156862745098,
-      "g": 0.01568627450980392,
-      "b": 0.03529411764705882,
+      "r": 0.6196078431372549,
+      "g": 0.41568627450980394,
+      "b": 0.011764705882352941,
       "a": 1
     },
     "type": "COLOR",
-    "refId": "mode/fgColor/black",
-    "reference": "base/color/dark/base/color/neutral/0",
+    "refId": "mode/borderColor/attention-emphasis",
+    "reference": "base/color/dark/base/color/yellow/5",
     "collection": "mode",
     "mode": "dark protanopia deuteranopia",
     "group": "semantic",
-    "scopes": ["TEXT_FILL", "SHAPE_FILL"]
+    "scopes": ["STROKE_COLOR"],
+    "codeSyntax": {
+      "web": "var(--borderColor-attention-emphasis) /* utility class: .color-border-attention-emphasis */"
+    }
   },
   {
-    "name": "fgColor/disabled",
+    "name": "borderColor/severe-muted",
     "value": {
-      "r": 0.396078431372549,
-      "g": 0.4235294117647059,
-      "b": 0.4627450980392157,
-      "a": 0.6
+      "r": 0.8588235294117647,
+      "g": 0.42745098039215684,
+      "b": 0.1568627450980392,
+      "a": 0.4
     },
     "type": "COLOR",
-    "alpha": 0.6,
-    "refId": "mode/fgColor/disabled",
-    "reference": "base/color/dark/base/color/neutral/8",
+    "alpha": 0.4,
+    "refId": "mode/borderColor/severe-muted",
+    "reference": "base/color/dark/base/color/orange/4",
     "collection": "mode",
     "mode": "dark protanopia deuteranopia",
     "group": "semantic",
-    "scopes": ["TEXT_FILL", "SHAPE_FILL"]
+    "scopes": ["STROKE_COLOR"],
+    "codeSyntax": {
+      "web": "var(--borderColor-severe-muted) /* utility class: .color-border-severe */"
+    }
   },
   {
-    "name": "fgColor/link",
+    "name": "borderColor/severe-emphasis",
     "value": {
-      "r": 0.26666666666666666,
-      "g": 0.5764705882352941,
-      "b": 0.9725490196078431,
+      "r": 0.7411764705882353,
+      "g": 0.33725490196078434,
+      "b": 0.11372549019607843,
       "a": 1
     },
     "type": "COLOR",
-    "refId": "mode/fgColor/link",
-    "reference": "mode/fgColor/accent",
+    "refId": "mode/borderColor/severe-emphasis",
+    "reference": "base/color/dark/base/color/orange/5",
     "collection": "mode",
     "mode": "dark protanopia deuteranopia",
     "group": "semantic",
-    "scopes": ["TEXT_FILL", "SHAPE_FILL"],
+    "scopes": ["STROKE_COLOR"],
     "codeSyntax": {
-      "web": "var(--fgColor-link) /* utility class: .color-fg-accent */"
+      "web": "var(--borderColor-severe-emphasis) /* utility class: .color-border-severe-emphasis */"
     }
   },
   {
-    "name": "fgColor/neutral",
+    "name": "borderColor/danger-muted",
     "value": {
-      "r": 0.5686274509803921,
-      "g": 0.596078431372549,
-      "b": 0.6313725490196078,
-      "a": 1
+      "r": 0.8588235294117647,
+      "g": 0.42745098039215684,
+      "b": 0.1568627450980392,
+      "a": 0.4
     },
     "type": "COLOR",
-    "refId": "mode/fgColor/neutral",
-    "reference": "base/color/dark/base/color/neutral/9",
+    "alpha": 0.4,
+    "refId": "mode/borderColor/danger-muted",
+    "reference": "base/color/dark/base/color/orange/4",
     "collection": "mode",
     "mode": "dark protanopia deuteranopia",
     "group": "semantic",
-    "scopes": ["TEXT_FILL", "SHAPE_FILL"]
+    "scopes": ["STROKE_COLOR"],
+    "codeSyntax": {
+      "web": "var(--borderColor-danger-muted) /* utility class: .color-border-danger */"
+    }
   },
   {
-    "name": "fgColor/accent",
+    "name": "borderColor/danger-emphasis",
     "value": {
-      "r": 0.26666666666666666,
-      "g": 0.5764705882352941,
-      "b": 0.9725490196078431,
+      "r": 0.7411764705882353,
+      "g": 0.33725490196078434,
+      "b": 0.11372549019607843,
       "a": 1
     },
     "type": "COLOR",
-    "refId": "mode/fgColor/accent",
+    "refId": "mode/borderColor/danger-emphasis",
+    "reference": "base/color/dark/base/color/orange/5",
     "collection": "mode",
     "mode": "dark protanopia deuteranopia",
     "group": "semantic",
-    "scopes": ["TEXT_FILL", "SHAPE_FILL"],
+    "scopes": ["STROKE_COLOR"],
     "codeSyntax": {
-      "web": "var(--fgColor-accent) /* utility class: .color-fg-accent */"
+      "web": "var(--borderColor-danger-emphasis) /* utility class: .color-border-danger-emphasis */"
     }
   },
   {
-    "name": "fgColor/success",
+    "name": "borderColor/closed-muted",
     "value": {
-      "r": 0.34509803921568627,
-      "g": 0.6509803921568628,
-      "b": 1,
-      "a": 1
+      "r": 0.23921568627450981,
+      "g": 0.26666666666666666,
+      "b": 0.30196078431372547,
+      "a": 0.4
     },
     "type": "COLOR",
-    "refId": "mode/fgColor/success",
-    "reference": "base/color/dark/base/color/blue/3",
+    "alpha": 0.4,
+    "refId": "mode/borderColor/closed-muted",
+    "reference": "mode/borderColor/default",
     "collection": "mode",
     "mode": "dark protanopia deuteranopia",
     "group": "semantic",
-    "scopes": ["TEXT_FILL", "SHAPE_FILL"],
+    "scopes": ["STROKE_COLOR"],
     "codeSyntax": {
-      "web": "var(--fgColor-success) /* utility class: .color-fg-success */"
+      "web": "var(--borderColor-closed-muted) /* utility class: .color-border-closed */"
     }
   },
   {
-    "name": "fgColor/open",
+    "name": "borderColor/closed-emphasis",
     "value": {
-      "r": 0.8588235294117647,
-      "g": 0.42745098039215684,
-      "b": 0.1568627450980392,
+      "r": 0.396078431372549,
+      "g": 0.4235294117647059,
+      "b": 0.4627450980392157,
       "a": 1
     },
     "type": "COLOR",
-    "refId": "mode/fgColor/open",
-    "reference": "base/color/dark/base/color/orange/4",
+    "refId": "mode/borderColor/closed-emphasis",
+    "reference": "mode/borderColor/emphasis",
     "collection": "mode",
     "mode": "dark protanopia deuteranopia",
     "group": "semantic",
-    "scopes": ["TEXT_FILL", "SHAPE_FILL"],
+    "scopes": ["STROKE_COLOR"],
     "codeSyntax": {
-      "web": "var(--fgColor-open) /* utility class: .color-fg-open */"
+      "web": "var(--borderColor-closed-emphasis) /* utility class: .color-border-closed-emphasis */"
     }
   },
   {
-    "name": "fgColor/attention",
+    "name": "borderColor/done-muted",
     "value": {
-      "r": 0.8235294117647058,
-      "g": 0.6,
-      "b": 0.13333333333333333,
-      "a": 1
+      "r": 0.6705882352941176,
+      "g": 0.49019607843137253,
+      "b": 0.9725490196078431,
+      "a": 0.4
     },
     "type": "COLOR",
-    "refId": "mode/fgColor/attention",
-    "reference": "base/color/dark/base/color/yellow/3",
+    "alpha": 0.4,
+    "refId": "mode/borderColor/done-muted",
+    "reference": "base/color/dark/base/color/purple/4",
     "collection": "mode",
     "mode": "dark protanopia deuteranopia",
     "group": "semantic",
-    "scopes": ["TEXT_FILL", "SHAPE_FILL"],
+    "scopes": ["STROKE_COLOR"],
     "codeSyntax": {
-      "web": "var(--fgColor-attention) /* utility class: .color-fg-attention */"
+      "web": "var(--borderColor-done-muted) /* utility class: .color-border-done */"
     }
   },
   {
-    "name": "fgColor/severe",
+    "name": "borderColor/done-emphasis",
     "value": {
-      "r": 0.8588235294117647,
-      "g": 0.42745098039215684,
-      "b": 0.1568627450980392,
+      "r": 0.5372549019607843,
+      "g": 0.3411764705882353,
+      "b": 0.8980392156862745,
       "a": 1
     },
     "type": "COLOR",
-    "refId": "mode/fgColor/severe",
-    "reference": "base/color/dark/base/color/orange/4",
+    "refId": "mode/borderColor/done-emphasis",
+    "reference": "base/color/dark/base/color/purple/5",
     "collection": "mode",
     "mode": "dark protanopia deuteranopia",
     "group": "semantic",
-    "scopes": ["TEXT_FILL", "SHAPE_FILL"],
+    "scopes": ["STROKE_COLOR"],
     "codeSyntax": {
-      "web": "var(--fgColor-severe) /* utility class: .color-fg-severe */"
+      "web": "var(--borderColor-done-emphasis)"
     }
   },
   {
-    "name": "fgColor/danger",
+    "name": "borderColor/upsell-muted",
     "value": {
-      "r": 0.9411764705882353,
-      "g": 0.5333333333333333,
-      "b": 0.24313725490196078,
-      "a": 1
+      "r": 0.6705882352941176,
+      "g": 0.49019607843137253,
+      "b": 0.9725490196078431,
+      "a": 0.4
     },
     "type": "COLOR",
-    "refId": "mode/fgColor/danger",
-    "reference": "base/color/dark/base/color/orange/3",
+    "refId": "mode/borderColor/upsell-muted",
+    "reference": "mode/borderColor/done-muted",
     "collection": "mode",
     "mode": "dark protanopia deuteranopia",
     "group": "semantic",
-    "scopes": ["TEXT_FILL", "SHAPE_FILL"],
+    "scopes": ["STROKE_COLOR"],
     "codeSyntax": {
-      "web": "var(--fgColor-danger) /* utility class: .color-fg-danger */"
+      "web": "var(--borderColor-upsell-muted)"
     }
   },
   {
-    "name": "fgColor/closed",
+    "name": "borderColor/upsell-emphasis",
     "value": {
-      "r": 0.5686274509803921,
-      "g": 0.596078431372549,
-      "b": 0.6313725490196078,
+      "r": 0.5372549019607843,
+      "g": 0.3411764705882353,
+      "b": 0.8980392156862745,
       "a": 1
     },
     "type": "COLOR",
-    "refId": "mode/fgColor/closed",
-    "reference": "mode/fgColor/muted",
+    "refId": "mode/borderColor/upsell-emphasis",
+    "reference": "mode/borderColor/done-emphasis",
     "collection": "mode",
     "mode": "dark protanopia deuteranopia",
     "group": "semantic",
-    "scopes": ["TEXT_FILL", "SHAPE_FILL"],
+    "scopes": ["STROKE_COLOR"],
     "codeSyntax": {
-      "web": "var(--fgColor-closed) /* utility class: .color-fg-closed */"
+      "web": "var(--borderColor-upsell-emphasis)"
     }
   },
   {
-    "name": "fgColor/done",
+    "name": "borderColor/sponsors-muted",
     "value": {
-      "r": 0.6705882352941176,
-      "g": 0.49019607843137253,
-      "b": 0.9725490196078431,
-      "a": 1
+      "r": 0.8588235294117647,
+      "g": 0.3803921568627451,
+      "b": 0.6352941176470588,
+      "a": 0.4
     },
     "type": "COLOR",
-    "refId": "mode/fgColor/done",
-    "reference": "base/color/dark/base/color/purple/4",
+    "alpha": 0.4,
+    "refId": "mode/borderColor/sponsors-muted",
+    "reference": "base/color/dark/base/color/pink/4",
     "collection": "mode",
     "mode": "dark protanopia deuteranopia",
     "group": "semantic",
-    "scopes": ["TEXT_FILL", "SHAPE_FILL"],
+    "scopes": ["STROKE_COLOR"],
     "codeSyntax": {
-      "web": "var(--fgColor-done) /* utility class: .color-fg-done */"
+      "web": "var(--borderColor-sponsors-muted) /* utility class: .color-border-sponsors */"
     }
   },
   {
-    "name": "fgColor/upsell",
+    "name": "borderColor/sponsors-emphasis",
     "value": {
-      "r": 0.6705882352941176,
-      "g": 0.49019607843137253,
-      "b": 0.9725490196078431,
+      "r": 0.7490196078431373,
+      "g": 0.29411764705882354,
+      "b": 0.5411764705882353,
       "a": 1
     },
     "type": "COLOR",
-    "refId": "mode/fgColor/upsell",
-    "reference": "mode/fgColor/done",
+    "refId": "mode/borderColor/sponsors-emphasis",
+    "reference": "base/color/dark/base/color/pink/5",
     "collection": "mode",
     "mode": "dark protanopia deuteranopia",
     "group": "semantic",
-    "scopes": ["TEXT_FILL", "SHAPE_FILL"],
+    "scopes": ["STROKE_COLOR"],
     "codeSyntax": {
-      "web": "var(--fgColor-upsell)"
+      "web": "var(--borderColor-sponsors-emphasis) /* utility class: .color-border-sponsors-emphasis */"
     }
   },
   {
-    "name": "fgColor/sponsors",
+    "name": "data/blue/color/emphasis",
     "value": {
-      "r": 0.8588235294117647,
-      "g": 0.3803921568627451,
-      "b": 0.6352941176470588,
+      "r": 0.0196078431372549,
+      "g": 0.4627450980392157,
+      "b": 1,
       "a": 1
     },
     "type": "COLOR",
-    "refId": "mode/fgColor/sponsors",
-    "reference": "base/color/dark/base/color/pink/4",
+    "refId": "mode/data/blue/color/emphasis",
+    "reference": "base/color/dark/base/display/color/blue/5",
     "collection": "mode",
     "mode": "dark protanopia deuteranopia",
-    "group": "semantic",
-    "scopes": ["TEXT_FILL", "SHAPE_FILL"],
-    "codeSyntax": {
-      "web": "var(--fgColor-sponsors) /* utility class: .color-fg-sponsors */"
-    }
+    "group": "component",
+    "scopes": ["FRAME_FILL", "SHAPE_FILL", "STROKE_COLOR"]
   },
   {
-    "name": "codeMirror/fgColor",
+    "name": "data/blue/color/muted",
     "value": {
-      "r": 0.9411764705882353,
-      "g": 0.9647058823529412,
-      "b": 0.9882352941176471,
+      "r": 0,
+      "g": 0.10196078431372549,
+      "b": 0.2784313725490196,
       "a": 1
     },
     "type": "COLOR",
-    "refId": "mode/codeMirror/fgColor",
-    "reference": "mode/fgColor/default",
+    "refId": "mode/data/blue/color/muted",
+    "reference": "base/color/dark/base/display/color/blue/0",
     "collection": "mode",
     "mode": "dark protanopia deuteranopia",
     "group": "component",
-    "scopes": ["TEXT_FILL", "SHAPE_FILL"]
+    "scopes": ["FRAME_FILL", "SHAPE_FILL"]
   },
   {
-    "name": "codeMirror/bgColor",
+    "name": "data/auburn/color/emphasis",
     "value": {
-      "r": 0.050980392156862744,
-      "g": 0.06666666666666667,
-      "b": 0.09019607843137255,
+      "r": 0.6588235294117647,
+      "g": 0.43529411764705883,
+      "b": 0.4196078431372549,
       "a": 1
     },
     "type": "COLOR",
-    "refId": "mode/codeMirror/bgColor",
-    "reference": "mode/bgColor/default",
+    "refId": "mode/data/auburn/color/emphasis",
+    "reference": "base/color/dark/base/display/color/auburn/5",
     "collection": "mode",
     "mode": "dark protanopia deuteranopia",
     "group": "component",
-    "scopes": ["FRAME_FILL", "SHAPE_FILL"]
+    "scopes": ["FRAME_FILL", "SHAPE_FILL", "STROKE_COLOR"]
   },
   {
-    "name": "codeMirror/gutters/bgColor",
+    "name": "data/auburn/color/muted",
     "value": {
-      "r": 0.050980392156862744,
-      "g": 0.06666666666666667,
+      "r": 0.15294117647058825,
+      "g": 0.09411764705882353,
       "b": 0.09019607843137255,
       "a": 1
     },
     "type": "COLOR",
-    "refId": "mode/codeMirror/gutters/bgColor",
-    "reference": "mode/bgColor/default",
+    "refId": "mode/data/auburn/color/muted",
+    "reference": "base/color/dark/base/display/color/auburn/0",
     "collection": "mode",
     "mode": "dark protanopia deuteranopia",
     "group": "component",
     "scopes": ["FRAME_FILL", "SHAPE_FILL"]
   },
   {
-    "name": "codeMirror/gutterMarker/fgColor/default",
+    "name": "data/orange/color/emphasis",
     "value": {
-      "r": 0.050980392156862744,
-      "g": 0.06666666666666667,
-      "b": 0.09019607843137255,
+      "r": 0.596078431372549,
+      "g": 0.29411764705882354,
+      "b": 0.06274509803921569,
       "a": 1
     },
     "type": "COLOR",
-    "refId": "mode/codeMirror/gutterMarker/fgColor/default",
-    "reference": "mode/bgColor/default",
+    "refId": "mode/data/orange/color/emphasis",
+    "reference": "base/color/dark/base/display/color/orange/4",
     "collection": "mode",
     "mode": "dark protanopia deuteranopia",
     "group": "component",
-    "scopes": ["TEXT_FILL", "SHAPE_FILL"]
+    "scopes": ["FRAME_FILL", "SHAPE_FILL", "STROKE_COLOR"]
   },
   {
-    "name": "codeMirror/gutterMarker/fgColor/muted",
+    "name": "data/orange/color/muted",
     "value": {
-      "r": 0.5686274509803921,
-      "g": 0.596078431372549,
-      "b": 0.6313725490196078,
+      "r": 0.19215686274509805,
+      "g": 0.09019607843137255,
+      "b": 0.03137254901960784,
       "a": 1
     },
     "type": "COLOR",
-    "refId": "mode/codeMirror/gutterMarker/fgColor/muted",
-    "reference": "mode/fgColor/muted",
+    "refId": "mode/data/orange/color/muted",
+    "reference": "base/color/dark/base/display/color/orange/0",
     "collection": "mode",
     "mode": "dark protanopia deuteranopia",
     "group": "component",
-    "scopes": ["TEXT_FILL", "SHAPE_FILL"]
+    "scopes": ["FRAME_FILL", "SHAPE_FILL"]
   },
   {
-    "name": "codeMirror/lineNumber/fgColor",
+    "name": "data/yellow/color/emphasis",
     "value": {
-      "r": 0.5686274509803921,
-      "g": 0.596078431372549,
-      "b": 0.6313725490196078,
+      "r": 0.5372549019607843,
+      "g": 0.34901960784313724,
+      "b": 0.023529411764705882,
       "a": 1
     },
     "type": "COLOR",
-    "refId": "mode/codeMirror/lineNumber/fgColor",
-    "reference": "mode/fgColor/muted",
+    "refId": "mode/data/yellow/color/emphasis",
+    "reference": "base/color/dark/base/display/color/yellow/4",
     "collection": "mode",
     "mode": "dark protanopia deuteranopia",
     "group": "component",
-    "scopes": ["TEXT_FILL", "SHAPE_FILL"]
+    "scopes": ["FRAME_FILL", "SHAPE_FILL", "STROKE_COLOR"]
   },
   {
-    "name": "codeMirror/cursor/fgColor",
+    "name": "data/yellow/color/muted",
     "value": {
-      "r": 0.9411764705882353,
-      "g": 0.9647058823529412,
-      "b": 0.9882352941176471,
+      "r": 0.1803921568627451,
+      "g": 0.10196078431372549,
+      "b": 0,
       "a": 1
     },
     "type": "COLOR",
-    "refId": "mode/codeMirror/cursor/fgColor",
-    "reference": "mode/fgColor/default",
+    "refId": "mode/data/yellow/color/muted",
+    "reference": "base/color/dark/base/display/color/yellow/0",
     "collection": "mode",
     "mode": "dark protanopia deuteranopia",
     "group": "component",
-    "scopes": ["TEXT_FILL", "SHAPE_FILL"]
+    "scopes": ["FRAME_FILL", "SHAPE_FILL"]
   },
   {
-    "name": "codeMirror/selection/bgColor",
+    "name": "data/green/color/emphasis",
     "value": {
-      "r": 0.2196078431372549,
-      "g": 0.5450980392156862,
-      "b": 0.9921568627450981,
-      "a": 0.4
+      "r": 0.1843137254901961,
+      "g": 0.43529411764705883,
+      "b": 0.21568627450980393,
+      "a": 1
     },
     "type": "COLOR",
-    "refId": "mode/codeMirror/selection/bgColor",
-    "reference": "mode/borderColor/accent-muted",
+    "refId": "mode/data/green/color/emphasis",
+    "reference": "base/color/dark/base/display/color/green/4",
     "collection": "mode",
     "mode": "dark protanopia deuteranopia",
     "group": "component",
-    "scopes": ["FRAME_FILL", "SHAPE_FILL"]
+    "scopes": ["FRAME_FILL", "SHAPE_FILL", "STROKE_COLOR"]
   },
   {
-    "name": "codeMirror/activeline/bgColor",
+    "name": "data/green/color/muted",
     "value": {
-      "r": 0.396078431372549,
-      "g": 0.4235294117647059,
-      "b": 0.4627450980392157,
-      "a": 0.2
+      "r": 0.07058823529411765,
+      "g": 0.12941176470588237,
+      "b": 0.09019607843137255,
+      "a": 1
     },
     "type": "COLOR",
-    "refId": "mode/codeMirror/activeline/bgColor",
-    "reference": "mode/bgColor/neutral-muted",
+    "refId": "mode/data/green/color/muted",
+    "reference": "base/color/dark/base/display/color/green/0",
     "collection": "mode",
     "mode": "dark protanopia deuteranopia",
     "group": "component",
     "scopes": ["FRAME_FILL", "SHAPE_FILL"]
   },
   {
-    "name": "codeMirror/matchingBracket/fgColor",
+    "name": "data/teal/color/emphasis",
     "value": {
-      "r": 0.9411764705882353,
-      "g": 0.9647058823529412,
-      "b": 0.9882352941176471,
+      "r": 0.06274509803921569,
+      "g": 0.4235294117647059,
+      "b": 0.4392156862745098,
       "a": 1
     },
     "type": "COLOR",
-    "refId": "mode/codeMirror/matchingBracket/fgColor",
-    "reference": "mode/fgColor/default",
+    "refId": "mode/data/teal/color/emphasis",
+    "reference": "base/color/dark/base/display/color/teal/4",
     "collection": "mode",
     "mode": "dark protanopia deuteranopia",
     "group": "component",
-    "scopes": ["TEXT_FILL", "SHAPE_FILL"]
+    "scopes": ["FRAME_FILL", "SHAPE_FILL", "STROKE_COLOR"]
   },
   {
-    "name": "codeMirror/lines/bgColor",
+    "name": "data/teal/color/muted",
     "value": {
-      "r": 0.050980392156862744,
-      "g": 0.06666666666666667,
-      "b": 0.09019607843137255,
+      "r": 0.01568627450980392,
+      "g": 0.12156862745098039,
+      "b": 0.1450980392156863,
       "a": 1
     },
     "type": "COLOR",
-    "refId": "mode/codeMirror/lines/bgColor",
-    "reference": "mode/bgColor/default",
+    "refId": "mode/data/teal/color/muted",
+    "reference": "base/color/dark/base/display/color/teal/0",
     "collection": "mode",
     "mode": "dark protanopia deuteranopia",
     "group": "component",
     "scopes": ["FRAME_FILL", "SHAPE_FILL"]
   },
   {
-    "name": "codeMirror/syntax/fgColor/comment",
+    "name": "data/purple/color/emphasis",
     "value": {
-      "r": 0.396078431372549,
-      "g": 0.4235294117647059,
-      "b": 0.4627450980392157,
+      "r": 0.592156862745098,
+      "g": 0.3568627450980392,
+      "b": 0.9450980392156862,
       "a": 1
     },
     "type": "COLOR",
-    "refId": "mode/codeMirror/syntax/fgColor/comment",
-    "reference": "base/color/dark/base/color/neutral/8",
+    "refId": "mode/data/purple/color/emphasis",
+    "reference": "base/color/dark/base/display/color/purple/5",
     "collection": "mode",
     "mode": "dark protanopia deuteranopia",
     "group": "component",
-    "scopes": ["TEXT_FILL", "SHAPE_FILL"]
+    "scopes": ["FRAME_FILL", "SHAPE_FILL", "STROKE_COLOR"]
   },
   {
-    "name": "codeMirror/syntax/fgColor/constant",
+    "name": "data/purple/color/muted",
     "value": {
-      "r": 0.4745098039215686,
-      "g": 0.7529411764705882,
-      "b": 1,
+      "r": 0.12941176470588237,
+      "g": 0.06274509803921569,
+      "b": 0.2784313725490196,
       "a": 1
     },
     "type": "COLOR",
-    "refId": "mode/codeMirror/syntax/fgColor/constant",
-    "reference": "base/color/dark/base/color/blue/2",
+    "refId": "mode/data/purple/color/muted",
+    "reference": "base/color/dark/base/display/color/purple/0",
     "collection": "mode",
     "mode": "dark protanopia deuteranopia",
     "group": "component",
-    "scopes": ["TEXT_FILL", "SHAPE_FILL"]
+    "scopes": ["FRAME_FILL", "SHAPE_FILL"]
   },
   {
-    "name": "codeMirror/syntax/fgColor/entity",
+    "name": "data/pink/color/emphasis",
     "value": {
-      "r": 0.8235294117647058,
-      "g": 0.6588235294117647,
-      "b": 1,
+      "r": 0.8274509803921568,
+      "g": 0.27058823529411763,
+      "b": 0.5686274509803921,
       "a": 1
     },
     "type": "COLOR",
-    "refId": "mode/codeMirror/syntax/fgColor/entity",
-    "reference": "base/color/dark/base/color/purple/2",
+    "refId": "mode/data/pink/color/emphasis",
+    "reference": "base/color/dark/base/display/color/pink/5",
     "collection": "mode",
     "mode": "dark protanopia deuteranopia",
     "group": "component",
-    "scopes": ["TEXT_FILL", "SHAPE_FILL"]
+    "scopes": ["FRAME_FILL", "SHAPE_FILL", "STROKE_COLOR"]
   },
   {
-    "name": "codeMirror/syntax/fgColor/string",
+    "name": "data/pink/color/muted",
     "value": {
-      "r": 0.6470588235294118,
-      "g": 0.8392156862745098,
-      "b": 1,
+      "r": 0.17647058823529413,
+      "g": 0.08235294117647059,
+      "b": 0.1411764705882353,
       "a": 1
     },
     "type": "COLOR",
-    "refId": "mode/codeMirror/syntax/fgColor/string",
-    "reference": "base/color/dark/base/color/blue/1",
+    "refId": "mode/data/pink/color/muted",
+    "reference": "base/color/dark/base/display/color/pink/0",
     "collection": "mode",
     "mode": "dark protanopia deuteranopia",
     "group": "component",
-    "scopes": ["TEXT_FILL", "SHAPE_FILL"]
+    "scopes": ["FRAME_FILL", "SHAPE_FILL"]
   },
   {
-    "name": "codeMirror/syntax/fgColor/support",
+    "name": "data/red/color/emphasis",
     "value": {
-      "r": 0.4745098039215686,
-      "g": 0.7529411764705882,
-      "b": 1,
+      "r": 0.9215686274509803,
+      "g": 0.2,
+      "b": 0.25882352941176473,
       "a": 1
     },
     "type": "COLOR",
-    "refId": "mode/codeMirror/syntax/fgColor/support",
-    "reference": "base/color/dark/base/color/blue/2",
+    "refId": "mode/data/red/color/emphasis",
+    "reference": "base/color/dark/base/display/color/red/5",
     "collection": "mode",
     "mode": "dark protanopia deuteranopia",
     "group": "component",
-    "scopes": ["TEXT_FILL", "SHAPE_FILL"]
+    "scopes": ["FRAME_FILL", "SHAPE_FILL", "STROKE_COLOR"]
   },
   {
-    "name": "codeMirror/syntax/fgColor/variable",
+    "name": "data/red/color/muted",
     "value": {
-      "r": 1,
-      "g": 0.6509803921568628,
-      "b": 0.3411764705882353,
+      "r": 0.23529411764705882,
+      "g": 0.023529411764705882,
+      "b": 0.0784313725490196,
       "a": 1
     },
     "type": "COLOR",
-    "refId": "mode/codeMirror/syntax/fgColor/variable",
-    "reference": "base/color/dark/base/color/orange/2",
+    "refId": "mode/data/red/color/muted",
+    "reference": "base/color/dark/base/display/color/red/0",
     "collection": "mode",
     "mode": "dark protanopia deuteranopia",
     "group": "component",
-    "scopes": ["TEXT_FILL", "SHAPE_FILL"]
+    "scopes": ["FRAME_FILL", "SHAPE_FILL"]
   },
   {
-    "name": "data/blue/color/emphasis",
+    "name": "data/gray/color/emphasis",
     "value": {
-      "r": 0.0196078431372549,
-      "g": 0.4627450980392157,
-      "b": 1,
+      "r": 0.3411764705882353,
+      "g": 0.3843137254901961,
+      "b": 0.4392156862745098,
       "a": 1
     },
     "type": "COLOR",
-    "refId": "mode/data/blue/color/emphasis",
-    "reference": "base/color/dark/base/display/color/blue/5",
+    "refId": "mode/data/gray/color/emphasis",
+    "reference": "base/color/dark/base/display/color/gray/4",
     "collection": "mode",
     "mode": "dark protanopia deuteranopia",
     "group": "component",
     "scopes": ["FRAME_FILL", "SHAPE_FILL", "STROKE_COLOR"]
   },
   {
-    "name": "data/blue/color/muted",
+    "name": "data/gray/color/muted",
     "value": {
-      "r": 0,
-      "g": 0.10196078431372549,
-      "b": 0.2784313725490196,
+      "r": 0.10980392156862745,
+      "g": 0.10980392156862745,
+      "b": 0.10980392156862745,
       "a": 1
     },
     "type": "COLOR",
-    "refId": "mode/data/blue/color/muted",
-    "reference": "base/color/dark/base/display/color/blue/0",
+    "refId": "mode/data/gray/color/muted",
+    "reference": "base/color/dark/base/display/color/gray/0",
     "collection": "mode",
     "mode": "dark protanopia deuteranopia",
     "group": "component",
     "scopes": ["FRAME_FILL", "SHAPE_FILL"]
   },
   {
-    "name": "data/auburn/color/emphasis",
+    "name": "fgColor/default",
     "value": {
-      "r": 0.6588235294117647,
-      "g": 0.43529411764705883,
-      "b": 0.4196078431372549,
+      "r": 0.9411764705882353,
+      "g": 0.9647058823529412,
+      "b": 0.9882352941176471,
       "a": 1
     },
     "type": "COLOR",
-    "refId": "mode/data/auburn/color/emphasis",
-    "reference": "base/color/dark/base/display/color/auburn/5",
+    "refId": "mode/fgColor/default",
+    "reference": "base/color/dark/base/color/neutral/12",
     "collection": "mode",
     "mode": "dark protanopia deuteranopia",
-    "group": "component",
-    "scopes": ["FRAME_FILL", "SHAPE_FILL", "STROKE_COLOR"]
+    "group": "semantic",
+    "scopes": ["TEXT_FILL", "SHAPE_FILL"],
+    "codeSyntax": {
+      "web": "var(--fgColor-default) /* utility class: .color-fg-default */"
+    }
   },
   {
-    "name": "data/auburn/color/muted",
+    "name": "fgColor/muted",
     "value": {
-      "r": 0.15294117647058825,
-      "g": 0.09411764705882353,
-      "b": 0.09019607843137255,
+      "r": 0.5686274509803921,
+      "g": 0.596078431372549,
+      "b": 0.6313725490196078,
       "a": 1
     },
     "type": "COLOR",
-    "refId": "mode/data/auburn/color/muted",
-    "reference": "base/color/dark/base/display/color/auburn/0",
+    "refId": "mode/fgColor/muted",
+    "reference": "base/color/dark/base/color/neutral/9",
     "collection": "mode",
     "mode": "dark protanopia deuteranopia",
-    "group": "component",
-    "scopes": ["FRAME_FILL", "SHAPE_FILL"]
+    "group": "semantic",
+    "scopes": ["TEXT_FILL", "SHAPE_FILL"],
+    "codeSyntax": {
+      "web": "var(--fgColor-muted) /* utility class: .color-fg-muted */"
+    }
   },
   {
-    "name": "data/orange/color/emphasis",
+    "name": "fgColor/onEmphasis",
     "value": {
-      "r": 0.596078431372549,
-      "g": 0.29411764705882354,
-      "b": 0.06274509803921569,
+      "r": 1,
+      "g": 1,
+      "b": 1,
       "a": 1
     },
     "type": "COLOR",
-    "refId": "mode/data/orange/color/emphasis",
-    "reference": "base/color/dark/base/display/color/orange/4",
+    "refId": "mode/fgColor/onEmphasis",
+    "reference": "base/color/dark/base/color/neutral/13",
     "collection": "mode",
     "mode": "dark protanopia deuteranopia",
-    "group": "component",
-    "scopes": ["FRAME_FILL", "SHAPE_FILL", "STROKE_COLOR"]
+    "group": "semantic",
+    "scopes": ["TEXT_FILL", "SHAPE_FILL"],
+    "codeSyntax": {
+      "web": "var(--fgColor-onEmphasis) /* utility class: .color-fg-on-emphasis */"
+    }
   },
   {
-    "name": "data/orange/color/muted",
+    "name": "fgColor/onInverse",
     "value": {
-      "r": 0.19215686274509805,
-      "g": 0.09019607843137255,
-      "b": 0.03137254901960784,
+      "r": 0.00392156862745098,
+      "g": 0.01568627450980392,
+      "b": 0.03529411764705882,
       "a": 1
     },
     "type": "COLOR",
-    "refId": "mode/data/orange/color/muted",
-    "reference": "base/color/dark/base/display/color/orange/0",
+    "refId": "mode/fgColor/onInverse",
+    "reference": "base/color/dark/base/color/neutral/0",
     "collection": "mode",
     "mode": "dark protanopia deuteranopia",
-    "group": "component",
-    "scopes": ["FRAME_FILL", "SHAPE_FILL"]
+    "group": "semantic",
+    "scopes": ["TEXT_FILL", "SHAPE_FILL"]
   },
   {
-    "name": "data/yellow/color/emphasis",
+    "name": "fgColor/white",
     "value": {
-      "r": 0.5372549019607843,
-      "g": 0.34901960784313724,
-      "b": 0.023529411764705882,
+      "r": 1,
+      "g": 1,
+      "b": 1,
       "a": 1
     },
     "type": "COLOR",
-    "refId": "mode/data/yellow/color/emphasis",
-    "reference": "base/color/dark/base/display/color/yellow/4",
+    "refId": "mode/fgColor/white",
+    "reference": "base/color/dark/base/color/neutral/13",
     "collection": "mode",
     "mode": "dark protanopia deuteranopia",
-    "group": "component",
-    "scopes": ["FRAME_FILL", "SHAPE_FILL", "STROKE_COLOR"]
+    "group": "semantic",
+    "scopes": ["TEXT_FILL", "SHAPE_FILL"]
   },
   {
-    "name": "data/yellow/color/muted",
+    "name": "fgColor/black",
     "value": {
-      "r": 0.1803921568627451,
-      "g": 0.10196078431372549,
-      "b": 0,
+      "r": 0.00392156862745098,
+      "g": 0.01568627450980392,
+      "b": 0.03529411764705882,
       "a": 1
     },
     "type": "COLOR",
-    "refId": "mode/data/yellow/color/muted",
-    "reference": "base/color/dark/base/display/color/yellow/0",
+    "refId": "mode/fgColor/black",
+    "reference": "base/color/dark/base/color/neutral/0",
     "collection": "mode",
     "mode": "dark protanopia deuteranopia",
-    "group": "component",
-    "scopes": ["FRAME_FILL", "SHAPE_FILL"]
+    "group": "semantic",
+    "scopes": ["TEXT_FILL", "SHAPE_FILL"]
   },
   {
-    "name": "data/green/color/emphasis",
+    "name": "fgColor/disabled",
     "value": {
-      "r": 0.1843137254901961,
-      "g": 0.43529411764705883,
-      "b": 0.21568627450980393,
+      "r": 0.396078431372549,
+      "g": 0.4235294117647059,
+      "b": 0.4627450980392157,
+      "a": 0.6
+    },
+    "type": "COLOR",
+    "alpha": 0.6,
+    "refId": "mode/fgColor/disabled",
+    "reference": "base/color/dark/base/color/neutral/8",
+    "collection": "mode",
+    "mode": "dark protanopia deuteranopia",
+    "group": "semantic",
+    "scopes": ["TEXT_FILL", "SHAPE_FILL"]
+  },
+  {
+    "name": "fgColor/link",
+    "value": {
+      "r": 0.26666666666666666,
+      "g": 0.5764705882352941,
+      "b": 0.9725490196078431,
       "a": 1
     },
     "type": "COLOR",
-    "refId": "mode/data/green/color/emphasis",
-    "reference": "base/color/dark/base/display/color/green/4",
+    "refId": "mode/fgColor/link",
+    "reference": "mode/fgColor/accent",
     "collection": "mode",
     "mode": "dark protanopia deuteranopia",
-    "group": "component",
-    "scopes": ["FRAME_FILL", "SHAPE_FILL", "STROKE_COLOR"]
+    "group": "semantic",
+    "scopes": ["TEXT_FILL", "SHAPE_FILL"],
+    "codeSyntax": {
+      "web": "var(--fgColor-link) /* utility class: .color-fg-accent */"
+    }
   },
   {
-    "name": "data/green/color/muted",
+    "name": "fgColor/neutral",
     "value": {
-      "r": 0.07058823529411765,
-      "g": 0.12941176470588237,
-      "b": 0.09019607843137255,
+      "r": 0.5686274509803921,
+      "g": 0.596078431372549,
+      "b": 0.6313725490196078,
       "a": 1
     },
     "type": "COLOR",
-    "refId": "mode/data/green/color/muted",
-    "reference": "base/color/dark/base/display/color/green/0",
+    "refId": "mode/fgColor/neutral",
+    "reference": "base/color/dark/base/color/neutral/9",
     "collection": "mode",
     "mode": "dark protanopia deuteranopia",
-    "group": "component",
-    "scopes": ["FRAME_FILL", "SHAPE_FILL"]
+    "group": "semantic",
+    "scopes": ["TEXT_FILL", "SHAPE_FILL"]
   },
   {
-    "name": "data/teal/color/emphasis",
+    "name": "fgColor/accent",
     "value": {
-      "r": 0.06274509803921569,
-      "g": 0.4235294117647059,
-      "b": 0.4392156862745098,
+      "r": 0.26666666666666666,
+      "g": 0.5764705882352941,
+      "b": 0.9725490196078431,
       "a": 1
     },
     "type": "COLOR",
-    "refId": "mode/data/teal/color/emphasis",
-    "reference": "base/color/dark/base/display/color/teal/4",
+    "refId": "mode/fgColor/accent",
     "collection": "mode",
     "mode": "dark protanopia deuteranopia",
-    "group": "component",
-    "scopes": ["FRAME_FILL", "SHAPE_FILL", "STROKE_COLOR"]
+    "group": "semantic",
+    "scopes": ["TEXT_FILL", "SHAPE_FILL"],
+    "codeSyntax": {
+      "web": "var(--fgColor-accent) /* utility class: .color-fg-accent */"
+    }
   },
   {
-    "name": "data/teal/color/muted",
+    "name": "fgColor/success",
     "value": {
-      "r": 0.01568627450980392,
-      "g": 0.12156862745098039,
-      "b": 0.1450980392156863,
+      "r": 0.34509803921568627,
+      "g": 0.6509803921568628,
+      "b": 1,
       "a": 1
     },
     "type": "COLOR",
-    "refId": "mode/data/teal/color/muted",
-    "reference": "base/color/dark/base/display/color/teal/0",
+    "refId": "mode/fgColor/success",
+    "reference": "base/color/dark/base/color/blue/3",
     "collection": "mode",
     "mode": "dark protanopia deuteranopia",
-    "group": "component",
-    "scopes": ["FRAME_FILL", "SHAPE_FILL"]
+    "group": "semantic",
+    "scopes": ["TEXT_FILL", "SHAPE_FILL"],
+    "codeSyntax": {
+      "web": "var(--fgColor-success) /* utility class: .color-fg-success */"
+    }
   },
   {
-    "name": "data/purple/color/emphasis",
+    "name": "fgColor/open",
     "value": {
-      "r": 0.592156862745098,
-      "g": 0.3568627450980392,
-      "b": 0.9450980392156862,
+      "r": 0.8588235294117647,
+      "g": 0.42745098039215684,
+      "b": 0.1568627450980392,
       "a": 1
     },
     "type": "COLOR",
-    "refId": "mode/data/purple/color/emphasis",
-    "reference": "base/color/dark/base/display/color/purple/5",
+    "refId": "mode/fgColor/open",
+    "reference": "base/color/dark/base/color/orange/4",
     "collection": "mode",
     "mode": "dark protanopia deuteranopia",
-    "group": "component",
-    "scopes": ["FRAME_FILL", "SHAPE_FILL", "STROKE_COLOR"]
+    "group": "semantic",
+    "scopes": ["TEXT_FILL", "SHAPE_FILL"],
+    "codeSyntax": {
+      "web": "var(--fgColor-open) /* utility class: .color-fg-open */"
+    }
   },
   {
-    "name": "data/purple/color/muted",
+    "name": "fgColor/attention",
     "value": {
-      "r": 0.12941176470588237,
-      "g": 0.06274509803921569,
-      "b": 0.2784313725490196,
+      "r": 0.8235294117647058,
+      "g": 0.6,
+      "b": 0.13333333333333333,
       "a": 1
     },
     "type": "COLOR",
-    "refId": "mode/data/purple/color/muted",
-    "reference": "base/color/dark/base/display/color/purple/0",
+    "refId": "mode/fgColor/attention",
+    "reference": "base/color/dark/base/color/yellow/3",
     "collection": "mode",
     "mode": "dark protanopia deuteranopia",
-    "group": "component",
-    "scopes": ["FRAME_FILL", "SHAPE_FILL"]
+    "group": "semantic",
+    "scopes": ["TEXT_FILL", "SHAPE_FILL"],
+    "codeSyntax": {
+      "web": "var(--fgColor-attention) /* utility class: .color-fg-attention */"
+    }
   },
   {
-    "name": "data/pink/color/emphasis",
+    "name": "fgColor/severe",
     "value": {
-      "r": 0.8274509803921568,
-      "g": 0.27058823529411763,
-      "b": 0.5686274509803921,
+      "r": 0.8588235294117647,
+      "g": 0.42745098039215684,
+      "b": 0.1568627450980392,
       "a": 1
     },
     "type": "COLOR",
-    "refId": "mode/data/pink/color/emphasis",
-    "reference": "base/color/dark/base/display/color/pink/5",
+    "refId": "mode/fgColor/severe",
+    "reference": "base/color/dark/base/color/orange/4",
     "collection": "mode",
     "mode": "dark protanopia deuteranopia",
-    "group": "component",
-    "scopes": ["FRAME_FILL", "SHAPE_FILL", "STROKE_COLOR"]
+    "group": "semantic",
+    "scopes": ["TEXT_FILL", "SHAPE_FILL"],
+    "codeSyntax": {
+      "web": "var(--fgColor-severe) /* utility class: .color-fg-severe */"
+    }
   },
   {
-    "name": "data/pink/color/muted",
+    "name": "fgColor/danger",
     "value": {
-      "r": 0.17647058823529413,
-      "g": 0.08235294117647059,
-      "b": 0.1411764705882353,
+      "r": 0.9411764705882353,
+      "g": 0.5333333333333333,
+      "b": 0.24313725490196078,
       "a": 1
     },
     "type": "COLOR",
-    "refId": "mode/data/pink/color/muted",
-    "reference": "base/color/dark/base/display/color/pink/0",
+    "refId": "mode/fgColor/danger",
+    "reference": "base/color/dark/base/color/orange/3",
     "collection": "mode",
     "mode": "dark protanopia deuteranopia",
-    "group": "component",
-    "scopes": ["FRAME_FILL", "SHAPE_FILL"]
+    "group": "semantic",
+    "scopes": ["TEXT_FILL", "SHAPE_FILL"],
+    "codeSyntax": {
+      "web": "var(--fgColor-danger) /* utility class: .color-fg-danger */"
+    }
   },
   {
-    "name": "data/red/color/emphasis",
+    "name": "fgColor/closed",
     "value": {
-      "r": 0.9215686274509803,
-      "g": 0.2,
-      "b": 0.25882352941176473,
+      "r": 0.5686274509803921,
+      "g": 0.596078431372549,
+      "b": 0.6313725490196078,
       "a": 1
     },
     "type": "COLOR",
-    "refId": "mode/data/red/color/emphasis",
-    "reference": "base/color/dark/base/display/color/red/5",
+    "refId": "mode/fgColor/closed",
+    "reference": "mode/fgColor/muted",
     "collection": "mode",
     "mode": "dark protanopia deuteranopia",
-    "group": "component",
-    "scopes": ["FRAME_FILL", "SHAPE_FILL", "STROKE_COLOR"]
+    "group": "semantic",
+    "scopes": ["TEXT_FILL", "SHAPE_FILL"],
+    "codeSyntax": {
+      "web": "var(--fgColor-closed) /* utility class: .color-fg-closed */"
+    }
   },
   {
-    "name": "data/red/color/muted",
+    "name": "fgColor/done",
     "value": {
-      "r": 0.23529411764705882,
-      "g": 0.023529411764705882,
-      "b": 0.0784313725490196,
+      "r": 0.6705882352941176,
+      "g": 0.49019607843137253,
+      "b": 0.9725490196078431,
       "a": 1
     },
     "type": "COLOR",
-    "refId": "mode/data/red/color/muted",
-    "reference": "base/color/dark/base/display/color/red/0",
+    "refId": "mode/fgColor/done",
+    "reference": "base/color/dark/base/color/purple/4",
     "collection": "mode",
     "mode": "dark protanopia deuteranopia",
-    "group": "component",
-    "scopes": ["FRAME_FILL", "SHAPE_FILL"]
+    "group": "semantic",
+    "scopes": ["TEXT_FILL", "SHAPE_FILL"],
+    "codeSyntax": {
+      "web": "var(--fgColor-done) /* utility class: .color-fg-done */"
+    }
   },
   {
-    "name": "data/gray/color/emphasis",
+    "name": "fgColor/upsell",
     "value": {
-      "r": 0.3411764705882353,
-      "g": 0.3843137254901961,
-      "b": 0.4392156862745098,
+      "r": 0.6705882352941176,
+      "g": 0.49019607843137253,
+      "b": 0.9725490196078431,
       "a": 1
     },
     "type": "COLOR",
-    "refId": "mode/data/gray/color/emphasis",
-    "reference": "base/color/dark/base/display/color/gray/4",
+    "refId": "mode/fgColor/upsell",
+    "reference": "mode/fgColor/done",
     "collection": "mode",
     "mode": "dark protanopia deuteranopia",
-    "group": "component",
-    "scopes": ["FRAME_FILL", "SHAPE_FILL", "STROKE_COLOR"]
+    "group": "semantic",
+    "scopes": ["TEXT_FILL", "SHAPE_FILL"],
+    "codeSyntax": {
+      "web": "var(--fgColor-upsell)"
+    }
   },
   {
-    "name": "data/gray/color/muted",
+    "name": "fgColor/sponsors",
     "value": {
-      "r": 0.10980392156862745,
-      "g": 0.10980392156862745,
-      "b": 0.10980392156862745,
+      "r": 0.8588235294117647,
+      "g": 0.3803921568627451,
+      "b": 0.6352941176470588,
       "a": 1
     },
     "type": "COLOR",
-    "refId": "mode/data/gray/color/muted",
-    "reference": "base/color/dark/base/display/color/gray/0",
+    "refId": "mode/fgColor/sponsors",
+    "reference": "base/color/dark/base/color/pink/4",
     "collection": "mode",
     "mode": "dark protanopia deuteranopia",
-    "group": "component",
-    "scopes": ["FRAME_FILL", "SHAPE_FILL"]
+    "group": "semantic",
+    "scopes": ["TEXT_FILL", "SHAPE_FILL"],
+    "codeSyntax": {
+      "web": "var(--fgColor-sponsors) /* utility class: .color-fg-sponsors */"
+    }
   },
   {
     "name": "display/blue/bgColor/muted",
@@ -7102,54 +7523,6 @@
     "group": "component (internal)",
     "scopes": ["STROKE_COLOR"]
   },
-  {
-    "name": "counter/borderColor",
-    "value": {
-      "r": 0,
-      "g": 0,
-      "b": 0,
-      "a": 0
-    },
-    "type": "COLOR",
-    "refId": "mode/counter/borderColor",
-    "reference": "base/color/dark/base/color/transparent",
-    "collection": "mode",
-    "mode": "dark protanopia deuteranopia",
-    "group": "component (internal)",
-    "scopes": ["STROKE_COLOR"]
-  },
-  {
-    "name": "counter/bgColor/muted",
-    "value": {
-      "r": 0.396078431372549,
-      "g": 0.4235294117647059,
-      "b": 0.4627450980392157,
-      "a": 0.2
-    },
-    "type": "COLOR",
-    "refId": "mode/counter/bgColor/muted",
-    "reference": "mode/bgColor/neutral-muted",
-    "collection": "mode",
-    "mode": "dark protanopia deuteranopia",
-    "group": "component",
-    "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 protanopia deuteranopia",
-    "group": "component",
-    "scopes": ["FRAME_FILL", "SHAPE_FILL"]
-  },
   {
     "name": "buttonCounter/default/bgColor/rest",
     "value": {
@@ -7544,22 +7917,6 @@
     "group": "component",
     "scopes": ["FRAME_FILL", "SHAPE_FILL"]
   },
-  {
-    "name": "card/bgColor",
-    "value": {
-      "r": 0.08235294117647059,
-      "g": 0.10588235294117647,
-      "b": 0.13725490196078433,
-      "a": 1
-    },
-    "type": "COLOR",
-    "refId": "mode/card/bgColor",
-    "reference": "mode/bgColor/muted",
-    "collection": "mode",
-    "mode": "dark protanopia deuteranopia",
-    "group": "component",
-    "scopes": ["FRAME_FILL", "SHAPE_FILL"]
-  },
   {
     "name": "label/green/bgColor/rest",
     "value": {
@@ -9384,38 +9741,6 @@
     "group": "component",
     "scopes": ["TEXT_FILL", "SHAPE_FILL"]
   },
-  {
-    "name": "tooltip/bgColor",
-    "value": {
-      "r": 0.23921568627450981,
-      "g": 0.26666666666666666,
-      "b": 0.30196078431372547,
-      "a": 1
-    },
-    "type": "COLOR",
-    "refId": "mode/tooltip/bgColor",
-    "reference": "mode/bgColor/emphasis",
-    "collection": "mode",
-    "mode": "dark protanopia deuteranopia",
-    "group": "component",
-    "scopes": ["FRAME_FILL", "SHAPE_FILL"]
-  },
-  {
-    "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 protanopia deuteranopia",
-    "group": "component",
-    "scopes": ["TEXT_FILL", "SHAPE_FILL"]
-  },
   {
     "name": "color/ansi/black",
     "value": {