@gitlab/ui
Version:
GitLab UI Components
1,892 lines • 1.2 MB
JSON
{
"background": {
"alpha": {
"light": {
"2": {
"key": "{color.alpha.light.2}",
"$value": "rgba(255, 255, 255, 0.02)",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"filePath": "src/tokens/constant/color.alpha.tokens.json",
"isSource": true,
"original": {
"$value": "rgba(255, 255, 255, 0.02)",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"key": "{color.alpha.light.2}"
},
"name": "COLOR_ALPHA_LIGHT_2",
"attributes": {},
"path": [
"color",
"alpha",
"light",
"2"
],
"cssWithValue": "var(--gl-color-alpha-light-2)"
},
"4": {
"key": "{color.alpha.light.4}",
"$value": "rgba(255, 255, 255, 0.04)",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"filePath": "src/tokens/constant/color.alpha.tokens.json",
"isSource": true,
"original": {
"$value": "rgba(255, 255, 255, 0.04)",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"key": "{color.alpha.light.4}"
},
"name": "COLOR_ALPHA_LIGHT_4",
"attributes": {},
"path": [
"color",
"alpha",
"light",
"4"
],
"cssWithValue": "var(--gl-color-alpha-light-4)"
},
"6": {
"key": "{color.alpha.light.6}",
"$value": "rgba(255, 255, 255, 0.06)",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"filePath": "src/tokens/constant/color.alpha.tokens.json",
"isSource": true,
"original": {
"$value": "rgba(255, 255, 255, 0.06)",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"key": "{color.alpha.light.6}"
},
"name": "COLOR_ALPHA_LIGHT_6",
"attributes": {},
"path": [
"color",
"alpha",
"light",
"6"
],
"cssWithValue": "var(--gl-color-alpha-light-6)"
},
"8": {
"key": "{color.alpha.light.8}",
"$value": "rgba(255, 255, 255, 0.08)",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"filePath": "src/tokens/constant/color.alpha.tokens.json",
"isSource": true,
"original": {
"$value": "rgba(255, 255, 255, 0.08)",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"key": "{color.alpha.light.8}"
},
"name": "COLOR_ALPHA_LIGHT_8",
"attributes": {},
"path": [
"color",
"alpha",
"light",
"8"
],
"cssWithValue": "var(--gl-color-alpha-light-8)"
},
"16": {
"key": "{color.alpha.light.16}",
"$value": "rgba(255, 255, 255, 0.16)",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"filePath": "src/tokens/constant/color.alpha.tokens.json",
"isSource": true,
"original": {
"$value": "rgba(255, 255, 255, 0.16)",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"key": "{color.alpha.light.16}"
},
"name": "COLOR_ALPHA_LIGHT_16",
"attributes": {},
"path": [
"color",
"alpha",
"light",
"16"
],
"cssWithValue": "var(--gl-color-alpha-light-16)"
},
"24": {
"key": "{color.alpha.light.24}",
"$value": "rgba(255, 255, 255, 0.24)",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"filePath": "src/tokens/constant/color.alpha.tokens.json",
"isSource": true,
"original": {
"$value": "rgba(255, 255, 255, 0.24)",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"key": "{color.alpha.light.24}"
},
"name": "COLOR_ALPHA_LIGHT_24",
"attributes": {},
"path": [
"color",
"alpha",
"light",
"24"
],
"cssWithValue": "var(--gl-color-alpha-light-24)"
},
"36": {
"key": "{color.alpha.light.36}",
"$value": "rgba(255, 255, 255, 0.36)",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"filePath": "src/tokens/constant/color.alpha.tokens.json",
"isSource": true,
"original": {
"$value": "rgba(255, 255, 255, 0.36)",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"key": "{color.alpha.light.36}"
},
"name": "COLOR_ALPHA_LIGHT_36",
"attributes": {},
"path": [
"color",
"alpha",
"light",
"36"
],
"cssWithValue": "var(--gl-color-alpha-light-36)"
}
},
"dark": {
"2": {
"key": "{color.alpha.dark.2}",
"$value": "rgba(05, 05, 06, 0.02)",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"filePath": "src/tokens/constant/color.alpha.tokens.json",
"isSource": true,
"original": {
"$value": "rgba(05, 05, 06, 0.02)",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"key": "{color.alpha.dark.2}"
},
"name": "COLOR_ALPHA_DARK_2",
"attributes": {},
"path": [
"color",
"alpha",
"dark",
"2"
],
"cssWithValue": "var(--gl-color-alpha-dark-2)"
},
"4": {
"key": "{color.alpha.dark.4}",
"$value": "rgba(05, 05, 06, 0.04)",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"filePath": "src/tokens/constant/color.alpha.tokens.json",
"isSource": true,
"original": {
"$value": "rgba(05, 05, 06, 0.04)",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"key": "{color.alpha.dark.4}"
},
"name": "COLOR_ALPHA_DARK_4",
"attributes": {},
"path": [
"color",
"alpha",
"dark",
"4"
],
"cssWithValue": "var(--gl-color-alpha-dark-4)"
},
"6": {
"key": "{color.alpha.dark.6}",
"$value": "rgba(05, 05, 06, 0.06)",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"filePath": "src/tokens/constant/color.alpha.tokens.json",
"isSource": true,
"original": {
"$value": "rgba(05, 05, 06, 0.06)",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"key": "{color.alpha.dark.6}"
},
"name": "COLOR_ALPHA_DARK_6",
"attributes": {},
"path": [
"color",
"alpha",
"dark",
"6"
],
"cssWithValue": "var(--gl-color-alpha-dark-6)"
},
"8": {
"key": "{color.alpha.dark.8}",
"$value": "rgba(05, 05, 06, 0.08)",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"filePath": "src/tokens/constant/color.alpha.tokens.json",
"isSource": true,
"original": {
"$value": "rgba(05, 05, 06, 0.08)",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"key": "{color.alpha.dark.8}"
},
"name": "COLOR_ALPHA_DARK_8",
"attributes": {},
"path": [
"color",
"alpha",
"dark",
"8"
],
"cssWithValue": "var(--gl-color-alpha-dark-8)"
},
"16": {
"key": "{color.alpha.dark.16}",
"$value": "rgba(05, 05, 06, 0.16)",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"filePath": "src/tokens/constant/color.alpha.tokens.json",
"isSource": true,
"original": {
"$value": "rgba(05, 05, 06, 0.16)",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"key": "{color.alpha.dark.16}"
},
"name": "COLOR_ALPHA_DARK_16",
"attributes": {},
"path": [
"color",
"alpha",
"dark",
"16"
],
"cssWithValue": "var(--gl-color-alpha-dark-16)"
},
"24": {
"key": "{color.alpha.dark.24}",
"$value": "rgba(05, 05, 06, 0.24)",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"filePath": "src/tokens/constant/color.alpha.tokens.json",
"isSource": true,
"original": {
"$value": "rgba(05, 05, 06, 0.24)",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"key": "{color.alpha.dark.24}"
},
"name": "COLOR_ALPHA_DARK_24",
"attributes": {},
"path": [
"color",
"alpha",
"dark",
"24"
],
"cssWithValue": "var(--gl-color-alpha-dark-24)"
},
"40": {
"key": "{color.alpha.dark.40}",
"$value": "rgba(05, 05, 06, 0.4)",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"filePath": "src/tokens/constant/color.alpha.tokens.json",
"isSource": true,
"original": {
"$value": "rgba(05, 05, 06, 0.4)",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"key": "{color.alpha.dark.40}"
},
"name": "COLOR_ALPHA_DARK_40",
"attributes": {},
"path": [
"color",
"alpha",
"dark",
"40"
],
"cssWithValue": "var(--gl-color-alpha-dark-40)"
}
}
},
"blue": {
"50": {
"key": "{blue.50}",
"$value": "#033464",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"themeable": true,
"prefix": false,
"$deprecated": true,
"filePath": "src/tokens/deprecated/deprecated.color.tokens.json",
"isSource": true,
"original": {
"$value": "#033464",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"themeable": true,
"prefix": false,
"$deprecated": true,
"key": "{blue.50}"
},
"name": "E_50",
"attributes": {},
"path": [
"blue",
"50"
],
"cssWithValue": "var(--blue-50)"
},
"100": {
"key": "{blue.100}",
"$value": "#064787",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"themeable": true,
"prefix": false,
"$deprecated": true,
"filePath": "src/tokens/deprecated/deprecated.color.tokens.json",
"isSource": true,
"original": {
"$value": "#064787",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"themeable": true,
"prefix": false,
"$deprecated": true,
"key": "{blue.100}"
},
"name": "E_100",
"attributes": {},
"path": [
"blue",
"100"
],
"cssWithValue": "var(--blue-100)"
},
"200": {
"key": "{blue.200}",
"$value": "#0b5cad",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"themeable": true,
"prefix": false,
"$deprecated": true,
"filePath": "src/tokens/deprecated/deprecated.color.tokens.json",
"isSource": true,
"original": {
"$value": "#0b5cad",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"themeable": true,
"prefix": false,
"$deprecated": true,
"key": "{blue.200}"
},
"name": "E_200",
"attributes": {},
"path": [
"blue",
"200"
],
"cssWithValue": "var(--blue-200)"
},
"300": {
"key": "{blue.300}",
"$value": "#1068bf",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"themeable": true,
"prefix": false,
"$deprecated": true,
"filePath": "src/tokens/deprecated/deprecated.color.tokens.json",
"isSource": true,
"original": {
"$value": "#1068bf",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"themeable": true,
"prefix": false,
"$deprecated": true,
"key": "{blue.300}"
},
"name": "E_300",
"attributes": {},
"path": [
"blue",
"300"
],
"cssWithValue": "var(--blue-300)"
},
"400": {
"key": "{blue.400}",
"$value": "#1f75cb",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"themeable": true,
"prefix": false,
"$deprecated": true,
"filePath": "src/tokens/deprecated/deprecated.color.tokens.json",
"isSource": true,
"original": {
"$value": "#1f75cb",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"themeable": true,
"prefix": false,
"$deprecated": true,
"key": "{blue.400}"
},
"name": "E_400",
"attributes": {},
"path": [
"blue",
"400"
],
"cssWithValue": "var(--blue-400)"
},
"500": {
"key": "{blue.500}",
"$value": "#428fdc",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"themeable": true,
"prefix": false,
"$deprecated": true,
"filePath": "src/tokens/deprecated/deprecated.color.tokens.json",
"isSource": true,
"original": {
"$value": "#428fdc",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"themeable": true,
"prefix": false,
"$deprecated": true,
"key": "{blue.500}"
},
"name": "E_500",
"attributes": {},
"path": [
"blue",
"500"
],
"cssWithValue": "var(--blue-500)"
},
"600": {
"key": "{blue.600}",
"$value": "#63a6e9",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"themeable": true,
"prefix": false,
"$deprecated": true,
"filePath": "src/tokens/deprecated/deprecated.color.tokens.json",
"isSource": true,
"original": {
"$value": "#63a6e9",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"themeable": true,
"prefix": false,
"$deprecated": true,
"key": "{blue.600}"
},
"name": "E_600",
"attributes": {},
"path": [
"blue",
"600"
],
"cssWithValue": "var(--blue-600)"
},
"700": {
"key": "{blue.700}",
"$value": "#9dc7f1",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"themeable": true,
"prefix": false,
"$deprecated": true,
"filePath": "src/tokens/deprecated/deprecated.color.tokens.json",
"isSource": true,
"original": {
"$value": "#9dc7f1",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"themeable": true,
"prefix": false,
"$deprecated": true,
"key": "{blue.700}"
},
"name": "E_700",
"attributes": {},
"path": [
"blue",
"700"
],
"cssWithValue": "var(--blue-700)"
},
"800": {
"key": "{blue.800}",
"$value": "#cbe2f9",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"themeable": true,
"prefix": false,
"$deprecated": true,
"filePath": "src/tokens/deprecated/deprecated.color.tokens.json",
"isSource": true,
"original": {
"$value": "#cbe2f9",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"themeable": true,
"prefix": false,
"$deprecated": true,
"key": "{blue.800}"
},
"name": "E_800",
"attributes": {},
"path": [
"blue",
"800"
],
"cssWithValue": "var(--blue-800)"
},
"900": {
"key": "{blue.900}",
"$value": "#e9f3fc",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"themeable": true,
"prefix": false,
"$deprecated": true,
"filePath": "src/tokens/deprecated/deprecated.color.tokens.json",
"isSource": true,
"original": {
"$value": "#e9f3fc",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"themeable": true,
"prefix": false,
"$deprecated": true,
"key": "{blue.900}"
},
"name": "E_900",
"attributes": {},
"path": [
"blue",
"900"
],
"cssWithValue": "var(--blue-900)"
},
"950": {
"key": "{blue.950}",
"$value": "#f2f9ff",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"themeable": true,
"prefix": false,
"$deprecated": true,
"filePath": "src/tokens/deprecated/deprecated.color.tokens.json",
"isSource": true,
"original": {
"$value": "#f2f9ff",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"themeable": true,
"prefix": false,
"$deprecated": true,
"key": "{blue.950}"
},
"name": "E_950",
"attributes": {},
"path": [
"blue",
"950"
],
"cssWithValue": "var(--blue-950)"
}
},
"gray": {
"10": {
"key": "{gray.10}",
"$value": "#18171d",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"themeable": true,
"prefix": false,
"$deprecated": true,
"filePath": "src/tokens/deprecated/deprecated.color.tokens.json",
"isSource": true,
"original": {
"$value": "#18171d",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"themeable": true,
"prefix": false,
"$deprecated": true,
"key": "{gray.10}"
},
"name": "Y_10",
"attributes": {},
"path": [
"gray",
"10"
],
"cssWithValue": "var(--gray-10)"
},
"50": {
"key": "{gray.50}",
"$value": "#28272d",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"themeable": true,
"prefix": false,
"$deprecated": true,
"filePath": "src/tokens/deprecated/deprecated.color.tokens.json",
"isSource": true,
"original": {
"$value": "#28272d",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"themeable": true,
"prefix": false,
"$deprecated": true,
"key": "{gray.50}"
},
"name": "Y_50",
"attributes": {},
"path": [
"gray",
"50"
],
"cssWithValue": "var(--gray-50)"
},
"100": {
"key": "{gray.100}",
"$value": "#3a383f",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"themeable": true,
"prefix": false,
"$deprecated": true,
"filePath": "src/tokens/deprecated/deprecated.color.tokens.json",
"isSource": true,
"original": {
"$value": "#3a383f",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"themeable": true,
"prefix": false,
"$deprecated": true,
"key": "{gray.100}"
},
"name": "Y_100",
"attributes": {},
"path": [
"gray",
"100"
],
"cssWithValue": "var(--gray-100)"
},
"200": {
"key": "{gray.200}",
"$value": "#4c4b51",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"themeable": true,
"prefix": false,
"$deprecated": true,
"filePath": "src/tokens/deprecated/deprecated.color.tokens.json",
"isSource": true,
"original": {
"$value": "#4c4b51",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"themeable": true,
"prefix": false,
"$deprecated": true,
"key": "{gray.200}"
},
"name": "Y_200",
"attributes": {},
"path": [
"gray",
"200"
],
"cssWithValue": "var(--gray-200)"
},
"300": {
"key": "{gray.300}",
"$value": "#626168",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"themeable": true,
"prefix": false,
"$deprecated": true,
"filePath": "src/tokens/deprecated/deprecated.color.tokens.json",
"isSource": true,
"original": {
"$value": "#626168",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"themeable": true,
"prefix": false,
"$deprecated": true,
"key": "{gray.300}"
},
"name": "Y_300",
"attributes": {},
"path": [
"gray",
"300"
],
"cssWithValue": "var(--gray-300)"
},
"400": {
"key": "{gray.400}",
"$value": "#737278",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"themeable": true,
"prefix": false,
"$deprecated": true,
"filePath": "src/tokens/deprecated/deprecated.color.tokens.json",
"isSource": true,
"original": {
"$value": "#737278",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"themeable": true,
"prefix": false,
"$deprecated": true,
"key": "{gray.400}"
},
"name": "Y_400",
"attributes": {},
"path": [
"gray",
"400"
],
"cssWithValue": "var(--gray-400)"
},
"500": {
"key": "{gray.500}",
"$value": "#89888d",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"themeable": true,
"prefix": false,
"$deprecated": true,
"filePath": "src/tokens/deprecated/deprecated.color.tokens.json",
"isSource": true,
"original": {
"$value": "#89888d",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"themeable": true,
"prefix": false,
"$deprecated": true,
"key": "{gray.500}"
},
"name": "Y_500",
"attributes": {},
"path": [
"gray",
"500"
],
"cssWithValue": "var(--gray-500)"
},
"600": {
"key": "{gray.600}",
"$value": "#a4a3a8",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"themeable": true,
"prefix": false,
"$deprecated": true,
"filePath": "src/tokens/deprecated/deprecated.color.tokens.json",
"isSource": true,
"original": {
"$value": "#a4a3a8",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"themeable": true,
"prefix": false,
"$deprecated": true,
"key": "{gray.600}"
},
"name": "Y_600",
"attributes": {},
"path": [
"gray",
"600"
],
"cssWithValue": "var(--gray-600)"
},
"700": {
"key": "{gray.700}",
"$value": "#bfbfc3",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"themeable": true,
"prefix": false,
"$deprecated": true,
"filePath": "src/tokens/deprecated/deprecated.color.tokens.json",
"isSource": true,
"original": {
"$value": "#bfbfc3",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"themeable": true,
"prefix": false,
"$deprecated": true,
"key": "{gray.700}"
},
"name": "Y_700",
"attributes": {},
"path": [
"gray",
"700"
],
"cssWithValue": "var(--gray-700)"
},
"800": {
"key": "{gray.800}",
"$value": "#dcdcde",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"themeable": true,
"prefix": false,
"$deprecated": true,
"filePath": "src/tokens/deprecated/deprecated.color.tokens.json",
"isSource": true,
"original": {
"$value": "#dcdcde",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"themeable": true,
"prefix": false,
"$deprecated": true,
"key": "{gray.800}"
},
"name": "Y_800",
"attributes": {},
"path": [
"gray",
"800"
],
"cssWithValue": "var(--gray-800)"
},
"900": {
"key": "{gray.900}",
"$value": "#ececef",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"themeable": true,
"prefix": false,
"$deprecated": true,
"filePath": "src/tokens/deprecated/deprecated.color.tokens.json",
"isSource": true,
"original": {
"$value": "#ececef",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"themeable": true,
"prefix": false,
"$deprecated": true,
"key": "{gray.900}"
},
"name": "Y_900",
"attributes": {},
"path": [
"gray",
"900"
],
"cssWithValue": "var(--gray-900)"
},
"950": {
"key": "{gray.950}",
"$value": "#fbfafd",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"themeable": true,
"prefix": false,
"$deprecated": true,
"filePath": "src/tokens/deprecated/deprecated.color.tokens.json",
"isSource": true,
"original": {
"$value": "#fbfafd",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"themeable": true,
"prefix": false,
"$deprecated": true,
"key": "{gray.950}"
},
"name": "Y_950",
"attributes": {},
"path": [
"gray",
"950"
],
"cssWithValue": "var(--gray-950)"
}
},
"green": {
"50": {
"key": "{green.50}",
"$value": "#0a4020",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"themeable": true,
"prefix": false,
"$deprecated": true,
"filePath": "src/tokens/deprecated/deprecated.color.tokens.json",
"isSource": true,
"original": {
"$value": "#0a4020",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"themeable": true,
"prefix": false,
"$deprecated": true,
"key": "{green.50}"
},
"name": "EN_50",
"attributes": {},
"path": [
"green",
"50"
],
"cssWithValue": "var(--green-50)"
},
"100": {
"key": "{green.100}",
"$value": "#0d532a",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"themeable": true,
"prefix": false,
"$deprecated": true,
"filePath": "src/tokens/deprecated/deprecated.color.tokens.json",
"isSource": true,
"original": {
"$value": "#0d532a",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"themeable": true,
"prefix": false,
"$deprecated": true,
"key": "{green.100}"
},
"name": "EN_100",
"attributes": {},
"path": [
"green",
"100"
],
"cssWithValue": "var(--green-100)"
},
"200": {
"key": "{green.200}",
"$value": "#24663b",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"themeable": true,
"prefix": false,
"$deprecated": true,
"filePath": "src/tokens/deprecated/deprecated.color.tokens.json",
"isSource": true,
"original": {
"$value": "#24663b",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"themeable": true,
"prefix": false,
"$deprecated": true,
"key": "{green.200}"
},
"name": "EN_200",
"attributes": {},
"path": [
"green",
"200"
],
"cssWithValue": "var(--green-200)"
},
"300": {
"key": "{green.300}",
"$value": "#217645",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"themeable": true,
"prefix": false,
"$deprecated": true,
"filePath": "src/tokens/deprecated/deprecated.color.tokens.json",
"isSource": true,
"original": {
"$value": "#217645",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"themeable": true,
"prefix": false,
"$deprecated": true,
"key": "{green.300}"
},
"name": "EN_300",
"attributes": {},
"path": [
"green",
"300"
],
"cssWithValue": "var(--green-300)"
},
"400": {
"key": "{green.400}",
"$value": "#108548",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"themeable": true,
"prefix": false,
"$deprecated": true,
"filePath": "src/tokens/deprecated/deprecated.color.tokens.json",
"isSource": true,
"original": {
"$value": "#108548",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"themeable": true,
"prefix": false,
"$deprecated": true,
"key": "{green.400}"
},
"name": "EN_400",
"attributes": {},
"path": [
"green",
"400"
],
"cssWithValue": "var(--green-400)"
},
"500": {
"key": "{green.500}",
"$value": "#2da160",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"themeable": true,
"prefix": false,
"$deprecated": true,
"filePath": "src/tokens/deprecated/deprecated.color.tokens.json",
"isSource": true,
"original": {
"$value": "#2da160",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"themeable": true,
"prefix": false,
"$deprecated": true,
"key": "{green.500}"
},
"name": "EN_500",
"attributes": {},
"path": [
"green",
"500"
],
"cssWithValue": "var(--green-500)"
},
"600": {
"key": "{green.600}",
"$value": "#52b87a",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"themeable": true,
"prefix": false,
"$deprecated": true,
"filePath": "src/tokens/deprecated/deprecated.color.tokens.json",
"isSource": true,
"original": {
"$value": "#52b87a",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"themeable": true,
"prefix": false,
"$deprecated": true,
"key": "{green.600}"
},
"name": "EN_600",
"attributes": {},
"path": [
"green",
"600"
],
"cssWithValue": "var(--green-600)"
},
"700": {
"key": "{green.700}",
"$value": "#91d4a8",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"themeable": true,
"prefix": false,
"$deprecated": true,
"filePath": "src/tokens/deprecated/deprecated.color.tokens.json",
"isSource": true,
"original": {
"$value": "#91d4a8",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"themeable": true,
"prefix": false,
"$deprecated": true,
"key": "{green.700}"
},
"name": "EN_700",
"attributes": {},
"path": [
"green",
"700"
],
"cssWithValue": "var(--green-700)"
},
"800": {
"key": "{green.800}",
"$value": "#c3e6cd",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"themeable": true,
"prefix": false,
"$deprecated": true,
"filePath": "src/tokens/deprecated/deprecated.color.tokens.json",
"isSource": true,
"original": {
"$value": "#c3e6cd",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"themeable": true,
"prefix": false,
"$deprecated": true,
"key": "{green.800}"
},
"name": "EN_800",
"attributes": {},
"path": [
"green",
"800"
],
"cssWithValue": "var(--green-800)"
},
"900": {
"key": "{green.900}",
"$value": "#ecf4ee",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"themeable": true,
"prefix": false,
"$deprecated": true,
"filePath": "src/tokens/deprecated/deprecated.color.tokens.json",
"isSource": true,
"original": {
"$value": "#ecf4ee",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"themeable": true,
"prefix": false,
"$deprecated": true,
"key": "{green.900}"
},
"name": "EN_900",
"attributes": {},
"path": [
"green",
"900"
],
"cssWithValue": "var(--green-900)"
},
"950": {
"key": "{green.950}",
"$value": "#f1fdf6",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"themeable": true,
"prefix": false,
"$deprecated": true,
"filePath": "src/tokens/deprecated/deprecated.color.tokens.json",
"isSource": true,
"original": {
"$value": "#f1fdf6",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"themeable": true,
"prefix": false,
"$deprecated": true,
"key": "{green.950}"
},
"name": "EN_950",
"attributes": {},
"path": [
"green",
"950"
],
"cssWithValue": "var(--green-950)"
}
},
"orange": {
"50": {
"key": "{orange.50}",
"$value": "#5c2900",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"themeable": true,
"prefix": false,
"$deprecated": true,
"filePath": "src/tokens/deprecated/deprecated.color.tokens.json",
"isSource": true,
"original": {
"$value": "#5c2900",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"themeable": true,
"prefix": false,
"$deprecated": true,
"key": "{orange.50}"
},
"name": "NGE_50",
"attributes": {},
"path": [
"orange",
"50"
],
"cssWithValue": "var(--orange-50)"
},
"100": {
"key": "{orange.100}",
"$value": "#703800",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"themeable": true,
"prefix": false,
"$deprecated": true,
"filePath": "src/tokens/deprecated/deprecated.color.tokens.json",
"isSource": true,
"original": {
"$value": "#703800",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"themeable": true,
"prefix": false,
"$deprecated": true,
"key": "{orange.100}"
},
"name": "NGE_100",
"attributes": {},
"path": [
"orange",
"100"
],
"cssWithValue": "var(--orange-100)"
},
"200": {
"key": "{orange.200}",
"$value": "#8f4700",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"themeable": true,
"prefix": false,
"$deprecated": true,
"filePath": "src/tokens/deprecated/deprecated.color.tokens.json",
"isSource": true,
"original": {
"$value": "#8f4700",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"themeable": true,
"prefix": false,
"$deprecated": true,
"key": "{orange.200}"
},
"name": "NGE_200",
"attributes": {},
"path": [
"orange",
"200"
],
"cssWithValue": "var(--orange-200)"
},
"300": {
"key": "{orange.300}",
"$value": "#9e5400",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"themeable": true,
"prefix": false,
"$deprecated": true,
"filePath": "src/tokens/deprecated/deprecated.color.tokens.json",
"isSource": true,
"original": {
"$value": "#9e5400",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"themeable": true,
"prefix": false,
"$deprecated": true,
"key": "{orange.300}"
},
"name": "NGE_300",
"attributes": {},
"path": [
"orange",
"300"
],
"cssWithValue": "var(--orange-300)"
},
"400": {
"key": "{orange.400}",
"$value": "#ab6100",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"themeable": true,
"prefix": false,
"$deprecated": true,
"filePath": "src/tokens/deprecated/deprecated.color.tokens.json",
"isSource": true,
"original": {
"$value": "#ab6100",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"themeable": true,
"prefix": false,
"$deprecated": true,
"key": "{orange.400}"
},
"name": "NGE_400",
"attributes": {},
"path": [
"orange",
"400"
],
"cssWithValue": "var(--orange-400)"
},
"500": {
"key": "{orange.500}",
"$value": "#c17d10",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"themeable": true,
"prefix": false,
"$deprecated": true,
"filePath": "src/tokens/deprecated/deprecated.color.tokens.json",
"isSource": true,
"original": {
"$value": "#c17d10",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"themeable": true,
"prefix": false,
"$deprecated": true,
"key": "{orange.500}"
},
"name": "NGE_500",
"attributes": {},
"path": [
"orange",
"500"
],
"cssWithValue": "var(--orange-500)"
},
"600": {
"key": "{orange.600}",
"$value": "#d99530",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"themeable": true,
"prefix": false,
"$deprecated": true,
"filePath": "src/tokens/deprecated/deprecated.color.tokens.json",
"isSource": true,
"original": {
"$value": "#d99530",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"themeable": true,
"prefix": false,
"$deprecated": true,
"key": "{orange.600}"
},
"name": "NGE_600",
"attributes": {},
"path": [
"orange",
"600"
],
"cssWithValue": "var(--orange-600)"
},
"700": {
"key": "{orange.700}",
"$value": "#e9be74",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"themeable": true,
"prefix": false,
"$deprecated": true,
"filePath": "src/tokens/deprecated/deprecated.color.tokens.json",
"isSource": true,
"original": {
"$value": "#e9be74",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"themeable": true,
"prefix": false,
"$deprecated": true,
"key": "{orange.700}"
},
"name": "NGE_700",
"attributes": {},
"path": [
"orange",
"700"
],
"cssWithValue": "var(--orange-700)"
},
"800": {
"key": "{orange.800}",
"$value": "#f5d9a8",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"themeable": true,
"prefix": false,
"$deprecated": true,
"filePath": "src/tokens/deprecated/deprecated.color.tokens.json",
"isSource": true,
"original": {
"$value": "#f5d9a8",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"themeable": true,
"prefix": false,
"$deprecated": true,
"key": "{orange.800}"
},
"name": "NGE_800",
"attributes": {},
"path": [
"orange",
"800"
],
"cssWithValue": "var(--orange-800)"
},
"900": {
"key": "{orange.900}",
"$value": "#fdf1dd",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"themeable": true,
"prefix": false,
"$deprecated": true,
"filePath": "src/tokens/deprecated/deprecated.color.tokens.json",
"isSource": true,
"original": {
"$value": "#fdf1dd",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"themeable": true,
"prefix": false,
"$deprecated": true,
"key": "{orange.900}"
},
"name": "NGE_900",
"attributes": {},
"path": [
"orange",
"900"
],
"cssWithValue": "var(--orange-900)"
},
"950": {
"key": "{orange.950}",
"$value": "#fff4e1",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"themeable": true,
"prefix": false,
"$deprecated": true,
"filePath": "src/tokens/deprecated/deprecated.color.tokens.json",
"isSource": true,
"original": {
"$value": "#fff4e1",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"themeable": true,
"prefix": false,
"$deprecated": true,
"key": "{orange.950}"
},
"name": "NGE_950",
"attributes": {},
"path": [
"orange",
"950"
],
"cssWithValue": "var(--orange-950)"
}
},
"purple": {
"50": {
"key": "{purple.50}",
"$value": "#232150",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"themeable": true,
"prefix": false,
"$deprecated": true,
"filePath": "src/tokens/deprecated/deprecated.color.tokens.json",
"isSource": true,
"original": {
"$value": "#232150",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"themeable": true,
"prefix": false,
"$deprecated": true,
"key": "{purple.50}"
},
"name": "PLE_50",
"attributes": {},
"path": [
"purple",
"50"
],
"cssWithValue": "var(--purple-50)"
},
"100": {
"key": "{purple.100}",
"$value": "#2f2a6b",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"themeable": true,
"prefix": false,
"$deprecated": true,
"filePath": "src/tokens/deprecated/deprecated.color.tokens.json",
"isSource": true,
"original": {
"$value": "#2f2a6b",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"themeable": true,
"prefix": false,
"$deprecated": true,
"key": "{purple.100}"
},
"name": "PLE_100",
"attributes": {},
"path": [
"purple",
"100"
],
"cssWithValue": "var(--purple-100)"
},
"200": {
"key": "{purple.200}",
"$value": "#453894",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"themeable": true,
"prefix": false,
"$deprecated": true,
"filePath": "src/tokens/deprecated/deprecated.color.tokens.json",
"isSource": true,
"original": {
"$value": "#453894",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"themeable": true,
"prefix": false,
"$deprecated": true,
"key": "{purple.200}"
},
"name": "PLE_200",
"attributes": {},
"path": [
"purple",
"200"
],
"cssWithValue": "var(--purple-200)"
},
"300": {
"key": "{purple.300}",
"$value": "#5943b6",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"themeable": true,
"prefix": fals