@gitlab/ui
Version:
GitLab UI Components
1,985 lines (1,984 loc) • 1.08 MB
JSON
{
"color": {
"alpha": {
"0": {
"key": "{color.alpha.0}",
"$value": "transparent",
"$type": "color",
"$extensions": {
"com.figma.scope": []
},
"filePath": "src/tokens/constant/color.alpha.tokens.json",
"isSource": true,
"original": {
"$value": "transparent",
"$type": "color",
"$extensions": {
"com.figma.scope": []
},
"key": "{color.alpha.0}"
},
"name": "COLOR_ALPHA_0",
"attributes": {},
"path": [
"color",
"alpha",
"0"
]
},
"dark": {
"2": {
"key": "{color.alpha.dark.2}",
"$value": "rgba(05, 05, 06, 0.02)",
"$type": "color",
"$extensions": {
"com.figma.scope": []
},
"filePath": "src/tokens/constant/color.alpha.tokens.json",
"isSource": true,
"original": {
"$value": "rgba(05, 05, 06, 0.02)",
"$type": "color",
"$extensions": {
"com.figma.scope": []
},
"key": "{color.alpha.dark.2}"
},
"name": "COLOR_ALPHA_DARK_2",
"attributes": {},
"path": [
"color",
"alpha",
"dark",
"2"
]
},
"4": {
"key": "{color.alpha.dark.4}",
"$value": "rgba(05, 05, 06, 0.04)",
"$type": "color",
"$extensions": {
"com.figma.scope": []
},
"filePath": "src/tokens/constant/color.alpha.tokens.json",
"isSource": true,
"original": {
"$value": "rgba(05, 05, 06, 0.04)",
"$type": "color",
"$extensions": {
"com.figma.scope": []
},
"key": "{color.alpha.dark.4}"
},
"name": "COLOR_ALPHA_DARK_4",
"attributes": {},
"path": [
"color",
"alpha",
"dark",
"4"
]
},
"6": {
"key": "{color.alpha.dark.6}",
"$value": "rgba(05, 05, 06, 0.06)",
"$type": "color",
"$extensions": {
"com.figma.scope": []
},
"filePath": "src/tokens/constant/color.alpha.tokens.json",
"isSource": true,
"original": {
"$value": "rgba(05, 05, 06, 0.06)",
"$type": "color",
"$extensions": {
"com.figma.scope": []
},
"key": "{color.alpha.dark.6}"
},
"name": "COLOR_ALPHA_DARK_6",
"attributes": {},
"path": [
"color",
"alpha",
"dark",
"6"
]
},
"8": {
"key": "{color.alpha.dark.8}",
"$value": "rgba(05, 05, 06, 0.08)",
"$type": "color",
"$extensions": {
"com.figma.scope": []
},
"filePath": "src/tokens/constant/color.alpha.tokens.json",
"isSource": true,
"original": {
"$value": "rgba(05, 05, 06, 0.08)",
"$type": "color",
"$extensions": {
"com.figma.scope": []
},
"key": "{color.alpha.dark.8}"
},
"name": "COLOR_ALPHA_DARK_8",
"attributes": {},
"path": [
"color",
"alpha",
"dark",
"8"
]
},
"16": {
"key": "{color.alpha.dark.16}",
"$value": "rgba(05, 05, 06, 0.16)",
"$type": "color",
"$extensions": {
"com.figma.scope": []
},
"filePath": "src/tokens/constant/color.alpha.tokens.json",
"isSource": true,
"original": {
"$value": "rgba(05, 05, 06, 0.16)",
"$type": "color",
"$extensions": {
"com.figma.scope": []
},
"key": "{color.alpha.dark.16}"
},
"name": "COLOR_ALPHA_DARK_16",
"attributes": {},
"path": [
"color",
"alpha",
"dark",
"16"
]
},
"24": {
"key": "{color.alpha.dark.24}",
"$value": "rgba(05, 05, 06, 0.24)",
"$type": "color",
"$extensions": {
"com.figma.scope": []
},
"filePath": "src/tokens/constant/color.alpha.tokens.json",
"isSource": true,
"original": {
"$value": "rgba(05, 05, 06, 0.24)",
"$type": "color",
"$extensions": {
"com.figma.scope": []
},
"key": "{color.alpha.dark.24}"
},
"name": "COLOR_ALPHA_DARK_24",
"attributes": {},
"path": [
"color",
"alpha",
"dark",
"24"
]
},
"40": {
"key": "{color.alpha.dark.40}",
"$value": "rgba(05, 05, 06, 0.4)",
"$type": "color",
"$extensions": {
"com.figma.scope": []
},
"filePath": "src/tokens/constant/color.alpha.tokens.json",
"isSource": true,
"original": {
"$value": "rgba(05, 05, 06, 0.4)",
"$type": "color",
"$extensions": {
"com.figma.scope": []
},
"key": "{color.alpha.dark.40}"
},
"name": "COLOR_ALPHA_DARK_40",
"attributes": {},
"path": [
"color",
"alpha",
"dark",
"40"
]
}
},
"light": {
"2": {
"key": "{color.alpha.light.2}",
"$value": "rgba(255, 255, 255, 0.02)",
"$type": "color",
"$extensions": {
"com.figma.scope": []
},
"filePath": "src/tokens/constant/color.alpha.tokens.json",
"isSource": true,
"original": {
"$value": "rgba(255, 255, 255, 0.02)",
"$type": "color",
"$extensions": {
"com.figma.scope": []
},
"key": "{color.alpha.light.2}"
},
"name": "COLOR_ALPHA_LIGHT_2",
"attributes": {},
"path": [
"color",
"alpha",
"light",
"2"
]
},
"4": {
"key": "{color.alpha.light.4}",
"$value": "rgba(255, 255, 255, 0.04)",
"$type": "color",
"$extensions": {
"com.figma.scope": []
},
"filePath": "src/tokens/constant/color.alpha.tokens.json",
"isSource": true,
"original": {
"$value": "rgba(255, 255, 255, 0.04)",
"$type": "color",
"$extensions": {
"com.figma.scope": []
},
"key": "{color.alpha.light.4}"
},
"name": "COLOR_ALPHA_LIGHT_4",
"attributes": {},
"path": [
"color",
"alpha",
"light",
"4"
]
},
"6": {
"key": "{color.alpha.light.6}",
"$value": "rgba(255, 255, 255, 0.06)",
"$type": "color",
"$extensions": {
"com.figma.scope": []
},
"filePath": "src/tokens/constant/color.alpha.tokens.json",
"isSource": true,
"original": {
"$value": "rgba(255, 255, 255, 0.06)",
"$type": "color",
"$extensions": {
"com.figma.scope": []
},
"key": "{color.alpha.light.6}"
},
"name": "COLOR_ALPHA_LIGHT_6",
"attributes": {},
"path": [
"color",
"alpha",
"light",
"6"
]
},
"8": {
"key": "{color.alpha.light.8}",
"$value": "rgba(255, 255, 255, 0.08)",
"$type": "color",
"$extensions": {
"com.figma.scope": []
},
"filePath": "src/tokens/constant/color.alpha.tokens.json",
"isSource": true,
"original": {
"$value": "rgba(255, 255, 255, 0.08)",
"$type": "color",
"$extensions": {
"com.figma.scope": []
},
"key": "{color.alpha.light.8}"
},
"name": "COLOR_ALPHA_LIGHT_8",
"attributes": {},
"path": [
"color",
"alpha",
"light",
"8"
]
},
"16": {
"key": "{color.alpha.light.16}",
"$value": "rgba(255, 255, 255, 0.16)",
"$type": "color",
"$extensions": {
"com.figma.scope": []
},
"filePath": "src/tokens/constant/color.alpha.tokens.json",
"isSource": true,
"original": {
"$value": "rgba(255, 255, 255, 0.16)",
"$type": "color",
"$extensions": {
"com.figma.scope": []
},
"key": "{color.alpha.light.16}"
},
"name": "COLOR_ALPHA_LIGHT_16",
"attributes": {},
"path": [
"color",
"alpha",
"light",
"16"
]
},
"24": {
"key": "{color.alpha.light.24}",
"$value": "rgba(255, 255, 255, 0.24)",
"$type": "color",
"$extensions": {
"com.figma.scope": []
},
"filePath": "src/tokens/constant/color.alpha.tokens.json",
"isSource": true,
"original": {
"$value": "rgba(255, 255, 255, 0.24)",
"$type": "color",
"$extensions": {
"com.figma.scope": []
},
"key": "{color.alpha.light.24}"
},
"name": "COLOR_ALPHA_LIGHT_24",
"attributes": {},
"path": [
"color",
"alpha",
"light",
"24"
]
},
"36": {
"key": "{color.alpha.light.36}",
"$value": "rgba(255, 255, 255, 0.36)",
"$type": "color",
"$extensions": {
"com.figma.scope": []
},
"filePath": "src/tokens/constant/color.alpha.tokens.json",
"isSource": true,
"original": {
"$value": "rgba(255, 255, 255, 0.36)",
"$type": "color",
"$extensions": {
"com.figma.scope": []
},
"key": "{color.alpha.light.36}"
},
"name": "COLOR_ALPHA_LIGHT_36",
"attributes": {},
"path": [
"color",
"alpha",
"light",
"36"
]
}
}
},
"blue": {
"50": {
"key": "{color.blue.50}",
"$value": "#e9f3fc",
"$type": "color",
"$extensions": {
"com.figma.scope": []
},
"filePath": "src/tokens/constant/color.tokens.json",
"isSource": true,
"original": {
"$value": "#e9f3fc",
"$type": "color",
"$extensions": {
"com.figma.scope": []
},
"key": "{color.blue.50}"
},
"name": "COLOR_BLUE_50",
"attributes": {},
"path": [
"color",
"blue",
"50"
]
},
"100": {
"key": "{color.blue.100}",
"$value": "#cbe2f9",
"$type": "color",
"$extensions": {
"com.figma.scope": []
},
"filePath": "src/tokens/constant/color.tokens.json",
"isSource": true,
"original": {
"$value": "#cbe2f9",
"$type": "color",
"$extensions": {
"com.figma.scope": []
},
"key": "{color.blue.100}"
},
"name": "COLOR_BLUE_100",
"attributes": {},
"path": [
"color",
"blue",
"100"
]
},
"200": {
"key": "{color.blue.200}",
"$value": "#9dc7f1",
"$type": "color",
"$extensions": {
"com.figma.scope": []
},
"filePath": "src/tokens/constant/color.tokens.json",
"isSource": true,
"original": {
"$value": "#9dc7f1",
"$type": "color",
"$extensions": {
"com.figma.scope": []
},
"key": "{color.blue.200}"
},
"name": "COLOR_BLUE_200",
"attributes": {},
"path": [
"color",
"blue",
"200"
]
},
"300": {
"key": "{color.blue.300}",
"$value": "#63a6e9",
"$type": "color",
"$extensions": {
"com.figma.scope": []
},
"filePath": "src/tokens/constant/color.tokens.json",
"isSource": true,
"original": {
"$value": "#63a6e9",
"$type": "color",
"$extensions": {
"com.figma.scope": []
},
"key": "{color.blue.300}"
},
"name": "COLOR_BLUE_300",
"attributes": {},
"path": [
"color",
"blue",
"300"
]
},
"400": {
"key": "{color.blue.400}",
"$value": "#428fdc",
"$type": "color",
"$extensions": {
"com.figma.scope": []
},
"filePath": "src/tokens/constant/color.tokens.json",
"isSource": true,
"original": {
"$value": "#428fdc",
"$type": "color",
"$extensions": {
"com.figma.scope": []
},
"key": "{color.blue.400}"
},
"name": "COLOR_BLUE_400",
"attributes": {},
"path": [
"color",
"blue",
"400"
]
},
"500": {
"key": "{color.blue.500}",
"$value": "#1f75cb",
"$type": "color",
"$extensions": {
"com.figma.scope": []
},
"filePath": "src/tokens/constant/color.tokens.json",
"isSource": true,
"original": {
"$value": "#1f75cb",
"$type": "color",
"$extensions": {
"com.figma.scope": []
},
"key": "{color.blue.500}"
},
"name": "COLOR_BLUE_500",
"attributes": {},
"path": [
"color",
"blue",
"500"
]
},
"600": {
"key": "{color.blue.600}",
"$value": "#2f68b4",
"$type": "color",
"$extensions": {
"com.figma.scope": []
},
"filePath": "src/tokens/constant/color.tokens.json",
"isSource": true,
"original": {
"$value": "#2f68b4",
"$type": "color",
"$extensions": {
"com.figma.scope": []
},
"key": "{color.blue.600}"
},
"name": "COLOR_BLUE_600",
"attributes": {},
"path": [
"color",
"blue",
"600"
]
},
"700": {
"key": "{color.blue.700}",
"$value": "#2f5ca0",
"$type": "color",
"$extensions": {
"com.figma.scope": []
},
"filePath": "src/tokens/constant/color.tokens.json",
"isSource": true,
"original": {
"$value": "#2f5ca0",
"$type": "color",
"$extensions": {
"com.figma.scope": []
},
"key": "{color.blue.700}"
},
"name": "COLOR_BLUE_700",
"attributes": {},
"path": [
"color",
"blue",
"700"
]
},
"800": {
"key": "{color.blue.800}",
"$value": "#284779",
"$type": "color",
"$extensions": {
"com.figma.scope": []
},
"filePath": "src/tokens/constant/color.tokens.json",
"isSource": true,
"original": {
"$value": "#284779",
"$type": "color",
"$extensions": {
"com.figma.scope": []
},
"key": "{color.blue.800}"
},
"name": "COLOR_BLUE_800",
"attributes": {},
"path": [
"color",
"blue",
"800"
]
},
"900": {
"key": "{color.blue.900}",
"$value": "#213454",
"$type": "color",
"$extensions": {
"com.figma.scope": []
},
"filePath": "src/tokens/constant/color.tokens.json",
"isSource": true,
"original": {
"$value": "#213454",
"$type": "color",
"$extensions": {
"com.figma.scope": []
},
"key": "{color.blue.900}"
},
"name": "COLOR_BLUE_900",
"attributes": {},
"path": [
"color",
"blue",
"900"
]
},
"950": {
"key": "{color.blue.950}",
"$value": "#1d283e",
"$type": "color",
"$extensions": {
"com.figma.scope": []
},
"filePath": "src/tokens/constant/color.tokens.json",
"isSource": true,
"original": {
"$value": "#1d283e",
"$type": "color",
"$extensions": {
"com.figma.scope": []
},
"key": "{color.blue.950}"
},
"name": "COLOR_BLUE_950",
"attributes": {},
"path": [
"color",
"blue",
"950"
]
}
},
"neutral": {
"0": {
"key": "{color.neutral.0}",
"$value": "#fff",
"$type": "color",
"$extensions": {
"com.figma.scope": []
},
"filePath": "src/tokens/constant/color.tokens.json",
"isSource": true,
"original": {
"$value": "#fff",
"$type": "color",
"$extensions": {
"com.figma.scope": []
},
"key": "{color.neutral.0}"
},
"name": "COLOR_NEUTRAL_0",
"attributes": {},
"path": [
"color",
"neutral",
"0"
]
},
"10": {
"key": "{color.neutral.10}",
"$value": "#fbfafd",
"$type": "color",
"$extensions": {
"com.figma.scope": []
},
"filePath": "src/tokens/constant/color.tokens.json",
"isSource": true,
"original": {
"$value": "#fbfafd",
"$type": "color",
"$extensions": {
"com.figma.scope": []
},
"key": "{color.neutral.10}"
},
"name": "COLOR_NEUTRAL_10",
"attributes": {},
"path": [
"color",
"neutral",
"10"
]
},
"50": {
"key": "{color.neutral.50}",
"$value": "#ececef",
"$type": "color",
"$extensions": {
"com.figma.scope": []
},
"filePath": "src/tokens/constant/color.tokens.json",
"isSource": true,
"original": {
"$value": "#ececef",
"$type": "color",
"$extensions": {
"com.figma.scope": []
},
"key": "{color.neutral.50}"
},
"name": "COLOR_NEUTRAL_50",
"attributes": {},
"path": [
"color",
"neutral",
"50"
]
},
"100": {
"key": "{color.neutral.100}",
"$value": "#dcdcde",
"$type": "color",
"$extensions": {
"com.figma.scope": []
},
"filePath": "src/tokens/constant/color.tokens.json",
"isSource": true,
"original": {
"$value": "#dcdcde",
"$type": "color",
"$extensions": {
"com.figma.scope": []
},
"key": "{color.neutral.100}"
},
"name": "COLOR_NEUTRAL_100",
"attributes": {},
"path": [
"color",
"neutral",
"100"
]
},
"200": {
"key": "{color.neutral.200}",
"$value": "#bfbfc3",
"$type": "color",
"$extensions": {
"com.figma.scope": []
},
"filePath": "src/tokens/constant/color.tokens.json",
"isSource": true,
"original": {
"$value": "#bfbfc3",
"$type": "color",
"$extensions": {
"com.figma.scope": []
},
"key": "{color.neutral.200}"
},
"name": "COLOR_NEUTRAL_200",
"attributes": {},
"path": [
"color",
"neutral",
"200"
]
},
"300": {
"key": "{color.neutral.300}",
"$value": "#a4a3a8",
"$type": "color",
"$extensions": {
"com.figma.scope": []
},
"filePath": "src/tokens/constant/color.tokens.json",
"isSource": true,
"original": {
"$value": "#a4a3a8",
"$type": "color",
"$extensions": {
"com.figma.scope": []
},
"key": "{color.neutral.300}"
},
"name": "COLOR_NEUTRAL_300",
"attributes": {},
"path": [
"color",
"neutral",
"300"
]
},
"400": {
"key": "{color.neutral.400}",
"$value": "#89888d",
"$type": "color",
"$extensions": {
"com.figma.scope": []
},
"filePath": "src/tokens/constant/color.tokens.json",
"isSource": true,
"original": {
"$value": "#89888d",
"$type": "color",
"$extensions": {
"com.figma.scope": []
},
"key": "{color.neutral.400}"
},
"name": "COLOR_NEUTRAL_400",
"attributes": {},
"path": [
"color",
"neutral",
"400"
]
},
"500": {
"key": "{color.neutral.500}",
"$value": "#737278",
"$type": "color",
"$extensions": {
"com.figma.scope": []
},
"filePath": "src/tokens/constant/color.tokens.json",
"isSource": true,
"original": {
"$value": "#737278",
"$type": "color",
"$extensions": {
"com.figma.scope": []
},
"key": "{color.neutral.500}"
},
"name": "COLOR_NEUTRAL_500",
"attributes": {},
"path": [
"color",
"neutral",
"500"
]
},
"600": {
"key": "{color.neutral.600}",
"$value": "#626168",
"$type": "color",
"$extensions": {
"com.figma.scope": []
},
"filePath": "src/tokens/constant/color.tokens.json",
"isSource": true,
"original": {
"$value": "#626168",
"$type": "color",
"$extensions": {
"com.figma.scope": []
},
"key": "{color.neutral.600}"
},
"name": "COLOR_NEUTRAL_600",
"attributes": {},
"path": [
"color",
"neutral",
"600"
]
},
"700": {
"key": "{color.neutral.700}",
"$value": "#4c4b51",
"$type": "color",
"$extensions": {
"com.figma.scope": []
},
"filePath": "src/tokens/constant/color.tokens.json",
"isSource": true,
"original": {
"$value": "#4c4b51",
"$type": "color",
"$extensions": {
"com.figma.scope": []
},
"key": "{color.neutral.700}"
},
"name": "COLOR_NEUTRAL_700",
"attributes": {},
"path": [
"color",
"neutral",
"700"
]
},
"800": {
"key": "{color.neutral.800}",
"$value": "#3a383f",
"$type": "color",
"$extensions": {
"com.figma.scope": []
},
"filePath": "src/tokens/constant/color.tokens.json",
"isSource": true,
"original": {
"$value": "#3a383f",
"$type": "color",
"$extensions": {
"com.figma.scope": []
},
"key": "{color.neutral.800}"
},
"name": "COLOR_NEUTRAL_800",
"attributes": {},
"path": [
"color",
"neutral",
"800"
]
},
"900": {
"key": "{color.neutral.900}",
"$value": "#28272d",
"$type": "color",
"$extensions": {
"com.figma.scope": []
},
"filePath": "src/tokens/constant/color.tokens.json",
"isSource": true,
"original": {
"$value": "#28272d",
"$type": "color",
"$extensions": {
"com.figma.scope": []
},
"key": "{color.neutral.900}"
},
"name": "COLOR_NEUTRAL_900",
"attributes": {},
"path": [
"color",
"neutral",
"900"
]
},
"950": {
"key": "{color.neutral.950}",
"$value": "#18171d",
"$type": "color",
"$extensions": {
"com.figma.scope": []
},
"filePath": "src/tokens/constant/color.tokens.json",
"isSource": true,
"original": {
"$value": "#18171d",
"$type": "color",
"$extensions": {
"com.figma.scope": []
},
"key": "{color.neutral.950}"
},
"name": "COLOR_NEUTRAL_950",
"attributes": {},
"path": [
"color",
"neutral",
"950"
]
},
"1000": {
"key": "{color.neutral.1000}",
"$value": "#050506",
"$type": "color",
"$extensions": {
"com.figma.scope": []
},
"filePath": "src/tokens/constant/color.tokens.json",
"isSource": true,
"original": {
"$value": "#050506",
"$type": "color",
"$extensions": {
"com.figma.scope": []
},
"key": "{color.neutral.1000}"
},
"name": "COLOR_NEUTRAL_1000",
"attributes": {},
"path": [
"color",
"neutral",
"1000"
]
}
},
"green": {
"50": {
"key": "{color.green.50}",
"$value": "#ecf4ee",
"$type": "color",
"$extensions": {
"com.figma.scope": []
},
"filePath": "src/tokens/constant/color.tokens.json",
"isSource": true,
"original": {
"$value": "#ecf4ee",
"$type": "color",
"$extensions": {
"com.figma.scope": []
},
"key": "{color.green.50}"
},
"name": "COLOR_GREEN_50",
"attributes": {},
"path": [
"color",
"green",
"50"
]
},
"100": {
"key": "{color.green.100}",
"$value": "#c3e6cd",
"$type": "color",
"$extensions": {
"com.figma.scope": []
},
"filePath": "src/tokens/constant/color.tokens.json",
"isSource": true,
"original": {
"$value": "#c3e6cd",
"$type": "color",
"$extensions": {
"com.figma.scope": []
},
"key": "{color.green.100}"
},
"name": "COLOR_GREEN_100",
"attributes": {},
"path": [
"color",
"green",
"100"
]
},
"200": {
"key": "{color.green.200}",
"$value": "#91d4a8",
"$type": "color",
"$extensions": {
"com.figma.scope": []
},
"filePath": "src/tokens/constant/color.tokens.json",
"isSource": true,
"original": {
"$value": "#91d4a8",
"$type": "color",
"$extensions": {
"com.figma.scope": []
},
"key": "{color.green.200}"
},
"name": "COLOR_GREEN_200",
"attributes": {},
"path": [
"color",
"green",
"200"
]
},
"300": {
"key": "{color.green.300}",
"$value": "#52b87a",
"$type": "color",
"$extensions": {
"com.figma.scope": []
},
"filePath": "src/tokens/constant/color.tokens.json",
"isSource": true,
"original": {
"$value": "#52b87a",
"$type": "color",
"$extensions": {
"com.figma.scope": []
},
"key": "{color.green.300}"
},
"name": "COLOR_GREEN_300",
"attributes": {},
"path": [
"color",
"green",
"300"
]
},
"400": {
"key": "{color.green.400}",
"$value": "#2da160",
"$type": "color",
"$extensions": {
"com.figma.scope": []
},
"filePath": "src/tokens/constant/color.tokens.json",
"isSource": true,
"original": {
"$value": "#2da160",
"$type": "color",
"$extensions": {
"com.figma.scope": []
},
"key": "{color.green.400}"
},
"name": "COLOR_GREEN_400",
"attributes": {},
"path": [
"color",
"green",
"400"
]
},
"500": {
"key": "{color.green.500}",
"$value": "#108548",
"$type": "color",
"$extensions": {
"com.figma.scope": []
},
"filePath": "src/tokens/constant/color.tokens.json",
"isSource": true,
"original": {
"$value": "#108548",
"$type": "color",
"$extensions": {
"com.figma.scope": []
},
"key": "{color.green.500}"
},
"name": "COLOR_GREEN_500",
"attributes": {},
"path": [
"color",
"green",
"500"
]
},
"600": {
"key": "{color.green.600}",
"$value": "#2f7549",
"$type": "color",
"$extensions": {
"com.figma.scope": []
},
"filePath": "src/tokens/constant/color.tokens.json",
"isSource": true,
"original": {
"$value": "#2f7549",
"$type": "color",
"$extensions": {
"com.figma.scope": []
},
"key": "{color.green.600}"
},
"name": "COLOR_GREEN_600",
"attributes": {},
"path": [
"color",
"green",
"600"
]
},
"700": {
"key": "{color.green.700}",
"$value": "#306440",
"$type": "color",
"$extensions": {
"com.figma.scope": []
},
"filePath": "src/tokens/constant/color.tokens.json",
"isSource": true,
"original": {
"$value": "#306440",
"$type": "color",
"$extensions": {
"com.figma.scope": []
},
"key": "{color.green.700}"
},
"name": "COLOR_GREEN_700",
"attributes": {},
"path": [
"color",
"green",
"700"
]
},
"800": {
"key": "{color.green.800}",
"$value": "#225131",
"$type": "color",
"$extensions": {
"com.figma.scope": []
},
"filePath": "src/tokens/constant/color.tokens.json",
"isSource": true,
"original": {
"$value": "#225131",
"$type": "color",
"$extensions": {
"com.figma.scope": []
},
"key": "{color.green.800}"
},
"name": "COLOR_GREEN_800",
"attributes": {},
"path": [
"color",
"green",
"800"
]
},
"900": {
"key": "{color.green.900}",
"$value": "#1e3e28",
"$type": "color",
"$extensions": {
"com.figma.scope": []
},
"filePath": "src/tokens/constant/color.tokens.json",
"isSource": true,
"original": {
"$value": "#1e3e28",
"$type": "color",
"$extensions": {
"com.figma.scope": []
},
"key": "{color.green.900}"
},
"name": "COLOR_GREEN_900",
"attributes": {},
"path": [
"color",
"green",
"900"
]
},
"950": {
"key": "{color.green.950}",
"$value": "#17291c",
"$type": "color",
"$extensions": {
"com.figma.scope": []
},
"filePath": "src/tokens/constant/color.tokens.json",
"isSource": true,
"original": {
"$value": "#17291c",
"$type": "color",
"$extensions": {
"com.figma.scope": []
},
"key": "{color.green.950}"
},
"name": "COLOR_GREEN_950",
"attributes": {},
"path": [
"color",
"green",
"950"
]
}
},
"orange": {
"50": {
"key": "{color.orange.50}",
"$value": "#fdf1dd",
"$type": "color",
"$extensions": {
"com.figma.scope": []
},
"filePath": "src/tokens/constant/color.tokens.json",
"isSource": true,
"original": {
"$value": "#fdf1dd",
"$type": "color",
"$extensions": {
"com.figma.scope": []
},
"key": "{color.orange.50}"
},
"name": "COLOR_ORANGE_50",
"attributes": {},
"path": [
"color",
"orange",
"50"
]
},
"100": {
"key": "{color.orange.100}",
"$value": "#f5d9a8",
"$type": "color",
"$extensions": {
"com.figma.scope": []
},
"filePath": "src/tokens/constant/color.tokens.json",
"isSource": true,
"original": {
"$value": "#f5d9a8",
"$type": "color",
"$extensions": {
"com.figma.scope": []
},
"key": "{color.orange.100}"
},
"name": "COLOR_ORANGE_100",
"attributes": {},
"path": [
"color",
"orange",
"100"
]
},
"200": {
"key": "{color.orange.200}",
"$value": "#e9be74",
"$type": "color",
"$extensions": {
"com.figma.scope": []
},
"filePath": "src/tokens/constant/color.tokens.json",
"isSource": true,
"original": {
"$value": "#e9be74",
"$type": "color",
"$extensions": {
"com.figma.scope": []
},
"key": "{color.orange.200}"
},
"name": "COLOR_ORANGE_200",
"attributes": {},
"path": [
"color",
"orange",
"200"
]
},
"300": {
"key": "{color.orange.300}",
"$value": "#d99530",
"$type": "color",
"$extensions": {
"com.figma.scope": []
},
"filePath": "src/tokens/constant/color.tokens.json",
"isSource": true,
"original": {
"$value": "#d99530",
"$type": "color",
"$extensions": {
"com.figma.scope": []
},
"key": "{color.orange.300}"
},
"name": "COLOR_ORANGE_300",
"attributes": {},
"path": [
"color",
"orange",
"300"
]
},
"400": {
"key": "{color.orange.400}",
"$value": "#c17d10",
"$type": "color",
"$extensions": {
"com.figma.scope": []
},
"filePath": "src/tokens/constant/color.tokens.json",
"isSource": true,
"original": {
"$value": "#c17d10",
"$type": "color",
"$extensions": {
"com.figma.scope": []
},
"key": "{color.orange.400}"
},
"name": "COLOR_ORANGE_400",
"attributes": {},
"path": [
"color",
"orange",
"400"
]
},
"500": {
"key": "{color.orange.500}",
"$value": "#ab6100",
"$type": "color",
"$extensions": {
"com.figma.scope": []
},
"filePath": "src/tokens/constant/color.tokens.json",
"isSource": true,
"original": {
"$value": "#ab6100",
"$type": "color",
"$extensions": {
"com.figma.scope": []
},
"key": "{color.orange.500}"
},
"name": "COLOR_ORANGE_500",
"attributes": {},
"path": [
"color",
"orange",
"500"
]
},
"600": {
"key": "{color.orange.600}",
"$value": "#995715",
"$type": "color",
"$extensions": {
"com.figma.scope": []
},
"filePath": "src/tokens/constant/color.tokens.json",
"isSource": true,
"original": {
"$value": "#995715",
"$type": "color",
"$extensions": {
"com.figma.scope": []
},
"key": "{color.orange.600}"
},
"name": "COLOR_ORANGE_600",
"attributes": {},
"path": [
"color",
"orange",
"600"
]
},
"700": {
"key": "{color.orange.700}",
"$value": "#894b16",
"$type": "color",
"$extensions": {
"com.figma.scope": []
},
"filePath": "src/tokens/constant/color.tokens.json",
"isSource": true,
"original": {
"$value": "#894b16",
"$type": "color",
"$extensions": {
"com.figma.scope": []
},
"key": "{color.orange.700}"
},
"name": "COLOR_ORANGE_700",
"attributes": {},
"path": [
"color",
"orange",
"700"
]
},
"800": {
"key": "{color.orange.800}",
"$value": "#693c14",
"$type": "color",
"$extensions": {
"com.figma.scope": []
},
"filePath": "src/tokens/constant/color.tokens.json",
"isSource": true,
"original": {
"$value": "#693c14",
"$type": "color",
"$extensions": {
"com.figma.scope": []
},
"key": "{color.orange.800}"
},
"name": "COLOR_ORANGE_800",
"attributes": {},
"path": [
"color",
"orange",
"800"
]
},
"900": {
"key": "{color.orange.900}",
"$value": "#532e16",
"$type": "color",
"$extensions": {
"com.figma.scope": []
},
"filePath": "src/tokens/constant/color.tokens.json",
"isSource": true,
"original": {
"$value": "#532e16",
"$type": "color",
"$extensions": {
"com.figma.scope": []
},
"key": "{color.orange.900}"
},
"name": "COLOR_ORANGE_900",
"attributes": {},
"path": [
"color",
"orange",
"900"
]
},
"950": {
"key": "{color.orange.950}",
"$value": "#382315",
"$type": "color",
"$extensions": {
"com.figma.scope": []
},
"filePath": "src/tokens/constant/color.tokens.json",
"isSource": true,
"original": {
"$value": "#382315",
"$type": "color",
"$extensions": {
"com.figma.scope": []
},
"key": "{color.orange.950}"
},
"name": "COLOR_ORANGE_950",
"attributes": {},
"path": [
"color",
"orange",
"950"
]
}
},
"purple": {
"50": {
"key": "{color.purple.50}",
"$value": "#f4f0ff",
"$type": "color",
"$extensions": {
"com.figma.scope": []
},
"filePath": "src/tokens/constant/color.tokens.json",
"isSource": true,
"original": {
"$value": "#f4f0ff",
"$type": "color",
"$extensions": {
"com.figma.scope": []
},
"key": "{color.purple.50}"
},
"name": "COLOR_PURPLE_50",
"attributes": {},
"path": [
"color",
"purple",
"50"
]
},
"100": {
"key": "{color.purple.100}",
"$value": "#e1d8f9",
"$type": "color",
"$extensions": {
"com.figma.scope": []
},
"filePath": "src/tokens/constant/color.tokens.json",
"isSource": true,
"original": {
"$value": "#e1d8f9",
"$type": "color",
"$extensions": {
"com.figma.scope": []
},
"key": "{color.purple.100}"
},
"name": "COLOR_PURPLE_100",
"attributes": {},
"path": [
"color",
"purple",
"100"
]
},
"200": {
"key": "{color.purple.200}",
"$value": "#cbbbf2",
"$type": "color",
"$extensions": {
"com.figma.scope": []
},
"filePath": "src/tokens/constant/color.tokens.json",
"isSource": true,
"original": {
"$value": "#cbbbf2",
"$type": "color",
"$extensions": {
"com.figma.scope": []
},
"key": "{color.purple.200}"
},
"name": "COLOR_PURPLE_200",
"attributes": {},
"path": [
"color",
"purple",
"200"
]
},
"300": {
"key": "{color.purple.300}",
"$value": "#ac93e6",
"$type": "color",
"$extensions": {
"com.figma.scope": []
},
"filePath": "src/tokens/constant/color.tokens.json",
"isSource": true,
"original": {
"$value": "#ac93e6",
"$type": "color",
"$extensions": {
"com.figma.scope": []
},
"key": "{color.purple.300}"
},
"name": "COLOR_PURPLE_300",
"attributes": {},
"path": [
"color",
"purple",
"300"
]
},
"400": {
"key": "{color.purple.400}",
"$value": "#9475db",
"$type": "color",
"$extensions": {
"com.figma.scope": []
},
"filePath": "src/tokens/constant/color.tokens.json",
"isSource": true,
"original": {
"$value": "#9475db",
"$type": "color",
"$extensions": {
"com.figma.scope": []
},
"key": "{color.purple.400}"
},
"name": "COLOR_PURPLE_400",
"attributes": {},
"path": [
"color",
"purple",
"400"
]
},
"500": {
"key": "{color.purple.500}",
"$value": "#7b58cf",
"$type": "color",
"$extensions": {
"com.figma.scope": []
},
"filePath": "src/tokens/constant/color.tokens.json",
"isSource": true,
"original": {
"$value": "#7b58cf",
"$type": "color",
"$extensions": {
"com.figma.scope": []
},
"key": "{color.purple.500}"
},
"name": "COLOR_PURPLE_500",
"attributes": {},
"path": [
"color",
"purple",
"500"
]
},
"600": {
"key": "{color.purple.600}",
"$value": "#6a4fb4",
"$type": "color",
"$extensions": {
"com.figma.scope": []
},
"filePath": "src/tokens/constant/color.tokens.json",
"isSource": true,
"original": {
"$value": "#6a4fb4",
"$type": "color",
"$extensions": {
"com.figma.scope": []
},
"key": "{color.purple.600}"
},
"name": "COLOR_PURPLE_600",
"attributes": {},
"path": [
"color",
"purple",
"600"
]
},
"700": {
"key": "{color.purple.700}",
"$value": "#5c47a6",
"$type": "color",
"$extensions": {
"com.figma.scope": []
},
"filePath": "src/tokens/constant/color.tokens.json",
"isSource": true,
"original": {
"$value": "#5c47a6",
"$type": "color",
"$extensions": {
"com.figma.scope": []
},
"key": "{color.purple.700}"
},
"name": "COLOR_PURPLE_700",
"attributes": {},
"path": [
"color",
"purple",
"700"
]
},
"800": {
"key": "{color.purple.800}",
"$value": "#493c83",
"$type": "color",
"$extensions": {
"com.figma.scope": []
},
"filePath": "src/tokens/constant/color.tokens.json",
"isSource": true,
"original": {
"$value": "#493c83",
"$type": "color",
"$extensions": {
"com.figma.scope": []
},
"key": "{color.purple.800}"
},
"name": "COLOR_PURPLE_800",
"attributes": {},
"path": [
"color",
"purple",
"800"
]
},
"900": {
"key": "{color.purple.900}",
"$value": "#342d59",
"$type": "color",
"$extensions": {
"com.figma.scope": []
},
"filePath": "src/tokens/constant/color.tokens.json",
"isSource": true,
"original": {
"$value": "#342d59",
"$type": "color",
"$extensions": {
"com.figma.scope": []
},
"key": "{color.purple.900}"
},
"name": "COLOR_PURPLE_900",
"attributes": {},
"path": [
"color",
"purple",
"900"
]
},
"950": {
"key": "{color.purple.950}",
"$value": "#27243e",
"$type": "color",
"$extensions": {
"com.figma.scope": []
},
"filePath": "src/tokens/constant/color.tokens.json",
"isSource": true,
"original": {
"$value": "#27243e",
"$type": "color",
"$extensions": {
"com.figma.scope": []
},
"key": "{color.purple.950}"
},
"name": "COLOR_PURPLE_950",
"attributes": {},
"path": [
"color",
"purple",
"950"
]
}
},
"red": {
"50": {
"key": "{color.red.50}",
"$value": "#fcf1ef",
"$type": "color",
"$extensions": {
"com.figma.scope": []
},
"filePath": "src/tokens/constant/color.tokens.json",
"isSource": true,
"original": {
"$value": "#fcf1ef",
"$type": "color",
"$extensions": {
"com.figma.scope": []
},
"key": "{color.red.50}"
},
"name": "COLOR_RED_50",
"attributes": {},
"path": [
"color",
"red",
"50"
]
},
"100": {
"key": "{color.red.100}",
"$value": "#fdd4cd",
"$type": "color",
"$extensions": {
"com.figma.scope": []
},
"filePath": "src/tokens/constant/color.tokens.json",
"isSource": true,
"original": {
"$value": "#fdd4cd",
"$type": "color",
"$extensions": {
"com.figma.scope": []
},
"key": "{color.red.100}"
},
"name": "COLOR_RED_100",
"attributes": {},
"path": [
"color",
"red",
"100"
]
},
"200": {
"key": "{color.red.200}",
"$value": "#fcb5aa",
"$type": "color",
"$extensions": {
"com.figma.scope": []
},
"filePath": "src/tokens/constant/color.tokens.json",
"isSource": true,
"original": {
"$value": "#fcb5aa",
"$type": "color",
"$extensions": {
"com.figma.scope": []
},
"key": "{color.red.200}"
},
"name": "COLOR_RED_200",
"attributes": {},
"path": [
"color",
"red",
"200"
]
},
"300": {
"key": "{color.red.300}",
"$value": "#f6806d",
"$type": "color",
"$extensions": {
"com.figma.scope": []
},
"filePath": "src/tokens/constant/color.tokens.json",
"isSource": true,
"original": {
"$value": "#f6806d",
"$type": "color",
"$extensions": {
"com.figma.scope": []
},
"key": "{color.red.300}"
},
"name": "COLOR_RED_300",
"attributes": {},
"path": [
"color",
"red",
"300"
]
},
"400": {
"key": "{color.red.400}",
"$value": "#ec5941",
"$type": "color",
"$extensions": {
"com.figma.scope": []
},
"filePath": "src/tokens/constant/color.tokens.json",
"isSource": true,
"original": {
"$value": "#ec5941",
"$type": "color",
"$extensions": {
"com.figma.scope": []
},
"key": "{color.red.400}"
},
"name": "COLOR_RED_400",
"attributes": {},
"path": [
"color",
"red",
"400"
]
},
"500": {