@primer/primitives 7.16.0-rc.f109b0ca → 7.16.0-rc.fe16fd19

package/dist/figma/themes/dark.json

@@ -1088,6 +1088,45 @@
       "web": "var(--borderColor-sponsors-muted) /* utility class: .color-border-sponsors */"
     }
   },
+  {
+    "name": "borderColor/upsell-emphasis",
+    "value": {
+      "r": 0.5372549019607843,
+      "g": 0.3411764705882353,
+      "b": 0.8980392156862745,
+      "a": 1
+    },
+    "type": "COLOR",
+    "refId": "mode/borderColor/upsell-emphasis",
+    "reference": "base/color/dark/base/color/purple/5",
+    "collection": "mode",
+    "mode": "dark",
+    "group": "semantic",
+    "scopes": ["STROKE_COLOR"],
+    "codeSyntax": {
+      "web": "var(--borderColor-upsell-emphasis"
+    }
+  },
+  {
+    "name": "borderColor/upsell-muted",
+    "value": {
+      "r": 0.6392156862745098,
+      "g": 0.44313725490196076,
+      "b": 0.9686274509803922,
+      "a": 0.4
+    },
+    "type": "COLOR",
+    "alpha": 0.4,
+    "refId": "mode/borderColor/upsell-muted",
+    "reference": "base/color/dark/base/color/purple/4",
+    "collection": "mode",
+    "mode": "dark",
+    "group": "semantic",
+    "scopes": ["STROKE_COLOR"],
+    "codeSyntax": {
+      "web": "var(--borderColor-upsell-muted)"
+    }
+  },
   {
     "name": "borderColor/done-emphasis",
     "value": {
@@ -1484,6 +1523,45 @@
       "web": "var(--bgColor-sponsors-muted) /* utility class: .color-bg-sponsors */"
     }
   },
