@gitlab/ui

{ "background": { "alpha": { "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" ], "cssWithValue": "var(--gl-color-alpha-light-2, rgba(255, 255, 255, 0.02))" }, "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" ], "cssWithValue": "var(--gl-color-alpha-light-4, rgba(255, 255, 255, 0.04))" }, "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" ], "cssWithValue": "var(--gl-color-alpha-light-6, rgba(255, 255, 255, 0.06))" }, "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" ], "cssWithValue": "var(--gl-color-alpha-light-8, rgba(255, 255, 255, 0.08))" }, "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" ], "cssWithValue": "var(--gl-color-alpha-light-16, rgba(255, 255, 255, 0.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" ], "cssWithValue": "var(--gl-color-alpha-light-24, rgba(255, 255, 255, 0.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" ], "cssWithValue": "var(--gl-color-alpha-light-36, rgba(255, 255, 255, 0.36))" } }, "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" ], "cssWithValue": "var(--gl-color-alpha-dark-2, rgba(05, 05, 06, 0.02))" }, "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" ], "cssWithValue": "var(--gl-color-alpha-dark-4, rgba(05, 05, 06, 0.04))" }, "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" ], "cssWithValue": "var(--gl-color-alpha-dark-6, rgba(05, 05, 06, 0.06))" }, "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" ], "cssWithValue": "var(--gl-color-alpha-dark-8, rgba(05, 05, 06, 0.08))" }, "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" ], "cssWithValue": "var(--gl-color-alpha-dark-16, rgba(05, 05, 06, 0.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" ], "cssWithValue": "var(--gl-color-alpha-dark-24, rgba(05, 05, 06, 0.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" ], "cssWithValue": "var(--gl-color-alpha-dark-40, rgba(05, 05, 06, 0.4))" } } }, "blue": { "50": { "key": "{blue.50}", "$value": "#033464", "$type": "color", "$extensions": { "com.figma.scope": [] }, "themeable": true, "prefix": false, "deprecated": true, "filePath": "src/tokens/deprecated/deprecated.color.tokens.json", "isSource": true, "original": { "$value": { "default": "#e9f3fc", "dark": "#033464" }, "$type": "color", "$extensions": { "com.figma.scope": [] }, "themeable": true, "prefix": false, "deprecated": true, "key": "{blue.50}" }, "name": "E_50", "attributes": {}, "path": [ "blue", "50" ], "cssWithValue": "var(--blue-50, #033464)" }, "100": { "key": "{blue.100}", "$value": "#064787", "$type": "color", "$extensions": { "com.figma.scope": [] }, "themeable": true, "prefix": false, "deprecated": true, "filePath": "src/tokens/deprecated/deprecated.color.tokens.json", "isSource": true, "original": { "$value": { "default": "#cbe2f9", "dark": "#064787" }, "$type": "color", "$extensions": { "com.figma.scope": [] }, "themeable": true, "prefix": false, "deprecated": true, "key": "{blue.100}" }, "name": "E_100", "attributes": {}, "path": [ "blue", "100" ], "cssWithValue": "var(--blue-100, #064787)" }, "200": { "key": "{blue.200}", "$value": "#0b5cad", "$type": "color", "$extensions": { "com.figma.scope": [] }, "themeable": true, "prefix": false, "deprecated": true, "filePath": "src/tokens/deprecated/deprecated.color.tokens.json", "isSource": true, "original": { "$value": { "default": "#9dc7f1", "dark": "#0b5cad" }, "$type": "color", "$extensions": { "com.figma.scope": [] }, "themeable": true, "prefix": false, "deprecated": true, "key": "{blue.200}" }, "name": "E_200", "attributes": {}, "path": [ "blue", "200" ], "cssWithValue": "var(--blue-200, #0b5cad)" }, "300": { "key": "{blue.300}", "$value": "#1068bf", "$type": "color", "$extensions": { "com.figma.scope": [] }, "themeable": true, "prefix": false, "deprecated": true, "filePath": "src/tokens/deprecated/deprecated.color.tokens.json", "isSource": true, "original": { "$value": { "default": "#63a6e9", "dark": "#1068bf" }, "$type": "color", "$extensions": { "com.figma.scope": [] }, "themeable": true, "prefix": false, "deprecated": true, "key": "{blue.300}" }, "name": "E_300", "attributes": {}, "path": [ "blue", "300" ], "cssWithValue": "var(--blue-300, #1068bf)" }, "400": { "key": "{blue.400}", "$value": "#1f75cb", "$type": "color", "$extensions": { "com.figma.scope": [] }, "themeable": true, "prefix": false, "deprecated": true, "filePath": "src/tokens/deprecated/deprecated.color.tokens.json", "isSource": true, "original": { "$value": { "default": "#428fdc", "dark": "#1f75cb" }, "$type": "color", "$extensions": { "com.figma.scope": [] }, "themeable": true, "prefix": false, "deprecated": true, "key": "{blue.400}" }, "name": "E_400", "attributes": {}, "path": [ "blue", "400" ], "cssWithValue": "var(--blue-400, #1f75cb)" }, "500": { "key": "{blue.500}", "$value": "#428fdc", "$type": "color", "$extensions": { "com.figma.scope": [] }, "themeable": true, "prefix": false, "deprecated": true, "filePath": "src/tokens/deprecated/deprecated.color.tokens.json", "isSource": true, "original": { "$value": { "default": "#1f75cb", "dark": "#428fdc" }, "$type": "color", "$extensions": { "com.figma.scope": [] }, "themeable": true, "prefix": false, "deprecated": true, "key": "{blue.500}" }, "name": "E_500", "attributes": {}, "path": [ "blue", "500" ], "cssWithValue": "var(--blue-500, #428fdc)" }, "600": { "key": "{blue.600}", "$value": "#63a6e9", "$type": "color", "$extensions": { "com.figma.scope": [] }, "themeable": true, "prefix": false, "deprecated": true, "filePath": "src/tokens/deprecated/deprecated.color.tokens.json", "isSource": true, "original": { "$value": { "default": "#2f68b4", "dark": "#63a6e9" }, "$type": "color", "$extensions": { "com.figma.scope": [] }, "themeable": true, "prefix": false, "deprecated": true, "key": "{blue.600}" }, "name": "E_600", "attributes": {}, "path": [ "blue", "600" ], "cssWithValue": "var(--blue-600, #63a6e9)" }, "700": { "key": "{blue.700}", "$value": "#9dc7f1", "$type": "color", "$extensions": { "com.figma.scope": [] }, "themeable": true, "prefix": false, "deprecated": true, "filePath": "src/tokens/deprecated/deprecated.color.tokens.json", "isSource": true, "original": { "$value": { "default": "#2f5ca0", "dark": "#9dc7f1" }, "$type": "color", "$extensions": { "com.figma.scope": [] }, "themeable": true, "prefix": false, "deprecated": true, "key": "{blue.700}" }, "name": "E_700", "attributes": {}, "path": [ "blue", "700" ], "cssWithValue": "var(--blue-700, #9dc7f1)" }, "800": { "key": "{blue.800}", "$value": "#cbe2f9", "$type": "color", "$extensions": { "com.figma.scope": [] }, "themeable": true, "prefix": false, "deprecated": true, "filePath": "src/tokens/deprecated/deprecated.color.tokens.json", "isSource": true, "original": { "$value": { "default": "#284779", "dark": "#cbe2f9" }, "$type": "color", "$extensions": { "com.figma.scope": [] }, "themeable": true, "prefix": false, "deprecated": true, "key": "{blue.800}" }, "name": "E_800", "attributes": {}, "path": [ "blue", "800" ], "cssWithValue": "var(--blue-800, #cbe2f9)" }, "900": { "key": "{blue.900}", "$value": "#e9f3fc", "$type": "color", "$extensions": { "com.figma.scope": [] }, "themeable": true, "prefix": false, "deprecated": true, "filePath": "src/tokens/deprecated/deprecated.color.tokens.json", "isSource": true, "original": { "$value": { "default": "#213454", "dark": "#e9f3fc" }, "$type": "color", "$extensions": { "com.figma.scope": [] }, "themeable": true, "prefix": false, "deprecated": true, "key": "{blue.900}" }, "name": "E_900", "attributes": {}, "path": [ "blue", "900" ], "cssWithValue": "var(--blue-900, #e9f3fc)" }, "950": { "key": "{blue.950}", "$value": "#f2f9ff", "$type": "color", "$extensions": { "com.figma.scope": [] }, "themeable": true, "prefix": false, "deprecated": true, "filePath": "src/tokens/deprecated/deprecated.color.tokens.json", "isSource": true, "original": { "$value": { "default": "#1d283e", "dark": "#f2f9ff" }, "$type": "color", "$extensions": { "com.figma.scope": [] }, "themeable": true, "prefix": false, "deprecated": true, "key": "{blue.950}" }, "name": "E_950", "attributes": {}, "path": [ "blue", "950" ], "cssWithValue": "var(--blue-950, #f2f9ff)" } }, "gray": { "10": { "key": "{gray.10}", "$value": "#18171d", "$type": "color", "$extensions": { "com.figma.scope": [] }, "themeable": true, "prefix": false, "deprecated": true, "filePath": "src/tokens/deprecated/deprecated.color.tokens.json", "isSource": true, "original": { "$value": { "default": "#fbfafd", "dark": "#18171d" }, "$type": "color", "$extensions": { "com.figma.scope": [] }, "themeable": true, "prefix": false, "deprecated": true, "key": "{gray.10}" }, "name": "Y_10", "attributes": {}, "path": [ "gray", "10" ], "cssWithValue": "var(--gray-10, #18171d)" }, "50": { "key": "{gray.50}", "$value": "#28272d", "$type": "color", "$extensions": { "com.figma.scope": [] }, "themeable": true, "prefix": false, "deprecated": true, "filePath": "src/tokens/deprecated/deprecated.color.tokens.json", "isSource": true, "original": { "$value": { "default": "#ececef", "dark": "#28272d" }, "$type": "color", "$extensions": { "com.figma.scope": [] }, "themeable": true, "prefix": false, "deprecated": true, "key": "{gray.50}" }, "name": "Y_50", "attributes": {}, "path": [ "gray", "50" ], "cssWithValue": "var(--gray-50, #28272d)" }, "100": { "key": "{gray.100}", "$value": "#3a383f", "$type": "color", "$extensions": { "com.figma.scope": [] }, "themeable": true, "prefix": false, "deprecated": true, "filePath": "src/tokens/deprecated/deprecated.color.tokens.json", "isSource": true, "original": { "$value": { "default": "#dcdcde", "dark": "#3a383f" }, "$type": "color", "$extensions": { "com.figma.scope": [] }, "themeable": true, "prefix": false, "deprecated": true, "key": "{gray.100}" }, "name": "Y_100", "attributes": {}, "path": [ "gray", "100" ], "cssWithValue": "var(--gray-100, #3a383f)" }, "200": { "key": "{gray.200}", "$value": "#4c4b51", "$type": "color", "$extensions": { "com.figma.scope": [] }, "themeable": true, "prefix": false, "deprecated": true, "filePath": "src/tokens/deprecated/deprecated.color.tokens.json", "isSource": true, "original": { "$value": { "default": "#bfbfc3", "dark": "#4c4b51" }, "$type": "color", "$extensions": { "com.figma.scope": [] }, "themeable": true, "prefix": false, "deprecated": true, "key": "{gray.200}" }, "name": "Y_200", "attributes": {}, "path": [ "gray", "200" ], "cssWithValue": "var(--gray-200, #4c4b51)" }, "300": { "key": "{gray.300}", "$value": "#626168", "$type": "color", "$extensions": { "com.figma.scope": [] }, "themeable": true, "prefix": false, "deprecated": true, "filePath": "src/tokens/deprecated/deprecated.color.tokens.json", "isSource": true, "original": { "$value": { "default": "#a4a3a8", "dark": "#626168" }, "$type": "color", "$extensions": { "com.figma.scope": [] }, "themeable": true, "prefix": false, "deprecated": true, "key": "{gray.300}" }, "name": "Y_300", "attributes": {}, "path": [ "gray", "300" ], "cssWithValue": "var(--gray-300, #626168)" }, "400": { "key": "{gray.400}", "$value": "#737278", "$type": "color", "$extensions": { "com.figma.scope": [] }, "themeable": true, "prefix": false, "deprecated": true, "filePath": "src/tokens/deprecated/deprecated.color.tokens.json", "isSource": true, "original": { "$value": { "default": "#89888d", "dark": "#737278" }, "$type": "color", "$extensions": { "com.figma.scope": [] }, "themeable": true, "prefix": false, "deprecated": true, "key": "{gray.400}" }, "name": "Y_400", "attributes": {}, "path": [ "gray", "400" ], "cssWithValue": "var(--gray-400, #737278)" }, "500": { "key": "{gray.500}", "$value": "#89888d", "$type": "color", "$extensions": { "com.figma.scope": [] }, "themeable": true, "prefix": false, "deprecated": true, "filePath": "src/tokens/deprecated/deprecated.color.tokens.json", "isSource": true, "original": { "$value": { "default": "#737278", "dark": "#89888d" }, "$type": "color", "$extensions": { "com.figma.scope": [] }, "themeable": true, "prefix": false, "deprecated": true, "key": "{gray.500}" }, "name": "Y_500", "attributes": {}, "path": [ "gray", "500" ], "cssWithValue": "var(--gray-500, #89888d)" }, "600": { "key": "{gray.600}", "$value": "#a4a3a8", "$type": "color", "$extensions": { "com.figma.scope": [] }, "themeable": true, "prefix": false, "deprecated": true, "filePath": "src/tokens/deprecated/deprecated.color.tokens.json", "isSource": true, "original": { "$value": { "default": "#626168", "dark": "#a4a3a8" }, "$type": "color", "$extensions": { "com.figma.scope": [] }, "themeable": true, "prefix": false, "deprecated": true, "key": "{gray.600}" }, "name": "Y_600", "attributes": {}, "path": [ "gray", "600" ], "cssWithValue": "var(--gray-600, #a4a3a8)" }, "700": { "key": "{gray.700}", "$value": "#bfbfc3", "$type": "color", "$extensions": { "com.figma.scope": [] }, "themeable": true, "prefix": false, "deprecated": true, "filePath": "src/tokens/deprecated/deprecated.color.tokens.json", "isSource": true, "original": { "$value": { "default": "#4c4b51", "dark": "#bfbfc3" }, "$type": "color", "$extensions": { "com.figma.scope": [] }, "themeable": true, "prefix": false, "deprecated": true, "key": "{gray.700}" }, "name": "Y_700", "attributes": {}, "path": [ "gray", "700" ], "cssWithValue": "var(--gray-700, #bfbfc3)" }, "800": { "key": "{gray.800}", "$value": "#dcdcde", "$type": "color", "$extensions": { "com.figma.scope": [] }, "themeable": true, "prefix": false, "deprecated": true, "filePath": "src/tokens/deprecated/deprecated.color.tokens.json", "isSource": true, "original": { "$value": { "default": "#3a383f", "dark": "#dcdcde" }, "$type": "color", "$extensions": { "com.figma.scope": [] }, "themeable": true, "prefix": false, "deprecated": true, "key": "{gray.800}" }, "name": "Y_800", "attributes": {}, "path": [ "gray", "800" ], "cssWithValue": "var(--gray-800, #dcdcde)" }, "900": { "key": "{gray.900}", "$value": "#ececef", "$type": "color", "$extensions": { "com.figma.scope": [] }, "themeable": true, "prefix": false, "deprecated": true, "filePath": "src/tokens/deprecated/deprecated.color.tokens.json", "isSource": true, "original": { "$value": { "default": "#28272d", "dark": "#ececef" }, "$type": "color", "$extensions": { "com.figma.scope": [] }, "themeable": true, "prefix": false, "deprecated": true, "key": "{gray.900}" }, "name": "Y_900", "attributes": {}, "path": [ "gray", "900" ], "cssWithValue": "var(--gray-900, #ececef)" }, "950": { "key": "{gray.950}", "$value": "#fbfafd", "$type": "color", "$extensions": { "com.figma.scope": [] }, "themeable": true, "prefix": false, "deprecated": true, "filePath": "src/tokens/deprecated/deprecated.color.tokens.json", "isSource": true, "original": { "$value": { "default": "#18171d", "dark": "#fbfafd" }, "$type": "color", "$extensions": { "com.figma.scope": [] }, "themeable": true, "prefix": false, "deprecated": true, "key": "{gray.950}" }, "name": "Y_950", "attributes": {}, "path": [ "gray", "950" ], "cssWithValue": "var(--gray-950, #fbfafd)" } }, "green": { "50": { "key": "{green.50}", "$value": "#0a4020", "$type": "color", "$extensions": { "com.figma.scope": [] }, "themeable": true, "prefix": false, "deprecated": true, "filePath": "src/tokens/deprecated/deprecated.color.tokens.json", "isSource": true, "original": { "$value": { "default": "#ecf4ee", "dark": "#0a4020" }, "$type": "color", "$extensions": { "com.figma.scope": [] }, "themeable": true, "prefix": false, "deprecated": true, "key": "{green.50}" }, "name": "EN_50", "attributes": {}, "path": [ "green", "50" ], "cssWithValue": "var(--green-50, #0a4020)" }, "100": { "key": "{green.100}", "$value": "#0d532a", "$type": "color", "$extensions": { "com.figma.scope": [] }, "themeable": true, "prefix": false, "deprecated": true, "filePath": "src/tokens/deprecated/deprecated.color.tokens.json", "isSource": true, "original": { "$value": { "default": "#c3e6cd", "dark": "#0d532a" }, "$type": "color", "$extensions": { "com.figma.scope": [] }, "themeable": true, "prefix": false, "deprecated": true, "key": "{green.100}" }, "name": "EN_100", "attributes": {}, "path": [ "green", "100" ], "cssWithValue": "var(--green-100, #0d532a)" }, "200": { "key": "{green.200}", "$value": "#24663b", "$type": "color", "$extensions": { "com.figma.scope": [] }, "themeable": true, "prefix": false, "deprecated": true, "filePath": "src/tokens/deprecated/deprecated.color.tokens.json", "isSource": true, "original": { "$value": { "default": "#91d4a8", "dark": "#24663b" }, "$type": "color", "$extensions": { "com.figma.scope": [] }, "themeable": true, "prefix": false, "deprecated": true, "key": "{green.200}" }, "name": "EN_200", "attributes": {}, "path": [ "green", "200" ], "cssWithValue": "var(--green-200, #24663b)" }, "300": { "key": "{green.300}", "$value": "#217645", "$type": "color", "$extensions": { "com.figma.scope": [] }, "themeable": true, "prefix": false, "deprecated": true, "filePath": "src/tokens/deprecated/deprecated.color.tokens.json", "isSource": true, "original": { "$value": { "default": "#52b87a", "dark": "#217645" }, "$type": "color", "$extensions": { "com.figma.scope": [] }, "themeable": true, "prefix": false, "deprecated": true, "key": "{green.300}" }, "name": "EN_300", "attributes": {}, "path": [ "green", "300" ], "cssWithValue": "var(--green-300, #217645)" }, "400": { "key": "{green.400}", "$value": "#108548", "$type": "color", "$extensions": { "com.figma.scope": [] }, "themeable": true, "prefix": false, "deprecated": true, "filePath": "src/tokens/deprecated/deprecated.color.tokens.json", "isSource": true, "original": { "$value": { "default": "#2da160", "dark": "#108548" }, "$type": "color", "$extensions": { "com.figma.scope": [] }, "themeable": true, "prefix": false, "deprecated": true, "key": "{green.400}" }, "name": "EN_400", "attributes": {}, "path": [ "green", "400" ], "cssWithValue": "var(--green-400, #108548)" }, "500": { "key": "{green.500}", "$value": "#2da160", "$type": "color", "$extensions": { "com.figma.scope": [] }, "themeable": true, "prefix": false, "deprecated": true, "filePath": "src/tokens/deprecated/deprecated.color.tokens.json", "isSource": true, "original": { "$value": { "default": "#108548", "dark": "#2da160" }, "$type": "color", "$extensions": { "com.figma.scope": [] }, "themeable": true, "prefix": false, "deprecated": true, "key": "{green.500}" }, "name": "EN_500", "attributes": {}, "path": [ "green", "500" ], "cssWithValue": "var(--green-500, #2da160)" }, "600": { "key": "{green.600}", "$value": "#52b87a", "$type": "color", "$extensions": { "com.figma.scope": [] }, "themeable": true, "prefix": false, "deprecated": true, "filePath": "src/tokens/deprecated/deprecated.color.tokens.json", "isSource": true, "original": { "$value": { "default": "#2f7549", "dark": "#52b87a" }, "$type": "color", "$extensions": { "com.figma.scope": [] }, "themeable": true, "prefix": false, "deprecated": true, "key": "{green.600}" }, "name": "EN_600", "attributes": {}, "path": [ "green", "600" ], "cssWithValue": "var(--green-600, #52b87a)" }, "700": { "key": "{green.700}", "$value": "#91d4a8", "$type": "color", "$extensions": { "com.figma.scope": [] }, "themeable": true, "prefix": false, "deprecated": true, "filePath": "src/tokens/deprecated/deprecated.color.tokens.json", "isSource": true, "original": { "$value": { "default": "#306440", "dark": "#91d4a8" }, "$type": "color", "$extensions": { "com.figma.scope": [] }, "themeable": true, "prefix": false, "deprecated": true, "key": "{green.700}" }, "name": "EN_700", "attributes": {}, "path": [ "green", "700" ], "cssWithValue": "var(--green-700, #91d4a8)" }, "800": { "key": "{green.800}", "$value": "#c3e6cd", "$type": "color", "$extensions": { "com.figma.scope": [] }, "themeable": true, "prefix": false, "deprecated": true, "filePath": "src/tokens/deprecated/deprecated.color.tokens.json", "isSource": true, "original": { "$value": { "default": "#225131", "dark": "#c3e6cd" }, "$type": "color", "$extensions": { "com.figma.scope": [] }, "themeable": true, "prefix": false, "deprecated": true, "key": "{green.800}" }, "name": "EN_800", "attributes": {}, "path": [ "green", "800" ], "cssWithValue": "var(--green-800, #c3e6cd)" }, "900": { "key": "{green.900}", "$value": "#ecf4ee", "$type": "color", "$extensions": { "com.figma.scope": [] }, "themeable": true, "prefix": false, "deprecated": true, "filePath": "src/tokens/deprecated/deprecated.color.tokens.json", "isSource": true, "original": { "$value": { "default": "#1e3e28", "dark": "#ecf4ee" }, "$type": "color", "$extensions": { "com.figma.scope": [] }, "themeable": true, "prefix": false, "deprecated": true, "key": "{green.900}" }, "name": "EN_900", "attributes": {}, "path": [ "green", "900" ], "cssWithValue": "var(--green-900, #ecf4ee)" }, "950": { "key": "{green.950}", "$value": "#f1fdf6", "$type": "color", "$extensions": { "com.figma.scope": [] }, "themeable": true, "prefix": false, "deprecated": true, "filePath": "src/tokens/deprecated/deprecated.color.tokens.json", "isSource": true, "original": { "$value": { "default": "#17291c", "dark": "#f1fdf6" }, "$type": "color", "$extensions": { "com.figma.scope": [] }, "themeable": true, "prefix": false, "deprecated": true, "key": "{green.950}" }, "name": "EN_950", "attributes": {}, "path": [ "green", "950" ], "cssWithValue": "var(--green-950, #f1fdf6)" } }, "orange": { "50": { "key": "{orange.50}", "$value": "#5c2900", "$type": "color", "$extensions": { "com.figma.scope": [] }, "themeable": true, "prefix": false, "deprecated": true, "filePath": "src/tokens/deprecated/deprecated.color.tokens.json", "isSource": true, "original": { "$value": { "default": "#fdf1dd", "dark": "#5c2900" }, "$type": "color", "$extensions": { "com.figma.scope": [] }, "themeable": true, "prefix": false, "deprecated": true, "key": "{orange.50}" }, "name": "NGE_50", "attributes": {}, "path": [ "orange", "50" ], "cssWithValue": "var(--orange-50, #5c2900)" }, "100": { "key": "{orange.100}", "$value": "#703800", "$type": "color", "$extensions": { "com.figma.scope": [] }, "themeable": true, "prefix": false, "deprecated": true, "filePath": "src/tokens/deprecated/deprecated.color.tokens.json", "isSource": true, "original": { "$value": { "default": "#f5d9a8", "dark": "#703800" }, "$type": "color", "$extensions": { "com.figma.scope": [] }, "themeable": true, "prefix": false, "deprecated": true, "key": "{orange.100}" }, "name": "NGE_100", "attributes": {}, "path": [ "orange", "100" ], "cssWithValue": "var(--orange-100, #703800)" }, "200": { "key": "{orange.200}", "$value": "#8f4700", "$type": "color", "$extensions": { "com.figma.scope": [] }, "themeable": true, "prefix": false, "deprecated": true, "filePath": "src/tokens/deprecated/deprecated.color.tokens.json", "isSource": true, "original": { "$value": { "default": "#e9be74", "dark": "#8f4700" }, "$type": "color", "$extensions": { "com.figma.scope": [] }, "themeable": true, "prefix": false, "deprecated": true, "key": "{orange.200}" }, "name": "NGE_200", "attributes": {}, "path": [ "orange", "200" ], "cssWithValue": "var(--orange-200, #8f4700)" }, "300": { "key": "{orange.300}", "$value": "#9e5400", "$type": "color", "$extensions": { "com.figma.scope": [] }, "themeable": true, "prefix": false, "deprecated": true, "filePath": "src/tokens/deprecated/deprecated.color.tokens.json", "isSource": true, "original": { "$value": { "default": "#d99530", "dark": "#9e5400" }, "$type": "color", "$extensions": { "com.figma.scope": [] }, "themeable": true, "prefix": false, "deprecated": true, "key": "{orange.300}" }, "name": "NGE_300", "attributes": {}, "path": [ "orange", "300" ], "cssWithValue": "var(--orange-300, #9e5400)" }, "400": { "key": "{orange.400}", "$value": "#ab6100", "$type": "color", "$extensions": { "com.figma.scope": [] }, "themeable": true, "prefix": false, "deprecated": true, "filePath": "src/tokens/deprecated/deprecated.color.tokens.json", "isSource": true, "original": { "$value": { "default": "#c17d10", "dark": "#ab6100" }, "$type": "color", "$extensions": { "com.figma.scope": [] }, "themeable": true, "prefix": false, "deprecated": true, "key": "{orange.400}" }, "name": "NGE_400", "attributes": {}, "path": [ "orange", "400" ], "cssWithValue": "var(--orange-400, #ab6100)" }, "500": { "key": "{orange.500}", "$value": "#c17d10", "$type": "color", "$extensions": { "com.figma.scope": [] }, "themeable": true, "prefix": false, "deprecated": true, "filePath": "src/tokens/deprecated/deprecated.color.tokens.json", "isSource": true, "original": { "$value": { "default": "#ab6100", "dark": "#c17d10" }, "$type": "color", "$extensions": { "com.figma.scope": [] }, "themeable": true, "prefix": false, "deprecated": true, "key": "{orange.500}" }, "name": "NGE_500", "attributes": {}, "path": [ "orange", "500" ], "cssWithValue": "var(--orange-500, #c17d10)" }, "600": { "key": "{orange.600}", "$value": "#d99530", "$type": "color", "$extensions": { "com.figma.scope": [] }, "themeable": true, "prefix": false, "deprecated": true, "filePath": "src/tokens/deprecated/deprecated.color.tokens.json", "isSource": true, "original": { "$value": { "default": "#995715", "dark": "#d99530" }, "$type": "color", "$extensions": { "com.figma.scope": [] }, "themeable": true, "prefix": false, "deprecated": true, "key": "{orange.600}" }, "name": "NGE_600", "attributes": {}, "path": [ "orange", "600" ], "cssWithValue": "var(--orange-600, #d99530)" }, "700": { "key": "{orange.700}", "$value": "#e9be74", "$type": "color", "$extensions": { "com.figma.scope": [] }, "themeable": true, "prefix": false, "deprecated": true, "filePath": "src/tokens/deprecated/deprecated.color.tokens.json", "isSource": true, "original": { "$value": { "default": "#894b16", "dark": "#e9be74" }, "$type": "color", "$extensions": { "com.figma.scope": [] }, "themeable": true, "prefix": false, "deprecated": true, "key": "{orange.700}" }, "name": "NGE_700", "attributes": {}, "path": [ "orange", "700" ], "cssWithValue": "var(--orange-700, #e9be74)" }, "800": { "key": "{orange.800}", "$value": "#f5d9a8", "$type": "color", "$extensions": { "com.figma.scope": [] }, "themeable": true, "prefix": false, "deprecated": true, "filePath": "src/tokens/deprecated/deprecated.color.tokens.json", "isSource": true, "original": { "$value": { "default": "#693c14", "dark": "#f5d9a8" }, "$type": "color", "$extensions": { "com.figma.scope": [] }, "themeable": true, "prefix": false, "deprecated": true, "key": "{orange.800}" }, "name": "NGE_800", "attributes": {}, "path": [ "orange", "800" ], "cssWithValue": "var(--orange-800, #f5d9a8)" }, "900": { "key": "{orange.900}", "$value": "#fdf1dd", "$type": "color", "$extensions": { "com.figma.scope": [] }, "themeable": true, "prefix": false, "deprecated": true, "filePath": "src/tokens/deprecated/deprecated.color.tokens.json", "isSource": true, "original": { "$value": { "default": "#532e16", "dark": "#fdf1dd" }, "$type": "color", "$extensions": { "com.figma.scope": [] }, "themeable": true, "prefix": false, "deprecated": true, "key": "{orange.900}" }, "name": "NGE_900", "attributes": {}, "path": [ "orange", "900"