UNPKG

@primer/primitives

Version:

Typography, spacing, and color primitives for Primer design system

2,053 lines • 301 kB
[ { "name": "shadow/inset/offsetX", "value": 0, "type": "FLOAT", "scopes": ["EFFECT_FLOAT"], "mode": "dark dimmed", "collection": "mode", "group": "shadow" }, { "name": "shadow/inset/offsetY", "value": 1, "type": "FLOAT", "scopes": ["EFFECT_FLOAT"], "mode": "dark dimmed", "collection": "mode", "group": "shadow" }, { "name": "shadow/inset/blur", "value": 0, "type": "FLOAT", "scopes": ["EFFECT_FLOAT"], "mode": "dark dimmed", "collection": "mode", "group": "shadow" }, { "name": "shadow/inset/spread", "value": 0, "type": "FLOAT", "scopes": ["EFFECT_FLOAT"], "mode": "dark dimmed", "collection": "mode", "group": "shadow" }, { "name": "shadow/inset/color", "value": { "r": 0.10980392156862745, "g": 0.12941176470588237, "b": 0.1568627450980392, "a": 0.24 }, "type": "COLOR", "scopes": ["EFFECT_COLOR"], "mode": "dark dimmed", "collection": "mode", "group": "shadow" }, { "name": "shadow/resting/xsmall/offsetX", "value": 0, "type": "FLOAT", "scopes": ["EFFECT_FLOAT"], "mode": "dark dimmed", "collection": "mode", "group": "shadow" }, { "name": "shadow/resting/xsmall/offsetY", "value": 1, "type": "FLOAT", "scopes": ["EFFECT_FLOAT"], "mode": "dark dimmed", "collection": "mode", "group": "shadow" }, { "name": "shadow/resting/xsmall/blur", "value": 1, "type": "FLOAT", "scopes": ["EFFECT_FLOAT"], "mode": "dark dimmed", "collection": "mode", "group": "shadow" }, { "name": "shadow/resting/xsmall/spread", "value": 0, "type": "FLOAT", "scopes": ["EFFECT_FLOAT"], "mode": "dark dimmed", "collection": "mode", "group": "shadow" }, { "name": "shadow/resting/xsmall/color", "value": { "r": 0.10980392156862745, "g": 0.12941176470588237, "b": 0.1568627450980392, "a": 0.8 }, "type": "COLOR", "scopes": ["EFFECT_COLOR"], "mode": "dark dimmed", "collection": "mode", "group": "shadow" }, { "name": "shadow/resting/small/1/offsetX", "value": 0, "type": "FLOAT", "scopes": ["EFFECT_FLOAT"], "mode": "dark dimmed", "collection": "mode", "group": "shadow" }, { "name": "shadow/resting/small/1/offsetY", "value": 1, "type": "FLOAT", "scopes": ["EFFECT_FLOAT"], "mode": "dark dimmed", "collection": "mode", "group": "shadow" }, { "name": "shadow/resting/small/1/blur", "value": 1, "type": "FLOAT", "scopes": ["EFFECT_FLOAT"], "mode": "dark dimmed", "collection": "mode", "group": "shadow" }, { "name": "shadow/resting/small/1/spread", "value": 0, "type": "FLOAT", "scopes": ["EFFECT_FLOAT"], "mode": "dark dimmed", "collection": "mode", "group": "shadow" }, { "name": "shadow/resting/small/1/color", "value": { "r": 0.10980392156862745, "g": 0.12941176470588237, "b": 0.1568627450980392, "a": 0.6 }, "type": "COLOR", "scopes": ["EFFECT_COLOR"], "mode": "dark dimmed", "collection": "mode", "group": "shadow" }, { "name": "shadow/resting/small/2/offsetX", "value": 0, "type": "FLOAT", "scopes": ["EFFECT_FLOAT"], "mode": "dark dimmed", "collection": "mode", "group": "shadow" }, { "name": "shadow/resting/small/2/offsetY", "value": 1, "type": "FLOAT", "scopes": ["EFFECT_FLOAT"], "mode": "dark dimmed", "collection": "mode", "group": "shadow" }, { "name": "shadow/resting/small/2/blur", "value": 3, "type": "FLOAT", "scopes": ["EFFECT_FLOAT"], "mode": "dark dimmed", "collection": "mode", "group": "shadow" }, { "name": "shadow/resting/small/2/spread", "value": 0, "type": "FLOAT", "scopes": ["EFFECT_FLOAT"], "mode": "dark dimmed", "collection": "mode", "group": "shadow" }, { "name": "shadow/resting/small/2/color", "value": { "r": 0.10980392156862745, "g": 0.12941176470588237, "b": 0.1568627450980392, "a": 0.6 }, "type": "COLOR", "scopes": ["EFFECT_COLOR"], "mode": "dark dimmed", "collection": "mode", "group": "shadow" }, { "name": "shadow/resting/medium/1/offsetX", "value": 0, "type": "FLOAT", "scopes": ["EFFECT_FLOAT"], "mode": "dark dimmed", "collection": "mode", "group": "shadow" }, { "name": "shadow/resting/medium/1/offsetY", "value": 1, "type": "FLOAT", "scopes": ["EFFECT_FLOAT"], "mode": "dark dimmed", "collection": "mode", "group": "shadow" }, { "name": "shadow/resting/medium/1/blur", "value": 1, "type": "FLOAT", "scopes": ["EFFECT_FLOAT"], "mode": "dark dimmed", "collection": "mode", "group": "shadow" }, { "name": "shadow/resting/medium/1/spread", "value": 0, "type": "FLOAT", "scopes": ["EFFECT_FLOAT"], "mode": "dark dimmed", "collection": "mode", "group": "shadow" }, { "name": "shadow/resting/medium/1/color", "value": { "r": 0.10980392156862745, "g": 0.12941176470588237, "b": 0.1568627450980392, "a": 0.4 }, "type": "COLOR", "scopes": ["EFFECT_COLOR"], "mode": "dark dimmed", "collection": "mode", "group": "shadow" }, { "name": "shadow/resting/medium/2/offsetX", "value": 0, "type": "FLOAT", "scopes": ["EFFECT_FLOAT"], "mode": "dark dimmed", "collection": "mode", "group": "shadow" }, { "name": "shadow/resting/medium/2/offsetY", "value": 3, "type": "FLOAT", "scopes": ["EFFECT_FLOAT"], "mode": "dark dimmed", "collection": "mode", "group": "shadow" }, { "name": "shadow/resting/medium/2/blur", "value": 6, "type": "FLOAT", "scopes": ["EFFECT_FLOAT"], "mode": "dark dimmed", "collection": "mode", "group": "shadow" }, { "name": "shadow/resting/medium/2/spread", "value": 0, "type": "FLOAT", "scopes": ["EFFECT_FLOAT"], "mode": "dark dimmed", "collection": "mode", "group": "shadow" }, { "name": "shadow/resting/medium/2/color", "value": { "r": 0.10980392156862745, "g": 0.12941176470588237, "b": 0.1568627450980392, "a": 0.8 }, "type": "COLOR", "scopes": ["EFFECT_COLOR"], "mode": "dark dimmed", "collection": "mode", "group": "shadow" }, { "name": "shadow/floating/small/1/offsetX", "value": 0, "type": "FLOAT", "scopes": ["EFFECT_FLOAT"], "mode": "dark dimmed", "collection": "mode", "group": "shadow" }, { "name": "shadow/floating/small/1/offsetY", "value": 0, "type": "FLOAT", "scopes": ["EFFECT_FLOAT"], "mode": "dark dimmed", "collection": "mode", "group": "shadow" }, { "name": "shadow/floating/small/1/blur", "value": 0, "type": "FLOAT", "scopes": ["EFFECT_FLOAT"], "mode": "dark dimmed", "collection": "mode", "group": "shadow" }, { "name": "shadow/floating/small/1/spread", "value": 1, "type": "FLOAT", "scopes": ["EFFECT_FLOAT"], "mode": "dark dimmed", "collection": "mode", "group": "shadow" }, { "name": "shadow/floating/small/1/color", "value": { "r": 0.23921568627450981, "g": 0.26666666666666666, "b": 0.30196078431372547, "a": 1 }, "type": "COLOR", "scopes": ["EFFECT_COLOR"], "mode": "dark dimmed", "collection": "mode", "group": "shadow" }, { "name": "shadow/floating/small/2/offsetX", "value": 0, "type": "FLOAT", "scopes": ["EFFECT_FLOAT"], "mode": "dark dimmed", "collection": "mode", "group": "shadow" }, { "name": "shadow/floating/small/2/offsetY", "value": 6, "type": "FLOAT", "scopes": ["EFFECT_FLOAT"], "mode": "dark dimmed", "collection": "mode", "group": "shadow" }, { "name": "shadow/floating/small/2/blur", "value": 12, "type": "FLOAT", "scopes": ["EFFECT_FLOAT"], "mode": "dark dimmed", "collection": "mode", "group": "shadow" }, { "name": "shadow/floating/small/2/spread", "value": -3, "type": "FLOAT", "scopes": ["EFFECT_FLOAT"], "mode": "dark dimmed", "collection": "mode", "group": "shadow" }, { "name": "shadow/floating/small/2/color", "value": { "r": 0.10980392156862745, "g": 0.12941176470588237, "b": 0.1568627450980392, "a": 0.4 }, "type": "COLOR", "scopes": ["EFFECT_COLOR"], "mode": "dark dimmed", "collection": "mode", "group": "shadow" }, { "name": "shadow/floating/small/3/offsetX", "value": 0, "type": "FLOAT", "scopes": ["EFFECT_FLOAT"], "mode": "dark dimmed", "collection": "mode", "group": "shadow" }, { "name": "shadow/floating/small/3/offsetY", "value": 6, "type": "FLOAT", "scopes": ["EFFECT_FLOAT"], "mode": "dark dimmed", "collection": "mode", "group": "shadow" }, { "name": "shadow/floating/small/3/blur", "value": 18, "type": "FLOAT", "scopes": ["EFFECT_FLOAT"], "mode": "dark dimmed", "collection": "mode", "group": "shadow" }, { "name": "shadow/floating/small/3/spread", "value": 0, "type": "FLOAT", "scopes": ["EFFECT_FLOAT"], "mode": "dark dimmed", "collection": "mode", "group": "shadow" }, { "name": "shadow/floating/small/3/color", "value": { "r": 0.10980392156862745, "g": 0.12941176470588237, "b": 0.1568627450980392, "a": 0.4 }, "type": "COLOR", "scopes": ["EFFECT_COLOR"], "mode": "dark dimmed", "collection": "mode", "group": "shadow" }, { "name": "shadow/floating/medium/1/offsetX", "value": 0, "type": "FLOAT", "scopes": ["EFFECT_FLOAT"], "mode": "dark dimmed", "collection": "mode", "group": "shadow" }, { "name": "shadow/floating/medium/1/offsetY", "value": 0, "type": "FLOAT", "scopes": ["EFFECT_FLOAT"], "mode": "dark dimmed", "collection": "mode", "group": "shadow" }, { "name": "shadow/floating/medium/1/blur", "value": 0, "type": "FLOAT", "scopes": ["EFFECT_FLOAT"], "mode": "dark dimmed", "collection": "mode", "group": "shadow" }, { "name": "shadow/floating/medium/1/spread", "value": 1, "type": "FLOAT", "scopes": ["EFFECT_FLOAT"], "mode": "dark dimmed", "collection": "mode", "group": "shadow" }, { "name": "shadow/floating/medium/1/color", "value": { "r": 0.23921568627450981, "g": 0.26666666666666666, "b": 0.30196078431372547, "a": 1 }, "type": "COLOR", "scopes": ["EFFECT_COLOR"], "mode": "dark dimmed", "collection": "mode", "group": "shadow" }, { "name": "shadow/floating/medium/2/offsetX", "value": 0, "type": "FLOAT", "scopes": ["EFFECT_FLOAT"], "mode": "dark dimmed", "collection": "mode", "group": "shadow" }, { "name": "shadow/floating/medium/2/offsetY", "value": 8, "type": "FLOAT", "scopes": ["EFFECT_FLOAT"], "mode": "dark dimmed", "collection": "mode", "group": "shadow" }, { "name": "shadow/floating/medium/2/blur", "value": 16, "type": "FLOAT", "scopes": ["EFFECT_FLOAT"], "mode": "dark dimmed", "collection": "mode", "group": "shadow" }, { "name": "shadow/floating/medium/2/spread", "value": -4, "type": "FLOAT", "scopes": ["EFFECT_FLOAT"], "mode": "dark dimmed", "collection": "mode", "group": "shadow" }, { "name": "shadow/floating/medium/2/color", "value": { "r": 0.10980392156862745, "g": 0.12941176470588237, "b": 0.1568627450980392, "a": 0.4 }, "type": "COLOR", "scopes": ["EFFECT_COLOR"], "mode": "dark dimmed", "collection": "mode", "group": "shadow" }, { "name": "shadow/floating/medium/3/offsetX", "value": 0, "type": "FLOAT", "scopes": ["EFFECT_FLOAT"], "mode": "dark dimmed", "collection": "mode", "group": "shadow" }, { "name": "shadow/floating/medium/3/offsetY", "value": 4, "type": "FLOAT", "scopes": ["EFFECT_FLOAT"], "mode": "dark dimmed", "collection": "mode", "group": "shadow" }, { "name": "shadow/floating/medium/3/blur", "value": 32, "type": "FLOAT", "scopes": ["EFFECT_FLOAT"], "mode": "dark dimmed", "collection": "mode", "group": "shadow" }, { "name": "shadow/floating/medium/3/spread", "value": -4, "type": "FLOAT", "scopes": ["EFFECT_FLOAT"], "mode": "dark dimmed", "collection": "mode", "group": "shadow" }, { "name": "shadow/floating/medium/3/color", "value": { "r": 0.10980392156862745, "g": 0.12941176470588237, "b": 0.1568627450980392, "a": 0.4 }, "type": "COLOR", "scopes": ["EFFECT_COLOR"], "mode": "dark dimmed", "collection": "mode", "group": "shadow" }, { "name": "shadow/floating/medium/4/offsetX", "value": 0, "type": "FLOAT", "scopes": ["EFFECT_FLOAT"], "mode": "dark dimmed", "collection": "mode", "group": "shadow" }, { "name": "shadow/floating/medium/4/offsetY", "value": 24, "type": "FLOAT", "scopes": ["EFFECT_FLOAT"], "mode": "dark dimmed", "collection": "mode", "group": "shadow" }, { "name": "shadow/floating/medium/4/blur", "value": 48, "type": "FLOAT", "scopes": ["EFFECT_FLOAT"], "mode": "dark dimmed", "collection": "mode", "group": "shadow" }, { "name": "shadow/floating/medium/4/spread", "value": -12, "type": "FLOAT", "scopes": ["EFFECT_FLOAT"], "mode": "dark dimmed", "collection": "mode", "group": "shadow" }, { "name": "shadow/floating/medium/4/color", "value": { "r": 0.10980392156862745, "g": 0.12941176470588237, "b": 0.1568627450980392, "a": 0.4 }, "type": "COLOR", "scopes": ["EFFECT_COLOR"], "mode": "dark dimmed", "collection": "mode", "group": "shadow" }, { "name": "shadow/floating/medium/5/offsetX", "value": 0, "type": "FLOAT", "scopes": ["EFFECT_FLOAT"], "mode": "dark dimmed", "collection": "mode", "group": "shadow" }, { "name": "shadow/floating/medium/5/offsetY", "value": 48, "type": "FLOAT", "scopes": ["EFFECT_FLOAT"], "mode": "dark dimmed", "collection": "mode", "group": "shadow" }, { "name": "shadow/floating/medium/5/blur", "value": 96, "type": "FLOAT", "scopes": ["EFFECT_FLOAT"], "mode": "dark dimmed", "collection": "mode", "group": "shadow" }, { "name": "shadow/floating/medium/5/spread", "value": -24, "type": "FLOAT", "scopes": ["EFFECT_FLOAT"], "mode": "dark dimmed", "collection": "mode", "group": "shadow" }, { "name": "shadow/floating/medium/5/color", "value": { "r": 0.10980392156862745, "g": 0.12941176470588237, "b": 0.1568627450980392, "a": 0.4 }, "type": "COLOR", "scopes": ["EFFECT_COLOR"], "mode": "dark dimmed", "collection": "mode", "group": "shadow" }, { "name": "shadow/floating/large/1/offsetX", "value": 0, "type": "FLOAT", "scopes": ["EFFECT_FLOAT"], "mode": "dark dimmed", "collection": "mode", "group": "shadow" }, { "name": "shadow/floating/large/1/offsetY", "value": 0, "type": "FLOAT", "scopes": ["EFFECT_FLOAT"], "mode": "dark dimmed", "collection": "mode", "group": "shadow" }, { "name": "shadow/floating/large/1/blur", "value": 0, "type": "FLOAT", "scopes": ["EFFECT_FLOAT"], "mode": "dark dimmed", "collection": "mode", "group": "shadow" }, { "name": "shadow/floating/large/1/spread", "value": 1, "type": "FLOAT", "scopes": ["EFFECT_FLOAT"], "mode": "dark dimmed", "collection": "mode", "group": "shadow" }, { "name": "shadow/floating/large/1/color", "value": { "r": 0.23921568627450981, "g": 0.26666666666666666, "b": 0.30196078431372547, "a": 1 }, "type": "COLOR", "scopes": ["EFFECT_COLOR"], "mode": "dark dimmed", "collection": "mode", "group": "shadow" }, { "name": "shadow/floating/large/2/offsetX", "value": 0, "type": "FLOAT", "scopes": ["EFFECT_FLOAT"], "mode": "dark dimmed", "collection": "mode", "group": "shadow" }, { "name": "shadow/floating/large/2/offsetY", "value": 24, "type": "FLOAT", "scopes": ["EFFECT_FLOAT"], "mode": "dark dimmed", "collection": "mode", "group": "shadow" }, { "name": "shadow/floating/large/2/blur", "value": 48, "type": "FLOAT", "scopes": ["EFFECT_FLOAT"], "mode": "dark dimmed", "collection": "mode", "group": "shadow" }, { "name": "shadow/floating/large/2/spread", "value": 0, "type": "FLOAT", "scopes": ["EFFECT_FLOAT"], "mode": "dark dimmed", "collection": "mode", "group": "shadow" }, { "name": "shadow/floating/large/2/color", "value": { "r": 0.10980392156862745, "g": 0.12941176470588237, "b": 0.1568627450980392, "a": 1 }, "type": "COLOR", "scopes": ["EFFECT_COLOR"], "mode": "dark dimmed", "collection": "mode", "group": "shadow" }, { "name": "shadow/floating/xlarge/1/offsetX", "value": 0, "type": "FLOAT", "scopes": ["EFFECT_FLOAT"], "mode": "dark dimmed", "collection": "mode", "group": "shadow" }, { "name": "shadow/floating/xlarge/1/offsetY", "value": 0, "type": "FLOAT", "scopes": ["EFFECT_FLOAT"], "mode": "dark dimmed", "collection": "mode", "group": "shadow" }, { "name": "shadow/floating/xlarge/1/blur", "value": 0, "type": "FLOAT", "scopes": ["EFFECT_FLOAT"], "mode": "dark dimmed", "collection": "mode", "group": "shadow" }, { "name": "shadow/floating/xlarge/1/spread", "value": 1, "type": "FLOAT", "scopes": ["EFFECT_FLOAT"], "mode": "dark dimmed", "collection": "mode", "group": "shadow" }, { "name": "shadow/floating/xlarge/1/color", "value": { "r": 0.23921568627450981, "g": 0.26666666666666666, "b": 0.30196078431372547, "a": 1 }, "type": "COLOR", "scopes": ["EFFECT_COLOR"], "mode": "dark dimmed", "collection": "mode", "group": "shadow" }, { "name": "shadow/floating/xlarge/2/offsetX", "value": 0, "type": "FLOAT", "scopes": ["EFFECT_FLOAT"], "mode": "dark dimmed", "collection": "mode", "group": "shadow" }, { "name": "shadow/floating/xlarge/2/offsetY", "value": 32, "type": "FLOAT", "scopes": ["EFFECT_FLOAT"], "mode": "dark dimmed", "collection": "mode", "group": "shadow" }, { "name": "shadow/floating/xlarge/2/blur", "value": 64, "type": "FLOAT", "scopes": ["EFFECT_FLOAT"], "mode": "dark dimmed", "collection": "mode", "group": "shadow" }, { "name": "shadow/floating/xlarge/2/spread", "value": 0, "type": "FLOAT", "scopes": ["EFFECT_FLOAT"], "mode": "dark dimmed", "collection": "mode", "group": "shadow" }, { "name": "shadow/floating/xlarge/2/color", "value": { "r": 0.10980392156862745, "g": 0.12941176470588237, "b": 0.1568627450980392, "a": 1 }, "type": "COLOR", "scopes": ["EFFECT_COLOR"], "mode": "dark dimmed", "collection": "mode", "group": "shadow" }, { "name": "focus/outlineColor", "value": { "r": 0.19215686274509805, "g": 0.42745098039215684, "b": 0.792156862745098, "a": 1 }, "type": "COLOR", "refId": "mode/focus/outlineColor", "reference": "mode/borderColor/accent-emphasis", "collection": "mode", "mode": "dark dimmed", "group": "component (internal)", "scopes": ["STROKE_COLOR", "EFFECT_COLOR"] }, { "name": "avatar/bgColor", "value": { "r": 0.803921568627451, "g": 0.8509803921568627, "b": 0.8980392156862745, "a": 0.1 }, "type": "COLOR", "alpha": 0.1, "refId": "mode/avatar/bgColor", "reference": "base/color/dark/base/color/neutral/13", "collection": "mode", "mode": "dark dimmed", "group": "component (internal)", "scopes": ["FRAME_FILL", "SHAPE_FILL"] }, { "name": "avatar/borderColor", "value": { "r": 0.803921568627451, "g": 0.8509803921568627, "b": 0.8980392156862745, "a": 0.15 }, "type": "COLOR", "refId": "mode/avatar/borderColor", "reference": "mode/borderColor/translucent", "collection": "mode", "mode": "dark dimmed", "group": "component (internal)", "scopes": ["STROKE_COLOR"] }, { "name": "avatar/shadow/offsetX", "value": 0, "type": "FLOAT", "scopes": ["EFFECT_FLOAT"], "mode": "dark dimmed", "collection": "mode", "group": "component shadow" }, { "name": "avatar/shadow/offsetY", "value": 0, "type": "FLOAT", "scopes": ["EFFECT_FLOAT"], "mode": "dark dimmed", "collection": "mode", "group": "component shadow" }, { "name": "avatar/shadow/blur", "value": 0, "type": "FLOAT", "scopes": ["EFFECT_FLOAT"], "mode": "dark dimmed", "collection": "mode", "group": "component shadow" }, { "name": "avatar/shadow/spread", "value": 2, "type": "FLOAT", "scopes": ["EFFECT_FLOAT"], "mode": "dark dimmed", "collection": "mode", "group": "component shadow" }, { "name": "avatar/shadow/color", "value": { "r": 0.050980392156862744, "g": 0.06666666666666667, "b": 0.09019607843137255, "a": 1 }, "type": "COLOR", "scopes": ["EFFECT_COLOR"], "mode": "dark dimmed", "collection": "mode", "group": "component shadow" }, { "name": "avatarStack/fade/bgColor/default", "value": { "r": 0.23921568627450981, "g": 0.26666666666666666, "b": 0.30196078431372547, "a": 1 }, "type": "COLOR", "refId": "mode/avatarStack/fade/bgColor/default", "reference": "base/color/dark/base/color/neutral/7", "collection": "mode", "mode": "dark dimmed", "group": "component (internal)", "scopes": ["FRAME_FILL", "SHAPE_FILL"] }, { "name": "avatarStack/fade/bgColor/muted", "value": { "r": 0.16470588235294117, "g": 0.19215686274509805, "b": 0.23529411764705882, "a": 1 }, "type": "COLOR", "refId": "mode/avatarStack/fade/bgColor/muted", "reference": "base/color/dark/base/color/neutral/5", "collection": "mode", "mode": "dark dimmed", "group": "component (internal)", "scopes": ["FRAME_FILL", "SHAPE_FILL"] }, { "name": "button/default/fgColor/rest", "value": { "r": 0.8196078431372549, "g": 0.8431372549019608, "b": 0.8784313725490196, "a": 1 }, "type": "COLOR", "refId": "mode/button/default/fgColor/rest", "reference": "mode/control/fgColor/rest", "collection": "mode", "mode": "dark dimmed", "group": "component (internal)", "scopes": ["TEXT_FILL", "SHAPE_FILL"] }, { "name": "button/default/bgColor/rest", "value": { "r": 0.16470588235294117, "g": 0.19215686274509805, "b": 0.23529411764705882, "a": 1 }, "type": "COLOR", "refId": "mode/button/default/bgColor/rest", "reference": "mode/control/bgColor/rest", "collection": "mode", "mode": "dark dimmed", "group": "component (internal)", "scopes": ["FRAME_FILL", "SHAPE_FILL"] }, { "name": "button/default/bgColor/hover", "value": { "r": 0.1843137254901961, "g": 0.21568627450980393, "b": 0.25882352941176473, "a": 1 }, "type": "COLOR", "refId": "mode/button/default/bgColor/hover", "reference": "mode/control/bgColor/hover", "collection": "mode", "mode": "dark dimmed", "group": "component (internal)", "scopes": ["FRAME_FILL", "SHAPE_FILL"] }, { "name": "button/default/bgColor/active", "value": { "r": 0.23921568627450981, "g": 0.26666666666666666, "b": 0.30196078431372547, "a": 1 }, "type": "COLOR", "refId": "mode/button/default/bgColor/active", "reference": "mode/control/bgColor/active", "collection": "mode", "mode": "dark dimmed", "group": "component (internal)", "scopes": ["FRAME_FILL", "SHAPE_FILL"] }, { "name": "button/default/bgColor/selected", "value": { "r": 0.23921568627450981, "g": 0.26666666666666666, "b": 0.30196078431372547, "a": 1 }, "type": "COLOR", "refId": "mode/button/default/bgColor/selected", "reference": "mode/control/bgColor/active", "collection": "mode", "mode": "dark dimmed", "group": "component (internal)", "scopes": ["FRAME_FILL", "SHAPE_FILL"] }, { "name": "button/default/borderColor/rest", "value": { "r": 0.23921568627450981, "g": 0.26666666666666666, "b": 0.30196078431372547, "a": 1 }, "type": "COLOR", "refId": "mode/button/default/borderColor/rest", "reference": "mode/control/borderColor/rest", "collection": "mode", "mode": "dark dimmed", "group": "component (internal)", "scopes": ["STROKE_COLOR"] }, { "name": "button/default/borderColor/hover", "value": { "r": 0.23921568627450981, "g": 0.26666666666666666, "b": 0.30196078431372547, "a": 1 }, "type": "COLOR", "refId": "mode/button/default/borderColor/hover", "reference": "mode/button/default/borderColor/rest", "collection": "mode", "mode": "dark dimmed", "group": "component (internal)", "scopes": ["STROKE_COLOR"] }, { "name": "button/default/borderColor/active", "value": { "r": 0.23921568627450981, "g": 0.26666666666666666, "b": 0.30196078431372547, "a": 1 }, "type": "COLOR", "refId": "mode/button/default/borderColor/active", "reference": "mode/button/default/borderColor/rest", "collection": "mode", "mode": "dark dimmed", "group": "component (internal)", "scopes": ["STROKE_COLOR"] }, { "name": "button/default/borderColor/disabled", "value": { "r": 0.396078431372549, "g": 0.4235294117647059, "b": 0.4627450980392157, "a": 0.1 }, "type": "COLOR", "refId": "mode/button/default/borderColor/disabled", "reference": "mode/control/borderColor/disabled", "collection": "mode", "mode": "dark dimmed", "group": "component (internal)", "scopes": ["STROKE_COLOR"] }, { "name": "button/default/shadow/resting/offsetX", "value": 0, "type": "FLOAT", "scopes": ["EFFECT_FLOAT"], "mode": "dark dimmed", "collection": "mode", "group": "component shadow" }, { "name": "button/default/shadow/resting/offsetY", "value": 0, "type": "FLOAT", "scopes": ["EFFECT_FLOAT"], "mode": "dark dimmed", "collection": "mode", "group": "component shadow" }, { "name": "button/default/shadow/resting/blur", "value": 0, "type": "FLOAT", "scopes": ["EFFECT_FLOAT"], "mode": "dark dimmed", "collection": "mode", "group": "component shadow" }, { "name": "button/default/shadow/resting/spread", "value": 0, "type": "FLOAT", "scopes": ["EFFECT_FLOAT"], "mode": "dark dimmed", "collection": "mode", "group": "component shadow" }, { "name": "button/default/shadow/resting/color", "value": { "r": 0, "g": 0, "b": 0, "a": 0 }, "type": "COLOR", "scopes": ["EFFECT_COLOR"], "mode": "dark dimmed", "collection": "mode", "group": "component shadow" }, { "name": "button/primary/fgColor/rest", "value": { "r": 1, "g": 1, "b": 1, "a": 1 }, "type": "COLOR", "refId": "mode/button/primary/fgColor/rest", "collection": "mode", "mode": "dark dimmed", "group": "component (internal)", "scopes": ["TEXT_FILL", "SHAPE_FILL"] }, { "name": "button/primary/fgColor/disabled", "value": { "r": 0.803921568627451, "g": 0.8509803921568627, "b": 0.8980392156862745, "a": 0.4 }, "type": "COLOR", "alpha": 0.4, "refId": "mode/button/primary/fgColor/disabled", "reference": "base/color/dark/base/color/neutral/13", "collection": "mode", "mode": "dark dimmed", "group": "component (internal)", "scopes": ["TEXT_FILL", "SHAPE_FILL"] }, { "name": "button/primary/iconColor/rest", "value": { "r": 1, "g": 1, "b": 1, "a": 1 }, "type": "COLOR", "refId": "mode/button/primary/iconColor/rest", "collection": "mode", "mode": "dark dimmed", "group": "component (internal)", "scopes": ["TEXT_FILL", "SHAPE_FILL"] }, { "name": "button/primary/bgColor/rest", "value": { "r": 0.20392156862745098, "g": 0.49019607843137253, "b": 0.2235294117647059, "a": 1 }, "type": "COLOR", "refId": "mode/button/primary/bgColor/rest", "reference": "mode/bgColor/success-emphasis", "collection": "mode", "mode": "dark dimmed", "group": "component (internal)", "scopes": ["FRAME_FILL", "SHAPE_FILL"] }, { "name": "button/primary/bgColor/hover", "value": { "r": 0.23137254901960785, "g": 0.5254901960784314, "b": 0.25098039215686274, "a": 1 }, "type": "COLOR", "refId": "mode/button/primary/bgColor/hover", "collection": "mode", "mode": "dark dimmed", "group": "component (internal)", "scopes": ["FRAME_FILL", "SHAPE_FILL"] }, { "name": "button/primary/bgColor/active", "value": { "r": 0.25882352941176473, "g": 0.5607843137254902, "b": 0.27450980392156865, "a": 1 }, "type": "COLOR", "refId": "mode/button/primary/bgColor/active", "collection": "mode", "mode": "dark dimmed", "group": "component (internal)", "scopes": ["FRAME_FILL", "SHAPE_FILL"] }, { "name": "button/primary/bgColor/disabled", "value": { "r": 0.3137254901960784, "g": 0.6352941176470588, "b": 0.32941176470588235, "a": 1 }, "type": "COLOR", "refId": "mode/button/primary/bgColor/disabled", "collection": "mode", "mode": "dark dimmed", "group": "component (internal)", "scopes": ["FRAME_FILL", "SHAPE_FILL"] }, { "name": "button/primary/borderColor/rest", "value": { "r": 0.803921568627451, "g": 0.8509803921568627, "b": 0.8980392156862745, "a": 0.1 }, "type": "COLOR", "alpha": 0.1, "refId": "mode/button/primary/borderColor/rest", "reference": "base/color/dark/base/color/neutral/13", "collection": "mode", "mode": "dark dimmed", "group": "component (internal)", "scopes": ["STROKE_COLOR"] }, { "name": "button/primary/borderColor/hover", "value": { "r": 0.803921568627451, "g": 0.8509803921568627, "b": 0.8980392156862745, "a": 0.1 }, "type": "COLOR", "refId": "mode/button/primary/borderColor/hover", "reference": "mode/button/primary/borderColor/rest", "collection": "mode", "mode": "dark dimmed", "group": "component (internal)", "scopes": ["STROKE_COLOR"] }, { "name": "button/primary/borderColor/active", "value": { "r": 0.803921568627451, "g": 0.8509803921568627, "b": 0.8980392156862745, "a": 0.1 }, "type": "COLOR", "refId": "mode/button/primary/borderColor/active", "reference": "mode/button/primary/borderColor/rest", "collection": "mode", "mode": "dark dimmed", "group": "component (internal)", "scopes": ["STROKE_COLOR"] }, { "name": "button/primary/borderColor/disabled", "value": { "r": 0.3137254901960784, "g": 0.6352941176470588, "b": 0.32941176470588235, "a": 1 }, "type": "COLOR", "refId": "mode/button/primary/borderColor/disabled", "collection": "mode", "mode": "dark dimmed", "group": "component (internal)", "scopes": ["STROKE_COLOR"] }, { "name": "button/primary/shadow/selected/offsetX", "value": 0, "type": "FLOAT", "scopes": ["EFFECT_FLOAT"], "mode": "dark dimmed", "collection": "mode", "group": "component shadow" }, { "name": "button/primary/shadow/selected/offsetY", "value": 0, "type": "FLOAT", "scopes": ["EFFECT_FLOAT"], "mode": "dark dimmed", "collection": "mode", "group": "component shadow" }, { "name": "button/primary/shadow/selected/blur", "value": 0, "type": "FLOAT", "scopes": ["EFFECT_FLOAT"], "mode": "dark dimmed", "collection": "mode", "group": "component shadow" }, { "name": "button/primary/shadow/selected/spread", "value": 0, "type": "FLOAT", "scopes": ["EFFECT_FLOAT"], "mode": "dark dimmed", "collection": "mode", "group": "component shadow" }, { "name": "button/primary/shadow/selected/color", "value": { "r": 0, "g": 0, "b": 0, "a": 0 }, "type": "COLOR", "scopes": ["EFFECT_COLOR"], "mode": "dark dimmed", "collection": "mode", "group": "component shadow" }, { "name": "button/invisible/fgColor/rest", "value": { "r": 0.8196078431372549, "g": 0.8431372549019608, "b": 0.8784313725490196, "a": 1 }, "type": "COLOR", "refId": "mode/button/invisible/fgColor/rest", "reference": "mode/control/fgColor/rest", "collection": "mode", "mode": "dark dimmed", "group": "component (internal)", "scopes": ["TEXT_FILL", "SHAPE_FILL"] }, { "name": "button/invisible/fgColor/hover", "value": { "r": 0.8196078431372549, "g": 0.8431372549019608, "b": 0.8784313725490196, "a": 1 }, "type": "COLOR", "refId": "mode/button/invisible/fgColor/hover", "reference": "mode/control/fgColor/rest", "collection": "mode", "mode": "dark dimmed", "group": "component (internal)", "scopes": ["TEXT_FILL", "SHAPE_FILL"] }, { "name": "button/invisible/fgColor/active", "value": { "r": 0.8196078431372549, "g": 0.8431372549019608, "b": 0.8784313725490196, "a": 1 }, "type": "COLOR", "refId": "mode/button/invisible/fgColor/active", "reference": "mode/control/fgColor/rest", "collection": "mode", "mode": "dark dimmed", "group": "component (internal)", "scopes": ["TEXT_FILL", "SHAPE_FILL"] }, { "name": "button/invisible/fgColor/disabled", "value": { "r": 0.396078431372549, "g": 0.4235294117647059, "b": 0.4627450980392157, "a": 1 }, "type": "COLOR", "refId": "mode/button/invisible/fgColor/disabled", "reference": "mode/control/fgColor/disabled", "collection": "mode", "mode": "dark dimmed", "group": "component (internal)", "scopes": ["TEXT_FILL", "SHAPE_FILL"] }, { "name": "button/invisible/iconColor/rest", "value": { "r": 0.7176470588235294, "g": 0.7411764705882353, "b": 0.7843137254901961, "a": 1 }, "type": "COLOR", "refId": "mode/button/invisible/iconColor/rest", "reference": "base/color/dark/base/color/neutral/10", "collection": "mode", "mode": "dark dimmed", "group": "component (internal)", "scopes": ["TEXT_FILL", "SHAPE_FILL"] }, { "name": "button/invisible/iconColor/hover", "value": { "r": 0.7176470588235294, "g": 0.7411764705882353, "b": 0.7843137254901961, "a": 1 }, "type": "COLOR", "refId": "mode/button/invisible/iconColor/hover", "reference": "base/color/dark/base/color/neutral/10", "collection": "mode", "mode": "dark dimmed", "group": "component (internal)", "scopes": ["TEXT_FILL", "SHAPE_FILL"] }, { "name": "button/invisible/iconColor/disabled", "value": { "r": 0.396078431372549, "g": 0.4235294117647059, "b": 0.4627450980392157, "a": 1 }, "type": "COLOR", "refId": "mode/button/invisible/iconColor/disabled", "reference": "mode/control/fgColor/disabled", "collection": "mode", "mode": "dark dimmed", "group": "component (internal)", "scopes": ["TEXT_FILL", "SHAPE_FILL"] }, { "name": "button/invisible/bgColor/rest", "value": { "r": 0, "g": 0, "b": 0, "a": 0 }, "type": "COLOR", "refId": "mode/button/invisible/bgColor/rest", "reference": "mode/control/transparent/bgColor/rest", "collection": "mode", "mode": "dark dimmed", "group": "component (internal)", "scopes": ["FRAME_FILL", "SHAPE_FILL"] }, { "name": "button/invisible/bgColor/hover", "value": { "r": 0.396078431372549, "g": 0.4235294117647059, "b": 0.4627450980392157, "a": 0.15 }, "type": "COLOR", "refId": "mode/button/invisible/bgColor/hover", "reference": "mode/control/transparent/bgColor/hover", "collection": "mode", "mode": "dark dimmed", "group": "component (internal)", "scopes": ["FRAME_FILL", "SHAPE_FILL"] }, { "name": "button/invisible/bgColor/active", "value": { "r": 0.396078431372549, "g": 0.4235294117647059, "b": 0.4627450980392157, "a": 0.2 }, "type": "COLOR", "refId": "mode/button/invisible/bgColor/active", "reference": "mode/control/transparent/bgColor/active", "collection": "mode", "mode": "dark dimmed", "group": "component (internal)", "scopes": ["FRAME_FILL", "SHAPE_FILL"] }, { "name": "button/invisible/bgColor/disabled", "value": { "r": 0, "g": 0, "b": 0, "a": 0 }, "type": "COLOR", "refId": "mode/button/invisible/bgColor/disabled", "reference": "base/color/dark/base/color/transparent", "collection": "mode", "mode": "dark dimmed", "group": "component (internal)", "scopes": ["FRAME_FILL", "SHAPE_FILL"] }, { "name": "button/invisible/borderColor/rest", "value": { "r": 0, "g": 0, "b": 0, "a": 0 }, "type": "COLOR", "refId": "mode/button/invisible/borderColor/rest", "reference": "mode/control/transparent/borderColor/rest", "collection": "mode", "mode": "dark dimmed", "group": "component (internal)", "scopes": ["STROKE_COLOR"] }, { "name": "button/invisible/borderColor/hover", "value": { "r": 0, "g": 0, "b": 0, "a": 0 }, "type": "COLOR", "refId": "mode/button/invisible/borderColor/hover", "reference": "mode/control/transparent/borderColor/hover", "collection": "mode", "mode": "dark dimmed", "group": "component (internal)", "scopes": ["STROKE_COLOR"] }, { "name": "button/invisible/borderColor/disabled", "value": { "r": 0, "g": 0, "b": 0, "a": 0 }, "type": "COLOR", "refId": "mode/button/invisible/borderColor/disabled", "reference": "base/color/dark/base/color/transparent", "collection": "mode", "mode": "dark dimmed", "group": "component (internal)", "scopes": ["STROKE_COLOR"] }, { "name": "button/outline/fgColor/rest", "value": { "r": 0.2549019607843137, "g": 0.5176470588235295, "b": 0.8941176470588236, "a": 1 }, "type": "COLOR", "refId": "mode/button/outline/fgColor/rest", "reference": "base/color/dark-dimmed/base/color/blue/4", "collection": "mode", "mode": "dark dimmed", "group": "component (internal)", "scopes": ["TEXT_FILL", "SHAPE_FILL"] }, { "name": "button/outline/fgColor/hover", "value": { "r": 0.3254901960784314, "g": 0.6078431372549019, "b": 0.9607843137254902, "a": 1 }, "type": "COLOR", "refId": "mode/button/outline/fgColor/hover", "reference": "base/color/dark-dimmed/base/color/blue/3", "collection": "mode", "mode": "dark dimmed", "group": "component (internal)", "scopes": ["TEXT_FILL", "SHAPE_FILL"] }, { "name": "button/outline/fgColor/active", "value": { "r": 0.803921568627451, "g": 0.8509803921568627, "b": 0.8980392156862745, "a": 1 }, "type": "COLOR", "refId": "mode/button/outline/fgColor/active", "reference": "base/color/dark/base/color/neutral/13", "collection": "mode", "mode": "dark dimmed", "group": "component (internal)", "scopes": ["TEXT_FILL", "SHAPE_FILL"] }, { "name": "button/outline/fgColor/disabled", "value": { "r": 0.2784313725490196, "g": 0.5450980392156862, "b": 0.9019607843137255, "a": 0.5 }, "type": "COLOR", "alpha": 0.5, "refId": "mode/button/outline/fgColor/disabled", "collection": "mode", "mode": "dark dimmed", "group": "component (internal)", "scopes": ["TEXT_FILL", "SHAPE_FILL"] }, { "name": "button/outline/bgColor/rest", "value": { "r": 0.9411764705882353, "g": 0.9647058823529412, "b": 0.9882352941176471, "a": 1 }, "type": "COLOR", "refId": "mode/button/outline/bgColor/rest", "reference": "base/color/dark/base/color/neutral/12", "collection": "mode", "mode": "dark dimmed", "group": "component (internal)", "scopes": ["FRAME_FILL", "SHAPE_FILL"] }, { "name": "button/outline/bgColor/hover", "value": { "r": 0.1843137254901961, "g": 0.21568627450980393, "b": 0.25882352941176473, "a": 1 }, "type": "COLOR", "refId": "mode/button/outline/bgColor/hover", "reference": "mode/control/bgColor/hover", "collection": "mode", "mode": "dark dimmed", "group": "component (internal)", "scopes": ["FRAME_FILL", "SHAPE_FILL"] }, { "name": "button/outline/bgColor/active", "value": { "r": 0.10588235294117647, "g": 0.29411764705882354, "b": 0.5686274509803921, "a": 1 }, "type": "COLOR", "refId": "mode/button/outline/bgColor/active", "reference": "base/color/dark-dimmed/base/color/blue/7", "collection": "mode", "mode": "dark dimmed", "group": "component (internal)", "scopes": ["FRAME_FILL", "SHAPE_FILL"] }, { "name": "button/outline/bgColor/disabled", "value": { "r": 0.16470588235294117, "g": 0.19215686274509805, "b": 0.23529411764705882, "a": 1 }, "type": "COLOR", "refId": "mode/button/outline/bgColor/disabled", "reference": "mode/control/bgColor/disabled", "collection": "mode", "mode": "dark dimmed", "group": "component (internal)", "scopes": ["FRAME_FILL", "SHAPE_FILL"] }, { "name": "button/outline/borderColor/hover", "value": { "r": 0.23921568627450981, "g": 0.26666666666666666, "b": 0.30196078431372547, "a": 1 }, "type": "COLOR", "refId": "mode/button/outline/borderColor/hover", "reference": "mode/button/default/borderColor/hover", "collection": "mode", "mode": "dark dimmed", "group": "component (internal)", "scopes": ["STROKE_COLOR"] }, { "name": "button/outline/borderColor/active", "value": { "r": 0.23921568627450981, "g": 0.26666666666666666, "b": 0.30196078431372547, "a": 1 }, "type": "COLOR", "refId": "mode/button/outline/borderColor/active", "reference": "mode/button/outline/borderColor/hover", "collection": "mode", "mode": "dark dimmed", "group": "component (internal)", "scopes": ["STROKE_COLOR"] }, { "name": "button/outline/shadow/selected/offsetX", "value": 0, "type": "FLOAT", "scopes": ["EFFECT_FLOAT"], "mode": "dark dimmed", "collection": "mode", "group": "component shadow" }, { "name": "button/outline/shadow/selected/offsetY", "value": 0, "type": "FLOAT", "scopes": ["EFFECT_FLOAT"], "mode": "dark dimmed", "collection": "mode", "group": "component shadow" }, { "name": "button/outline/shadow/selected/blur", "value": 0, "type": "FLOAT", "scopes": ["EFFECT_FLOAT"], "mode": "dark dimmed", "collection": "mode", "group": "component shadow" }, { "name": "button/outline/shadow/selected/spread", "value": 0, "type": "FLOAT", "scopes": ["EFFECT_FLOAT"], "mode": "dark dimmed", "collection": "mode", "group": "component shadow" }, { "name": "button/outline/shadow/selected/color", "value": { "r": 0, "g": 0, "b": 0, "a": 0 }, "type": "COLOR", "scopes": ["EFFECT_COLOR"], "mode": "dark dimmed", "collection": "mode", "group": "component shadow" }, { "name": "button/danger/fgColor/rest", "value": { "r": 0.9176470588235294, "g": 0.3607843137254902, "b": 0.3254901960784314, "a": 1 }, "type": "COLOR", "refId": "mode/button/danger/fgColor/rest", "collection": "mode", "mode": "dark dimmed", "group": "component (internal)", "scopes": ["TEXT_FILL", "SHAPE_FILL"] }, { "name": "button/danger/fgColor/hover", "value": { "r": 0.803921568627451, "g": 0.8509803921568627, "b": 0.8980392156862745, "a": 1 }, "type": "COLOR", "refId": "mode/button/danger/fgColor/hover", "reference": "base/color/dark/base/color/neutral/13", "collection": "mode", "mode": "dark dimmed", "group": "component (internal)", "scopes": ["TEXT_FILL", "SHAPE_FILL"] }, { "name": "button/danger/fgColor/active", "value": { "r": 0.803921568627451, "g": 0.8509803921568627, "b": 0.8980392156862745, "a": 1 }, "type": "COLOR", "refId": "mode/button/danger/fgColor/active", "reference": "base/color/dark/base/color/neutral/13", "collection": "mode", "mode": "dark dimmed", "group": "component (internal)", "scopes": ["TEXT_FILL", "SHAPE_FILL"] }, { "name": "button/danger/fgColor/disabled", "value": { "r": 0.8980392156862745, "g": 0.3254901960784314, "b": 0.29411764705882354, "a": 0.5 }, "type": "COLOR", "alpha": 0.5, "refId": "mode/button/danger/fgColor/disabled", "reference": "mode/fgColor/danger", "collection": "mode", "mode": "dark dimmed", "group": "component (internal)", "scopes": ["TEXT_FILL", "SHAPE_FILL"] }, { "name": "button/danger/iconColor/rest", "value": { "r": 0.9176470588235294, "g": 0.3607843137254902, "b": 0.3254901960784314, "a": 1 }, "type": "COLOR", "refId": "mode/button/danger/iconColor/rest", "collection": "mode", "mode": "dark dimmed", "group": "component (internal)", "scopes": ["TEXT_FILL", "SHAPE_FILL"] }, { "name": "button/danger/iconColor/hover", "value": { "r": 0.803921568627451, "g": 0.8509803921568627, "b": 0.8980392156862745, "a": 1 }, "type": "COLOR", "refId": "mode/button/danger/iconColor/hover", "reference": "base/color/dark/base/color/neutral/13", "collection": "mode", "mode": "dark dimmed", "group": "component (internal)", "scopes": ["TEXT_FILL", "SHAPE_FILL"] }, { "name": "button/danger/bgColor/rest", "value": { "r": 0.16470588235294117, "g": 0.19215686274509805, "b": 0.23529411764705882, "a": 1 }, "type": "COLOR", "refId": "mode/button/danger/bgColor/rest", "reference": "mode/control/bgColor/rest", "collection": "mode", "mode": "dark dimmed", "group": "component (internal)", "scopes": ["FRAME_FILL", "SHAPE_FILL"] }, { "name": "button/danger/bgColor/hover", "value": { "r": 0.6784313725490196, "g": 0.1803921568627451, "b": 0.17254901960784313, "a": 1 }, "type": "COLOR", "refId": "mode/button/danger/bgColor/hover", "reference": "base/color/dark-dimmed/base/color/red/6", "collection": "mode", "mode": "dark dimmed", "group": "component (internal)", "scopes": ["FRAME_FILL", "SHAPE_FILL"] }, { "name": "button/danger/bgColor/active", "value": { "r": 0.7647058823529411, "g": 0.23921568627450981, "b": 0.2196078431372549, "a": 1 }, "type": "COLOR", "refId": "mode/button/danger/bgColor/active", "collection": "mode", "mode": "dark dimmed", "group": "component (internal)", "scopes": ["FRAME_FILL", "SHAPE_FILL"] }, { "name": "button/danger/bgColor/disabled", "value": { "r": 0.16470588235294117, "g": 0.19215686274509805, "b": 0.23529411764705882, "a": 1 }, "type": "COLOR", "refId": "mode/button/danger/bgColor/disabled", "reference": "mode/control/bgColor/disabled", "collection": "mode", "mode": "dark dimmed", "group": "component (internal)", "scopes": ["FRAME_FILL", "SHAPE_FILL"] }, { "name": "button/danger/borderColor/rest", "value": { "r": 0.23921568627450981, "g": 0.26666666666666666, "b": 0.30196078431372547, "a": 1 }, "type": "COLOR", "refId": "mode/button/danger/borderColor/rest", "reference": "mode/control/borderColor/rest", "collection": "mode", "mode": "dark dimme