@gitlab/ui
Version:
GitLab UI Components
2,050 lines (2,049 loc) • 54.8 kB
JSON
{
"theme": {
"indigo": {
"10": {
"$value": {
"default": {
"colorSpace": "srgb",
"components": [
0.9725490196078431,
0.9725490196078431,
1
],
"alpha": 1,
"hex": "#f8f8ff"
},
"dark": {
"colorSpace": "srgb",
"components": [
0.0784313725490196,
0.0784313725490196,
0.23921568627450981
],
"alpha": 1,
"hex": "#14143d"
}
},
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"themeable": true,
"prefix": false,
"$deprecated": true
},
"50": {
"$value": {
"default": {
"colorSpace": "srgb",
"components": [
0.9450980392156862,
0.9450980392156862,
1
],
"alpha": 1,
"hex": "#f1f1ff"
},
"dark": {
"colorSpace": "srgb",
"components": [
0.13333333333333333,
0.13333333333333333,
0.3803921568627451
],
"alpha": 1,
"hex": "#222261"
}
},
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"themeable": true,
"prefix": false,
"$deprecated": true
},
"100": {
"$value": {
"default": {
"colorSpace": "srgb",
"components": [
0.8588235294117647,
0.8588235294117647,
0.9725490196078431
],
"alpha": 1,
"hex": "#dbdbf8"
},
"dark": {
"colorSpace": "srgb",
"components": [
0.18823529411764706,
0.18823529411764706,
0.5137254901960784
],
"alpha": 1,
"hex": "#303083"
}
},
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"themeable": true,
"prefix": false,
"$deprecated": true
},
"200": {
"$value": {
"default": {
"colorSpace": "srgb",
"components": [
0.7803921568627451,
0.7803921568627451,
0.9490196078431372
],
"alpha": 1,
"hex": "#c7c7f2"
},
"dark": {
"colorSpace": "srgb",
"components": [
0.2549019607843137,
0.2549019607843137,
0.6235294117647059
],
"alpha": 1,
"hex": "#41419f"
}
},
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"themeable": true,
"prefix": false,
"$deprecated": true
},
"300": {
"$value": {
"default": {
"colorSpace": "srgb",
"components": [
0.6352941176470588,
0.6352941176470588,
0.9019607843137255
],
"alpha": 1,
"hex": "#a2a2e6"
},
"dark": {
"colorSpace": "srgb",
"components": [
0.3215686274509804,
0.3215686274509804,
0.7098039215686275
],
"alpha": 1,
"hex": "#5252b5"
}
},
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"themeable": true,
"prefix": false,
"$deprecated": true
},
"400": {
"$value": {
"default": {
"colorSpace": "srgb",
"components": [
0.5058823529411764,
0.5058823529411764,
0.8431372549019608
],
"alpha": 1,
"hex": "#8181d7"
},
"dark": {
"colorSpace": "srgb",
"components": [
0.4,
0.4,
0.7686274509803922
],
"alpha": 1,
"hex": "#6666c4"
}
},
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"themeable": true,
"prefix": false,
"$deprecated": true
},
"500": {
"$value": {
"default": {
"colorSpace": "srgb",
"components": [
0.4,
0.4,
0.7686274509803922
],
"alpha": 1,
"hex": "#6666c4"
},
"dark": {
"colorSpace": "srgb",
"components": [
0.5058823529411764,
0.5058823529411764,
0.8431372549019608
],
"alpha": 1,
"hex": "#8181d7"
}
},
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"themeable": true,
"prefix": false,
"$deprecated": true
},
"600": {
"$value": {
"default": {
"colorSpace": "srgb",
"components": [
0.3215686274509804,
0.3215686274509804,
0.7098039215686275
],
"alpha": 1,
"hex": "#5252b5"
},
"dark": {
"colorSpace": "srgb",
"components": [
0.6352941176470588,
0.6352941176470588,
0.9019607843137255
],
"alpha": 1,
"hex": "#a2a2e6"
}
},
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"themeable": true,
"prefix": false,
"$deprecated": true
},
"700": {
"$value": {
"default": {
"colorSpace": "srgb",
"components": [
0.2549019607843137,
0.2549019607843137,
0.6235294117647059
],
"alpha": 1,
"hex": "#41419f"
},
"dark": {
"colorSpace": "srgb",
"components": [
0.7803921568627451,
0.7803921568627451,
0.9490196078431372
],
"alpha": 1,
"hex": "#c7c7f2"
}
},
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"themeable": true,
"prefix": false,
"$deprecated": true
},
"800": {
"$value": {
"default": {
"colorSpace": "srgb",
"components": [
0.18823529411764706,
0.18823529411764706,
0.5137254901960784
],
"alpha": 1,
"hex": "#303083"
},
"dark": {
"colorSpace": "srgb",
"components": [
0.8588235294117647,
0.8588235294117647,
0.9725490196078431
],
"alpha": 1,
"hex": "#dbdbf8"
}
},
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"themeable": true,
"prefix": false,
"$deprecated": true
},
"900": {
"$value": {
"default": {
"colorSpace": "srgb",
"components": [
0.13333333333333333,
0.13333333333333333,
0.3803921568627451
],
"alpha": 1,
"hex": "#222261"
},
"dark": {
"colorSpace": "srgb",
"components": [
0.9450980392156862,
0.9450980392156862,
1
],
"alpha": 1,
"hex": "#f1f1ff"
}
},
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"themeable": true,
"prefix": false,
"$deprecated": true
},
"950": {
"$value": {
"default": {
"colorSpace": "srgb",
"components": [
0.0784313725490196,
0.0784313725490196,
0.23921568627450981
],
"alpha": 1,
"hex": "#14143d"
},
"dark": {
"colorSpace": "srgb",
"components": [
0.9725490196078431,
0.9725490196078431,
1
],
"alpha": 1,
"hex": "#f8f8ff"
}
},
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"themeable": true,
"prefix": false,
"$deprecated": true
}
},
"blue": {
"10": {
"$value": {
"default": {
"colorSpace": "srgb",
"components": [
0.9019607843137255,
0.9254901960784314,
0.9411764705882353
],
"alpha": 1,
"hex": "#e6ecf0"
},
"dark": {
"colorSpace": "srgb",
"components": [
0.01568627450980392,
0.06274509803921569,
0.10980392156862745
],
"alpha": 1,
"hex": "#04101c"
}
},
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"themeable": true,
"prefix": false,
"$deprecated": true
},
"50": {
"$value": {
"default": {
"colorSpace": "srgb",
"components": [
0.803921568627451,
0.8470588235294118,
0.8901960784313725
],
"alpha": 1,
"hex": "#cdd8e3"
},
"dark": {
"colorSpace": "srgb",
"components": [
0.043137254901960784,
0.14901960784313725,
0.25098039215686274
],
"alpha": 1,
"hex": "#0b2640"
}
},
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"themeable": true,
"prefix": false,
"$deprecated": true
},
"100": {
"$value": {
"default": {
"colorSpace": "srgb",
"components": [
0.7254901960784313,
0.792156862745098,
0.8627450980392157
],
"alpha": 1,
"hex": "#b9cadc"
},
"dark": {
"colorSpace": "srgb",
"components": [
0.08235294117647059,
0.23529411764705882,
0.38823529411764707
],
"alpha": 1,
"hex": "#153c63"
}
},
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"themeable": true,
"prefix": false,
"$deprecated": true
},
"200": {
"$value": {
"default": {
"colorSpace": "srgb",
"components": [
0.6509803921568628,
0.7411764705882353,
0.8352941176470589
],
"alpha": 1,
"hex": "#a6bdd5"
},
"dark": {
"colorSpace": "srgb",
"components": [
0.13725490196078433,
0.3176470588235294,
0.5019607843137255
],
"alpha": 1,
"hex": "#235180"
}
},
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"themeable": true,
"prefix": false,
"$deprecated": true
},
"300": {
"$value": {
"default": {
"colorSpace": "srgb",
"components": [
0.5058823529411764,
0.6470588235294118,
0.788235294117647
],
"alpha": 1,
"hex": "#81a5c9"
},
"dark": {
"colorSpace": "srgb",
"components": [
0.20392156862745098,
0.396078431372549,
0.5882352941176471
],
"alpha": 1,
"hex": "#346596"
}
},
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"themeable": true,
"prefix": false,
"$deprecated": true
},
"400": {
"$value": {
"default": {
"colorSpace": "srgb",
"components": [
0.3843137254901961,
0.5568627450980392,
0.7254901960784313
],
"alpha": 1,
"hex": "#628eb9"
},
"dark": {
"colorSpace": "srgb",
"components": [
0.28627450980392155,
0.4666666666666667,
0.6470588235294118
],
"alpha": 1,
"hex": "#4977a5"
}
},
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"themeable": true,
"prefix": false,
"$deprecated": true
},
"500": {
"$value": {
"default": {
"colorSpace": "srgb",
"components": [
0.28627450980392155,
0.4666666666666667,
0.6470588235294118
],
"alpha": 1,
"hex": "#4977a5"
},
"dark": {
"colorSpace": "srgb",
"components": [
0.3843137254901961,
0.5568627450980392,
0.7254901960784313
],
"alpha": 1,
"hex": "#628eb9"
}
},
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"themeable": true,
"prefix": false,
"$deprecated": true
},
"600": {
"$value": {
"default": {
"colorSpace": "srgb",
"components": [
0.20392156862745098,
0.396078431372549,
0.5882352941176471
],
"alpha": 1,
"hex": "#346596"
},
"dark": {
"colorSpace": "srgb",
"components": [
0.5058823529411764,
0.6470588235294118,
0.788235294117647
],
"alpha": 1,
"hex": "#81a5c9"
}
},
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"themeable": true,
"prefix": false,
"$deprecated": true
},
"700": {
"$value": {
"default": {
"colorSpace": "srgb",
"components": [
0.13725490196078433,
0.3176470588235294,
0.5019607843137255
],
"alpha": 1,
"hex": "#235180"
},
"dark": {
"colorSpace": "srgb",
"components": [
0.6509803921568628,
0.7411764705882353,
0.8352941176470589
],
"alpha": 1,
"hex": "#a6bdd5"
}
},
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"themeable": true,
"prefix": false,
"$deprecated": true
},
"800": {
"$value": {
"default": {
"colorSpace": "srgb",
"components": [
0.08235294117647059,
0.23529411764705882,
0.38823529411764707
],
"alpha": 1,
"hex": "#153c63"
},
"dark": {
"colorSpace": "srgb",
"components": [
0.7254901960784313,
0.792156862745098,
0.8627450980392157
],
"alpha": 1,
"hex": "#b9cadc"
}
},
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"themeable": true,
"prefix": false,
"$deprecated": true
},
"900": {
"$value": {
"default": {
"colorSpace": "srgb",
"components": [
0.043137254901960784,
0.14901960784313725,
0.25098039215686274
],
"alpha": 1,
"hex": "#0b2640"
},
"dark": {
"colorSpace": "srgb",
"components": [
0.803921568627451,
0.8470588235294118,
0.8901960784313725
],
"alpha": 1,
"hex": "#cdd8e3"
}
},
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"themeable": true,
"prefix": false,
"$deprecated": true
},
"950": {
"$value": {
"default": {
"colorSpace": "srgb",
"components": [
0.01568627450980392,
0.06274509803921569,
0.10980392156862745
],
"alpha": 1,
"hex": "#04101c"
},
"dark": {
"colorSpace": "srgb",
"components": [
0.9019607843137255,
0.9254901960784314,
0.9411764705882353
],
"alpha": 1,
"hex": "#e6ecf0"
}
},
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"themeable": true,
"prefix": false,
"$deprecated": true
}
},
"light-blue": {
"10": {
"$value": {
"default": {
"colorSpace": "srgb",
"components": [
0.9333333333333333,
0.9529411764705882,
0.9686274509803922
],
"alpha": 1,
"hex": "#eef3f7"
},
"dark": {
"colorSpace": "srgb",
"components": [
0.0392156862745098,
0.21568627450980393,
0.39215686274509803
],
"alpha": 1,
"hex": "#0a3764"
}
},
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"themeable": true,
"prefix": false,
"$deprecated": true
},
"50": {
"$value": {
"default": {
"colorSpace": "srgb",
"components": [
0.8666666666666667,
0.9019607843137255,
0.9333333333333333
],
"alpha": 1,
"hex": "#dde6ee"
},
"dark": {
"colorSpace": "srgb",
"components": [
0.047058823529411764,
0.25882352941176473,
0.4666666666666667
],
"alpha": 1,
"hex": "#0c4277"
}
},
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"themeable": true,
"prefix": false,
"$deprecated": true
},
"100": {
"$value": {
"default": {
"colorSpace": "srgb",
"components": [
0.7568627450980392,
0.8313725490196079,
0.9019607843137255
],
"alpha": 1,
"hex": "#c1d4e6"
},
"dark": {
"colorSpace": "srgb",
"components": [
0.054901960784313725,
0.30196078431372547,
0.5529411764705883
],
"alpha": 1,
"hex": "#0e4d8d"
}
},
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"themeable": true,
"prefix": false,
"$deprecated": true
},
"200": {
"$value": {
"default": {
"colorSpace": "srgb",
"components": [
0.6274509803921569,
0.7450980392156863,
0.8627450980392157
],
"alpha": 1,
"hex": "#a0bedc"
},
"dark": {
"colorSpace": "srgb",
"components": [
0.0784313725490196,
0.35294117647058826,
0.6313725490196078
],
"alpha": 1,
"hex": "#145aa1"
}
},
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"themeable": true,
"prefix": false,
"$deprecated": true
},
"300": {
"$value": {
"default": {
"colorSpace": "srgb",
"components": [
0.4549019607843137,
0.6392156862745098,
0.8274509803921568
],
"alpha": 1,
"hex": "#74a3d3"
},
"dark": {
"colorSpace": "srgb",
"components": [
0.13333333333333333,
0.40784313725490196,
0.6823529411764706
],
"alpha": 1,
"hex": "#2268ae"
}
},
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"themeable": true,
"prefix": false,
"$deprecated": true
},
"400": {
"$value": {
"default": {
"colorSpace": "srgb",
"components": [
0.30980392156862746,
0.5450980392156862,
0.7803921568627451
],
"alpha": 1,
"hex": "#4f8bc7"
},
"dark": {
"colorSpace": "srgb",
"components": [
0.20392156862745098,
0.4627450980392157,
0.7254901960784313
],
"alpha": 1,
"hex": "#3476b9"
}
},
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"themeable": true,
"prefix": false,
"$deprecated": true
},
"500": {
"$value": {
"default": {
"colorSpace": "srgb",
"components": [
0.20392156862745098,
0.4627450980392157,
0.7254901960784313
],
"alpha": 1,
"hex": "#3476b9"
},
"dark": {
"colorSpace": "srgb",
"components": [
0.30980392156862746,
0.5450980392156862,
0.7803921568627451
],
"alpha": 1,
"hex": "#4f8bc7"
}
},
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"themeable": true,
"prefix": false,
"$deprecated": true
},
"600": {
"$value": {
"default": {
"colorSpace": "srgb",
"components": [
0.13333333333333333,
0.40784313725490196,
0.6823529411764706
],
"alpha": 1,
"hex": "#2268ae"
},
"dark": {
"colorSpace": "srgb",
"components": [
0.4549019607843137,
0.6392156862745098,
0.8274509803921568
],
"alpha": 1,
"hex": "#74a3d3"
}
},
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"themeable": true,
"prefix": false,
"$deprecated": true
},
"700": {
"$value": {
"default": {
"colorSpace": "srgb",
"components": [
0.0784313725490196,
0.35294117647058826,
0.6313725490196078
],
"alpha": 1,
"hex": "#145aa1"
},
"dark": {
"colorSpace": "srgb",
"components": [
0.6274509803921569,
0.7450980392156863,
0.8627450980392157
],
"alpha": 1,
"hex": "#a0bedc"
}
},
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"themeable": true,
"prefix": false,
"$deprecated": true
},
"800": {
"$value": {
"default": {
"colorSpace": "srgb",
"components": [
0.054901960784313725,
0.30196078431372547,
0.5529411764705883
],
"alpha": 1,
"hex": "#0e4d8d"
},
"dark": {
"colorSpace": "srgb",
"components": [
0.7568627450980392,
0.8313725490196079,
0.9019607843137255
],
"alpha": 1,
"hex": "#c1d4e6"
}
},
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"themeable": true,
"prefix": false,
"$deprecated": true
},
"900": {
"$value": {
"default": {
"colorSpace": "srgb",
"components": [
0.047058823529411764,
0.25882352941176473,
0.4666666666666667
],
"alpha": 1,
"hex": "#0c4277"
},
"dark": {
"colorSpace": "srgb",
"components": [
0.8666666666666667,
0.9019607843137255,
0.9333333333333333
],
"alpha": 1,
"hex": "#dde6ee"
}
},
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"themeable": true,
"prefix": false,
"$deprecated": true
},
"950": {
"$value": {
"default": {
"colorSpace": "srgb",
"components": [
0.0392156862745098,
0.21568627450980393,
0.39215686274509803
],
"alpha": 1,
"hex": "#0a3764"
},
"dark": {
"colorSpace": "srgb",
"components": [
0.9333333333333333,
0.9529411764705882,
0.9686274509803922
],
"alpha": 1,
"hex": "#eef3f7"
}
},
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"themeable": true,
"prefix": false,
"$deprecated": true
}
},
"green": {
"10": {
"$value": {
"default": {
"colorSpace": "srgb",
"components": [
0.9333333333333333,
0.9568627450980393,
0.9372549019607843
],
"alpha": 1,
"hex": "#eef4ef"
},
"dark": {
"colorSpace": "srgb",
"components": [
0.0196078431372549,
0.1803921568627451,
0.09803921568627451
],
"alpha": 1,
"hex": "#052e19"
}
},
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"themeable": true,
"prefix": false,
"$deprecated": true
},
"50": {
"$value": {
"default": {
"colorSpace": "srgb",
"components": [
0.8666666666666667,
0.9137254901960784,
0.8705882352941177
],
"alpha": 1,
"hex": "#dde9de"
},
"dark": {
"colorSpace": "srgb",
"components": [
0.054901960784313725,
0.2627450980392157,
0.1568627450980392
],
"alpha": 1,
"hex": "#0e4328"
}
},
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"themeable": true,
"prefix": false,
"$deprecated": true
},
"100": {
"$value": {
"default": {
"colorSpace": "srgb",
"components": [
0.6941176470588235,
0.8392156862745098,
0.7098039215686275
],
"alpha": 1,
"hex": "#b1d6b5"
},
"dark": {
"colorSpace": "srgb",
"components": [
0.08235294117647059,
0.33725490196078434,
0.20784313725490197
],
"alpha": 1,
"hex": "#155635"
}
},
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"themeable": true,
"prefix": false,
"$deprecated": true
},
"200": {
"$value": {
"default": {
"colorSpace": "srgb",
"components": [
0.5490196078431373,
0.7686274509803922,
0.592156862745098
],
"alpha": 1,
"hex": "#8cc497"
},
"dark": {
"colorSpace": "srgb",
"components": [
0.10588235294117647,
0.396078431372549,
0.24705882352941178
],
"alpha": 1,
"hex": "#1b653f"
}
},
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"themeable": true,
"prefix": false,
"$deprecated": true
},
"300": {
"$value": {
"default": {
"colorSpace": "srgb",
"components": [
0.4117647058823529,
0.6862745098039216,
0.49019607843137253
],
"alpha": 1,
"hex": "#69af7d"
},
"dark": {
"colorSpace": "srgb",
"components": [
0.1450980392156863,
0.4549019607843137,
0.2980392156862745
],
"alpha": 1,
"hex": "#25744c"
}
},
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"themeable": true,
"prefix": false,
"$deprecated": true
},
"400": {
"$value": {
"default": {
"colorSpace": "srgb",
"components": [
0.28627450980392155,
0.592156862745098,
0.403921568627451
],
"alpha": 1,
"hex": "#499767"
},
"dark": {
"colorSpace": "srgb",
"components": [
0.18823529411764706,
0.5098039215686274,
0.34509803921568627
],
"alpha": 1,
"hex": "#308258"
}
},
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"themeable": true,
"prefix": false,
"$deprecated": true
},
"500": {
"$value": {
"default": {
"colorSpace": "srgb",
"components": [
0.18823529411764706,
0.5098039215686274,
0.34509803921568627
],
"alpha": 1,
"hex": "#308258"
},
"dark": {
"colorSpace": "srgb",
"components": [
0.28627450980392155,
0.592156862745098,
0.403921568627451
],
"alpha": 1,
"hex": "#499767"
}
},
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"themeable": true,
"prefix": false,
"$deprecated": true
},
"600": {
"$value": {
"default": {
"colorSpace": "srgb",
"components": [
0.1450980392156863,
0.4549019607843137,
0.2980392156862745
],
"alpha": 1,
"hex": "#25744c"
},
"dark": {
"colorSpace": "srgb",
"components": [
0.4117647058823529,
0.6862745098039216,
0.49019607843137253
],
"alpha": 1,
"hex": "#69af7d"
}
},
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"themeable": true,
"prefix": false,
"$deprecated": true
},
"700": {
"$value": {
"default": {
"colorSpace": "srgb",
"components": [
0.10588235294117647,
0.396078431372549,
0.24705882352941178
],
"alpha": 1,
"hex": "#1b653f"
},
"dark": {
"colorSpace": "srgb",
"components": [
0.5490196078431373,
0.7686274509803922,
0.592156862745098
],
"alpha": 1,
"hex": "#8cc497"
}
},
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"themeable": true,
"prefix": false,
"$deprecated": true
},
"800": {
"$value": {
"default": {
"colorSpace": "srgb",
"components": [
0.08235294117647059,
0.33725490196078434,
0.20784313725490197
],
"alpha": 1,
"hex": "#155635"
},
"dark": {
"colorSpace": "srgb",
"components": [
0.6941176470588235,
0.8392156862745098,
0.7098039215686275
],
"alpha": 1,
"hex": "#b1d6b5"
}
},
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"themeable": true,
"prefix": false,
"$deprecated": true
},
"900": {
"$value": {
"default": {
"colorSpace": "srgb",
"components": [
0.054901960784313725,
0.2627450980392157,
0.1568627450980392
],
"alpha": 1,
"hex": "#0e4328"
},
"dark": {
"colorSpace": "srgb",
"components": [
0.8666666666666667,
0.9137254901960784,
0.8705882352941177
],
"alpha": 1,
"hex": "#dde9de"
}
},
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"themeable": true,
"prefix": false,
"$deprecated": true
},
"950": {
"$value": {
"default": {
"colorSpace": "srgb",
"components": [
0.0196078431372549,
0.1803921568627451,
0.09803921568627451
],
"alpha": 1,
"hex": "#052e19"
},
"dark": {
"colorSpace": "srgb",
"components": [
0.9333333333333333,
0.9568627450980393,
0.9372549019607843
],
"alpha": 1,
"hex": "#eef4ef"
}
},
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"themeable": true,
"prefix": false,
"$deprecated": true
}
},
"red": {
"10": {
"$value": {
"default": {
"colorSpace": "srgb",
"components": [
0.9803921568627451,
0.9568627450980393,
0.9529411764705882
],
"alpha": 1,
"hex": "#faf4f3"
},
"dark": {
"colorSpace": "srgb",
"components": [
0.2196078431372549,
0.027450980392156862,
0
],
"alpha": 1,
"hex": "#380700"
}
},
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"themeable": true,
"prefix": false,
"$deprecated": true
},
"50": {
"$value": {
"default": {
"colorSpace": "srgb",
"components": [
0.9568627450980393,
0.9137254901960784,
0.9058823529411765
],
"alpha": 1,
"hex": "#f4e9e7"
},
"dark": {
"colorSpace": "srgb",
"components": [
0.34509803921568627,
0.050980392156862744,
0.00784313725490196
],
"alpha": 1,
"hex": "#580d02"
}
},
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"themeable": true,
"prefix": false,
"$deprecated": true
},
"100": {
"$value": {
"default": {
"colorSpace": "srgb",
"components": [
0.9254901960784314,
0.8274509803921568,
0.8156862745098039
],
"alpha": 1,
"hex": "#ecd3d0"
},
"dark": {
"colorSpace": "srgb",
"components": [
0.4627450980392157,
0.0784313725490196,
0.0196078431372549
],
"alpha": 1,
"hex": "#761405"
}
},
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"themeable": true,
"prefix": false,
"$deprecated": true
},
"200": {
"$value": {
"default": {
"colorSpace": "srgb",
"components": [
0.8901960784313725,
0.7294117647058823,
0.7098039215686275
],
"alpha": 1,
"hex": "#e3bab5"
},
"dark": {
"colorSpace": "srgb",
"components": [
0.5607843137254902,
0.12941176470588237,
0.06274509803921569
],
"alpha": 1,
"hex": "#8f2110"
}
},
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"themeable": true,
"prefix": false,
"$deprecated": true
},
"300": {
"$value": {
"default": {
"colorSpace": "srgb",
"components": [
0.8352941176470589,
0.5647058823529412,
0.5254901960784314
],
"alpha": 1,
"hex": "#d59086"
},
"dark": {
"colorSpace": "srgb",
"components": [
0.6313725490196078,
0.2,
0.13333333333333333
],
"alpha": 1,
"hex": "#a13322"
}
},
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"themeable": true,
"prefix": false,
"$deprecated": true
},
"400": {
"$value": {
"default": {
"colorSpace": "srgb",
"components": [
0.7764705882352941,
0.43137254901960786,
0.3764705882352941
],
"alpha": 1,
"hex": "#c66e60"
},
"dark": {
"colorSpace": "srgb",
"components": [
0.6784313725490196,
0.2901960784313726,
0.23137254901960785
],
"alpha": 1,
"hex": "#ad4a3b"
}
},
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"themeable": true,
"prefix": false,
"$deprecated": true
},
"500": {
"$value": {
"default": {
"colorSpace": "srgb",
"components": [
0.6784313725490196,
0.2901960784313726,
0.23137254901960785
],
"alpha": 1,
"hex": "#ad4a3b"
},
"dark": {
"colorSpace": "srgb",
"components": [
0.7764705882352941,
0.43137254901960786,
0.3764705882352941
],
"alpha": 1,
"hex": "#c66e60"
}
},
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"themeable": true,
"prefix": false,
"$deprecated": true
},
"600": {
"$value": {
"default": {
"colorSpace": "srgb",
"components": [
0.6313725490196078,
0.2,
0.13333333333333333
],
"alpha": 1,
"hex": "#a13322"
},
"dark": {
"colorSpace": "srgb",
"components": [
0.8352941176470589,
0.5647058823529412,
0.5254901960784314
],
"alpha": 1,
"hex": "#d59086"
}
},
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"themeable": true,
"prefix": false,
"$deprecated": true
},
"700": {
"$value": {
"default": {
"colorSpace": "srgb",
"components": [
0.5607843137254902,
0.12941176470588237,
0.06274509803921569
],
"alpha": 1,
"hex": "#8f2110"
},
"dark": {
"colorSpace": "srgb",
"components": [
0.8901960784313725,
0.7294117647058823,
0.7098039215686275
],
"alpha": 1,
"hex": "#e3bab5"
}
},
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"themeable": true,
"prefix": false,
"$deprecated": true
},
"800": {
"$value": {
"default": {
"colorSpace": "srgb",
"components": [
0.4627450980392157,
0.0784313725490196,
0.0196078431372549
],
"alpha": 1,
"hex": "#761405"
},
"dark": {
"colorSpace": "srgb",
"components": [
0.9254901960784314,
0.8274509803921568,
0.8156862745098039
],
"alpha": 1,
"hex": "#ecd3d0"
}
},
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"themeable": true,
"prefix": false,
"$deprecated": true
},
"900": {
"$value": {
"default": {
"colorSpace": "srgb",
"components": [
0.34509803921568627,
0.050980392156862744,
0.00784313725490196
],
"alpha": 1,
"hex": "#580d02"
},
"dark": {
"colorSpace": "srgb",
"components": [
0.9568627450980393,
0.9137254901960784,
0.9058823529411765
],
"alpha": 1,
"hex": "#f4e9e7"
}
},
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"themeable": true,
"prefix": false,
"$deprecated": true
},
"950": {
"$value": {
"default": {
"colorSpace": "srgb",
"components": [
0.2196078431372549,
0.027450980392156862,
0
],
"alpha": 1,
"hex": "#380700"
},
"dark": {
"colorSpace": "srgb",
"components": [
0.9803921568627451,
0.9568627450980393,
0.9529411764705882
],
"alpha": 1,
"hex": "#faf4f3"
}
},
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"themeable": true,
"prefix": false,
"$deprecated": true
}
},
"light-red": {
"10": {
"$value": {
"default": {
"colorSpace": "srgb",
"components": [
0.9921568627450981,
0.9764705882352941,
0.9725490196078431
],
"alpha": 1,
"hex": "#fdf9f8"
},
"dark": {
"colorSpace": "srgb",
"components": [
0.3607843137254902,
0.06666666666666667,
0.0196078431372549
],
"alpha": 1,
"hex": "#5c1105"
}
},
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"themeable": true,
"prefix": false,
"$deprecated": true
},
"50": {
"$value": {
"default": {
"colorSpace": "srgb",
"components": [
0.9803921568627451,
0.9490196078431372,
0.9450980392156862
],
"alpha": 1,
"hex": "#faf2f1"
},
"dark": {
"colorSpace": "srgb",
"components": [
0.4588235294117647,
0.09019607843137255,
0.03529411764705882
],
"alpha": 1,
"hex": "#751709"
}
},
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"themeable": true,
"prefix": false,
"$deprecated": true
},
"100": {
"$value": {
"default": {
"colorSpace": "srgb",
"components": [
0.9647058823529412,
0.8509803921568627,
0.8352941176470589
],
"alpha": 1,
"hex": "#f6d9d5"
},
"dark": {
"colorSpace": "srgb",
"components": [
0.5450980392156862,
0.13333333333333333,
0.07058823529411765
],
"alpha": 1,
"hex": "#8b2212"
}
},
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"themeable": true,
"prefix": false,
"$deprecated": true
},
"200": {
"$value": {
"default": {
"colorSpace": "srgb",
"components": [
0.9215686274509803,
0.6784313725490196,
0.6352941176470588
],
"alpha": 1,
"hex": "#ebada2"
},
"dark": {
"colorSpace": "srgb",
"components": [
0.6274509803921569,
0.1803921568627451,
0.10980392156862745
],
"alpha": 1,
"hex": "#a02e1c"
}
},
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"themeable": true,
"prefix": false,
"$deprecated": true
},
"300": {
"$value": {
"default": {
"colorSpace": "srgb",
"components": [
0.8784313725490196,
0.4980392156862745,
0.43529411764705883
],
"alpha": 1,
"hex": "#e07f6f"
},
"dark": {
"colorSpace": "srgb",
"components": [
0.7098039215686275,
0.22745098039215686,
0.14901960784313725
],
"alpha": 1,
"hex": "#b53a26"
}
},
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"themeable": true,
"prefix": false,
"$deprecated": true
},
"400": {
"$value": {
"default": {
"colorSpace": "srgb",
"components": [
0.8274509803921568,
0.3843137254901961,
0.3137254901960784
],
"alpha": 1,
"hex": "#d36250"
},
"dark": {
"colorSpace": "srgb",
"components": [
0.7607843137254902,
0.29411764705882354,
0.2196078431372549
],
"alpha": 1,
"hex": "#c24b38"