@gitlab/ui
Version:
GitLab UI Components
1,901 lines • 894 kB
JSON
{
"background": {
"alpha": {
"light": {
"2": {
"$value": "rgba(255, 255, 255, 0.02)",
"$type": "color",
"filePath": "src/tokens/constant/color.alpha.tokens.json",
"isSource": true,
"original": {
"$value": "rgba(255, 255, 255, 0.02)",
"$type": "color"
},
"name": "COLOR_ALPHA_LIGHT_2",
"attributes": {},
"path": [
"color",
"alpha",
"light",
"2"
],
"cssWithValue": "var(--gl-color-alpha-light-2, rgba(255, 255, 255, 0.02))"
},
"4": {
"$value": "rgba(255, 255, 255, 0.04)",
"$type": "color",
"filePath": "src/tokens/constant/color.alpha.tokens.json",
"isSource": true,
"original": {
"$value": "rgba(255, 255, 255, 0.04)",
"$type": "color"
},
"name": "COLOR_ALPHA_LIGHT_4",
"attributes": {},
"path": [
"color",
"alpha",
"light",
"4"
],
"cssWithValue": "var(--gl-color-alpha-light-4, rgba(255, 255, 255, 0.04))"
},
"6": {
"$value": "rgba(255, 255, 255, 0.06)",
"$type": "color",
"filePath": "src/tokens/constant/color.alpha.tokens.json",
"isSource": true,
"original": {
"$value": "rgba(255, 255, 255, 0.06)",
"$type": "color"
},
"name": "COLOR_ALPHA_LIGHT_6",
"attributes": {},
"path": [
"color",
"alpha",
"light",
"6"
],
"cssWithValue": "var(--gl-color-alpha-light-6, rgba(255, 255, 255, 0.06))"
},
"8": {
"$value": "rgba(255, 255, 255, 0.08)",
"$type": "color",
"filePath": "src/tokens/constant/color.alpha.tokens.json",
"isSource": true,
"original": {
"$value": "rgba(255, 255, 255, 0.08)",
"$type": "color"
},
"name": "COLOR_ALPHA_LIGHT_8",
"attributes": {},
"path": [
"color",
"alpha",
"light",
"8"
],
"cssWithValue": "var(--gl-color-alpha-light-8, rgba(255, 255, 255, 0.08))"
},
"16": {
"$value": "rgba(255, 255, 255, 0.16)",
"$type": "color",
"filePath": "src/tokens/constant/color.alpha.tokens.json",
"isSource": true,
"original": {
"$value": "rgba(255, 255, 255, 0.16)",
"$type": "color"
},
"name": "COLOR_ALPHA_LIGHT_16",
"attributes": {},
"path": [
"color",
"alpha",
"light",
"16"
],
"cssWithValue": "var(--gl-color-alpha-light-16, rgba(255, 255, 255, 0.16))"
},
"24": {
"$value": "rgba(255, 255, 255, 0.24)",
"$type": "color",
"filePath": "src/tokens/constant/color.alpha.tokens.json",
"isSource": true,
"original": {
"$value": "rgba(255, 255, 255, 0.24)",
"$type": "color"
},
"name": "COLOR_ALPHA_LIGHT_24",
"attributes": {},
"path": [
"color",
"alpha",
"light",
"24"
],
"cssWithValue": "var(--gl-color-alpha-light-24, rgba(255, 255, 255, 0.24))"
},
"36": {
"$value": "rgba(255, 255, 255, 0.36)",
"$type": "color",
"filePath": "src/tokens/constant/color.alpha.tokens.json",
"isSource": true,
"original": {
"$value": "rgba(255, 255, 255, 0.36)",
"$type": "color"
},
"name": "COLOR_ALPHA_LIGHT_36",
"attributes": {},
"path": [
"color",
"alpha",
"light",
"36"
],
"cssWithValue": "var(--gl-color-alpha-light-36, rgba(255, 255, 255, 0.36))"
}
},
"dark": {
"2": {
"$value": "rgba(05, 05, 06, 0.02)",
"$type": "color",
"filePath": "src/tokens/constant/color.alpha.tokens.json",
"isSource": true,
"original": {
"$value": "rgba(05, 05, 06, 0.02)",
"$type": "color"
},
"name": "COLOR_ALPHA_DARK_2",
"attributes": {},
"path": [
"color",
"alpha",
"dark",
"2"
],
"cssWithValue": "var(--gl-color-alpha-dark-2, rgba(05, 05, 06, 0.02))"
},
"4": {
"$value": "rgba(05, 05, 06, 0.04)",
"$type": "color",
"filePath": "src/tokens/constant/color.alpha.tokens.json",
"isSource": true,
"original": {
"$value": "rgba(05, 05, 06, 0.04)",
"$type": "color"
},
"name": "COLOR_ALPHA_DARK_4",
"attributes": {},
"path": [
"color",
"alpha",
"dark",
"4"
],
"cssWithValue": "var(--gl-color-alpha-dark-4, rgba(05, 05, 06, 0.04))"
},
"6": {
"$value": "rgba(05, 05, 06, 0.06)",
"$type": "color",
"filePath": "src/tokens/constant/color.alpha.tokens.json",
"isSource": true,
"original": {
"$value": "rgba(05, 05, 06, 0.06)",
"$type": "color"
},
"name": "COLOR_ALPHA_DARK_6",
"attributes": {},
"path": [
"color",
"alpha",
"dark",
"6"
],
"cssWithValue": "var(--gl-color-alpha-dark-6, rgba(05, 05, 06, 0.06))"
},
"8": {
"$value": "rgba(05, 05, 06, 0.08)",
"$type": "color",
"filePath": "src/tokens/constant/color.alpha.tokens.json",
"isSource": true,
"original": {
"$value": "rgba(05, 05, 06, 0.08)",
"$type": "color"
},
"name": "COLOR_ALPHA_DARK_8",
"attributes": {},
"path": [
"color",
"alpha",
"dark",
"8"
],
"cssWithValue": "var(--gl-color-alpha-dark-8, rgba(05, 05, 06, 0.08))"
},
"16": {
"$value": "rgba(05, 05, 06, 0.16)",
"$type": "color",
"filePath": "src/tokens/constant/color.alpha.tokens.json",
"isSource": true,
"original": {
"$value": "rgba(05, 05, 06, 0.16)",
"$type": "color"
},
"name": "COLOR_ALPHA_DARK_16",
"attributes": {},
"path": [
"color",
"alpha",
"dark",
"16"
],
"cssWithValue": "var(--gl-color-alpha-dark-16, rgba(05, 05, 06, 0.16))"
},
"24": {
"$value": "rgba(05, 05, 06, 0.24)",
"$type": "color",
"filePath": "src/tokens/constant/color.alpha.tokens.json",
"isSource": true,
"original": {
"$value": "rgba(05, 05, 06, 0.24)",
"$type": "color"
},
"name": "COLOR_ALPHA_DARK_24",
"attributes": {},
"path": [
"color",
"alpha",
"dark",
"24"
],
"cssWithValue": "var(--gl-color-alpha-dark-24, rgba(05, 05, 06, 0.24))"
},
"40": {
"$value": "rgba(05, 05, 06, 0.4)",
"$type": "color",
"filePath": "src/tokens/constant/color.alpha.tokens.json",
"isSource": true,
"original": {
"$value": "rgba(05, 05, 06, 0.4)",
"$type": "color"
},
"name": "COLOR_ALPHA_DARK_40",
"attributes": {},
"path": [
"color",
"alpha",
"dark",
"40"
],
"cssWithValue": "var(--gl-color-alpha-dark-40, rgba(05, 05, 06, 0.4))"
}
}
},
"blue": {
"50": {
"$value": "#033464",
"$type": "color",
"themeable": true,
"prefix": false,
"deprecated": true,
"filePath": "src/tokens/deprecated/deprecated.color.tokens.json",
"isSource": true,
"original": {
"$value": {
"default": "#e9f3fc",
"dark": "#033464"
},
"$type": "color",
"themeable": true,
"prefix": false,
"deprecated": true
},
"name": "E_50",
"attributes": {},
"path": [
"blue",
"50"
],
"cssWithValue": "var(--blue-50, #033464)"
},
"100": {
"$value": "#064787",
"$type": "color",
"themeable": true,
"prefix": false,
"deprecated": true,
"filePath": "src/tokens/deprecated/deprecated.color.tokens.json",
"isSource": true,
"original": {
"$value": {
"default": "#cbe2f9",
"dark": "#064787"
},
"$type": "color",
"themeable": true,
"prefix": false,
"deprecated": true
},
"name": "E_100",
"attributes": {},
"path": [
"blue",
"100"
],
"cssWithValue": "var(--blue-100, #064787)"
},
"200": {
"$value": "#0b5cad",
"$type": "color",
"themeable": true,
"prefix": false,
"deprecated": true,
"filePath": "src/tokens/deprecated/deprecated.color.tokens.json",
"isSource": true,
"original": {
"$value": {
"default": "#9dc7f1",
"dark": "#0b5cad"
},
"$type": "color",
"themeable": true,
"prefix": false,
"deprecated": true
},
"name": "E_200",
"attributes": {},
"path": [
"blue",
"200"
],
"cssWithValue": "var(--blue-200, #0b5cad)"
},
"300": {
"$value": "#1068bf",
"$type": "color",
"themeable": true,
"prefix": false,
"deprecated": true,
"filePath": "src/tokens/deprecated/deprecated.color.tokens.json",
"isSource": true,
"original": {
"$value": {
"default": "#63a6e9",
"dark": "#1068bf"
},
"$type": "color",
"themeable": true,
"prefix": false,
"deprecated": true
},
"name": "E_300",
"attributes": {},
"path": [
"blue",
"300"
],
"cssWithValue": "var(--blue-300, #1068bf)"
},
"400": {
"$value": "#1f75cb",
"$type": "color",
"themeable": true,
"prefix": false,
"deprecated": true,
"filePath": "src/tokens/deprecated/deprecated.color.tokens.json",
"isSource": true,
"original": {
"$value": {
"default": "#428fdc",
"dark": "#1f75cb"
},
"$type": "color",
"themeable": true,
"prefix": false,
"deprecated": true
},
"name": "E_400",
"attributes": {},
"path": [
"blue",
"400"
],
"cssWithValue": "var(--blue-400, #1f75cb)"
},
"500": {
"$value": "#428fdc",
"$type": "color",
"themeable": true,
"prefix": false,
"deprecated": true,
"filePath": "src/tokens/deprecated/deprecated.color.tokens.json",
"isSource": true,
"original": {
"$value": {
"default": "#1f75cb",
"dark": "#428fdc"
},
"$type": "color",
"themeable": true,
"prefix": false,
"deprecated": true
},
"name": "E_500",
"attributes": {},
"path": [
"blue",
"500"
],
"cssWithValue": "var(--blue-500, #428fdc)"
},
"600": {
"$value": "#63a6e9",
"$type": "color",
"themeable": true,
"prefix": false,
"deprecated": true,
"filePath": "src/tokens/deprecated/deprecated.color.tokens.json",
"isSource": true,
"original": {
"$value": {
"default": "#2f68b4",
"dark": "#63a6e9"
},
"$type": "color",
"themeable": true,
"prefix": false,
"deprecated": true
},
"name": "E_600",
"attributes": {},
"path": [
"blue",
"600"
],
"cssWithValue": "var(--blue-600, #63a6e9)"
},
"700": {
"$value": "#9dc7f1",
"$type": "color",
"themeable": true,
"prefix": false,
"deprecated": true,
"filePath": "src/tokens/deprecated/deprecated.color.tokens.json",
"isSource": true,
"original": {
"$value": {
"default": "#2f5ca0",
"dark": "#9dc7f1"
},
"$type": "color",
"themeable": true,
"prefix": false,
"deprecated": true
},
"name": "E_700",
"attributes": {},
"path": [
"blue",
"700"
],
"cssWithValue": "var(--blue-700, #9dc7f1)"
},
"800": {
"$value": "#cbe2f9",
"$type": "color",
"themeable": true,
"prefix": false,
"deprecated": true,
"filePath": "src/tokens/deprecated/deprecated.color.tokens.json",
"isSource": true,
"original": {
"$value": {
"default": "#284779",
"dark": "#cbe2f9"
},
"$type": "color",
"themeable": true,
"prefix": false,
"deprecated": true
},
"name": "E_800",
"attributes": {},
"path": [
"blue",
"800"
],
"cssWithValue": "var(--blue-800, #cbe2f9)"
},
"900": {
"$value": "#e9f3fc",
"$type": "color",
"themeable": true,
"prefix": false,
"deprecated": true,
"filePath": "src/tokens/deprecated/deprecated.color.tokens.json",
"isSource": true,
"original": {
"$value": {
"default": "#213454",
"dark": "#e9f3fc"
},
"$type": "color",
"themeable": true,
"prefix": false,
"deprecated": true
},
"name": "E_900",
"attributes": {},
"path": [
"blue",
"900"
],
"cssWithValue": "var(--blue-900, #e9f3fc)"
},
"950": {
"$value": "#f2f9ff",
"$type": "color",
"themeable": true,
"prefix": false,
"deprecated": true,
"filePath": "src/tokens/deprecated/deprecated.color.tokens.json",
"isSource": true,
"original": {
"$value": {
"default": "#1d283e",
"dark": "#f2f9ff"
},
"$type": "color",
"themeable": true,
"prefix": false,
"deprecated": true
},
"name": "E_950",
"attributes": {},
"path": [
"blue",
"950"
],
"cssWithValue": "var(--blue-950, #f2f9ff)"
}
},
"gray": {
"10": {
"$value": "#18171d",
"$type": "color",
"themeable": true,
"prefix": false,
"deprecated": true,
"filePath": "src/tokens/deprecated/deprecated.color.tokens.json",
"isSource": true,
"original": {
"$value": {
"default": "#fbfafd",
"dark": "#18171d"
},
"$type": "color",
"themeable": true,
"prefix": false,
"deprecated": true
},
"name": "Y_10",
"attributes": {},
"path": [
"gray",
"10"
],
"cssWithValue": "var(--gray-10, #18171d)"
},
"50": {
"$value": "#28272d",
"$type": "color",
"themeable": true,
"prefix": false,
"deprecated": true,
"filePath": "src/tokens/deprecated/deprecated.color.tokens.json",
"isSource": true,
"original": {
"$value": {
"default": "#ececef",
"dark": "#28272d"
},
"$type": "color",
"themeable": true,
"prefix": false,
"deprecated": true
},
"name": "Y_50",
"attributes": {},
"path": [
"gray",
"50"
],
"cssWithValue": "var(--gray-50, #28272d)"
},
"100": {
"$value": "#3a383f",
"$type": "color",
"themeable": true,
"prefix": false,
"deprecated": true,
"filePath": "src/tokens/deprecated/deprecated.color.tokens.json",
"isSource": true,
"original": {
"$value": {
"default": "#dcdcde",
"dark": "#3a383f"
},
"$type": "color",
"themeable": true,
"prefix": false,
"deprecated": true
},
"name": "Y_100",
"attributes": {},
"path": [
"gray",
"100"
],
"cssWithValue": "var(--gray-100, #3a383f)"
},
"200": {
"$value": "#4c4b51",
"$type": "color",
"themeable": true,
"prefix": false,
"deprecated": true,
"filePath": "src/tokens/deprecated/deprecated.color.tokens.json",
"isSource": true,
"original": {
"$value": {
"default": "#bfbfc3",
"dark": "#4c4b51"
},
"$type": "color",
"themeable": true,
"prefix": false,
"deprecated": true
},
"name": "Y_200",
"attributes": {},
"path": [
"gray",
"200"
],
"cssWithValue": "var(--gray-200, #4c4b51)"
},
"300": {
"$value": "#626168",
"$type": "color",
"themeable": true,
"prefix": false,
"deprecated": true,
"filePath": "src/tokens/deprecated/deprecated.color.tokens.json",
"isSource": true,
"original": {
"$value": {
"default": "#a4a3a8",
"dark": "#626168"
},
"$type": "color",
"themeable": true,
"prefix": false,
"deprecated": true
},
"name": "Y_300",
"attributes": {},
"path": [
"gray",
"300"
],
"cssWithValue": "var(--gray-300, #626168)"
},
"400": {
"$value": "#737278",
"$type": "color",
"themeable": true,
"prefix": false,
"deprecated": true,
"filePath": "src/tokens/deprecated/deprecated.color.tokens.json",
"isSource": true,
"original": {
"$value": {
"default": "#89888d",
"dark": "#737278"
},
"$type": "color",
"themeable": true,
"prefix": false,
"deprecated": true
},
"name": "Y_400",
"attributes": {},
"path": [
"gray",
"400"
],
"cssWithValue": "var(--gray-400, #737278)"
},
"500": {
"$value": "#89888d",
"$type": "color",
"themeable": true,
"prefix": false,
"deprecated": true,
"filePath": "src/tokens/deprecated/deprecated.color.tokens.json",
"isSource": true,
"original": {
"$value": {
"default": "#737278",
"dark": "#89888d"
},
"$type": "color",
"themeable": true,
"prefix": false,
"deprecated": true
},
"name": "Y_500",
"attributes": {},
"path": [
"gray",
"500"
],
"cssWithValue": "var(--gray-500, #89888d)"
},
"600": {
"$value": "#a4a3a8",
"$type": "color",
"themeable": true,
"prefix": false,
"deprecated": true,
"filePath": "src/tokens/deprecated/deprecated.color.tokens.json",
"isSource": true,
"original": {
"$value": {
"default": "#626168",
"dark": "#a4a3a8"
},
"$type": "color",
"themeable": true,
"prefix": false,
"deprecated": true
},
"name": "Y_600",
"attributes": {},
"path": [
"gray",
"600"
],
"cssWithValue": "var(--gray-600, #a4a3a8)"
},
"700": {
"$value": "#bfbfc3",
"$type": "color",
"themeable": true,
"prefix": false,
"deprecated": true,
"filePath": "src/tokens/deprecated/deprecated.color.tokens.json",
"isSource": true,
"original": {
"$value": {
"default": "#4c4b51",
"dark": "#bfbfc3"
},
"$type": "color",
"themeable": true,
"prefix": false,
"deprecated": true
},
"name": "Y_700",
"attributes": {},
"path": [
"gray",
"700"
],
"cssWithValue": "var(--gray-700, #bfbfc3)"
},
"800": {
"$value": "#dcdcde",
"$type": "color",
"themeable": true,
"prefix": false,
"deprecated": true,
"filePath": "src/tokens/deprecated/deprecated.color.tokens.json",
"isSource": true,
"original": {
"$value": {
"default": "#3a383f",
"dark": "#dcdcde"
},
"$type": "color",
"themeable": true,
"prefix": false,
"deprecated": true
},
"name": "Y_800",
"attributes": {},
"path": [
"gray",
"800"
],
"cssWithValue": "var(--gray-800, #dcdcde)"
},
"900": {
"$value": "#ececef",
"$type": "color",
"themeable": true,
"prefix": false,
"deprecated": true,
"filePath": "src/tokens/deprecated/deprecated.color.tokens.json",
"isSource": true,
"original": {
"$value": {
"default": "#28272d",
"dark": "#ececef"
},
"$type": "color",
"themeable": true,
"prefix": false,
"deprecated": true
},
"name": "Y_900",
"attributes": {},
"path": [
"gray",
"900"
],
"cssWithValue": "var(--gray-900, #ececef)"
},
"950": {
"$value": "#fbfafd",
"$type": "color",
"themeable": true,
"prefix": false,
"deprecated": true,
"filePath": "src/tokens/deprecated/deprecated.color.tokens.json",
"isSource": true,
"original": {
"$value": {
"default": "#18171d",
"dark": "#fbfafd"
},
"$type": "color",
"themeable": true,
"prefix": false,
"deprecated": true
},
"name": "Y_950",
"attributes": {},
"path": [
"gray",
"950"
],
"cssWithValue": "var(--gray-950, #fbfafd)"
}
},
"green": {
"50": {
"$value": "#0a4020",
"$type": "color",
"themeable": true,
"prefix": false,
"deprecated": true,
"filePath": "src/tokens/deprecated/deprecated.color.tokens.json",
"isSource": true,
"original": {
"$value": {
"default": "#ecf4ee",
"dark": "#0a4020"
},
"$type": "color",
"themeable": true,
"prefix": false,
"deprecated": true
},
"name": "EN_50",
"attributes": {},
"path": [
"green",
"50"
],
"cssWithValue": "var(--green-50, #0a4020)"
},
"100": {
"$value": "#0d532a",
"$type": "color",
"themeable": true,
"prefix": false,
"deprecated": true,
"filePath": "src/tokens/deprecated/deprecated.color.tokens.json",
"isSource": true,
"original": {
"$value": {
"default": "#c3e6cd",
"dark": "#0d532a"
},
"$type": "color",
"themeable": true,
"prefix": false,
"deprecated": true
},
"name": "EN_100",
"attributes": {},
"path": [
"green",
"100"
],
"cssWithValue": "var(--green-100, #0d532a)"
},
"200": {
"$value": "#24663b",
"$type": "color",
"themeable": true,
"prefix": false,
"deprecated": true,
"filePath": "src/tokens/deprecated/deprecated.color.tokens.json",
"isSource": true,
"original": {
"$value": {
"default": "#91d4a8",
"dark": "#24663b"
},
"$type": "color",
"themeable": true,
"prefix": false,
"deprecated": true
},
"name": "EN_200",
"attributes": {},
"path": [
"green",
"200"
],
"cssWithValue": "var(--green-200, #24663b)"
},
"300": {
"$value": "#217645",
"$type": "color",
"themeable": true,
"prefix": false,
"deprecated": true,
"filePath": "src/tokens/deprecated/deprecated.color.tokens.json",
"isSource": true,
"original": {
"$value": {
"default": "#52b87a",
"dark": "#217645"
},
"$type": "color",
"themeable": true,
"prefix": false,
"deprecated": true
},
"name": "EN_300",
"attributes": {},
"path": [
"green",
"300"
],
"cssWithValue": "var(--green-300, #217645)"
},
"400": {
"$value": "#108548",
"$type": "color",
"themeable": true,
"prefix": false,
"deprecated": true,
"filePath": "src/tokens/deprecated/deprecated.color.tokens.json",
"isSource": true,
"original": {
"$value": {
"default": "#2da160",
"dark": "#108548"
},
"$type": "color",
"themeable": true,
"prefix": false,
"deprecated": true
},
"name": "EN_400",
"attributes": {},
"path": [
"green",
"400"
],
"cssWithValue": "var(--green-400, #108548)"
},
"500": {
"$value": "#2da160",
"$type": "color",
"themeable": true,
"prefix": false,
"deprecated": true,
"filePath": "src/tokens/deprecated/deprecated.color.tokens.json",
"isSource": true,
"original": {
"$value": {
"default": "#108548",
"dark": "#2da160"
},
"$type": "color",
"themeable": true,
"prefix": false,
"deprecated": true
},
"name": "EN_500",
"attributes": {},
"path": [
"green",
"500"
],
"cssWithValue": "var(--green-500, #2da160)"
},
"600": {
"$value": "#52b87a",
"$type": "color",
"themeable": true,
"prefix": false,
"deprecated": true,
"filePath": "src/tokens/deprecated/deprecated.color.tokens.json",
"isSource": true,
"original": {
"$value": {
"default": "#2f7549",
"dark": "#52b87a"
},
"$type": "color",
"themeable": true,
"prefix": false,
"deprecated": true
},
"name": "EN_600",
"attributes": {},
"path": [
"green",
"600"
],
"cssWithValue": "var(--green-600, #52b87a)"
},
"700": {
"$value": "#91d4a8",
"$type": "color",
"themeable": true,
"prefix": false,
"deprecated": true,
"filePath": "src/tokens/deprecated/deprecated.color.tokens.json",
"isSource": true,
"original": {
"$value": {
"default": "#306440",
"dark": "#91d4a8"
},
"$type": "color",
"themeable": true,
"prefix": false,
"deprecated": true
},
"name": "EN_700",
"attributes": {},
"path": [
"green",
"700"
],
"cssWithValue": "var(--green-700, #91d4a8)"
},
"800": {
"$value": "#c3e6cd",
"$type": "color",
"themeable": true,
"prefix": false,
"deprecated": true,
"filePath": "src/tokens/deprecated/deprecated.color.tokens.json",
"isSource": true,
"original": {
"$value": {
"default": "#225131",
"dark": "#c3e6cd"
},
"$type": "color",
"themeable": true,
"prefix": false,
"deprecated": true
},
"name": "EN_800",
"attributes": {},
"path": [
"green",
"800"
],
"cssWithValue": "var(--green-800, #c3e6cd)"
},
"900": {
"$value": "#ecf4ee",
"$type": "color",
"themeable": true,
"prefix": false,
"deprecated": true,
"filePath": "src/tokens/deprecated/deprecated.color.tokens.json",
"isSource": true,
"original": {
"$value": {
"default": "#1e3e28",
"dark": "#ecf4ee"
},
"$type": "color",
"themeable": true,
"prefix": false,
"deprecated": true
},
"name": "EN_900",
"attributes": {},
"path": [
"green",
"900"
],
"cssWithValue": "var(--green-900, #ecf4ee)"
},
"950": {
"$value": "#f1fdf6",
"$type": "color",
"themeable": true,
"prefix": false,
"deprecated": true,
"filePath": "src/tokens/deprecated/deprecated.color.tokens.json",
"isSource": true,
"original": {
"$value": {
"default": "#17291c",
"dark": "#f1fdf6"
},
"$type": "color",
"themeable": true,
"prefix": false,
"deprecated": true
},
"name": "EN_950",
"attributes": {},
"path": [
"green",
"950"
],
"cssWithValue": "var(--green-950, #f1fdf6)"
}
},
"orange": {
"50": {
"$value": "#5c2900",
"$type": "color",
"themeable": true,
"prefix": false,
"deprecated": true,
"filePath": "src/tokens/deprecated/deprecated.color.tokens.json",
"isSource": true,
"original": {
"$value": {
"default": "#fdf1dd",
"dark": "#5c2900"
},
"$type": "color",
"themeable": true,
"prefix": false,
"deprecated": true
},
"name": "NGE_50",
"attributes": {},
"path": [
"orange",
"50"
],
"cssWithValue": "var(--orange-50, #5c2900)"
},
"100": {
"$value": "#703800",
"$type": "color",
"themeable": true,
"prefix": false,
"deprecated": true,
"filePath": "src/tokens/deprecated/deprecated.color.tokens.json",
"isSource": true,
"original": {
"$value": {
"default": "#f5d9a8",
"dark": "#703800"
},
"$type": "color",
"themeable": true,
"prefix": false,
"deprecated": true
},
"name": "NGE_100",
"attributes": {},
"path": [
"orange",
"100"
],
"cssWithValue": "var(--orange-100, #703800)"
},
"200": {
"$value": "#8f4700",
"$type": "color",
"themeable": true,
"prefix": false,
"deprecated": true,
"filePath": "src/tokens/deprecated/deprecated.color.tokens.json",
"isSource": true,
"original": {
"$value": {
"default": "#e9be74",
"dark": "#8f4700"
},
"$type": "color",
"themeable": true,
"prefix": false,
"deprecated": true
},
"name": "NGE_200",
"attributes": {},
"path": [
"orange",
"200"
],
"cssWithValue": "var(--orange-200, #8f4700)"
},
"300": {
"$value": "#9e5400",
"$type": "color",
"themeable": true,
"prefix": false,
"deprecated": true,
"filePath": "src/tokens/deprecated/deprecated.color.tokens.json",
"isSource": true,
"original": {
"$value": {
"default": "#d99530",
"dark": "#9e5400"
},
"$type": "color",
"themeable": true,
"prefix": false,
"deprecated": true
},
"name": "NGE_300",
"attributes": {},
"path": [
"orange",
"300"
],
"cssWithValue": "var(--orange-300, #9e5400)"
},
"400": {
"$value": "#ab6100",
"$type": "color",
"themeable": true,
"prefix": false,
"deprecated": true,
"filePath": "src/tokens/deprecated/deprecated.color.tokens.json",
"isSource": true,
"original": {
"$value": {
"default": "#c17d10",
"dark": "#ab6100"
},
"$type": "color",
"themeable": true,
"prefix": false,
"deprecated": true
},
"name": "NGE_400",
"attributes": {},
"path": [
"orange",
"400"
],
"cssWithValue": "var(--orange-400, #ab6100)"
},
"500": {
"$value": "#c17d10",
"$type": "color",
"themeable": true,
"prefix": false,
"deprecated": true,
"filePath": "src/tokens/deprecated/deprecated.color.tokens.json",
"isSource": true,
"original": {
"$value": {
"default": "#ab6100",
"dark": "#c17d10"
},
"$type": "color",
"themeable": true,
"prefix": false,
"deprecated": true
},
"name": "NGE_500",
"attributes": {},
"path": [
"orange",
"500"
],
"cssWithValue": "var(--orange-500, #c17d10)"
},
"600": {
"$value": "#d99530",
"$type": "color",
"themeable": true,
"prefix": false,
"deprecated": true,
"filePath": "src/tokens/deprecated/deprecated.color.tokens.json",
"isSource": true,
"original": {
"$value": {
"default": "#995715",
"dark": "#d99530"
},
"$type": "color",
"themeable": true,
"prefix": false,
"deprecated": true
},
"name": "NGE_600",
"attributes": {},
"path": [
"orange",
"600"
],
"cssWithValue": "var(--orange-600, #d99530)"
},
"700": {
"$value": "#e9be74",
"$type": "color",
"themeable": true,
"prefix": false,
"deprecated": true,
"filePath": "src/tokens/deprecated/deprecated.color.tokens.json",
"isSource": true,
"original": {
"$value": {
"default": "#894b16",
"dark": "#e9be74"
},
"$type": "color",
"themeable": true,
"prefix": false,
"deprecated": true
},
"name": "NGE_700",
"attributes": {},
"path": [
"orange",
"700"
],
"cssWithValue": "var(--orange-700, #e9be74)"
},
"800": {
"$value": "#f5d9a8",
"$type": "color",
"themeable": true,
"prefix": false,
"deprecated": true,
"filePath": "src/tokens/deprecated/deprecated.color.tokens.json",
"isSource": true,
"original": {
"$value": {
"default": "#693c14",
"dark": "#f5d9a8"
},
"$type": "color",
"themeable": true,
"prefix": false,
"deprecated": true
},
"name": "NGE_800",
"attributes": {},
"path": [
"orange",
"800"
],
"cssWithValue": "var(--orange-800, #f5d9a8)"
},
"900": {
"$value": "#fdf1dd",
"$type": "color",
"themeable": true,
"prefix": false,
"deprecated": true,
"filePath": "src/tokens/deprecated/deprecated.color.tokens.json",
"isSource": true,
"original": {
"$value": {
"default": "#532e16",
"dark": "#fdf1dd"
},
"$type": "color",
"themeable": true,
"prefix": false,
"deprecated": true
},
"name": "NGE_900",
"attributes": {},
"path": [
"orange",
"900"
],
"cssWithValue": "var(--orange-900, #fdf1dd)"
},
"950": {
"$value": "#fff4e1",
"$type": "color",
"themeable": true,
"prefix": false,
"deprecated": true,
"filePath": "src/tokens/deprecated/deprecated.color.tokens.json",
"isSource": true,
"original": {
"$value": {
"default": "#382315",
"dark": "#fff4e1"
},
"$type": "color",
"themeable": true,
"prefix": false,
"deprecated": true
},
"name": "NGE_950",
"attributes": {},
"path": [
"orange",
"950"
],
"cssWithValue": "var(--orange-950, #fff4e1)"
}
},
"purple": {
"50": {
"$value": "#232150",
"$type": "color",
"themeable": true,
"prefix": false,
"deprecated": true,
"filePath": "src/tokens/deprecated/deprecated.color.tokens.json",
"isSource": true,
"original": {
"$value": {
"default": "#f4f0ff",
"dark": "#232150"
},
"$type": "color",
"themeable": true,
"prefix": false,
"deprecated": true
},
"name": "PLE_50",
"attributes": {},
"path": [
"purple",
"50"
],
"cssWithValue": "var(--purple-50, #232150)"
},
"100": {
"$value": "#2f2a6b",
"$type": "color",
"themeable": true,
"prefix": false,
"deprecated": true,
"filePath": "src/tokens/deprecated/deprecated.color.tokens.json",
"isSource": true,
"original": {
"$value": {
"default": "#e1d8f9",
"dark": "#2f2a6b"
},
"$type": "color",
"themeable": true,
"prefix": false,
"deprecated": true
},
"name": "PLE_100",
"attributes": {},
"path": [
"purple",
"100"
],
"cssWithValue": "var(--purple-100, #2f2a6b)"
},
"200": {
"$value": "#453894",
"$type": "color",
"themeable": true,
"prefix": false,
"deprecated": true,
"filePath": "src/tokens/deprecated/deprecated.color.tokens.json",
"isSource": true,
"original": {
"$value": {
"default": "#cbbbf2",
"dark": "#453894"
},
"$type": "color",
"themeable": true,
"prefix": false,
"deprecated": true
},
"name": "PLE_200",
"attributes": {},
"path": [
"purple",
"200"
],
"cssWithValue": "var(--purple-200, #453894)"
},
"300": {
"$value": "#5943b6",
"$type": "color",
"themeable": true,
"prefix": false,
"deprecated": true,
"filePath": "src/tokens/deprecated/deprecated.color.tokens.json",
"isSource": true,
"original": {
"$value": {
"default": "#ac93e6",
"dark": "#5943b6"
},
"$type": "color",
"themeable": true,
"prefix": false,
"deprecated": true
},
"name": "PLE_300",
"attributes": {},
"path": [
"purple",
"300"
],
"cssWithValue": "var(--purple-300, #5943b6)"
},
"400": {
"$value": "#694cc0",
"$type": "color",
"themeable": true,
"prefix": false,
"deprecated": true,
"filePath": "src/tokens/deprecated/deprecated.color.tokens.json",
"isSource": true,
"original": {
"$value": {
"default": "#9475db",
"dark": "#694cc0"
},
"$type": "color",
"themeable": true,
"prefix": false,
"deprecated": true
},
"name": "PLE_400",
"attributes": {},
"path": [
"purple",
"400"
],
"cssWithValue": "var(--purple-400, #694cc0)"
},
"500": {
"$value": "#7b58cf",
"$type": "color",
"themeable": true,
"prefix": false,
"deprecated": true,
"filePath": "src/tokens/deprecated/deprecated.color.tokens.json",
"isSource": true,
"original": {
"$value": {
"default": "#7b58cf",
"dark": "#7b58cf"
},
"$type": "color",
"themeable": true,
"prefix": false,
"deprecated": true
},
"name": "PLE_500",
"attributes": {},
"path": [
"purple",
"500"
],
"cssWithValue": "var(--purple-500, #7b58cf)"
},
"600": {
"$value": "#9475db",
"$type": "color",
"themeable": true,
"prefix": false,
"deprecated": true,
"filePath": "src/tokens/deprecated/deprecated.color.tokens.json",
"isSource": true,
"original": {
"$value": {
"default": "#6a4fb4",
"dark": "#9475db"
},
"$type": "color",
"themeable": true,
"prefix": false,
"deprecated": true
},
"name": "PLE_600",
"attributes": {},
"path": [
"purple",
"600"
],
"cssWithValue": "var(--purple-600, #9475db)"
},
"700": {
"$value": "#ac93e6",
"$type": "color",
"themeable": true,
"prefix": false,
"deprecated": true,
"filePath": "src/tokens/deprecated/deprecated.color.tokens.json",
"isSource": true,
"original": {
"$value": {
"default": "#5c47a6",
"dark": "#ac93e6"
},
"$type": "color",
"themeable": true,
"prefix": false,
"deprecated": true
},
"name": "PLE_700",
"attributes": {},
"path": [
"purple",
"700"
],
"cssWithValue": "var(--purple-700, #ac93e6)"
},
"800": {
"$value": "#cbbbf2",
"$type": "color",
"themeable": true,
"prefix": false,
"deprecated": true,
"filePath": "src/tokens/deprecated/deprecated.color.tokens.json",
"isSource": true,
"original": {
"$value": {
"default": "#493c83",
"dark": "#cbbbf2"
},
"$type": "color",
"themeable": true,
"prefix": false,
"deprecated": true
},
"name": "PLE_800",
"attributes": {},
"path": [
"purple",
"800"
],
"cssWithValue": "var(--purple-800, #cbbbf2)"
},
"900": {
"$value": "#e1d8f9",
"$type": "color",
"themeable": true,
"prefix": false,
"deprecated": true,
"filePath": "src/tokens/deprecated/deprecated.color.tokens.json",
"isSource": true,
"original": {
"$value": {
"default": "#342d59",
"dark": "#e1d8f9"
},
"$type": "color",
"themeable": true,
"prefix": false,
"deprecated": true
},
"name": "PLE_900",
"attributes": {},
"path": [
"purple",
"900"
],
"cssWithValue": "var(--purple-900, #e1d8f9)"
},
"950": {
"$value": "#f4f0ff",
"$type": "color",
"themeable": true,
"prefix": false,
"deprecated": true,
"filePath": "src/tokens/deprecated/deprecated.color.tokens.json",
"isSource": true,
"original": {
"$value": {
"default": "#27243e",
"dark": "#f4f0ff"
},
"$type": "color",
"themeable": true,
"prefix": false,
"deprecated": true
},
"name": "PLE_950",
"attributes": {},
"path": [
"purple",
"950"
],
"cssWithValue": "var(--purple-950, #f4f0ff)"
}
},
"red": {
"50": {
"$value": "#660e00",
"$type": "color",
"themeable": true,
"prefix": false,
"deprecated": true,
"filePath": "src/tokens/deprecated/deprecated.color.tokens.json",
"isSource": true,
"original": {
"$value": {
"default": "#fcf1ef",
"dark": "#660e00"
},
"$type": "color",
"themeable": true,
"prefix": false,
"deprecated": true
},
"name": "_50",
"attributes": {},
"path": [
"red",
"50"
],
"cssWithValue": "var(--red-50, #660e00)"
},
"100": {
"$value": "#8d1300",
"$type": "color",
"themeable": true,
"prefix": false,
"deprecated": true,
"filePath": "src/tokens/deprecated/deprecated.color.tokens.json",
"isSource": true,
"original": {
"$value": {
"default": "#fdd4cd",
"dark": "#8d1300"
},
"$type": "color",
"themeable": true,
"prefix": false,
"deprecated": true
},
"name": "_100",
"attributes": {},
"path": [
"red",
"100"
],
"cssWithValue": "var(--red-100, #8d1300)"
},
"200": {
"$value": "#ae1800",
"$type": "color",
"themeable": true,
"prefix": false,
"deprecated": true,
"filePath": "src/tokens/deprecated/deprecated.color.tokens.json",
"isSource": true,
"original": {
"$value": {
"default": "#fcb5aa",
"dark": "#ae1800"
},
"$type": "color",
"themeable": true,
"prefix": false,
"deprecated": true
},
"name": "_200",
"attributes": {},
"path": [
"red",
"200"
],
"cssWithValue": "var(--red-200, #ae1800)"
},
"300": {
"$value": "#c91c00",
"$type": "color",
"themeable": true,
"prefix": false,
"deprecated": true,
"filePath": "src/tokens/deprecated/deprecated.color.tokens.json",
"isSource": true,
"original": {
"$value": {
"default": "#f57f6c",
"dark": "#c91c00"
},
"$type": "color",
"themeable": true,
"prefix": false,
"deprecated": true
},
"name": "_300",
"attributes": {},
"path": [
"red",
"300"
],
"cssWithValue": "var(--red-300, #c91c00)"
},
"400": {
"$value": "#dd2b0e",
"$type": "color",
"themeable": true,
"prefix": false,
"deprecated": true,
"filePath": "src/tokens/deprecated/deprecated.color.tokens.json",
"isSource": true,
"original": {
"$value": {
"default": "#ec5941",
"dark": "#dd2b0e"
},
"$type": "color",
"themeable": true,
"prefix": false,
"deprecated": true
},
"name": "_400",
"attributes": {},
"path": [
"red",
"400"
],
"cssWithValue": "var(--red-400, #dd2b0e)"
},
"500": {
"$value": "#ec5941",
"$type": "color",
"themeable": true,
"prefix": false,
"deprecated": true,
"filePath": "src/tokens/deprecated/deprecated.color.tokens.json",
"isSource": true,
"original": {
"$value": {
"default": "#dd2b0e",
"dark": "#ec5941"
},
"$type": "color",
"themeable": true,
"prefix": false,
"deprecated": true
},
"name": "_500",
"attributes": {},
"path": [
"red",
"500"
],
"cssWithValue": "var(--red-500, #ec5941)"
},
"600": {
"$value": "#f57f6c",
"$type": "color",
"themeable": true,