UNPKG

@primer/primitives

Version:

Typography, spacing, and color primitives for Primer design system

1,930 lines • 411 kB
[ { "name": "shadow/inset/offsetX", "value": 0, "type": "FLOAT", "scopes": ["EFFECT_FLOAT"], "mode": "light protanopia deuteranopia", "collection": "mode", "group": "shadow" }, { "name": "shadow/inset/offsetY", "value": 1, "type": "FLOAT", "scopes": ["EFFECT_FLOAT"], "mode": "light protanopia deuteranopia", "collection": "mode", "group": "shadow" }, { "name": "shadow/inset/blur", "value": 0, "type": "FLOAT", "scopes": ["EFFECT_FLOAT"], "mode": "light protanopia deuteranopia", "collection": "mode", "group": "shadow" }, { "name": "shadow/inset/spread", "value": 0, "type": "FLOAT", "scopes": ["EFFECT_FLOAT"], "mode": "light protanopia deuteranopia", "collection": "mode", "group": "shadow" }, { "name": "shadow/inset/color", "value": { "r": 0.12156862745098039, "g": 0.13725490196078433, "b": 0.1568627450980392, "a": 0.04 }, "type": "COLOR", "scopes": ["EFFECT_COLOR"], "mode": "light protanopia deuteranopia", "collection": "mode", "group": "shadow" }, { "name": "shadow/resting/xsmall/offsetX", "value": 0, "type": "FLOAT", "scopes": ["EFFECT_FLOAT"], "mode": "light protanopia deuteranopia", "collection": "mode", "group": "shadow" }, { "name": "shadow/resting/xsmall/offsetY", "value": 1, "type": "FLOAT", "scopes": ["EFFECT_FLOAT"], "mode": "light protanopia deuteranopia", "collection": "mode", "group": "shadow" }, { "name": "shadow/resting/xsmall/blur", "value": 1, "type": "FLOAT", "scopes": ["EFFECT_FLOAT"], "mode": "light protanopia deuteranopia", "collection": "mode", "group": "shadow" }, { "name": "shadow/resting/xsmall/spread", "value": 0, "type": "FLOAT", "scopes": ["EFFECT_FLOAT"], "mode": "light protanopia deuteranopia", "collection": "mode", "group": "shadow" }, { "name": "shadow/resting/xsmall/color", "value": { "r": 0.12156862745098039, "g": 0.13725490196078433, "b": 0.1568627450980392, "a": 0.06 }, "type": "COLOR", "scopes": ["EFFECT_COLOR"], "mode": "light protanopia deuteranopia", "collection": "mode", "group": "shadow" }, { "name": "shadow/resting/small/1/offsetX", "value": 0, "type": "FLOAT", "scopes": ["EFFECT_FLOAT"], "mode": "light protanopia deuteranopia", "collection": "mode", "group": "shadow" }, { "name": "shadow/resting/small/1/offsetY", "value": 1, "type": "FLOAT", "scopes": ["EFFECT_FLOAT"], "mode": "light protanopia deuteranopia", "collection": "mode", "group": "shadow" }, { "name": "shadow/resting/small/1/blur", "value": 1, "type": "FLOAT", "scopes": ["EFFECT_FLOAT"], "mode": "light protanopia deuteranopia", "collection": "mode", "group": "shadow" }, { "name": "shadow/resting/small/1/spread", "value": 0, "type": "FLOAT", "scopes": ["EFFECT_FLOAT"], "mode": "light protanopia deuteranopia", "collection": "mode", "group": "shadow" }, { "name": "shadow/resting/small/1/color", "value": { "r": 0.12156862745098039, "g": 0.13725490196078433, "b": 0.1568627450980392, "a": 0.06 }, "type": "COLOR", "scopes": ["EFFECT_COLOR"], "mode": "light protanopia deuteranopia", "collection": "mode", "group": "shadow" }, { "name": "shadow/resting/small/2/offsetX", "value": 0, "type": "FLOAT", "scopes": ["EFFECT_FLOAT"], "mode": "light protanopia deuteranopia", "collection": "mode", "group": "shadow" }, { "name": "shadow/resting/small/2/offsetY", "value": 1, "type": "FLOAT", "scopes": ["EFFECT_FLOAT"], "mode": "light protanopia deuteranopia", "collection": "mode", "group": "shadow" }, { "name": "shadow/resting/small/2/blur", "value": 3, "type": "FLOAT", "scopes": ["EFFECT_FLOAT"], "mode": "light protanopia deuteranopia", "collection": "mode", "group": "shadow" }, { "name": "shadow/resting/small/2/spread", "value": 0, "type": "FLOAT", "scopes": ["EFFECT_FLOAT"], "mode": "light protanopia deuteranopia", "collection": "mode", "group": "shadow" }, { "name": "shadow/resting/small/2/color", "value": { "r": 0.12156862745098039, "g": 0.13725490196078433, "b": 0.1568627450980392, "a": 0.06 }, "type": "COLOR", "scopes": ["EFFECT_COLOR"], "mode": "light protanopia deuteranopia", "collection": "mode", "group": "shadow" }, { "name": "shadow/resting/medium/1/offsetX", "value": 0, "type": "FLOAT", "scopes": ["EFFECT_FLOAT"], "mode": "light protanopia deuteranopia", "collection": "mode", "group": "shadow" }, { "name": "shadow/resting/medium/1/offsetY", "value": 1, "type": "FLOAT", "scopes": ["EFFECT_FLOAT"], "mode": "light protanopia deuteranopia", "collection": "mode", "group": "shadow" }, { "name": "shadow/resting/medium/1/blur", "value": 1, "type": "FLOAT", "scopes": ["EFFECT_FLOAT"], "mode": "light protanopia deuteranopia", "collection": "mode", "group": "shadow" }, { "name": "shadow/resting/medium/1/spread", "value": 0, "type": "FLOAT", "scopes": ["EFFECT_FLOAT"], "mode": "light protanopia deuteranopia", "collection": "mode", "group": "shadow" }, { "name": "shadow/resting/medium/1/color", "value": { "r": 0.1450980392156863, "g": 0.1607843137254902, "b": 0.1803921568627451, "a": 0.1 }, "type": "COLOR", "scopes": ["EFFECT_COLOR"], "mode": "light protanopia deuteranopia", "collection": "mode", "group": "shadow" }, { "name": "shadow/resting/medium/2/offsetX", "value": 0, "type": "FLOAT", "scopes": ["EFFECT_FLOAT"], "mode": "light protanopia deuteranopia", "collection": "mode", "group": "shadow" }, { "name": "shadow/resting/medium/2/offsetY", "value": 3, "type": "FLOAT", "scopes": ["EFFECT_FLOAT"], "mode": "light protanopia deuteranopia", "collection": "mode", "group": "shadow" }, { "name": "shadow/resting/medium/2/blur", "value": 6, "type": "FLOAT", "scopes": ["EFFECT_FLOAT"], "mode": "light protanopia deuteranopia", "collection": "mode", "group": "shadow" }, { "name": "shadow/resting/medium/2/spread", "value": 0, "type": "FLOAT", "scopes": ["EFFECT_FLOAT"], "mode": "light protanopia deuteranopia", "collection": "mode", "group": "shadow" }, { "name": "shadow/resting/medium/2/color", "value": { "r": 0.1450980392156863, "g": 0.1607843137254902, "b": 0.1803921568627451, "a": 0.12 }, "type": "COLOR", "scopes": ["EFFECT_COLOR"], "mode": "light protanopia deuteranopia", "collection": "mode", "group": "shadow" }, { "name": "shadow/floating/small/1/offsetX", "value": 0, "type": "FLOAT", "scopes": ["EFFECT_FLOAT"], "mode": "light protanopia deuteranopia", "collection": "mode", "group": "shadow" }, { "name": "shadow/floating/small/1/offsetY", "value": 0, "type": "FLOAT", "scopes": ["EFFECT_FLOAT"], "mode": "light protanopia deuteranopia", "collection": "mode", "group": "shadow" }, { "name": "shadow/floating/small/1/blur", "value": 0, "type": "FLOAT", "scopes": ["EFFECT_FLOAT"], "mode": "light protanopia deuteranopia", "collection": "mode", "group": "shadow" }, { "name": "shadow/floating/small/1/spread", "value": 1, "type": "FLOAT", "scopes": ["EFFECT_FLOAT"], "mode": "light protanopia deuteranopia", "collection": "mode", "group": "shadow" }, { "name": "shadow/floating/small/1/color", "value": { "r": 0.8196078431372549, "g": 0.8509803921568627, "b": 0.8784313725490196, "a": 0.5 }, "type": "COLOR", "scopes": ["EFFECT_COLOR"], "mode": "light protanopia deuteranopia", "collection": "mode", "group": "shadow" }, { "name": "shadow/floating/small/2/offsetX", "value": 0, "type": "FLOAT", "scopes": ["EFFECT_FLOAT"], "mode": "light protanopia deuteranopia", "collection": "mode", "group": "shadow" }, { "name": "shadow/floating/small/2/offsetY", "value": 6, "type": "FLOAT", "scopes": ["EFFECT_FLOAT"], "mode": "light protanopia deuteranopia", "collection": "mode", "group": "shadow" }, { "name": "shadow/floating/small/2/blur", "value": 12, "type": "FLOAT", "scopes": ["EFFECT_FLOAT"], "mode": "light protanopia deuteranopia", "collection": "mode", "group": "shadow" }, { "name": "shadow/floating/small/2/spread", "value": -3, "type": "FLOAT", "scopes": ["EFFECT_FLOAT"], "mode": "light protanopia deuteranopia", "collection": "mode", "group": "shadow" }, { "name": "shadow/floating/small/2/color", "value": { "r": 0.1450980392156863, "g": 0.1607843137254902, "b": 0.1803921568627451, "a": 0.04 }, "type": "COLOR", "scopes": ["EFFECT_COLOR"], "mode": "light protanopia deuteranopia", "collection": "mode", "group": "shadow" }, { "name": "shadow/floating/small/3/offsetX", "value": 0, "type": "FLOAT", "scopes": ["EFFECT_FLOAT"], "mode": "light protanopia deuteranopia", "collection": "mode", "group": "shadow" }, { "name": "shadow/floating/small/3/offsetY", "value": 6, "type": "FLOAT", "scopes": ["EFFECT_FLOAT"], "mode": "light protanopia deuteranopia", "collection": "mode", "group": "shadow" }, { "name": "shadow/floating/small/3/blur", "value": 18, "type": "FLOAT", "scopes": ["EFFECT_FLOAT"], "mode": "light protanopia deuteranopia", "collection": "mode", "group": "shadow" }, { "name": "shadow/floating/small/3/spread", "value": 0, "type": "FLOAT", "scopes": ["EFFECT_FLOAT"], "mode": "light protanopia deuteranopia", "collection": "mode", "group": "shadow" }, { "name": "shadow/floating/small/3/color", "value": { "r": 0.1450980392156863, "g": 0.1607843137254902, "b": 0.1803921568627451, "a": 0.12 }, "type": "COLOR", "scopes": ["EFFECT_COLOR"], "mode": "light protanopia deuteranopia", "collection": "mode", "group": "shadow" }, { "name": "shadow/floating/medium/1/offsetX", "value": 0, "type": "FLOAT", "scopes": ["EFFECT_FLOAT"], "mode": "light protanopia deuteranopia", "collection": "mode", "group": "shadow" }, { "name": "shadow/floating/medium/1/offsetY", "value": 0, "type": "FLOAT", "scopes": ["EFFECT_FLOAT"], "mode": "light protanopia deuteranopia", "collection": "mode", "group": "shadow" }, { "name": "shadow/floating/medium/1/blur", "value": 0, "type": "FLOAT", "scopes": ["EFFECT_FLOAT"], "mode": "light protanopia deuteranopia", "collection": "mode", "group": "shadow" }, { "name": "shadow/floating/medium/1/spread", "value": 1, "type": "FLOAT", "scopes": ["EFFECT_FLOAT"], "mode": "light protanopia deuteranopia", "collection": "mode", "group": "shadow" }, { "name": "shadow/floating/medium/1/color", "value": { "r": 0.8196078431372549, "g": 0.8509803921568627, "b": 0.8784313725490196, "a": 0.5 }, "type": "COLOR", "scopes": ["EFFECT_COLOR"], "mode": "light protanopia deuteranopia", "collection": "mode", "group": "shadow" }, { "name": "shadow/floating/medium/2/offsetX", "value": 0, "type": "FLOAT", "scopes": ["EFFECT_FLOAT"], "mode": "light protanopia deuteranopia", "collection": "mode", "group": "shadow" }, { "name": "shadow/floating/medium/2/offsetY", "value": 8, "type": "FLOAT", "scopes": ["EFFECT_FLOAT"], "mode": "light protanopia deuteranopia", "collection": "mode", "group": "shadow" }, { "name": "shadow/floating/medium/2/blur", "value": 16, "type": "FLOAT", "scopes": ["EFFECT_FLOAT"], "mode": "light protanopia deuteranopia", "collection": "mode", "group": "shadow" }, { "name": "shadow/floating/medium/2/spread", "value": -4, "type": "FLOAT", "scopes": ["EFFECT_FLOAT"], "mode": "light protanopia deuteranopia", "collection": "mode", "group": "shadow" }, { "name": "shadow/floating/medium/2/color", "value": { "r": 0.1450980392156863, "g": 0.1607843137254902, "b": 0.1803921568627451, "a": 0.08 }, "type": "COLOR", "scopes": ["EFFECT_COLOR"], "mode": "light protanopia deuteranopia", "collection": "mode", "group": "shadow" }, { "name": "shadow/floating/medium/3/offsetX", "value": 0, "type": "FLOAT", "scopes": ["EFFECT_FLOAT"], "mode": "light protanopia deuteranopia", "collection": "mode", "group": "shadow" }, { "name": "shadow/floating/medium/3/offsetY", "value": 4, "type": "FLOAT", "scopes": ["EFFECT_FLOAT"], "mode": "light protanopia deuteranopia", "collection": "mode", "group": "shadow" }, { "name": "shadow/floating/medium/3/blur", "value": 32, "type": "FLOAT", "scopes": ["EFFECT_FLOAT"], "mode": "light protanopia deuteranopia", "collection": "mode", "group": "shadow" }, { "name": "shadow/floating/medium/3/spread", "value": -4, "type": "FLOAT", "scopes": ["EFFECT_FLOAT"], "mode": "light protanopia deuteranopia", "collection": "mode", "group": "shadow" }, { "name": "shadow/floating/medium/3/color", "value": { "r": 0.1450980392156863, "g": 0.1607843137254902, "b": 0.1803921568627451, "a": 0.08 }, "type": "COLOR", "scopes": ["EFFECT_COLOR"], "mode": "light protanopia deuteranopia", "collection": "mode", "group": "shadow" }, { "name": "shadow/floating/medium/4/offsetX", "value": 0, "type": "FLOAT", "scopes": ["EFFECT_FLOAT"], "mode": "light protanopia deuteranopia", "collection": "mode", "group": "shadow" }, { "name": "shadow/floating/medium/4/offsetY", "value": 24, "type": "FLOAT", "scopes": ["EFFECT_FLOAT"], "mode": "light protanopia deuteranopia", "collection": "mode", "group": "shadow" }, { "name": "shadow/floating/medium/4/blur", "value": 48, "type": "FLOAT", "scopes": ["EFFECT_FLOAT"], "mode": "light protanopia deuteranopia", "collection": "mode", "group": "shadow" }, { "name": "shadow/floating/medium/4/spread", "value": -12, "type": "FLOAT", "scopes": ["EFFECT_FLOAT"], "mode": "light protanopia deuteranopia", "collection": "mode", "group": "shadow" }, { "name": "shadow/floating/medium/4/color", "value": { "r": 0.1450980392156863, "g": 0.1607843137254902, "b": 0.1803921568627451, "a": 0.08 }, "type": "COLOR", "scopes": ["EFFECT_COLOR"], "mode": "light protanopia deuteranopia", "collection": "mode", "group": "shadow" }, { "name": "shadow/floating/medium/5/offsetX", "value": 0, "type": "FLOAT", "scopes": ["EFFECT_FLOAT"], "mode": "light protanopia deuteranopia", "collection": "mode", "group": "shadow" }, { "name": "shadow/floating/medium/5/offsetY", "value": 48, "type": "FLOAT", "scopes": ["EFFECT_FLOAT"], "mode": "light protanopia deuteranopia", "collection": "mode", "group": "shadow" }, { "name": "shadow/floating/medium/5/blur", "value": 96, "type": "FLOAT", "scopes": ["EFFECT_FLOAT"], "mode": "light protanopia deuteranopia", "collection": "mode", "group": "shadow" }, { "name": "shadow/floating/medium/5/spread", "value": -24, "type": "FLOAT", "scopes": ["EFFECT_FLOAT"], "mode": "light protanopia deuteranopia", "collection": "mode", "group": "shadow" }, { "name": "shadow/floating/medium/5/color", "value": { "r": 0.1450980392156863, "g": 0.1607843137254902, "b": 0.1803921568627451, "a": 0.08 }, "type": "COLOR", "scopes": ["EFFECT_COLOR"], "mode": "light protanopia deuteranopia", "collection": "mode", "group": "shadow" }, { "name": "shadow/floating/large/1/offsetX", "value": 0, "type": "FLOAT", "scopes": ["EFFECT_FLOAT"], "mode": "light protanopia deuteranopia", "collection": "mode", "group": "shadow" }, { "name": "shadow/floating/large/1/offsetY", "value": 0, "type": "FLOAT", "scopes": ["EFFECT_FLOAT"], "mode": "light protanopia deuteranopia", "collection": "mode", "group": "shadow" }, { "name": "shadow/floating/large/1/blur", "value": 0, "type": "FLOAT", "scopes": ["EFFECT_FLOAT"], "mode": "light protanopia deuteranopia", "collection": "mode", "group": "shadow" }, { "name": "shadow/floating/large/1/spread", "value": 1, "type": "FLOAT", "scopes": ["EFFECT_FLOAT"], "mode": "light protanopia deuteranopia", "collection": "mode", "group": "shadow" }, { "name": "shadow/floating/large/1/color", "value": { "r": 0.8196078431372549, "g": 0.8509803921568627, "b": 0.8784313725490196, "a": 0.5 }, "type": "COLOR", "scopes": ["EFFECT_COLOR"], "mode": "light protanopia deuteranopia", "collection": "mode", "group": "shadow" }, { "name": "shadow/floating/large/2/offsetX", "value": 0, "type": "FLOAT", "scopes": ["EFFECT_FLOAT"], "mode": "light protanopia deuteranopia", "collection": "mode", "group": "shadow" }, { "name": "shadow/floating/large/2/offsetY", "value": 40, "type": "FLOAT", "scopes": ["EFFECT_FLOAT"], "mode": "light protanopia deuteranopia", "collection": "mode", "group": "shadow" }, { "name": "shadow/floating/large/2/blur", "value": 80, "type": "FLOAT", "scopes": ["EFFECT_FLOAT"], "mode": "light protanopia deuteranopia", "collection": "mode", "group": "shadow" }, { "name": "shadow/floating/large/2/spread", "value": 0, "type": "FLOAT", "scopes": ["EFFECT_FLOAT"], "mode": "light protanopia deuteranopia", "collection": "mode", "group": "shadow" }, { "name": "shadow/floating/large/2/color", "value": { "r": 0.1450980392156863, "g": 0.1607843137254902, "b": 0.1803921568627451, "a": 0.24 }, "type": "COLOR", "scopes": ["EFFECT_COLOR"], "mode": "light protanopia deuteranopia", "collection": "mode", "group": "shadow" }, { "name": "shadow/floating/xlarge/1/offsetX", "value": 0, "type": "FLOAT", "scopes": ["EFFECT_FLOAT"], "mode": "light protanopia deuteranopia", "collection": "mode", "group": "shadow" }, { "name": "shadow/floating/xlarge/1/offsetY", "value": 0, "type": "FLOAT", "scopes": ["EFFECT_FLOAT"], "mode": "light protanopia deuteranopia", "collection": "mode", "group": "shadow" }, { "name": "shadow/floating/xlarge/1/blur", "value": 0, "type": "FLOAT", "scopes": ["EFFECT_FLOAT"], "mode": "light protanopia deuteranopia", "collection": "mode", "group": "shadow" }, { "name": "shadow/floating/xlarge/1/spread", "value": 1, "type": "FLOAT", "scopes": ["EFFECT_FLOAT"], "mode": "light protanopia deuteranopia", "collection": "mode", "group": "shadow" }, { "name": "shadow/floating/xlarge/1/color", "value": { "r": 0.8196078431372549, "g": 0.8509803921568627, "b": 0.8784313725490196, "a": 0.5 }, "type": "COLOR", "scopes": ["EFFECT_COLOR"], "mode": "light protanopia deuteranopia", "collection": "mode", "group": "shadow" }, { "name": "shadow/floating/xlarge/2/offsetX", "value": 0, "type": "FLOAT", "scopes": ["EFFECT_FLOAT"], "mode": "light protanopia deuteranopia", "collection": "mode", "group": "shadow" }, { "name": "shadow/floating/xlarge/2/offsetY", "value": 56, "type": "FLOAT", "scopes": ["EFFECT_FLOAT"], "mode": "light protanopia deuteranopia", "collection": "mode", "group": "shadow" }, { "name": "shadow/floating/xlarge/2/blur", "value": 112, "type": "FLOAT", "scopes": ["EFFECT_FLOAT"], "mode": "light protanopia deuteranopia", "collection": "mode", "group": "shadow" }, { "name": "shadow/floating/xlarge/2/spread", "value": 0, "type": "FLOAT", "scopes": ["EFFECT_FLOAT"], "mode": "light protanopia deuteranopia", "collection": "mode", "group": "shadow" }, { "name": "shadow/floating/xlarge/2/color", "value": { "r": 0.1450980392156863, "g": 0.1607843137254902, "b": 0.1803921568627451, "a": 0.32 }, "type": "COLOR", "scopes": ["EFFECT_COLOR"], "mode": "light protanopia deuteranopia", "collection": "mode", "group": "shadow" }, { "name": "focus/outlineColor", "value": { "r": 0.03529411764705882, "g": 0.4117647058823529, "b": 0.8549019607843137, "a": 1 }, "type": "COLOR", "refId": "mode/focus/outlineColor", "reference": "mode/borderColor/accent-emphasis", "collection": "mode", "mode": "light protanopia deuteranopia", "group": "component (internal)", "scopes": ["STROKE_COLOR", "EFFECT_COLOR"] }, { "name": "bgColor/default", "value": { "r": 1, "g": 1, "b": 1, "a": 1 }, "type": "COLOR", "refId": "mode/bgColor/default", "reference": "base/color/light/base/color/neutral/0", "collection": "mode", "mode": "light protanopia deuteranopia", "group": "semantic", "scopes": ["FRAME_FILL", "SHAPE_FILL", "STROKE_COLOR"], "codeSyntax": { "web": "var(--bgColor-default) /* utility class: .color-bg-default */" } }, { "name": "bgColor/muted", "value": { "r": 0.9647058823529412, "g": 0.9725490196078431, "b": 0.9803921568627451, "a": 1 }, "type": "COLOR", "refId": "mode/bgColor/muted", "reference": "base/color/light/base/color/neutral/1", "collection": "mode", "mode": "light protanopia deuteranopia", "group": "semantic", "scopes": ["FRAME_FILL", "SHAPE_FILL", "STROKE_COLOR"], "codeSyntax": { "web": "var(--bgColor-muted) /* utility class: .color-bg-muted */" } }, { "name": "bgColor/inset", "value": { "r": 0.9647058823529412, "g": 0.9725490196078431, "b": 0.9803921568627451, "a": 1 }, "type": "COLOR", "refId": "mode/bgColor/inset", "reference": "mode/bgColor/muted", "collection": "mode", "mode": "light protanopia deuteranopia", "group": "semantic", "scopes": ["FRAME_FILL", "SHAPE_FILL", "STROKE_COLOR"], "codeSyntax": { "web": "var(--bgColor-inset) /* utility class: .color-bg-inset */" } }, { "name": "bgColor/emphasis", "value": { "r": 0.1450980392156863, "g": 0.1607843137254902, "b": 0.1803921568627451, "a": 1 }, "type": "COLOR", "refId": "mode/bgColor/emphasis", "reference": "base/color/light/base/color/neutral/12", "collection": "mode", "mode": "light protanopia deuteranopia", "group": "semantic", "scopes": ["FRAME_FILL", "SHAPE_FILL"], "codeSyntax": { "web": "var(--bgColor-emphasis) /* utility class: .color-bg-emphasis */" } }, { "name": "bgColor/inverse", "value": { "r": 0.1450980392156863, "g": 0.1607843137254902, "b": 0.1803921568627451, "a": 1 }, "type": "COLOR", "refId": "mode/bgColor/inverse", "reference": "base/color/light/base/color/neutral/12", "collection": "mode", "mode": "light protanopia deuteranopia", "group": "semantic", "scopes": ["FRAME_FILL", "SHAPE_FILL"] }, { "name": "bgColor/white", "value": { "r": 1, "g": 1, "b": 1, "a": 1 }, "type": "COLOR", "refId": "mode/bgColor/white", "reference": "base/color/light/base/color/neutral/0", "collection": "mode", "mode": "light protanopia deuteranopia", "group": "semantic", "scopes": ["FRAME_FILL", "SHAPE_FILL"] }, { "name": "bgColor/black", "value": { "r": 0.12156862745098039, "g": 0.13725490196078433, "b": 0.1568627450980392, "a": 1 }, "type": "COLOR", "refId": "mode/bgColor/black", "reference": "base/color/light/base/color/neutral/13", "collection": "mode", "mode": "light protanopia deuteranopia", "group": "semantic", "scopes": ["FRAME_FILL", "SHAPE_FILL"] }, { "name": "bgColor/disabled", "value": { "r": 0.9372549019607843, "g": 0.9490196078431372, "b": 0.9607843137254902, "a": 1 }, "type": "COLOR", "refId": "mode/bgColor/disabled", "reference": "base/color/light/base/color/neutral/2", "collection": "mode", "mode": "light protanopia deuteranopia", "group": "semantic", "scopes": ["FRAME_FILL", "SHAPE_FILL"] }, { "name": "bgColor/transparent", "value": { "r": 1, "g": 1, "b": 1, "a": 0 }, "type": "COLOR", "refId": "mode/bgColor/transparent", "reference": "base/color/light/base/color/transparent", "collection": "mode", "mode": "light protanopia deuteranopia", "group": "semantic", "scopes": ["FRAME_FILL", "SHAPE_FILL"], "codeSyntax": { "web": "var(--bgColor-transparent) /* utility class: .color-bg-transparent */" } }, { "name": "bgColor/neutral-muted", "value": { "r": 0.5058823529411764, "g": 0.5450980392156862, "b": 0.596078431372549, "a": 0.12 }, "type": "COLOR", "alpha": 0.12, "refId": "mode/bgColor/neutral-muted", "reference": "base/color/light/base/color/neutral/8", "collection": "mode", "mode": "light protanopia deuteranopia", "group": "semantic", "scopes": ["FRAME_FILL", "SHAPE_FILL"] }, { "name": "bgColor/neutral-emphasis", "value": { "r": 0.34901960784313724, "g": 0.38823529411764707, "b": 0.43137254901960786, "a": 1 }, "type": "COLOR", "refId": "mode/bgColor/neutral-emphasis", "reference": "base/color/light/base/color/neutral/9", "collection": "mode", "mode": "light protanopia deuteranopia", "group": "semantic", "scopes": ["FRAME_FILL", "SHAPE_FILL"] }, { "name": "bgColor/accent-muted", "value": { "r": 0.8666666666666667, "g": 0.9568627450980393, "b": 1, "a": 1 }, "type": "COLOR", "refId": "mode/bgColor/accent-muted", "reference": "base/color/light/base/color/blue/0", "collection": "mode", "mode": "light protanopia deuteranopia", "group": "semantic", "scopes": ["FRAME_FILL", "SHAPE_FILL"], "codeSyntax": { "web": "var(--bgColor-accent-muted) /* utility class: .color-bg-accent */" } }, { "name": "bgColor/accent-emphasis", "value": { "r": 0.03529411764705882, "g": 0.4117647058823529, "b": 0.8549019607843137, "a": 1 }, "type": "COLOR", "refId": "mode/bgColor/accent-emphasis", "reference": "base/color/light/base/color/blue/5", "collection": "mode", "mode": "light protanopia deuteranopia", "group": "semantic", "scopes": ["FRAME_FILL", "SHAPE_FILL"], "codeSyntax": { "web": "var(--bgColor-accent-emphasis) /* utility class: .color-bg-accent-emphasis */" } }, { "name": "bgColor/success-muted", "value": { "r": 0.8666666666666667, "g": 0.9568627450980393, "b": 1, "a": 1 }, "type": "COLOR", "refId": "mode/bgColor/success-muted", "reference": "base/color/light/base/color/blue/0", "collection": "mode", "mode": "light protanopia deuteranopia", "group": "semantic", "scopes": ["FRAME_FILL", "SHAPE_FILL"], "codeSyntax": { "web": "var(--bgColor-success-muted) /* utility class: .color-bg-success */" } }, { "name": "bgColor/success-emphasis", "value": { "r": 0.03529411764705882, "g": 0.4117647058823529, "b": 0.8549019607843137, "a": 1 }, "type": "COLOR", "refId": "mode/bgColor/success-emphasis", "reference": "base/color/light/base/color/blue/5", "collection": "mode", "mode": "light protanopia deuteranopia", "group": "semantic", "scopes": ["FRAME_FILL", "SHAPE_FILL"], "codeSyntax": { "web": "var(--bgColor-success-emphasis) /* utility class: .color-bg-success-emphasis */" } }, { "name": "bgColor/open-muted", "value": { "r": 1, "g": 0.9450980392156862, "b": 0.8980392156862745, "a": 1 }, "type": "COLOR", "refId": "mode/bgColor/open-muted", "reference": "base/color/light/base/color/orange/0", "collection": "mode", "mode": "light protanopia deuteranopia", "group": "semantic", "scopes": ["FRAME_FILL", "SHAPE_FILL"], "codeSyntax": { "web": "var(--bgColor-success-muted) /* utility class: .color-bg-success */" } }, { "name": "bgColor/open-emphasis", "value": { "r": 0.7372549019607844, "g": 0.2980392156862745, "b": 0, "a": 1 }, "type": "COLOR", "refId": "mode/bgColor/open-emphasis", "reference": "base/color/light/base/color/orange/5", "collection": "mode", "mode": "light protanopia deuteranopia", "group": "semantic", "scopes": ["FRAME_FILL", "SHAPE_FILL"], "codeSyntax": { "web": "var(--bgColor-success-emphasis) /* utility class: .color-bg-success-emphasis */" } }, { "name": "bgColor/attention-muted", "value": { "r": 1, "g": 0.9725490196078431, "b": 0.7725490196078432, "a": 1 }, "type": "COLOR", "refId": "mode/bgColor/attention-muted", "reference": "base/color/light/base/color/yellow/0", "collection": "mode", "mode": "light protanopia deuteranopia", "group": "semantic", "scopes": ["FRAME_FILL", "SHAPE_FILL"], "codeSyntax": { "web": "var(--bgColor-attention-muted) /* utility class: .color-bg-attention */" } }, { "name": "bgColor/attention-emphasis", "value": { "r": 0.6039215686274509, "g": 0.403921568627451, "b": 0, "a": 1 }, "type": "COLOR", "refId": "mode/bgColor/attention-emphasis", "reference": "base/color/light/base/color/yellow/5", "collection": "mode", "mode": "light protanopia deuteranopia", "group": "semantic", "scopes": ["FRAME_FILL", "SHAPE_FILL"], "codeSyntax": { "web": "var(--bgColor-attention-emphasis) /* utility class: .color-bg-attention-emphasis */" } }, { "name": "bgColor/severe-muted", "value": { "r": 1, "g": 0.9450980392156862, "b": 0.8980392156862745, "a": 1 }, "type": "COLOR", "refId": "mode/bgColor/severe-muted", "reference": "base/color/light/base/color/orange/0", "collection": "mode", "mode": "light protanopia deuteranopia", "group": "semantic", "scopes": ["FRAME_FILL", "SHAPE_FILL"], "codeSyntax": { "web": "var(--bgColor-severe-muted) /* utility class: .color-bg-severe */" } }, { "name": "bgColor/severe-emphasis", "value": { "r": 0.7372549019607844, "g": 0.2980392156862745, "b": 0, "a": 1 }, "type": "COLOR", "refId": "mode/bgColor/severe-emphasis", "reference": "base/color/light/base/color/orange/5", "collection": "mode", "mode": "light protanopia deuteranopia", "group": "semantic", "scopes": ["FRAME_FILL", "SHAPE_FILL"], "codeSyntax": { "web": "var(--bgColor-severe-emphasis) /* utility class: .color-bg-severe-emphasis */" } }, { "name": "bgColor/danger-muted", "value": { "r": 1, "g": 0.9450980392156862, "b": 0.8980392156862745, "a": 1 }, "type": "COLOR", "refId": "mode/bgColor/danger-muted", "reference": "base/color/light/base/color/orange/0", "collection": "mode", "mode": "light protanopia deuteranopia", "group": "semantic", "scopes": ["FRAME_FILL", "SHAPE_FILL"], "codeSyntax": { "web": "var(--bgColor-danger-muted) /* utility class: .color-bg-danger */" } }, { "name": "bgColor/danger-emphasis", "value": { "r": 0.7372549019607844, "g": 0.2980392156862745, "b": 0, "a": 1 }, "type": "COLOR", "refId": "mode/bgColor/danger-emphasis", "reference": "base/color/light/base/color/orange/5", "collection": "mode", "mode": "light protanopia deuteranopia", "group": "semantic", "scopes": ["FRAME_FILL", "SHAPE_FILL"], "codeSyntax": { "web": "var(--bgColor-danger-emphasis) /* utility class: .color-bg-danger-emphasis */" } }, { "name": "bgColor/closed-muted", "value": { "r": 0.5058823529411764, "g": 0.5450980392156862, "b": 0.596078431372549, "a": 0.12 }, "type": "COLOR", "refId": "mode/bgColor/closed-muted", "reference": "mode/bgColor/neutral-muted", "collection": "mode", "mode": "light protanopia deuteranopia", "group": "semantic", "scopes": ["FRAME_FILL", "SHAPE_FILL"], "codeSyntax": { "web": "var(--bgColor-closed-muted) /* utility class: .color-bg-closed */" } }, { "name": "bgColor/closed-emphasis", "value": { "r": 0.34901960784313724, "g": 0.38823529411764707, "b": 0.43137254901960786, "a": 1 }, "type": "COLOR", "refId": "mode/bgColor/closed-emphasis", "reference": "mode/bgColor/neutral-emphasis", "collection": "mode", "mode": "light protanopia deuteranopia", "group": "semantic", "scopes": ["FRAME_FILL", "SHAPE_FILL"], "codeSyntax": { "web": "var(--bgColor-closed-emphasis) /* utility class: .color-bg-closed-emphasis */" } }, { "name": "bgColor/draft-muted", "value": { "r": 0.5058823529411764, "g": 0.5450980392156862, "b": 0.596078431372549, "a": 0.12 }, "type": "COLOR", "refId": "mode/bgColor/draft-muted", "reference": "mode/bgColor/neutral-muted", "collection": "mode", "mode": "light protanopia deuteranopia", "group": "semantic", "scopes": ["FRAME_FILL", "SHAPE_FILL"], "codeSyntax": { "web": "var(--bgColor-draft-muted)" } }, { "name": "bgColor/draft-emphasis", "value": { "r": 0.34901960784313724, "g": 0.38823529411764707, "b": 0.43137254901960786, "a": 1 }, "type": "COLOR", "refId": "mode/bgColor/draft-emphasis", "reference": "mode/bgColor/neutral-emphasis", "collection": "mode", "mode": "light protanopia deuteranopia", "group": "semantic", "scopes": ["FRAME_FILL", "SHAPE_FILL"], "codeSyntax": { "web": "var(--bgColor-draft-emphasis)" } }, { "name": "bgColor/done-muted", "value": { "r": 0.984313725490196, "g": 0.9372549019607843, "b": 1, "a": 1 }, "type": "COLOR", "refId": "mode/bgColor/done-muted", "reference": "base/color/light/base/color/purple/0", "collection": "mode", "mode": "light protanopia deuteranopia", "group": "semantic", "scopes": ["FRAME_FILL", "SHAPE_FILL"], "codeSyntax": { "web": "var(--bgColor-done-muted) /* utility class: .color-bg-done */" } }, { "name": "bgColor/done-emphasis", "value": { "r": 0.5098039215686274, "g": 0.3137254901960784, "b": 0.8745098039215686, "a": 1 }, "type": "COLOR", "refId": "mode/bgColor/done-emphasis", "reference": "base/color/light/base/color/purple/5", "collection": "mode", "mode": "light protanopia deuteranopia", "group": "semantic", "scopes": ["FRAME_FILL", "SHAPE_FILL"], "codeSyntax": { "web": "var(--bgColor-done-emphasis) /* utility class: .color-bg-done-emphasis */" } }, { "name": "bgColor/upsell-muted", "value": { "r": 0.984313725490196, "g": 0.9372549019607843, "b": 1, "a": 1 }, "type": "COLOR", "refId": "mode/bgColor/upsell-muted", "reference": "mode/bgColor/done-muted", "collection": "mode", "mode": "light protanopia deuteranopia", "group": "semantic", "scopes": ["FRAME_FILL", "SHAPE_FILL"], "codeSyntax": { "web": "var(--bgColor-upsell-muted)" } }, { "name": "bgColor/upsell-emphasis", "value": { "r": 0.5098039215686274, "g": 0.3137254901960784, "b": 0.8745098039215686, "a": 1 }, "type": "COLOR", "refId": "mode/bgColor/upsell-emphasis", "reference": "mode/bgColor/done-emphasis", "collection": "mode", "mode": "light protanopia deuteranopia", "group": "semantic", "scopes": ["FRAME_FILL", "SHAPE_FILL"], "codeSyntax": { "web": "var(--bgColor-upsell-emphasis)" } }, { "name": "bgColor/sponsors-muted", "value": { "r": 1, "g": 0.9372549019607843, "b": 0.9686274509803922, "a": 1 }, "type": "COLOR", "refId": "mode/bgColor/sponsors-muted", "reference": "base/color/light/base/color/pink/0", "collection": "mode", "mode": "light protanopia deuteranopia", "group": "semantic", "scopes": ["FRAME_FILL", "SHAPE_FILL"], "codeSyntax": { "web": "var(--bgColor-sponsors-muted) /* utility class: .color-bg-sponsors */" } }, { "name": "bgColor/sponsors-emphasis", "value": { "r": 0.7490196078431373, "g": 0.2235294117647059, "b": 0.5372549019607843, "a": 1 }, "type": "COLOR", "refId": "mode/bgColor/sponsors-emphasis", "reference": "base/color/light/base/color/pink/5", "collection": "mode", "mode": "light protanopia deuteranopia", "group": "semantic", "scopes": ["FRAME_FILL", "SHAPE_FILL"], "codeSyntax": { "web": "var(--bgColor-sponsors-emphasis) /* utility class: .color-bg-sponsors-emphasis */" } }, { "name": "borderColor/default", "value": { "r": 0.8196078431372549, "g": 0.8509803921568627, "b": 0.8784313725490196, "a": 1 }, "type": "COLOR", "refId": "mode/borderColor/default", "reference": "base/color/light/base/color/neutral/6", "collection": "mode", "mode": "light protanopia deuteranopia", "group": "semantic", "scopes": ["STROKE_COLOR", "EFFECT_COLOR"], "codeSyntax": { "web": "var(--borderColor-default) /* utility class: .color-border-default */" } }, { "name": "borderColor/muted", "value": { "r": 0.8196078431372549, "g": 0.8509803921568627, "b": 0.8784313725490196, "a": 0.7 }, "type": "COLOR", "alpha": 0.7, "refId": "mode/borderColor/muted", "reference": "mode/borderColor/default", "collection": "mode", "mode": "light protanopia deuteranopia", "group": "semantic", "scopes": ["STROKE_COLOR", "EFFECT_COLOR"], "codeSyntax": { "web": "var(--borderColor-muted) /* utility class: .color-border-muted */" } }, { "name": "borderColor/emphasis", "value": { "r": 0.5058823529411764, "g": 0.5450980392156862, "b": 0.596078431372549, "a": 1 }, "type": "COLOR", "refId": "mode/borderColor/emphasis", "reference": "base/color/light/base/color/neutral/8", "collection": "mode", "mode": "light protanopia deuteranopia", "group": "semantic", "scopes": ["STROKE_COLOR", "EFFECT_COLOR"] }, { "name": "borderColor/disabled", "value": { "r": 0.5058823529411764, "g": 0.5450980392156862, "b": 0.596078431372549, "a": 0.1 }, "type": "COLOR", "alpha": 0.1, "refId": "mode/borderColor/disabled", "reference": "base/color/light/base/color/neutral/8", "collection": "mode", "mode": "light protanopia deuteranopia", "group": "semantic", "scopes": ["STROKE_COLOR", "EFFECT_COLOR"] }, { "name": "borderColor/transparent", "value": { "r": 1, "g": 1, "b": 1, "a": 0 }, "type": "COLOR", "refId": "mode/borderColor/transparent", "reference": "base/color/light/base/color/transparent", "collection": "mode", "mode": "light protanopia deuteranopia", "group": "semantic", "scopes": ["STROKE_COLOR", "EFFECT_COLOR"] }, { "name": "borderColor/translucent", "value": { "r": 0.12156862745098039, "g": 0.13725490196078433, "b": 0.1568627450980392, "a": 0.15 }, "type": "COLOR", "alpha": 0.15, "refId": "mode/borderColor/translucent", "reference": "base/color/light/base/color/neutral/13", "collection": "mode", "mode": "light protanopia deuteranopia", "group": "semantic", "scopes": ["STROKE_COLOR", "EFFECT_COLOR"] }, { "name": "borderColor/neutral-muted", "value": { "r": 0.8196078431372549, "g": 0.8509803921568627, "b": 0.8784313725490196, "a": 0.7 }, "type": "COLOR", "refId": "mode/borderColor/neutral-muted", "reference": "mode/borderColor/muted", "collection": "mode", "mode": "light protanopia deuteranopia", "group": "semantic", "scopes": ["STROKE_COLOR"] }, { "name": "borderColor/neutral-emphasis", "value": { "r": 0.34901960784313724, "g": 0.38823529411764707, "b": 0.43137254901960786, "a": 1 }, "type": "COLOR", "refId": "mode/borderColor/neutral-emphasis", "reference": "base/color/light/base/color/neutral/9", "collection": "mode", "mode": "light protanopia deuteranopia", "group": "semantic", "scopes": ["STROKE_COLOR"] }, { "name": "borderColor/accent-muted", "value": { "r": 0.32941176470588235, "g": 0.6823529411764706, "b": 1, "a": 0.4 }, "type": "COLOR", "alpha": 0.4, "refId": "mode/borderColor/accent-muted", "reference": "base/color/light/base/color/blue/3", "collection": "mode", "mode": "light protanopia deuteranopia", "group": "semantic", "scopes": ["STROKE_COLOR", "EFFECT_COLOR"], "codeSyntax": { "web": "var(--borderColor-accent-muted) /* utility class: .color-border-accent */" } }, { "name": "borderColor/accent-emphasis", "value": { "r": 0.03529411764705882, "g": 0.4117647058823529, "b": 0.8549019607843137, "a": 1 }, "type": "COLOR", "refId": "mode/borderColor/accent-emphasis", "reference": "base/color/light/base/color/blue/5", "collection": "mode", "mode": "light protanopia deuteranopia", "group": "semantic", "scopes": ["STROKE_COLOR", "EFFECT_COLOR"], "codeSyntax": { "web": "var(--borderColor-accent-emphasis) /* utility class: .color-border-accent-emphasis */" } }, { "name": "borderColor/success-muted", "value": { "r": 0.8666666666666667, "g": 0.9568627450980393, "b": 1, "a": 1 }, "type": "COLOR", "alpha": 1, "refId": "mode/borderColor/success-muted", "reference": "base/color/light/base/color/blue/0", "collection": "mode", "mode": "light protanopia deuteranopia", "group": "semantic", "scopes": ["STROKE_COLOR"], "codeSyntax": { "web": "var(--borderColor-success-muted) /* utility class: .color-border-success */" } }, { "name": "borderColor/success-emphasis", "value": { "r": 0.03529411764705882, "g": 0.4117647058823529, "b": 0.8549019607843137, "a": 1 }, "type": "COLOR", "refId": "mode/borderColor/success-emphasis", "reference": "base/color/light/base/color/blue/5", "collection": "mode", "mode": "light protanopia deuteranopia", "group": "semantic", "scopes": ["STROKE_COLOR"], "codeSyntax": { "web": "var(--borderColor-success-emphasis) /* utility class: .color-border-success-emphasis */" } }, { "name": "borderColor/open-muted", "value": { "r": 0.984313725490196, "g": 0.5607843137254902, "b": 0.26666666666666666, "a": 0.4 }, "type": "COLOR", "alpha": 0.4, "refId": "mode/borderColor/open-muted", "reference": "base/color/light/base/color/orange/3", "collection": "mode", "mode": "light protanopia deuteranopia", "group": "semantic", "scopes": ["STROKE_COLOR"], "codeSyntax": { "web": "var(--borderColor-open-muted) /* utility class: .color-border-open */" } }, { "name": "borderColor/open-emphasis", "value": { "r": 0.7372549019607844, "g": 0.2980392156862745, "b": 0, "a": 1 }, "type": "COLOR", "refId": "mode/borderColor/open-emphasis", "reference": "base/color/light/base/color/orange/5", "collection": "mode", "mode": "light protanopia deuteranopia", "group": "semantic", "scopes": ["STROKE_COLOR"], "codeSyntax": { "web": "var(--borderColor-open-emphasis) /* utility class: .color-border-open-emphasis */" } }, { "name": "borderColor/attention-muted", "value": { "r": 0.8313725490196079, "g": 0.6549019607843137, "b": 0.17254901960784313, "a": 0.4 }, "type": "COLOR", "alpha": 0.4, "refId": "mode/borderColor/attention-muted", "reference": "base/color/light/base/color/yellow/3", "collection": "mode", "mode": "light protanopia deuteranopia", "group": "semantic", "scopes": ["STROKE_COLOR"], "codeSyntax": { "web": "var(--borderColor-attention-muted) /* utility class: .color-border-attention */" } }, { "name": "borderColor/attention-emphasis", "value": { "r": 0.6039215686274509, "g": 0.403921568627451, "b": 0, "a": 1 }, "type": "COLOR", "refId": "mode/borderColor/attention-emphasis", "reference": "base/color/light/base/color/yellow/5", "collection": "mode", "mode": "light protanopia deuteranopia", "group": "semantic", "scopes": ["STROKE_COLOR"], "codeSyntax": { "web": "var(--borderColor-attention-emphasis) /* utility class: .color-border-attention-emphasis */" } }, { "name": "borderColor/severe-muted", "value": { "r": 0.984313725490196, "g": 0.5607843137254902, "b": 0.26666666666666666, "a": 0.4 }, "type": "COLOR", "alpha": 0.4, "refId": "mode/borderColor/severe-muted", "reference": "base/color/light/base/color/orange/3", "collection": "mode", "mode": "light protanopia deuteranopia", "group": "semantic", "scopes": ["STROKE_COLOR"], "codeSyntax": { "web": "var(--borderColor-severe-muted) /* utility class: .color-border-severe */" } }, { "name": "borderColor/severe-emphasis", "value": { "r": 0.7372549019607844, "g": 0.2980392156862745, "b": 0, "a": 1 }, "type": "COLOR", "refId": "mode/borderColor/severe-emphasis", "reference": "base/color/light/base/color/orange/5", "collection": "mode", "mode": "light protanopia deuteranopia", "group": "semantic", "scopes": ["STROKE_COLOR"], "codeSyntax": { "web": "var(--borderColor-severe-emphasis) /* utility class: .color-border-severe-emphasis */" } }, { "name": "borderColor/danger-muted", "value": { "r": 1, "g": 0.9450980392156862, "b": 0.8980392156862745, "a": 1 }, "type": "COLOR", "alpha": 1, "refId": "mode/borderColor/danger-muted", "reference": "base/color/light/base/color/orange/0", "collection": "mode", "mode": "light protanopia deuteranopia", "group": "semantic", "scopes": ["STROKE_COLOR"], "codeSyntax": { "web": "var(--borderColor-danger-muted) /* utility class: .color-border-danger */" } }, { "name": "borderColor/danger-emphasis", "value": { "r": 0.7372549019607844, "g": 0.2980392156862745, "b": 0, "a": 1 }, "type": "COLOR", "refId": "mode/borderColor/danger-emphasis", "reference": "base/color/light/base/color/orange/5", "collection": "mode", "mode": "light protanopia deuteranopia", "group": "semantic", "scopes": ["STROKE_COLOR"], "codeSyntax": { "web": "var(--borderColor-danger-emphasis) /* utility class: .color-border-danger-emphasis */" } }, { "name": "borderColor/closed-muted", "value": { "r": 0.8196078431372549, "g": 0.8509803921568627, "b": 0.8784313725490196, "a": 0.4 }, "type": "COLOR", "alpha": 0.4, "refId": "mode/borderColor/closed-muted", "reference": "mode/borderColor/default", "collection": "mode", "mode": "light protanopia deuteranopia", "group": "semantic", "scopes": ["STROKE_COLOR"], "codeSyntax": { "web": "var(--borderColor-closed-muted) /* utility class: .color-border-closed */" } }, { "name": "borderColor/closed-emphasis", "value": { "r": 0.5058823529411764, "g": 0.5450980392156862, "b": 0.596078431372549, "a": 1 }, "type": "COLOR", "refId": "mode/borderColor/closed-emphasis", "reference": "mode/borderColor/emphasis", "collection"