+  {
+    "name": "bgColor/upsell-emphasis",
+    "value": {
+      "r": 0.5372549019607843,
+      "g": 0.3411764705882353,
+      "b": 0.8980392156862745,
+      "a": 1
+    },
+    "type": "COLOR",
+    "refId": "mode/bgColor/upsell-emphasis",
+    "reference": "base/color/dark/base/color/purple/5",
+    "collection": "mode",
+    "mode": "dark",
+    "group": "semantic",
+    "scopes": ["FRAME_FILL", "SHAPE_FILL"],
+    "codeSyntax": {
+      "web": "var(--bgColor-upsell-emphasis)"
+    }
+  },
+  {
+    "name": "bgColor/upsell-muted",
+    "value": {
+      "r": 0.6392156862745098,
+      "g": 0.44313725490196076,
+      "b": 0.9686274509803922,
+      "a": 0.15
+    },
+    "type": "COLOR",
+    "alpha": 0.15,
+    "refId": "mode/bgColor/upsell-muted",
+    "reference": "base/color/dark/base/color/purple/4",
+    "collection": "mode",
+    "mode": "dark",
+    "group": "semantic",
+    "scopes": ["FRAME_FILL", "SHAPE_FILL"],
+    "codeSyntax": {
+      "web": "var(--bgColor-upsell-muted)"
+    }
+  },
   {
     "name": "bgColor/done-emphasis",
     "value": {
@@ -1932,299 +2010,2142 @@
     }
   },
   {
-    "name": "bgColor/default",
+    "name": "bgColor/default",
+    "value": {
+      "r": 0.050980392156862744,
+      "g": 0.06666666666666667,
+      "b": 0.09019607843137255,
+      "a": 1
+    },
+    "type": "COLOR",
+    "refId": "mode/bgColor/default",
+    "reference": "base/color/dark/base/color/gray/9",
+    "collection": "mode",
+    "mode": "dark",
+    "group": "semantic",
+    "scopes": ["FRAME_FILL", "SHAPE_FILL", "STROKE_COLOR"],
+    "codeSyntax": {
+      "web": "var(--bgColor-default) /* utility class: .color-bg-default */"
+    }
+  },
+  {
+    "name": "fgColor/sponsors",
+    "value": {
+      "r": 0.8588235294117647,
+      "g": 0.3803921568627451,
+      "b": 0.6352941176470588,
+      "a": 1
+    },
+    "type": "COLOR",
+    "refId": "mode/fgColor/sponsors",
+    "reference": "base/color/dark/base/color/pink/4",
+    "collection": "mode",
+    "mode": "dark",
+    "group": "semantic",
+    "scopes": ["TEXT_FILL", "SHAPE_FILL"],
+    "codeSyntax": {
+      "web": "var(--fgColor-sponsors) /* utility class: .color-fg-sponsors */"
+    }
+  },
+  {
+    "name": "fgColor/upsell",
+    "value": {
+      "r": 0.6392156862745098,
+      "g": 0.44313725490196076,
+      "b": 0.9686274509803922,
+      "a": 1
+    },
+    "type": "COLOR",
+    "refId": "mode/fgColor/upsell",
+    "reference": "base/color/dark/base/color/purple/4",
+    "collection": "mode",
+    "mode": "dark",
+    "group": "semantic",
+    "scopes": ["TEXT_FILL", "SHAPE_FILL"],
+    "codeSyntax": {
+      "web": "var(--fgColor-upsell)"
+    }
+  },
+  {
+    "name": "fgColor/done",
+    "value": {
+      "r": 0.6392156862745098,
+      "g": 0.44313725490196076,
+      "b": 0.9686274509803922,
+      "a": 1
+    },
+    "type": "COLOR",
+    "refId": "mode/fgColor/done",
+    "reference": "base/color/dark/base/color/purple/4",
+    "collection": "mode",
+    "mode": "dark",
+    "group": "semantic",
+    "scopes": ["TEXT_FILL", "SHAPE_FILL"],
+    "codeSyntax": {
+      "web": "var(--fgColor-done) /* utility class: .color-fg-done */"
+    }
+  },
+  {
+    "name": "fgColor/closed",
+    "value": {
+      "r": 0.9725490196078431,
+      "g": 0.3176470588235294,
+      "b": 0.28627450980392155,
+      "a": 1
+    },
+    "type": "COLOR",
+    "refId": "mode/fgColor/closed",
+    "reference": "base/color/dark/base/color/red/4",
+    "collection": "mode",
+    "mode": "dark",
+    "group": "semantic",
+    "scopes": ["TEXT_FILL", "SHAPE_FILL"],
+    "codeSyntax": {
+      "web": "var(--fgColor-closed) /* utility class: .color-fg-closed */"
+    }
+  },
+  {
+    "name": "fgColor/danger",
+    "value": {
+      "r": 0.9725490196078431,
+      "g": 0.3176470588235294,
+      "b": 0.28627450980392155,
+      "a": 1
+    },
+    "type": "COLOR",
+    "refId": "mode/fgColor/danger",
+    "reference": "base/color/dark/base/color/red/4",
+    "collection": "mode",
+    "mode": "dark",
+    "group": "semantic",
+    "scopes": ["TEXT_FILL", "SHAPE_FILL"],
+    "codeSyntax": {
+      "web": "var(--fgColor-danger) /* utility class: .color-fg-danger */"
+    }
+  },
+  {
+    "name": "fgColor/severe",
+    "value": {
+      "r": 0.8588235294117647,
+      "g": 0.42745098039215684,
+      "b": 0.1568627450980392,
+      "a": 1
+    },
+    "type": "COLOR",
+    "refId": "mode/fgColor/severe",
+    "reference": "base/color/dark/base/color/orange/4",
+    "collection": "mode",
+    "mode": "dark",
+    "group": "semantic",
+    "scopes": ["TEXT_FILL", "SHAPE_FILL"],
+    "codeSyntax": {
+      "web": "var(--fgColor-severe) /* utility class: .color-fg-severe */"
+    }
+  },
+  {
+    "name": "fgColor/attention",
+    "value": {
+      "r": 0.8235294117647058,
+      "g": 0.6,
+      "b": 0.13333333333333333,
+      "a": 1
+    },
+    "type": "COLOR",
+    "refId": "mode/fgColor/attention",
+    "reference": "base/color/dark/base/color/yellow/3",
+    "collection": "mode",
+    "mode": "dark",
+    "group": "semantic",
+    "scopes": ["TEXT_FILL", "SHAPE_FILL"],
+    "codeSyntax": {
+      "web": "var(--fgColor-attention) /* utility class: .color-fg-attention */"
+    }
+  },
+  {
+    "name": "fgColor/success",
+    "value": {
+      "r": 0.24705882352941178,
+      "g": 0.7254901960784313,
+      "b": 0.3137254901960784,
+      "a": 1
+    },
+    "type": "COLOR",
+    "refId": "mode/fgColor/success",
+    "reference": "base/color/dark/base/color/green/3",
+    "collection": "mode",
+    "mode": "dark",
+    "group": "semantic",
+    "scopes": ["TEXT_FILL", "SHAPE_FILL"],
+    "codeSyntax": {
+      "web": "var(--fgColor-success) /* utility class: .color-fg-success */"
+    }
+  },
+  {
+    "name": "fgColor/accent",
+    "value": {
+      "r": 0.26666666666666666,
+      "g": 0.5764705882352941,
+      "b": 0.9725490196078431,
+      "a": 1
+    },
+    "type": "COLOR",
+    "isMix": true,
+    "refId": "mode/fgColor/accent",
+    "reference": "base/color/dark/base/color/blue/3",
+    "collection": "mode",
+    "mode": "dark",
+    "group": "semantic",
+    "scopes": ["TEXT_FILL", "SHAPE_FILL"],
+    "codeSyntax": {
+      "web": "var(--fgColor-accent) /* utility class: .color-fg-accent */"
+    }
+  },
+  {
+    "name": "fgColor/neutral",
+    "value": {
+      "r": 0.43137254901960786,
+      "g": 0.4627450980392157,
+      "b": 0.5058823529411764,
+      "a": 1
+    },
+    "type": "COLOR",
+    "refId": "mode/fgColor/neutral",
+    "reference": "base/color/dark/base/color/gray/4",
+    "collection": "mode",
+    "mode": "dark",
+    "group": "semantic",
+    "scopes": ["TEXT_FILL", "SHAPE_FILL"]
+  },
+  {
+    "name": "fgColor/disabled",
+    "value": {
+      "r": 0.43137254901960786,
+      "g": 0.4627450980392157,
+      "b": 0.5058823529411764,
+      "a": 1
+    },
+    "type": "COLOR",
+    "refId": "mode/fgColor/disabled",
+    "reference": "base/color/dark/base/color/gray/4",
+    "collection": "mode",
+    "mode": "dark",
+    "group": "semantic",
+    "scopes": ["TEXT_FILL", "SHAPE_FILL"]
+  },
+  {
+    "name": "fgColor/black",
+    "value": {
+      "r": 0.00392156862745098,
+      "g": 0.01568627450980392,
+      "b": 0.03529411764705882,
+      "a": 1
+    },
+    "type": "COLOR",
+    "refId": "mode/fgColor/black",
+    "reference": "base/color/dark/base/color/black",
+    "collection": "mode",
+    "mode": "dark",
+    "group": "semantic",
+    "scopes": ["TEXT_FILL", "SHAPE_FILL"]
+  },
+  {
+    "name": "fgColor/white",
+    "value": {
+      "r": 1,
+      "g": 1,
+      "b": 1,
+      "a": 1
+    },
+    "type": "COLOR",
+    "refId": "mode/fgColor/white",
+    "reference": "base/color/dark/base/color/white",
+    "collection": "mode",
+    "mode": "dark",
+    "group": "semantic",
+    "scopes": ["TEXT_FILL", "SHAPE_FILL"]
+  },
+  {
+    "name": "fgColor/onEmphasis",
+    "value": {
+      "r": 1,
+      "g": 1,
+      "b": 1,
+      "a": 1
+    },
+    "type": "COLOR",
+    "refId": "mode/fgColor/onEmphasis",
+    "reference": "base/color/dark/base/color/white",
+    "collection": "mode",
+    "mode": "dark",
+    "group": "semantic",
+    "scopes": ["TEXT_FILL", "SHAPE_FILL"],
+    "codeSyntax": {
+      "web": "var(--fgColor-onEmphasis) /* utility class: .color-fg-on-emphasis */"
+    }
+  },
+  {
+    "name": "fgColor/muted",
+    "value": {
+      "r": 0.5176470588235295,
+      "g": 0.5529411764705883,
+      "b": 0.592156862745098,
+      "a": 1
+    },
+    "type": "COLOR",
+    "isMix": true,
+    "refId": "mode/fgColor/muted",
+    "reference": "base/color/dark/base/color/gray/3",
+    "collection": "mode",
+    "mode": "dark",
+    "group": "semantic",
+    "scopes": ["TEXT_FILL", "SHAPE_FILL"],
+    "codeSyntax": {
+      "web": "var(--fgColor-muted) /* utility class: .color-fg-muted */"
+    }
+  },
+  {
+    "name": "fgColor/default",
+    "value": {
+      "r": 0.9019607843137255,
+      "g": 0.9294117647058824,
+      "b": 0.9529411764705882,
+      "a": 1
+    },
+    "type": "COLOR",
+    "isMix": true,
+    "refId": "mode/fgColor/default",
+    "reference": "base/color/dark/base/color/gray/0",
+    "collection": "mode",
+    "mode": "dark",
+    "group": "semantic",
+    "scopes": ["TEXT_FILL", "SHAPE_FILL"],
+    "codeSyntax": {
+      "web": "var(--fgColor-default) /* utility class: .color-fg-default */"
+    }
+  },
+  {
+    "name": "label/coral/fgColor/active",
+    "value": {
+      "r": 0.9921568627450981,
+      "g": 0.6666666666666666,
+      "b": 0.5254901960784314,
+      "a": 1
+    },
+    "type": "COLOR",
+    "refId": "mode/label/coral/fgColor/active",
+    "reference": "base/color/dark/base/display/color/coral/8",
+    "collection": "mode",
+    "mode": "dark",
+    "group": "component",
+    "scopes": ["TEXT_FILL", "SHAPE_FILL"]
+  },
+  {
+    "name": "label/coral/fgColor/hover",
+    "value": {
+      "r": 0.9803921568627451,
+      "g": 0.5490196078431373,
+      "b": 0.3803921568627451,
+      "a": 1
+    },
+    "type": "COLOR",
+    "refId": "mode/label/coral/fgColor/hover",
+    "reference": "base/color/dark/base/display/color/coral/7",
+    "collection": "mode",
+    "mode": "dark",
+    "group": "component",
+    "scopes": ["TEXT_FILL", "SHAPE_FILL"]
+  },
+  {
+    "name": "label/coral/fgColor/rest",
+    "value": {
+      "r": 0.9686274509803922,
+      "g": 0.4745098039215686,
+      "b": 0.29411764705882354,
+      "a": 1
+    },
+    "type": "COLOR",
+    "refId": "mode/label/coral/fgColor/rest",
+    "reference": "base/color/dark/base/display/color/coral/6",
+    "collection": "mode",
+    "mode": "dark",
+    "group": "component",
+    "scopes": ["TEXT_FILL", "SHAPE_FILL"]
+  },
+  {
+    "name": "label/coral/bgColor/active",
+    "value": {
+      "r": 0.4470588235294118,
+      "g": 0.13333333333333333,
+      "b": 0.050980392156862744,
+      "a": 1
+    },
+    "type": "COLOR",
+    "refId": "mode/label/coral/bgColor/active",
+    "reference": "base/color/dark/base/display/color/coral/2",
+    "collection": "mode",
+    "mode": "dark",
+    "group": "component",
+    "scopes": ["FRAME_FILL", "SHAPE_FILL"]
+  },
+  {
+    "name": "label/coral/bgColor/hover",
+    "value": {
+      "r": 0.3176470588235294,
+      "g": 0.09411764705882353,
+      "b": 0.043137254901960784,
+      "a": 1
+    },
+    "type": "COLOR",
+    "refId": "mode/label/coral/bgColor/hover",
+    "reference": "base/color/dark/base/display/color/coral/1",
+    "collection": "mode",
+    "mode": "dark",
+    "group": "component",
+    "scopes": ["FRAME_FILL", "SHAPE_FILL"]
+  },
+  {
+    "name": "label/coral/bgColor/rest",
+    "value": {
+      "r": 0.20784313725490197,
+      "g": 0.06274509803921569,
+      "b": 0.03137254901960784,
+      "a": 1
+    },
+    "type": "COLOR",
+    "refId": "mode/label/coral/bgColor/rest",
+    "reference": "base/color/dark/base/display/color/coral/0",
+    "collection": "mode",
+    "mode": "dark",
+    "group": "component",
+    "scopes": ["FRAME_FILL", "SHAPE_FILL"]
+  },
+  {
+    "name": "label/pink/fgColor/active",
+    "value": {
+      "r": 0.9568627450980393,
+      "g": 0.6627450980392157,
+      "b": 0.803921568627451,
+      "a": 1
+    },
+    "type": "COLOR",
+    "refId": "mode/label/pink/fgColor/active",
+    "reference": "base/color/dark/base/display/color/pink/8",
+    "collection": "mode",
+    "mode": "dark",
+    "group": "component",
+    "scopes": ["TEXT_FILL", "SHAPE_FILL"]
+  },
+  {
+    "name": "label/pink/fgColor/hover",
+    "value": {
+      "r": 0.9254901960784314,
+      "g": 0.5529411764705883,
+      "b": 0.7411764705882353,
+      "a": 1
+    },
+    "type": "COLOR",
+    "refId": "mode/label/pink/fgColor/hover",
+    "reference": "base/color/dark/base/display/color/pink/7",
+    "collection": "mode",
+    "mode": "dark",
+    "group": "component",
+    "scopes": ["TEXT_FILL", "SHAPE_FILL"]
+  },
+  {
+    "name": "label/pink/fgColor/rest",
+    "value": {
+      "r": 0.8980392156862745,
+      "g": 0.4823529411764706,
+      "b": 0.6980392156862745,
+      "a": 1
+    },
+    "type": "COLOR",
+    "refId": "mode/label/pink/fgColor/rest",
+    "reference": "base/color/dark/base/display/color/pink/6",
+    "collection": "mode",
+    "mode": "dark",
+    "group": "component",
+    "scopes": ["TEXT_FILL", "SHAPE_FILL"]
+  },
+  {
+    "name": "label/pink/bgColor/active",
+    "value": {
+      "r": 0.396078431372549,
+      "g": 0.1411764705882353,
+      "b": 0.2901960784313726,
+      "a": 1
+    },
+    "type": "COLOR",
+    "refId": "mode/label/pink/bgColor/active",
+    "reference": "base/color/dark/base/display/color/pink/2",
+    "collection": "mode",
+    "mode": "dark",
+    "group": "component",
+    "scopes": ["FRAME_FILL", "SHAPE_FILL"]
+  },
+  {
+    "name": "label/pink/bgColor/hover",
+    "value": {
+      "r": 0.27058823529411763,
+      "g": 0.10980392156862745,
+      "b": 0.20784313725490197,
+      "a": 1
+    },
+    "type": "COLOR",
+    "refId": "mode/label/pink/bgColor/hover",
+    "reference": "base/color/dark/base/display/color/pink/1",
+    "collection": "mode",
+    "mode": "dark",
+    "group": "component",
+    "scopes": ["FRAME_FILL", "SHAPE_FILL"]
+  },
+  {
+    "name": "label/pink/bgColor/rest",
+    "value": {
+      "r": 0.17647058823529413,
+      "g": 0.08235294117647059,
+      "b": 0.1411764705882353,
+      "a": 1
+    },
+    "type": "COLOR",
+    "refId": "mode/label/pink/bgColor/rest",
+    "reference": "base/color/dark/base/display/color/pink/0",
+    "collection": "mode",
+    "mode": "dark",
+    "group": "component",
+    "scopes": ["FRAME_FILL", "SHAPE_FILL"]
+  },
+  {
+    "name": "label/plum/fgColor/active",
+    "value": {
+      "r": 0.8941176470588236,
+      "g": 0.6470588235294118,
+      "b": 0.9921568627450981,
+      "a": 1
+    },
+    "type": "COLOR",
+    "refId": "mode/label/plum/fgColor/active",
+    "reference": "base/color/dark/base/display/color/plum/8",
+    "collection": "mode",
+    "mode": "dark",
+    "group": "component",
+    "scopes": ["TEXT_FILL", "SHAPE_FILL"]
+  },
+  {
+    "name": "label/plum/fgColor/hover",
+    "value": {
+      "r": 0.8470588235294118,
+      "g": 0.5372549019607843,
+      "b": 0.9803921568627451,
+      "a": 1
+    },
+    "type": "COLOR",
+    "refId": "mode/label/plum/fgColor/hover",
+    "reference": "base/color/dark/base/display/color/plum/7",
+    "collection": "mode",
+    "mode": "dark",
+    "group": "component",
+    "scopes": ["TEXT_FILL", "SHAPE_FILL"]
+  },
+  {
+    "name": "label/plum/fgColor/rest",
+    "value": {
+      "r": 0.8156862745098039,
+      "g": 0.49411764705882355,
+      "b": 0.9686274509803922,
+      "a": 1
+    },
+    "type": "COLOR",
+    "refId": "mode/label/plum/fgColor/rest",
+    "reference": "base/color/dark/base/display/color/plum/6",
+    "collection": "mode",
+    "mode": "dark",
+    "group": "component",
+    "scopes": ["TEXT_FILL", "SHAPE_FILL"]
+  },
+  {
+    "name": "label/plum/bgColor/active",
+    "value": {
+      "r": 0.3607843137254902,
+      "g": 0.08627450980392157,
+      "b": 0.5333333333333333,
+      "a": 1
+    },
+    "type": "COLOR",
+    "refId": "mode/label/plum/bgColor/active",
+    "reference": "base/color/dark/base/display/color/plum/2",
+    "collection": "mode",
+    "mode": "dark",
+    "group": "component",
+    "scopes": ["FRAME_FILL", "SHAPE_FILL"]
+  },
+  {
+    "name": "label/plum/bgColor/hover",
+    "value": {
+      "r": 0.25098039215686274,
+      "g": 0.07058823529411765,
+      "b": 0.3686274509803922,
+      "a": 1
+    },
+    "type": "COLOR",
+    "refId": "mode/label/plum/bgColor/hover",
+    "reference": "base/color/dark/base/display/color/plum/1",
+    "collection": "mode",
+    "mode": "dark",
+    "group": "component",
+    "scopes": ["FRAME_FILL", "SHAPE_FILL"]
+  },
+  {
+    "name": "label/plum/bgColor/rest",
+    "value": {
+      "r": 0.16470588235294117,
+      "g": 0.054901960784313725,
+      "b": 0.24705882352941178,
+      "a": 1
+    },
+    "type": "COLOR",
+    "refId": "mode/label/plum/bgColor/rest",
+    "reference": "base/color/dark/base/display/color/plum/0",
+    "collection": "mode",
+    "mode": "dark",
+    "group": "component",
+    "scopes": ["FRAME_FILL", "SHAPE_FILL"]
+  },
+  {
+    "name": "label/blue/fgColor/active",
+    "value": {
+      "r": 0.5215686274509804,
+      "g": 0.7607843137254902,
+      "b": 1,
+      "a": 1
+    },
+    "type": "COLOR",
+    "refId": "mode/label/blue/fgColor/active",
+    "reference": "base/color/dark/base/display/color/blue/8",
+    "collection": "mode",
+    "mode": "dark",
+    "group": "component",
+    "scopes": ["TEXT_FILL", "SHAPE_FILL"]
+  },
+  {
+    "name": "label/blue/fgColor/hover",
+    "value": {
+      "r": 0.3803921568627451,
+      "g": 0.6784313725490196,
+      "b": 1,
+      "a": 1
+    },
+    "type": "COLOR",
+    "refId": "mode/label/blue/fgColor/hover",
+    "reference": "base/color/dark/base/display/color/blue/7",
+    "collection": "mode",
+    "mode": "dark",
+    "group": "component",
+    "scopes": ["TEXT_FILL", "SHAPE_FILL"]
+  },
+  {
+    "name": "label/blue/fgColor/rest",
+    "value": {
+      "r": 0.30196078431372547,
+      "g": 0.6274509803921569,
+      "b": 1,
+      "a": 1
+    },
+    "type": "COLOR",
+    "refId": "mode/label/blue/fgColor/rest",
+    "reference": "base/color/dark/base/display/color/blue/6",
+    "collection": "mode",
+    "mode": "dark",
+    "group": "component",
+    "scopes": ["TEXT_FILL", "SHAPE_FILL"]
+  },
+  {
+    "name": "label/blue/bgColor/active",
+    "value": {
+      "r": 0,
+      "g": 0.21568627450980393,
+      "b": 0.5411764705882353,
+      "a": 1
+    },
+    "type": "COLOR",
+    "refId": "mode/label/blue/bgColor/active",
+    "reference": "base/color/dark/base/display/color/blue/2",
+    "collection": "mode",
+    "mode": "dark",
+    "group": "component",
+    "scopes": ["FRAME_FILL", "SHAPE_FILL"]
+  },
+  {
+    "name": "label/blue/bgColor/hover",
+    "value": {
+      "r": 0,
+      "g": 0.15294117647058825,
+      "b": 0.4,
+      "a": 1
+    },
+    "type": "COLOR",
+    "refId": "mode/label/blue/bgColor/hover",
+    "reference": "base/color/dark/base/display/color/blue/1",
+    "collection": "mode",
+    "mode": "dark",
+    "group": "component",
+    "scopes": ["FRAME_FILL", "SHAPE_FILL"]
+  },
+  {
+    "name": "label/blue/bgColor/rest",
+    "value": {
+      "r": 0,
+      "g": 0.10196078431372549,
+      "b": 0.2784313725490196,
+      "a": 1
+    },
+    "type": "COLOR",
+    "refId": "mode/label/blue/bgColor/rest",
+    "reference": "base/color/dark/base/display/color/blue/0",
+    "collection": "mode",
+    "mode": "dark",
+    "group": "component",
+    "scopes": ["FRAME_FILL", "SHAPE_FILL"]
+  },
+  {
+    "name": "label/indigo/fgColor/active",
+    "value": {
+      "r": 0.7176470588235294,
+      "g": 0.7294117647058823,
+      "b": 0.9647058823529412,
+      "a": 1
+    },
+    "type": "COLOR",
+    "refId": "mode/label/indigo/fgColor/active",
+    "reference": "base/color/dark/base/display/color/indigo/8",
+    "collection": "mode",
+    "mode": "dark",
+    "group": "component",
+    "scopes": ["TEXT_FILL", "SHAPE_FILL"]
+  },
+  {
+    "name": "label/indigo/fgColor/hover",
+    "value": {
+      "r": 0.6352941176470588,
+      "g": 0.6470588235294118,
+      "b": 0.9450980392156862,
+      "a": 1
+    },
+    "type": "COLOR",
+    "refId": "mode/label/indigo/fgColor/hover",
+    "reference": "base/color/dark/base/display/color/indigo/7",
+    "collection": "mode",
+    "mode": "dark",
+    "group": "component",
+    "scopes": ["TEXT_FILL", "SHAPE_FILL"]
+  },
+  {
+    "name": "label/indigo/fgColor/rest",
+    "value": {
+      "r": 0.596078431372549,
+      "g": 0.6,
+      "b": 0.9254901960784314,
+      "a": 1
+    },
+    "type": "COLOR",
+    "refId": "mode/label/indigo/fgColor/rest",
+    "reference": "base/color/dark/base/display/color/indigo/6",
+    "collection": "mode",
+    "mode": "dark",
+    "group": "component",
+    "scopes": ["TEXT_FILL", "SHAPE_FILL"]
+  },
+  {
+    "name": "label/indigo/bgColor/active",
+    "value": {
+      "r": 0.19215686274509805,
+      "g": 0.17254901960784313,
+      "b": 0.5647058823529412,
+      "a": 1
+    },
+    "type": "COLOR",
+    "refId": "mode/label/indigo/bgColor/active",
+    "reference": "base/color/dark/base/display/color/indigo/2",
+    "collection": "mode",
+    "mode": "dark",
+    "group": "component",
+    "scopes": ["FRAME_FILL", "SHAPE_FILL"]
+  },
+  {
+    "name": "label/indigo/bgColor/hover",
+    "value": {
+      "r": 0.1450980392156863,
+      "g": 0.12941176470588237,
+      "b": 0.37254901960784315,
+      "a": 1
+    },
+    "type": "COLOR",
+    "refId": "mode/label/indigo/bgColor/hover",
+    "reference": "base/color/dark/base/display/color/indigo/1",
+    "collection": "mode",
+    "mode": "dark",
+    "group": "component",
+    "scopes": ["FRAME_FILL", "SHAPE_FILL"]
+  },
+  {
+    "name": "label/indigo/bgColor/rest",
+    "value": {
+      "r": 0.10588235294117647,
+      "g": 0.09411764705882353,
+      "b": 0.24705882352941178,
+      "a": 1
+    },
+    "type": "COLOR",
+    "refId": "mode/label/indigo/bgColor/rest",
+    "reference": "base/color/dark/base/display/color/indigo/0",
+    "collection": "mode",
+    "mode": "dark",
+    "group": "component",
+    "scopes": ["FRAME_FILL", "SHAPE_FILL"]
+  },
+  {
+    "name": "label/cyan/fgColor/active",
+    "value": {
+      "r": 0.27058823529411763,
+      "g": 0.796078431372549,
+      "b": 0.9686274509803922,
+      "a": 1
+    },
+    "type": "COLOR",
+    "refId": "mode/label/cyan/fgColor/active",
+    "reference": "base/color/dark/base/display/color/cyan/8",
+    "collection": "mode",
+    "mode": "dark",
+    "group": "component",
+    "scopes": ["TEXT_FILL", "SHAPE_FILL"]
+  },
+  {
+    "name": "label/cyan/fgColor/hover",
+    "value": {
+      "r": 0.03529411764705882,
+      "g": 0.7176470588235294,
+      "b": 0.9450980392156862,
+      "a": 1
+    },
+    "type": "COLOR",
+    "refId": "mode/label/cyan/fgColor/hover",
+    "reference": "base/color/dark/base/display/color/cyan/7",
+    "collection": "mode",
+    "mode": "dark",
+    "group": "component",
+    "scopes": ["TEXT_FILL", "SHAPE_FILL"]
+  },
+  {
+    "name": "label/cyan/fgColor/rest",
+    "value": {
+      "r": 0.027450980392156862,
+      "g": 0.6745098039215687,
+      "b": 0.8941176470588236,
+      "a": 1
+    },
+    "type": "COLOR",
+    "refId": "mode/label/cyan/fgColor/rest",
+    "reference": "base/color/dark/base/display/color/cyan/6",
+    "collection": "mode",
+    "mode": "dark",
+    "group": "component",
+    "scopes": ["TEXT_FILL", "SHAPE_FILL"]
+  },
+  {
+    "name": "label/cyan/bgColor/active",
+    "value": {
+      "r": 0.00392156862745098,
+      "g": 0.2549019607843137,
+      "b": 0.33725490196078434,
+      "a": 1
+    },
+    "type": "COLOR",
+    "refId": "mode/label/cyan/bgColor/active",
+    "reference": "base/color/dark/base/display/color/cyan/2",
+    "collection": "mode",
+    "mode": "dark",
+    "group": "component",
+    "scopes": ["FRAME_FILL", "SHAPE_FILL"]
+  },
+  {
+    "name": "label/cyan/bgColor/hover",
+    "value": {
+      "r": 0,
+      "g": 0.1803921568627451,
+      "b": 0.23921568627450981,
+      "a": 1
+    },
+    "type": "COLOR",
+    "refId": "mode/label/cyan/bgColor/hover",
+    "reference": "base/color/dark/base/display/color/cyan/1",
+    "collection": "mode",
+    "mode": "dark",
+    "group": "component",
+    "scopes": ["FRAME_FILL", "SHAPE_FILL"]
+  },
+  {
+    "name": "label/cyan/bgColor/rest",
+    "value": {
+      "r": 0,
+      "g": 0.12156862745098039,
+      "b": 0.1607843137254902,
+      "a": 1
+    },
+    "type": "COLOR",
+    "refId": "mode/label/cyan/bgColor/rest",
+    "reference": "base/color/dark/base/display/color/cyan/0",
+    "collection": "mode",
+    "mode": "dark",
+    "group": "component",
+    "scopes": ["FRAME_FILL", "SHAPE_FILL"]
+  },
+  {
+    "name": "label/teal/fgColor/active",
+    "value": {
+      "r": 0.1411764705882353,
+      "g": 0.8392156862745098,
+      "b": 0.7686274509803922,
+      "a": 1
+    },
+    "type": "COLOR",
+    "refId": "mode/label/teal/fgColor/active",
+    "reference": "base/color/dark/base/display/color/teal/8",
+    "collection": "mode",
+    "mode": "dark",
+    "group": "component",
+    "scopes": ["TEXT_FILL", "SHAPE_FILL"]
+  },
+  {
+    "name": "label/teal/fgColor/hover",
+    "value": {
+      "r": 0.12156862745098039,
+      "g": 0.7411764705882353,
+      "b": 0.6980392156862745,
+      "a": 1
+    },
+    "type": "COLOR",
+    "refId": "mode/label/teal/fgColor/hover",
+    "reference": "base/color/dark/base/display/color/teal/7",
+    "collection": "mode",
+    "mode": "dark",
+    "group": "component",
+    "scopes": ["TEXT_FILL", "SHAPE_FILL"]
+  },
+  {
+    "name": "label/teal/fgColor/rest",
+    "value": {
+      "r": 0.10980392156862745,
+      "g": 0.6901960784313725,
+      "b": 0.6705882352941176,
+      "a": 1
+    },
+    "type": "COLOR",
+    "refId": "mode/label/teal/fgColor/rest",
+    "reference": "base/color/dark/base/display/color/teal/6",
+    "collection": "mode",
+    "mode": "dark",
+    "group": "component",
+    "scopes": ["TEXT_FILL", "SHAPE_FILL"]
+  },
+  {
+    "name": "label/teal/bgColor/active",
+    "value": {
+      "r": 0.0392156862745098,
+      "g": 0.27450980392156865,
+      "b": 0.30196078431372547,
+      "a": 1
+    },
+    "type": "COLOR",
+    "refId": "mode/label/teal/bgColor/active",
+    "reference": "base/color/dark/base/display/color/teal/2",
+    "collection": "mode",
+    "mode": "dark",
+    "group": "component",
+    "scopes": ["FRAME_FILL", "SHAPE_FILL"]
+  },
+  {
+    "name": "label/teal/bgColor/hover",
+    "value": {
+      "r": 0.027450980392156862,
+      "g": 0.18823529411764706,
+      "b": 0.21176470588235294,
+      "a": 1
+    },
+    "type": "COLOR",
+    "refId": "mode/label/teal/bgColor/hover",
+    "reference": "base/color/dark/base/display/color/teal/1",
+    "collection": "mode",
+    "mode": "dark",
+    "group": "component",
+    "scopes": ["FRAME_FILL", "SHAPE_FILL"]
+  },
+  {
+    "name": "label/teal/bgColor/rest",
+    "value": {
+      "r": 0.01568627450980392,
+      "g": 0.12156862745098039,
+      "b": 0.1450980392156863,
+      "a": 1
+    },
+    "type": "COLOR",
+    "refId": "mode/label/teal/bgColor/rest",
+    "reference": "base/color/dark/base/display/color/teal/0",
+    "collection": "mode",
+    "mode": "dark",
+    "group": "component",
+    "scopes": ["FRAME_FILL", "SHAPE_FILL"]
+  },
+  {
+    "name": "label/pine/fgColor/active",
+    "value": {
+      "r": 0.10588235294117647,
+      "g": 0.8549019607843137,
+      "b": 0.5058823529411764,
+      "a": 1
+    },
+    "type": "COLOR",
+    "refId": "mode/label/pine/fgColor/active",
+    "reference": "base/color/dark/base/display/color/pine/8",
+    "collection": "mode",
+    "mode": "dark",
+    "group": "component",
+    "scopes": ["TEXT_FILL", "SHAPE_FILL"]
+  },
+  {
+    "name": "label/pine/fgColor/hover",
+    "value": {
+      "r": 0.10196078431372549,
+      "g": 0.7568627450980392,
+      "b": 0.4627450980392157,
+      "a": 1
+    },
+    "type": "COLOR",
+    "refId": "mode/label/pine/fgColor/hover",
+    "reference": "base/color/dark/base/display/color/pine/7",
+    "collection": "mode",
+    "mode": "dark",
+    "group": "component",
+    "scopes": ["TEXT_FILL", "SHAPE_FILL"]
+  },
+  {
+    "name": "label/pine/fgColor/rest",
+    "value": {
+      "r": 0.10588235294117647,
+      "g": 0.7137254901960784,
+      "b": 0.45098039215686275,
+      "a": 1
+    },
+    "type": "COLOR",
+    "refId": "mode/label/pine/fgColor/rest",
+    "reference": "base/color/dark/base/display/color/pine/6",
+    "collection": "mode",
+    "mode": "dark",
+    "group": "component",
+    "scopes": ["TEXT_FILL", "SHAPE_FILL"]
+  },
+  {
+    "name": "label/pine/bgColor/active",
+    "value": {
+      "r": 0.054901960784313725,
+      "g": 0.26666666666666666,
+      "b": 0.18823529411764706,
+      "a": 1
+    },
+    "type": "COLOR",
+    "refId": "mode/label/pine/bgColor/active",
+    "reference": "base/color/dark/base/display/color/pine/2",
+    "collection": "mode",
+    "mode": "dark",
+    "group": "component",
+    "scopes": ["FRAME_FILL", "SHAPE_FILL"]
+  },
+  {
+    "name": "label/pine/bgColor/hover",
+    "value": {
+      "r": 0.043137254901960784,
+      "g": 0.19607843137254902,
+      "b": 0.1411764705882353,
+      "a": 1
+    },
+    "type": "COLOR",
+    "refId": "mode/label/pine/bgColor/hover",
+    "reference": "base/color/dark/base/display/color/pine/1",
+    "collection": "mode",
+    "mode": "dark",
+    "group": "component",
+    "scopes": ["FRAME_FILL", "SHAPE_FILL"]
+  },
+  {
+    "name": "label/pine/bgColor/rest",
+    "value": {
+      "r": 0.03137254901960784,
+      "g": 0.12941176470588237,
+      "b": 0.09803921568627451,
+      "a": 1
+    },
+    "type": "COLOR",
+    "refId": "mode/label/pine/bgColor/rest",
+    "reference": "base/color/dark/base/display/color/pine/0",
+    "collection": "mode",
+    "mode": "dark",
+    "group": "component",
+    "scopes": ["FRAME_FILL", "SHAPE_FILL"]
+  },
+  {
+    "name": "label/lime/fgColor/active",
+    "value": {
+      "r": 0.6235294117647059,
+      "g": 0.8,
+      "b": 0.24313725490196078,
+      "a": 1
+    },
+    "type": "COLOR",
+    "refId": "mode/label/lime/fgColor/active",
+    "reference": "base/color/dark/base/display/color/lime/8",
+    "collection": "mode",
+    "mode": "dark",
+    "group": "component",
+    "scopes": ["TEXT_FILL", "SHAPE_FILL"]
+  },
+  {
+    "name": "label/lime/fgColor/hover",
+    "value": {
+      "r": 0.5372549019607843,
+      "g": 0.7294117647058823,
+      "b": 0.21176470588235294,
+      "a": 1
+    },
+    "type": "COLOR",
+    "refId": "mode/label/lime/fgColor/hover",
+    "reference": "base/color/dark/base/display/color/lime/7",
+    "collection": "mode",
+    "mode": "dark",
+    "group": "component",
+    "scopes": ["TEXT_FILL", "SHAPE_FILL"]
+  },
+  {
+    "name": "label/lime/fgColor/rest",
+    "value": {
+      "r": 0.49019607843137253,
+      "g": 0.6823529411764706,
+      "b": 0.21568627450980393,
+      "a": 1
+    },
+    "type": "COLOR",
+    "refId": "mode/label/lime/fgColor/rest",
+    "reference": "base/color/dark/base/display/color/lime/6",
+    "collection": "mode",
+    "mode": "dark",
+    "group": "component",
+    "scopes": ["TEXT_FILL", "SHAPE_FILL"]
+  },
+  {
+    "name": "label/lime/bgColor/active",
+    "value": {
+      "r": 0.17254901960784313,
+      "g": 0.26666666666666666,
+      "b": 0.11372549019607843,
+      "a": 1
+    },
+    "type": "COLOR",
+    "refId": "mode/label/lime/bgColor/active",
+    "reference": "base/color/dark/base/display/color/lime/2",
+    "collection": "mode",
+    "mode": "dark",
+    "group": "component",
+    "scopes": ["FRAME_FILL", "SHAPE_FILL"]
+  },
+  {
+    "name": "label/lime/bgColor/hover",
+    "value": {
+      "r": 0.12156862745098039,
+      "g": 0.19215686274509805,
+      "b": 0.08627450980392157,
+      "a": 1
+    },
+    "type": "COLOR",
+    "refId": "mode/label/lime/bgColor/hover",
+    "reference": "base/color/dark/base/display/color/lime/1",
+    "collection": "mode",
+    "mode": "dark",
+    "group": "component",
+    "scopes": ["FRAME_FILL", "SHAPE_FILL"]
+  },
+  {
+    "name": "label/lime/bgColor/rest",
+    "value": {
+      "r": 0.0784313725490196,
+      "g": 0.12156862745098039,
+      "b": 0.058823529411764705,
+      "a": 1
+    },
+    "type": "COLOR",
+    "refId": "mode/label/lime/bgColor/rest",
+    "reference": "base/color/dark/base/display/color/lime/0",
+    "collection": "mode",
+    "mode": "dark",
+    "group": "component",
+    "scopes": ["FRAME_FILL", "SHAPE_FILL"]
+  },
+  {
+    "name": "label/olive/fgColor/active",
+    "value": {
+      "r": 0.796078431372549,
+      "g": 0.7529411764705882,
+      "b": 0.1450980392156863,
+      "a": 1
+    },
+    "type": "COLOR",
+    "refId": "mode/label/olive/fgColor/active",
+    "reference": "base/color/dark/base/display/color/olive/8",
+    "collection": "mode",
+    "mode": "dark",
+    "group": "component",
+    "scopes": ["TEXT_FILL", "SHAPE_FILL"]
+  },
+  {
+    "name": "label/olive/fgColor/hover",
+    "value": {
+      "r": 0.6980392156862745,
+      "g": 0.6862745098039216,
+      "b": 0.1411764705882353,
+      "a": 1
+    },
+    "type": "COLOR",
+    "refId": "mode/label/olive/fgColor/hover",
+    "reference": "base/color/dark/base/display/color/olive/7",
+    "collection": "mode",
+    "mode": "dark",
+    "group": "component",
+    "scopes": ["TEXT_FILL", "SHAPE_FILL"]
+  },
+  {
+    "name": "label/olive/fgColor/rest",
+    "value": {
+      "r": 0.6352941176470588,
+      "g": 0.6509803921568628,
+      "b": 0.14901960784313725,
+      "a": 1
+    },
+    "type": "COLOR",
+    "refId": "mode/label/olive/fgColor/rest",
+    "reference": "base/color/dark/base/display/color/olive/6",
+    "collection": "mode",
+    "mode": "dark",
+    "group": "component",
+    "scopes": ["TEXT_FILL", "SHAPE_FILL"]
+  },
+  {
+    "name": "label/olive/bgColor/active",
+    "value": {
+      "r": 0.21568627450980393,
+      "g": 0.2549019607843137,
+      "b": 0.08235294117647059,
+      "a": 1
+    },
+    "type": "COLOR",
+    "refId": "mode/label/olive/bgColor/active",
+    "reference": "base/color/dark/base/display/color/olive/2",
+    "collection": "mode",
+    "mode": "dark",
+    "group": "component",
+    "scopes": ["FRAME_FILL", "SHAPE_FILL"]
+  },
+  {
+    "name": "label/olive/bgColor/hover",
+    "value": {
+      "r": 0.1450980392156863,
+      "g": 0.17647058823529413,
+      "b": 0.06274509803921569,
+      "a": 1
+    },
+    "type": "COLOR",
+    "refId": "mode/label/olive/bgColor/hover",
+    "reference": "base/color/dark/base/display/color/olive/1",
+    "collection": "mode",
+    "mode": "dark",
+    "group": "component",
+    "scopes": ["FRAME_FILL", "SHAPE_FILL"]
+  },
+  {
+    "name": "label/olive/bgColor/rest",
+    "value": {
+      "r": 0.09019607843137255,
+      "g": 0.11764705882352941,
+      "b": 0.043137254901960784,
+      "a": 1
+    },
+    "type": "COLOR",
+    "refId": "mode/label/olive/bgColor/rest",
+    "reference": "base/color/dark/base/display/color/olive/0",
+    "collection": "mode",
+    "mode": "dark",
+    "group": "component",
+    "scopes": ["FRAME_FILL", "SHAPE_FILL"]
+  },
+  {
+    "name": "label/lemon/fgColor/active",
+    "value": {
+      "r": 0.8431372549019608,
+      "g": 0.7372549019607844,
+      "b": 0.11372549019607843,
+      "a": 1
+    },
+    "type": "COLOR",
+    "refId": "mode/label/lemon/fgColor/active",
+    "reference": "base/color/dark/base/display/color/lemon/8",
+    "collection": "mode",
+    "mode": "dark",
+    "group": "component",
+    "scopes": ["TEXT_FILL", "SHAPE_FILL"]
+  },
+  {
+    "name": "label/lemon/fgColor/hover",
+    "value": {
+      "r": 0.7686274509803922,
+      "g": 0.6549019607843137,
+      "b": 0.09019607843137255,
+      "a": 1
+    },
+    "type": "COLOR",
+    "refId": "mode/label/lemon/fgColor/hover",
+    "reference": "base/color/dark/base/display/color/lemon/7",
+    "collection": "mode",
+    "mode": "dark",
+    "group": "component",
+    "scopes": ["TEXT_FILL", "SHAPE_FILL"]
+  },
+  {
+    "name": "label/lemon/fgColor/rest",
+    "value": {
+      "r": 0.7294117647058823,
+      "g": 0.6078431372549019,
+      "b": 0.07058823529411765,
+      "a": 1
+    },
+    "type": "COLOR",
+    "refId": "mode/label/lemon/fgColor/rest",
+    "reference": "base/color/dark/base/display/color/lemon/6",
+    "collection": "mode",
+    "mode": "dark",
+    "group": "component",
+    "scopes": ["TEXT_FILL", "SHAPE_FILL"]
+  },
+  {
+    "name": "label/lemon/bgColor/active",
+    "value": {
+      "r": 0.30980392156862746,
+      "g": 0.23529411764705882,
+      "b": 0.00784313725490196,
+      "a": 1
+    },
+    "type": "COLOR",
+    "refId": "mode/label/lemon/bgColor/active",
+    "reference": "base/color/dark/base/display/color/lemon/2",
+    "collection": "mode",
+    "mode": "dark",
+    "group": "component",
+    "scopes": ["FRAME_FILL", "SHAPE_FILL"]
+  },
+  {
+    "name": "label/lemon/bgColor/hover",
+    "value": {
+      "r": 0.21568627450980393,
+      "g": 0.1607843137254902,
+      "b": 0.00392156862745098,
+      "a": 1
+    },
+    "type": "COLOR",
+    "refId": "mode/label/lemon/bgColor/hover",
+    "reference": "base/color/dark/base/display/color/lemon/1",
+    "collection": "mode",
+    "mode": "dark",
+    "group": "component",
+    "scopes": ["FRAME_FILL", "SHAPE_FILL"]
+  },
+  {
+    "name": "label/lemon/bgColor/rest",
+    "value": {
+      "r": 0.1607843137254902,
+      "g": 0.11372549019607843,
+      "b": 0,
+      "a": 1
+    },
+    "type": "COLOR",
+    "refId": "mode/label/lemon/bgColor/rest",
+    "reference": "base/color/dark/base/display/color/lemon/0",
+    "collection": "mode",
+    "mode": "dark",
+    "group": "component",
+    "scopes": ["FRAME_FILL", "SHAPE_FILL"]
+  },
+  {
+    "name": "label/brown/fgColor/active",
+    "value": {
+      "r": 0.803921568627451,
+      "g": 0.7333333333333333,
+      "b": 0.596078431372549,
+      "a": 1
+    },
+    "type": "COLOR",
+    "refId": "mode/label/brown/fgColor/active",
+    "reference": "base/color/dark/base/display/color/brown/8",
+    "collection": "mode",
+    "mode": "dark",
+    "group": "component",
+    "scopes": ["TEXT_FILL", "SHAPE_FILL"]
+  },
+  {
+    "name": "label/brown/fgColor/hover",
+    "value": {
+      "r": 0.7490196078431373,
+      "g": 0.6549019607843137,
+      "b": 0.49019607843137253,
+      "a": 1
+    },
+    "type": "COLOR",
+    "refId": "mode/label/brown/fgColor/hover",
+    "reference": "base/color/dark/base/display/color/brown/7",
+    "collection": "mode",
+    "mode": "dark",
+    "group": "component",
+    "scopes": ["TEXT_FILL", "SHAPE_FILL"]
+  },
+  {
+    "name": "label/brown/fgColor/rest",
+    "value": {
+      "r": 0.7137254901960784,
+      "g": 0.6039215686274509,
+      "b": 0.42745098039215684,
+      "a": 1
+    },
+    "type": "COLOR",
+    "refId": "mode/label/brown/fgColor/rest",
+    "reference": "base/color/dark/base/display/color/brown/6",
+    "collection": "mode",
+    "mode": "dark",
+    "group": "component",
+    "scopes": ["TEXT_FILL", "SHAPE_FILL"]
+  },
+  {
+    "name": "label/brown/bgColor/active",
+    "value": {
+      "r": 0.2823529411764706,
+      "g": 0.22745098039215686,
+      "b": 0.1568627450980392,
+      "a": 1
+    },
+    "type": "COLOR",
+    "refId": "mode/label/brown/bgColor/active",
+    "reference": "base/color/dark/base/display/color/brown/2",
+    "collection": "mode",
+    "mode": "dark",
+    "group": "component",
+    "scopes": ["FRAME_FILL", "SHAPE_FILL"]
+  },
+  {
+    "name": "label/brown/bgColor/hover",
+    "value": {
+      "r": 0.20392156862745098,
+      "g": 0.16470588235294117,
+      "b": 0.11372549019607843,
+      "a": 1
+    },
+    "type": "COLOR",
+    "refId": "mode/label/brown/bgColor/hover",
+    "reference": "base/color/dark/base/display/color/brown/1",
+    "collection": "mode",
+    "mode": "dark",
+    "group": "component",
+    "scopes": ["FRAME_FILL", "SHAPE_FILL"]
+  },
+  {
+    "name": "label/brown/bgColor/rest",
+    "value": {
+      "r": 0.1411764705882353,
+      "g": 0.10980392156862745,
+      "b": 0.0784313725490196,
+      "a": 1
+    },
+    "type": "COLOR",
+    "refId": "mode/label/brown/bgColor/rest",
+    "reference": "base/color/dark/base/display/color/brown/0",
+    "collection": "mode",
+    "mode": "dark",
+    "group": "component",
+    "scopes": ["FRAME_FILL", "SHAPE_FILL"]
+  },
+  {
+    "name": "label/auburn/fgColor/active",
+    "value": {
+      "r": 0.8313725490196079,
+      "g": 0.7176470588235294,
+      "b": 0.7098039215686275,
+      "a": 1
+    },
+    "type": "COLOR",
+    "refId": "mode/label/auburn/fgColor/active",
+    "reference": "base/color/dark/base/display/color/auburn/8",
+    "collection": "mode",
+    "mode": "dark",
+    "group": "component",
+    "scopes": ["TEXT_FILL", "SHAPE_FILL"]
+  },
+  {
+    "name": "label/auburn/fgColor/hover",
+    "value": {
+      "r": 0.7764705882352941,
+      "g": 0.6313725490196078,
+      "b": 0.6235294117647059,
+      "a": 1
+    },
+    "type": "COLOR",
+    "refId": "mode/label/auburn/fgColor/hover",
+    "reference": "base/color/dark/base/display/color/auburn/7",
+    "collection": "mode",
+    "mode": "dark",
+    "group": "component",
+    "scopes": ["TEXT_FILL", "SHAPE_FILL"]
+  },
+  {
+    "name": "label/auburn/fgColor/rest",
+    "value": {
+      "r": 0.7490196078431373,
+      "g": 0.5843137254901961,
+      "b": 0.5725490196078431,
+      "a": 1
+    },
+    "type": "COLOR",
+    "refId": "mode/label/auburn/fgColor/rest",
+    "reference": "base/color/dark/base/display/color/auburn/6",
+    "collection": "mode",
+    "mode": "dark",
+    "group": "component",
+    "scopes": ["TEXT_FILL", "SHAPE_FILL"]
+  },
+  {
+    "name": "label/auburn/bgColor/active",
+    "value": {
+      "r": 0.32941176470588235,
+      "g": 0.2,
+      "b": 0.19215686274509805,
+      "a": 1
+    },
+    "type": "COLOR",
+    "refId": "mode/label/auburn/bgColor/active",
+    "reference": "base/color/dark/base/display/color/auburn/2",
+    "collection": "mode",
+    "mode": "dark",
+    "group": "component",
+    "scopes": ["FRAME_FILL", "SHAPE_FILL"]
+  },
+  {
+    "name": "label/auburn/bgColor/hover",
+    "value": {
+      "r": 0.22745098039215686,
+      "g": 0.1411764705882353,
+      "b": 0.13333333333333333,
+      "a": 1
+    },
+    "type": "COLOR",
+    "refId": "mode/label/auburn/bgColor/hover",
+    "reference": "base/color/dark/base/display/color/auburn/1",
+    "collection": "mode",
+    "mode": "dark",
+    "group": "component",
+    "scopes": ["FRAME_FILL", "SHAPE_FILL"]
+  },
+  {
+    "name": "label/auburn/bgColor/rest",
+    "value": {
+      "r": 0.15294117647058825,
+      "g": 0.09411764705882353,
+      "b": 0.09019607843137255,
+      "a": 1
+    },
+    "type": "COLOR",
+    "refId": "mode/label/auburn/bgColor/rest",
+    "reference": "base/color/dark/base/display/color/auburn/0",
+    "collection": "mode",
+    "mode": "dark",
+    "group": "component",
+    "scopes": ["FRAME_FILL", "SHAPE_FILL"]
+  },
+  {
+    "name": "label/gray/fgColor/active",
+    "value": {
+      "r": 0.7019607843137254,
+      "g": 0.7529411764705882,
+      "b": 0.8196078431372549,
+      "a": 1
+    },
+    "type": "COLOR",
+    "refId": "mode/label/gray/fgColor/active",
+    "reference": "base/color/dark/base/display/color/gray/8",
+    "collection": "mode",
+    "mode": "dark",
+    "group": "component",
+    "scopes": ["TEXT_FILL", "SHAPE_FILL"]
+  },
+  {
+    "name": "label/gray/fgColor/hover",
+    "value": {
+      "r": 0.6078431372549019,
+      "g": 0.6705882352941176,
+      "b": 0.7490196078431373,
+      "a": 1
+    },
+    "type": "COLOR",
+    "refId": "mode/label/gray/fgColor/hover",
+    "reference": "base/color/dark/base/display/color/gray/7",
+    "collection": "mode",
+    "mode": "dark",
+    "group": "component",
+    "scopes": ["TEXT_FILL", "SHAPE_FILL"]
+  },
+  {
+    "name": "label/gray/fgColor/rest",
+    "value": {
+      "r": 0.5725490196078431,
+      "g": 0.6313725490196078,
+      "b": 0.7098039215686275,
+      "a": 1
+    },
+    "type": "COLOR",
+    "refId": "mode/label/gray/fgColor/rest",
+    "reference": "base/color/dark/base/display/color/gray/6",
+    "collection": "mode",
+    "mode": "dark",
+    "group": "component",
+    "scopes": ["TEXT_FILL", "SHAPE_FILL"]
+  },
+  {
+    "name": "label/gray/bgColor/active",
+    "value": {
+      "r": 0.2235294117647059,
+      "g": 0.23921568627450981,
+      "b": 0.2549019607843137,
+      "a": 1
+    },
+    "type": "COLOR",
+    "refId": "mode/label/gray/bgColor/active",
+    "reference": "base/color/dark/base/display/color/gray/2",
+    "collection": "mode",
+    "mode": "dark",
+    "group": "component",
+    "scopes": ["FRAME_FILL", "SHAPE_FILL"]
+  },
+  {
+    "name": "label/gray/bgColor/hover",
+    "value": {
+      "r": 0.16470588235294117,
+      "g": 0.16862745098039217,
+      "b": 0.17647058823529413,
+      "a": 1
+    },
+    "type": "COLOR",
+    "refId": "mode/label/gray/bgColor/hover",
+    "reference": "base/color/dark/base/display/color/gray/1",
+    "collection": "mode",
+    "mode": "dark",
+    "group": "component",
+    "scopes": ["FRAME_FILL", "SHAPE_FILL"]
+  },
+  {
+    "name": "label/gray/bgColor/rest",
+    "value": {
+      "r": 0.10980392156862745,
+      "g": 0.10980392156862745,
+      "b": 0.10980392156862745,
+      "a": 1
+    },
+    "type": "COLOR",
+    "refId": "mode/label/gray/bgColor/rest",
+    "reference": "base/color/dark/base/display/color/gray/0",
+    "collection": "mode",
+    "mode": "dark",
+    "group": "component",
+    "scopes": ["FRAME_FILL", "SHAPE_FILL"]
+  },
+  {
+    "name": "label/yellow/fgColor/active",
+    "value": {
+      "r": 0.9294117647058824,
+      "g": 0.7058823529411765,
+      "b": 0.19215686274509805,
+      "a": 1
+    },
+    "type": "COLOR",
+    "refId": "mode/label/yellow/fgColor/active",
+    "reference": "base/color/dark/base/display/color/yellow/8",
+    "collection": "mode",
+    "mode": "dark",
+    "group": "component",
+    "scopes": ["TEXT_FILL", "SHAPE_FILL"]
+  },
+  {
+    "name": "label/yellow/fgColor/hover",
+    "value": {
+      "r": 0.8745098039215686,
+      "g": 0.6196078431372549,
+      "b": 0.06666666666666667,
+      "a": 1
+    },
+    "type": "COLOR",
+    "refId": "mode/label/yellow/fgColor/hover",
+    "reference": "base/color/dark/base/display/color/yellow/7",
+    "collection": "mode",
+    "mode": "dark",
+    "group": "component",
+    "scopes": ["TEXT_FILL", "SHAPE_FILL"]
+  },
+  {
+    "name": "label/yellow/fgColor/rest",
+    "value": {
+      "r": 0.8274509803921568,
+      "g": 0.5686274509803921,
+      "b": 0.050980392156862744,
+      "a": 1
+    },
+    "type": "COLOR",
+    "refId": "mode/label/yellow/fgColor/rest",
+    "reference": "base/color/dark/base/display/color/yellow/6",
+    "collection": "mode",
+    "mode": "dark",
+    "group": "component",
+    "scopes": ["TEXT_FILL", "SHAPE_FILL"]
+  },
+  {
+    "name": "label/yellow/bgColor/active",
+    "value": {
+      "r": 0.35294117647058826,
+      "g": 0.21568627450980393,
+      "b": 0.00784313725490196,
+      "a": 1
+    },
+    "type": "COLOR",
+    "refId": "mode/label/yellow/bgColor/active",
+    "reference": "base/color/dark/base/display/color/yellow/2",
+    "collection": "mode",
+    "mode": "dark",
+    "group": "component",
+    "scopes": ["FRAME_FILL", "SHAPE_FILL"]
+  },
+  {
+    "name": "label/yellow/bgColor/hover",
+    "value": {
+      "r": 0.23921568627450981,
+      "g": 0.1411764705882353,
+      "b": 0.00392156862745098,
+      "a": 1
+    },
+    "type": "COLOR",
+    "refId": "mode/label/yellow/bgColor/hover",
+    "reference": "base/color/dark/base/display/color/yellow/1",
+    "collection": "mode",
+    "mode": "dark",
+    "group": "component",
+    "scopes": ["FRAME_FILL", "SHAPE_FILL"]
+  },
+  {
+    "name": "label/yellow/bgColor/rest",
+    "value": {
+      "r": 0.1803921568627451,
+      "g": 0.10196078431372549,
+      "b": 0,
+      "a": 1
+    },
+    "type": "COLOR",
+    "refId": "mode/label/yellow/bgColor/rest",
+    "reference": "base/color/dark/base/display/color/yellow/0",
+    "collection": "mode",
+    "mode": "dark",
+    "group": "component",
+    "scopes": ["FRAME_FILL", "SHAPE_FILL"]
+  },
+  {
+    "name": "label/red/fgColor/active",
+    "value": {
+      "r": 0.9686274509803922,
+      "g": 0.6784313725490196,
+      "b": 0.6705882352941176,
+      "a": 1
+    },
+    "type": "COLOR",
+    "refId": "mode/label/red/fgColor/active",
+    "reference": "base/color/dark/base/display/color/red/8",
+    "collection": "mode",
+    "mode": "dark",
+    "group": "component",
+    "scopes": ["TEXT_FILL", "SHAPE_FILL"]
+  },
+  {
+    "name": "label/red/fgColor/hover",
+    "value": {
+      "r": 0.9568627450980393,
+      "g": 0.5450980392156862,
+      "b": 0.5529411764705883,
+      "a": 1
+    },
+    "type": "COLOR",
+    "refId": "mode/label/red/fgColor/hover",
+    "reference": "base/color/dark/base/display/color/red/7",
+    "collection": "mode",
+    "mode": "dark",
+    "group": "component",
+    "scopes": ["TEXT_FILL", "SHAPE_FILL"]
+  },
+  {
+    "name": "label/red/fgColor/rest",
+    "value": {
+      "r": 0.9490196078431372,
+      "g": 0.49019607843137253,
+      "b": 0.5137254901960784,
+      "a": 1
+    },
+    "type": "COLOR",
+    "refId": "mode/label/red/fgColor/rest",
+    "reference": "base/color/dark/base/display/color/red/6",
+    "collection": "mode",
+    "mode": "dark",
+    "group": "component",
+    "scopes": ["TEXT_FILL", "SHAPE_FILL"]
+  },
+  {
+    "name": "label/red/bgColor/active",
+    "value": {
+      "r": 0.4745098039215686,
+      "g": 0.047058823529411764,
+      "b": 0.12549019607843137,
+      "a": 1
+    },
+    "type": "COLOR",
+    "refId": "mode/label/red/bgColor/active",
+    "reference": "base/color/dark/base/display/color/red/2",
+    "collection": "mode",
+    "mode": "dark",
+    "group": "component",
+    "scopes": ["FRAME_FILL", "SHAPE_FILL"]
+  },
+  {
+    "name": "label/red/bgColor/hover",
+    "value": {
+      "r": 0.34509803921568627,
+      "g": 0.03529411764705882,
+      "b": 0.10196078431372549,
+      "a": 1
+    },
+    "type": "COLOR",
+    "refId": "mode/label/red/bgColor/hover",
+    "reference": "base/color/dark/base/display/color/red/1",
+    "collection": "mode",
+    "mode": "dark",
+    "group": "component",
+    "scopes": ["FRAME_FILL", "SHAPE_FILL"]
+  },
+  {
+    "name": "label/red/bgColor/rest",
+    "value": {
+      "r": 0.23529411764705882,
+      "g": 0.023529411764705882,
+      "b": 0.0784313725490196,
+      "a": 1
+    },
+    "type": "COLOR",
+    "refId": "mode/label/red/bgColor/rest",
+    "reference": "base/color/dark/base/display/color/red/0",
+    "collection": "mode",
+    "mode": "dark",
+    "group": "component",
+    "scopes": ["FRAME_FILL", "SHAPE_FILL"]
+  },
+  {
+    "name": "label/purple/fgColor/active",
+    "value": {
+      "r": 0.8235294117647058,
+      "g": 0.6862745098039216,
+      "b": 0.9921568627450981,
+      "a": 1
+    },
+    "type": "COLOR",
+    "refId": "mode/label/purple/fgColor/active",
+    "reference": "base/color/dark/base/display/color/purple/8",
+    "collection": "mode",
+    "mode": "dark",
+    "group": "component",
+    "scopes": ["TEXT_FILL", "SHAPE_FILL"]
+  },
+  {
+    "name": "label/purple/fgColor/hover",
+    "value": {
+      "r": 0.7647058823529411,
+      "g": 0.596078431372549,
+      "b": 0.984313725490196,
+      "a": 1
+    },
+    "type": "COLOR",
+    "refId": "mode/label/purple/fgColor/hover",
+    "reference": "base/color/dark/base/display/color/purple/7",
+    "collection": "mode",
+    "mode": "dark",
+    "group": "component",
+    "scopes": ["TEXT_FILL", "SHAPE_FILL"]
+  },
+  {
+    "name": "label/purple/fgColor/rest",
     "value": {
-      "r": 0.050980392156862744,
-      "g": 0.06666666666666667,
-      "b": 0.09019607843137255,
+      "r": 0.7137254901960784,
+      "g": 0.5294117647058824,
+      "b": 0.9686274509803922,
       "a": 1
     },
     "type": "COLOR",
-    "refId": "mode/bgColor/default",
-    "reference": "base/color/dark/base/color/gray/9",
+    "refId": "mode/label/purple/fgColor/rest",
+    "reference": "base/color/dark/base/display/color/purple/6",
     "collection": "mode",
     "mode": "dark",
-    "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": "fgColor/sponsors",
+    "name": "label/purple/bgColor/active",
     "value": {
-      "r": 0.8588235294117647,
-      "g": 0.3803921568627451,
-      "b": 0.6352941176470588,
+      "r": 0.2823529411764706,
+      "g": 0.10196078431372549,
+      "b": 0.6196078431372549,
       "a": 1
     },
     "type": "COLOR",
-    "refId": "mode/fgColor/sponsors",
-    "reference": "base/color/dark/base/color/pink/4",
+    "refId": "mode/label/purple/bgColor/active",
+    "reference": "base/color/dark/base/display/color/purple/2",
     "collection": "mode",
     "mode": "dark",
-    "group": "semantic",
-    "scopes": ["TEXT_FILL", "SHAPE_FILL"],
-    "codeSyntax": {
-      "web": "var(--fgColor-sponsors) /* utility class: .color-fg-sponsors */"
-    }
+    "group": "component",
+    "scopes": ["FRAME_FILL", "SHAPE_FILL"]
   },
   {
-    "name": "fgColor/done",
+    "name": "label/purple/bgColor/hover",
     "value": {
-      "r": 0.6392156862745098,
-      "g": 0.44313725490196076,
-      "b": 0.9686274509803922,
+      "r": 0.19215686274509805,
+      "g": 0.0784313725490196,
+      "b": 0.4196078431372549,
       "a": 1
     },
     "type": "COLOR",
-    "refId": "mode/fgColor/done",
-    "reference": "base/color/dark/base/color/purple/4",
+    "refId": "mode/label/purple/bgColor/hover",
+    "reference": "base/color/dark/base/display/color/purple/1",
     "collection": "mode",
     "mode": "dark",
-    "group": "semantic",
-    "scopes": ["TEXT_FILL", "SHAPE_FILL"],
-    "codeSyntax": {
-      "web": "var(--fgColor-done) /* utility class: .color-fg-done */"
-    }
+    "group": "component",
+    "scopes": ["FRAME_FILL", "SHAPE_FILL"]
   },
   {
-    "name": "fgColor/closed",
+    "name": "label/purple/bgColor/rest",
     "value": {
-      "r": 0.9725490196078431,
-      "g": 0.3176470588235294,
-      "b": 0.28627450980392155,
+      "r": 0.12941176470588237,
+      "g": 0.06274509803921569,
+      "b": 0.2784313725490196,
       "a": 1
     },
     "type": "COLOR",
-    "refId": "mode/fgColor/closed",
-    "reference": "base/color/dark/base/color/red/4",
+    "refId": "mode/label/purple/bgColor/rest",
+    "reference": "base/color/dark/base/display/color/purple/0",
     "collection": "mode",
     "mode": "dark",
-    "group": "semantic",
-    "scopes": ["TEXT_FILL", "SHAPE_FILL"],
-    "codeSyntax": {
-      "web": "var(--fgColor-closed) /* utility class: .color-fg-closed */"
-    }
+    "group": "component",
+    "scopes": ["FRAME_FILL", "SHAPE_FILL"]
   },
   {
-    "name": "fgColor/danger",
+    "name": "label/orange/fgColor/active",
     "value": {
-      "r": 0.9725490196078431,
-      "g": 0.3176470588235294,
-      "b": 0.28627450980392155,
+      "r": 0.9647058823529412,
+      "g": 0.6901960784313725,
+      "b": 0.41568627450980394,
       "a": 1
     },
     "type": "COLOR",
-    "refId": "mode/fgColor/danger",
-    "reference": "base/color/dark/base/color/red/4",
+    "refId": "mode/label/orange/fgColor/active",
+    "reference": "base/color/dark/base/display/color/orange/8",
     "collection": "mode",
     "mode": "dark",
-    "group": "semantic",
-    "scopes": ["TEXT_FILL", "SHAPE_FILL"],
-    "codeSyntax": {
-      "web": "var(--fgColor-danger) /* utility class: .color-fg-danger */"
-    }
+    "group": "component",
+    "scopes": ["TEXT_FILL", "SHAPE_FILL"]
   },
   {
-    "name": "fgColor/severe",
+    "name": "label/orange/fgColor/hover",
     "value": {
-      "r": 0.8588235294117647,
-      "g": 0.42745098039215684,
-      "b": 0.1568627450980392,
+      "r": 0.9450980392156862,
+      "g": 0.5764705882352941,
+      "b": 0.23137254901960785,
       "a": 1
     },
     "type": "COLOR",
-    "refId": "mode/fgColor/severe",
-    "reference": "base/color/dark/base/color/orange/4",
+    "refId": "mode/label/orange/fgColor/hover",
+    "reference": "base/color/dark/base/display/color/orange/7",
     "collection": "mode",
     "mode": "dark",
-    "group": "semantic",
-    "scopes": ["TEXT_FILL", "SHAPE_FILL"],
-    "codeSyntax": {
-      "web": "var(--fgColor-severe) /* utility class: .color-fg-severe */"
-    }
+    "group": "component",
+    "scopes": ["TEXT_FILL", "SHAPE_FILL"]
   },
   {
-    "name": "fgColor/attention",
+    "name": "label/orange/fgColor/rest",
     "value": {
-      "r": 0.8235294117647058,
-      "g": 0.6,
-      "b": 0.13333333333333333,
+      "r": 0.9294117647058824,
+      "g": 0.5137254901960784,
+      "b": 0.14901960784313725,
       "a": 1
     },
     "type": "COLOR",
-    "refId": "mode/fgColor/attention",
-    "reference": "base/color/dark/base/color/yellow/3",
+    "refId": "mode/label/orange/fgColor/rest",
+    "reference": "base/color/dark/base/display/color/orange/6",
     "collection": "mode",
     "mode": "dark",
-    "group": "semantic",
-    "scopes": ["TEXT_FILL", "SHAPE_FILL"],
-    "codeSyntax": {
-      "web": "var(--fgColor-attention) /* utility class: .color-fg-attention */"
-    }
+    "group": "component",
+    "scopes": ["TEXT_FILL", "SHAPE_FILL"]
   },
   {
-    "name": "fgColor/success",
+    "name": "label/orange/bgColor/active",
     "value": {
-      "r": 0.24705882352941178,
-      "g": 0.7254901960784313,
-      "b": 0.3137254901960784,
+      "r": 0.38823529411764707,
+      "g": 0.1843137254901961,
+      "b": 0.050980392156862744,
       "a": 1
     },
     "type": "COLOR",
-    "refId": "mode/fgColor/success",
-    "reference": "base/color/dark/base/color/green/3",
+    "refId": "mode/label/orange/bgColor/active",
+    "reference": "base/color/dark/base/display/color/orange/2",
     "collection": "mode",
     "mode": "dark",
-    "group": "semantic",
-    "scopes": ["TEXT_FILL", "SHAPE_FILL"],
-    "codeSyntax": {
-      "web": "var(--fgColor-success) /* utility class: .color-fg-success */"
-    }
+    "group": "component",
+    "scopes": ["FRAME_FILL", "SHAPE_FILL"]
   },
   {
-    "name": "fgColor/accent",
+    "name": "label/orange/bgColor/hover",
     "value": {
-      "r": 0.26666666666666666,
-      "g": 0.5764705882352941,
-      "b": 0.9725490196078431,
+      "r": 0.2627450980392157,
+      "g": 0.12549019607843137,
+      "b": 0.0392156862745098,
       "a": 1
     },
     "type": "COLOR",
-    "isMix": true,
-    "refId": "mode/fgColor/accent",
-    "reference": "base/color/dark/base/color/blue/3",
+    "refId": "mode/label/orange/bgColor/hover",
+    "reference": "base/color/dark/base/display/color/orange/1",
     "collection": "mode",
     "mode": "dark",
-    "group": "semantic",
-    "scopes": ["TEXT_FILL", "SHAPE_FILL"],
-    "codeSyntax": {
-      "web": "var(--fgColor-accent) /* utility class: .color-fg-accent */"
-    }
+    "group": "component",
+    "scopes": ["FRAME_FILL", "SHAPE_FILL"]
   },
   {
-    "name": "fgColor/neutral",
+    "name": "label/orange/bgColor/rest",
     "value": {
-      "r": 0.43137254901960786,
-      "g": 0.4627450980392157,
-      "b": 0.5058823529411764,
+      "r": 0.19215686274509805,
+      "g": 0.09019607843137255,
+      "b": 0.03137254901960784,
       "a": 1
     },
     "type": "COLOR",
-    "refId": "mode/fgColor/neutral",
-    "reference": "base/color/dark/base/color/gray/4",
+    "refId": "mode/label/orange/bgColor/rest",
+    "reference": "base/color/dark/base/display/color/orange/0",
     "collection": "mode",
     "mode": "dark",
-    "group": "semantic",
-    "scopes": ["TEXT_FILL", "SHAPE_FILL"]
+    "group": "component",
+    "scopes": ["FRAME_FILL", "SHAPE_FILL"]
   },
   {
-    "name": "fgColor/disabled",
+    "name": "label/green/fgColor/active",
     "value": {
-      "r": 0.43137254901960786,
-      "g": 0.4627450980392157,
-      "b": 0.5058823529411764,
+      "r": 0.4588235294117647,
+      "g": 0.8274509803921568,
+      "b": 0.43529411764705883,
       "a": 1
     },
     "type": "COLOR",
-    "refId": "mode/fgColor/disabled",
-    "reference": "base/color/dark/base/color/gray/4",
+    "refId": "mode/label/green/fgColor/active",
+    "reference": "base/color/dark/base/display/color/green/8",
     "collection": "mode",
     "mode": "dark",
-    "group": "semantic",
+    "group": "component",
     "scopes": ["TEXT_FILL", "SHAPE_FILL"]
   },
   {
-    "name": "fgColor/black",
+    "name": "label/green/fgColor/hover",
     "value": {
-      "r": 0.00392156862745098,
-      "g": 0.01568627450980392,
-      "b": 0.03529411764705882,
+      "r": 0.27450980392156865,
+      "g": 0.7568627450980392,
+      "b": 0.26666666666666666,
       "a": 1
     },
     "type": "COLOR",
-    "refId": "mode/fgColor/black",
-    "reference": "base/color/dark/base/color/black",
+    "refId": "mode/label/green/fgColor/hover",
+    "reference": "base/color/dark/base/display/color/green/7",
     "collection": "mode",
     "mode": "dark",
-    "group": "semantic",
+    "group": "component",
     "scopes": ["TEXT_FILL", "SHAPE_FILL"]
   },
   {
-    "name": "fgColor/white",
+    "name": "label/green/fgColor/rest",
     "value": {
-      "r": 1,
-      "g": 1,
-      "b": 1,
+      "r": 0.2549019607843137,
+      "g": 0.7058823529411765,
+      "b": 0.27058823529411763,
       "a": 1
     },
     "type": "COLOR",
-    "refId": "mode/fgColor/white",
-    "reference": "base/color/dark/base/color/white",
+    "refId": "mode/label/green/fgColor/rest",
+    "reference": "base/color/dark/base/display/color/green/6",
     "collection": "mode",
     "mode": "dark",
-    "group": "semantic",
+    "group": "component",
     "scopes": ["TEXT_FILL", "SHAPE_FILL"]
   },
   {
-    "name": "fgColor/onEmphasis",
+    "name": "label/green/bgColor/active",
     "value": {
-      "r": 1,
-      "g": 1,
-      "b": 1,
+      "r": 0.12941176470588237,
+      "g": 0.27058823529411763,
+      "b": 0.1607843137254902,
       "a": 1
     },
     "type": "COLOR",
-    "refId": "mode/fgColor/onEmphasis",
-    "reference": "base/color/dark/base/color/white",
+    "refId": "mode/label/green/bgColor/active",
+    "reference": "base/color/dark/base/display/color/green/2",
     "collection": "mode",
     "mode": "dark",
-    "group": "semantic",
-    "scopes": ["TEXT_FILL", "SHAPE_FILL"],
-    "codeSyntax": {
-      "web": "var(--fgColor-onEmphasis) /* utility class: .color-fg-on-emphasis */"
-    }
+    "group": "component",
+    "scopes": ["FRAME_FILL", "SHAPE_FILL"]
   },
   {
-    "name": "fgColor/muted",
+    "name": "label/green/bgColor/hover",
     "value": {
-      "r": 0.5176470588235295,
-      "g": 0.5529411764705883,
-      "b": 0.592156862745098,
+      "r": 0.09411764705882353,
+      "g": 0.1843137254901961,
+      "b": 0.12156862745098039,
       "a": 1
     },
     "type": "COLOR",
-    "isMix": true,
-    "refId": "mode/fgColor/muted",
-    "reference": "base/color/dark/base/color/gray/3",
+    "refId": "mode/label/green/bgColor/hover",
+    "reference": "base/color/dark/base/display/color/green/1",
     "collection": "mode",
     "mode": "dark",
-    "group": "semantic",
-    "scopes": ["TEXT_FILL", "SHAPE_FILL"],
-    "codeSyntax": {
-      "web": "var(--fgColor-muted) /* utility class: .color-fg-muted */"
-    }
+    "group": "component",
+    "scopes": ["FRAME_FILL", "SHAPE_FILL"]
   },
   {
-    "name": "fgColor/default",
+    "name": "label/green/bgColor/rest",
     "value": {
-      "r": 0.9019607843137255,
-      "g": 0.9294117647058824,
-      "b": 0.9529411764705882,
+      "r": 0.07058823529411765,
+      "g": 0.12941176470588237,
+      "b": 0.09019607843137255,
       "a": 1
     },
     "type": "COLOR",
-    "isMix": true,
-    "refId": "mode/fgColor/default",
-    "reference": "base/color/dark/base/color/gray/0",
+    "refId": "mode/label/green/bgColor/rest",
+    "reference": "base/color/dark/base/display/color/green/0",
     "collection": "mode",
     "mode": "dark",
-    "group": "semantic",
-    "scopes": ["TEXT_FILL", "SHAPE_FILL"],
-    "codeSyntax": {
-      "web": "var(--fgColor-default) /* utility class: .color-fg-default */"
-    }
+    "group": "component",
+    "scopes": ["FRAME_FILL", "SHAPE_FILL"]
   },
   {
     "name": "underlineNav/borderColor/active",
@@ -5556,6 +7477,22 @@
       "web": "var(--fgColor-link) /* utility class: .color-fg-accent */"
     }
   },
+  {
+    "name": "card/bgColor",
+    "value": {
+      "r": 0.08627450980392157,
+      "g": 0.10588235294117647,
+      "b": 0.13333333333333333,
+      "a": 1
+    },
+    "type": "COLOR",
+    "refId": "mode/card/bgColor",
+    "reference": "mode/bgColor/muted",
+    "collection": "mode",
+    "mode": "dark",
+    "group": "component",
+    "scopes": ["FRAME_FILL", "SHAPE_FILL"]
+  },
   {
     "name": "selection/bgColor",
     "value": {