@awsui/components-react
Version:
On July 19th, 2022, we launched [Cloudscape Design System](https://cloudscape.design). Cloudscape is an evolution of AWS-UI. It consists of user interface guidelines, front-end components, design resources, and development tools for building intuitive, en
1,670 lines • 423 kB
JavaScript
module.exports.preset = {
"theme": {
"id": "classic",
"selector": ":root",
"modes": {
"color": {
"id": "color",
"states": {
"light": {
"default": true
},
"dark": {
"selector": ".awsui-dark-mode",
"media": "not print"
}
}
},
"density": {
"id": "density",
"states": {
"comfortable": {
"default": true
},
"compact": {
"selector": ".awsui-compact-mode"
}
}
},
"motion": {
"id": "motion",
"states": {
"default": {
"default": true
},
"disabled": {
"selector": ".awsui-motion-disabled"
}
}
}
},
"tokens": {
"colorAmazonOrange": "#ff9900",
"colorAwsSquidInk": "#232f3e",
"colorBlack": "#000000",
"colorBlue100": "#f1faff",
"colorBlue200": "#d1f1ff",
"colorBlue300": "#99cbe4",
"colorBlue400": "#44b9d6",
"colorBlue500": "#00a1c9",
"colorBlue600": "#0073bb",
"colorBlue700": "#0a4a74",
"colorBlue800": "#002b66",
"colorBlue900": "#12293b",
"colorBlueOpaque": "rgba(51, 136, 221, 0.5)",
"colorGreen100": "#f2f8f0",
"colorGreen500": "#6aaf35",
"colorGreen600": "#1d8102",
"colorGreen700": "#00471e",
"colorGreen900": "#172211",
"colorGrey100": "#fafafa",
"colorGrey125": "#f6f6f9",
"colorGrey150": "#f2f3f3",
"colorGrey200": "#eaeded",
"colorGrey300": "#d5dbdb",
"colorGrey350": "#c6c6cd",
"colorGrey400": "#aab7b8",
"colorGrey450": "#95a5a6",
"colorGrey500": "#879596",
"colorGrey550": "#687078",
"colorGrey600": "#545b64",
"colorGrey650": "#414750",
"colorGrey700": "#2a2e33",
"colorGrey750": "#21252c",
"colorGrey800": "#1a2029",
"colorGrey850": "#131920",
"colorGrey900": "#16191f",
"colorGrey950": "#06080a",
"colorOrange100": "#fef6f0",
"colorOrange500": "#ec7211",
"colorOrange600": "#eb5f07",
"colorOrange700": "#dd6b10",
"colorPurple400": "#bf80ff",
"colorPurple600": "#7300e5",
"colorRed100": "#fdf3f1",
"colorRed500": "#ff5d64",
"colorRed600": "#d13212",
"colorRed700": "#700000",
"colorRed900": "#270a11",
"colorTransparent": "transparent",
"colorWhite": "#ffffff",
"colorYellow100": "#fffef0",
"colorYellow600": "#ffe347",
"colorYellow700": "#fbd332",
"colorYellow800": "#906806",
"colorYellow900": "#191100",
"colorChartsRed300": {
"light": "#ea7158",
"dark": "#d63f38"
},
"colorChartsRed400": {
"light": "#dc5032",
"dark": "#ed5958"
},
"colorChartsRed500": {
"light": "#d13313",
"dark": "#fe6e73"
},
"colorChartsRed600": {
"light": "#ba2e0f",
"dark": "#ff8a8a"
},
"colorChartsRed700": {
"light": "#a82a0c",
"dark": "#ffa09e"
},
"colorChartsRed800": {
"light": "#972709",
"dark": "#ffb3b0"
},
"colorChartsRed900": {
"light": "#892407",
"dark": "#ffc4c0"
},
"colorChartsRed1000": {
"light": "#7d2105",
"dark": "#ffd2cf"
},
"colorChartsRed1100": {
"light": "#721e03",
"dark": "#ffe0dd"
},
"colorChartsRed1200": {
"light": "#671c00",
"dark": "#ffecea"
},
"colorChartsOrange300": {
"light": "#e07941",
"dark": "#c55305"
},
"colorChartsOrange400": {
"light": "#cc5f21",
"dark": "#de6923"
},
"colorChartsOrange500": {
"light": "#bc4d01",
"dark": "#f27c36"
},
"colorChartsOrange600": {
"light": "#a84401",
"dark": "#f89256"
},
"colorChartsOrange700": {
"light": "#983c02",
"dark": "#fca572"
},
"colorChartsOrange800": {
"light": "#8a3603",
"dark": "#ffb68b"
},
"colorChartsOrange900": {
"light": "#7e3103",
"dark": "#ffc6a4"
},
"colorChartsOrange1000": {
"light": "#732c02",
"dark": "#ffd4bb"
},
"colorChartsOrange1100": {
"light": "#692801",
"dark": "#ffe1cf"
},
"colorChartsOrange1200": {
"light": "#602400",
"dark": "#ffede2"
},
"colorChartsYellow300": {
"light": "#b2911c",
"dark": "#977001"
},
"colorChartsYellow400": {
"light": "#9c7b0b",
"dark": "#b08400"
},
"colorChartsYellow500": {
"light": "#8a6b05",
"dark": "#c59600"
},
"colorChartsYellow600": {
"light": "#7b5f04",
"dark": "#d3a61c"
},
"colorChartsYellow700": {
"light": "#6f5504",
"dark": "#dfb52c"
},
"colorChartsYellow800": {
"light": "#654d03",
"dark": "#eac33a"
},
"colorChartsYellow900": {
"light": "#5d4503",
"dark": "#f1cf65"
},
"colorChartsYellow1000": {
"light": "#553f03",
"dark": "#f7db8a"
},
"colorChartsYellow1100": {
"light": "#4d3901",
"dark": "#fce5a8"
},
"colorChartsYellow1200": {
"light": "#483300",
"dark": "#ffefc9"
},
"colorChartsGreen300": {
"light": "#67a353",
"dark": "#48851a"
},
"colorChartsGreen400": {
"light": "#41902c",
"dark": "#5a9b29"
},
"colorChartsGreen500": {
"light": "#1f8104",
"dark": "#69ae34"
},
"colorChartsGreen600": {
"light": "#1a7302",
"dark": "#7dbd4c"
},
"colorChartsGreen700": {
"light": "#176702",
"dark": "#8fca61"
},
"colorChartsGreen800": {
"light": "#145d02",
"dark": "#9fd673"
},
"colorChartsGreen900": {
"light": "#125502",
"dark": "#b2df8d"
},
"colorChartsGreen1000": {
"light": "#104d01",
"dark": "#c5e7a8"
},
"colorChartsGreen1100": {
"light": "#0f4601",
"dark": "#d5efbe"
},
"colorChartsGreen1200": {
"light": "#0d4000",
"dark": "#e4f7d5"
},
"colorChartsTeal300": {
"light": "#2ea597",
"dark": "#018977"
},
"colorChartsTeal400": {
"light": "#1c8e81",
"dark": "#009d89"
},
"colorChartsTeal500": {
"light": "#0d7d70",
"dark": "#00b09b"
},
"colorChartsTeal600": {
"light": "#096f64",
"dark": "#40bfa9"
},
"colorChartsTeal700": {
"light": "#06645a",
"dark": "#5fccb7"
},
"colorChartsTeal800": {
"light": "#045b52",
"dark": "#77d7c3"
},
"colorChartsTeal900": {
"light": "#03524a",
"dark": "#94e0d0"
},
"colorChartsTeal1000": {
"light": "#014b44",
"dark": "#ace9db"
},
"colorChartsTeal1100": {
"light": "#01443e",
"dark": "#c2f0e6"
},
"colorChartsTeal1200": {
"light": "#003e38",
"dark": "#d7f7f0"
},
"colorChartsBlue1300": {
"light": "#529ccb",
"dark": "#00819c"
},
"colorChartsBlue1400": {
"light": "#3184c2",
"dark": "#0497ba"
},
"colorChartsBlue1500": {
"light": "#0273bb",
"dark": "#08aad2"
},
"colorChartsBlue1600": {
"light": "#0166ab",
"dark": "#44b9dd"
},
"colorChartsBlue1700": {
"light": "#015b9d",
"dark": "#63c6e7"
},
"colorChartsBlue1800": {
"light": "#015292",
"dark": "#79d2f0"
},
"colorChartsBlue1900": {
"light": "#014a87",
"dark": "#98dcf5"
},
"colorChartsBlue11000": {
"light": "#01437d",
"dark": "#b3e4f8"
},
"colorChartsBlue11100": {
"light": "#003c75",
"dark": "#caedfc"
},
"colorChartsBlue11200": {
"light": "#00366d",
"dark": "#ddf4ff"
},
"colorChartsBlue2300": {
"light": "#688ae8",
"dark": "#486de8"
},
"colorChartsBlue2400": {
"light": "#5978e3",
"dark": "#6384f5"
},
"colorChartsBlue2500": {
"light": "#4066df",
"dark": "#7698fe"
},
"colorChartsBlue2600": {
"light": "#3759ce",
"dark": "#8ea9ff"
},
"colorChartsBlue2700": {
"light": "#314fbf",
"dark": "#a2b8ff"
},
"colorChartsBlue2800": {
"light": "#2c46b1",
"dark": "#b1c5ff"
},
"colorChartsBlue2900": {
"light": "#273ea5",
"dark": "#c3d1ff"
},
"colorChartsBlue21000": {
"light": "#23379b",
"dark": "#d2dcff"
},
"colorChartsBlue21100": {
"light": "#1f3191",
"dark": "#dfe6ff"
},
"colorChartsBlue21200": {
"light": "#1b2b88",
"dark": "#ecf0ff"
},
"colorChartsPurple300": {
"light": "#a783e1",
"dark": "#8d59de"
},
"colorChartsPurple400": {
"light": "#9469d6",
"dark": "#a173ea"
},
"colorChartsPurple500": {
"light": "#8456ce",
"dark": "#b088f5"
},
"colorChartsPurple600": {
"light": "#7749bf",
"dark": "#bf9bf9"
},
"colorChartsPurple700": {
"light": "#6b40b2",
"dark": "#cbabfc"
},
"colorChartsPurple800": {
"light": "#6237a7",
"dark": "#d6baff"
},
"colorChartsPurple900": {
"light": "#59309d",
"dark": "#dfc8ff"
},
"colorChartsPurple1000": {
"light": "#512994",
"dark": "#e8d5ff"
},
"colorChartsPurple1100": {
"light": "#4a238b",
"dark": "#efe2ff"
},
"colorChartsPurple1200": {
"light": "#431d84",
"dark": "#f5edff"
},
"colorChartsPink300": {
"light": "#da7596",
"dark": "#c64a70"
},
"colorChartsPink400": {
"light": "#ce567c",
"dark": "#d56889"
},
"colorChartsPink500": {
"light": "#c33d69",
"dark": "#e07f9d"
},
"colorChartsPink600": {
"light": "#b1325c",
"dark": "#eb92ad"
},
"colorChartsPink700": {
"light": "#a32952",
"dark": "#f5a2bb"
},
"colorChartsPink800": {
"light": "#962249",
"dark": "#ffb0c8"
},
"colorChartsPink900": {
"light": "#8b1b42",
"dark": "#ffc1d4"
},
"colorChartsPink1000": {
"light": "#81143b",
"dark": "#ffd1de"
},
"colorChartsPink1100": {
"light": "#780d35",
"dark": "#ffdfe8"
},
"colorChartsPink1200": {
"light": "#6f062f",
"dark": "#ffecf1"
},
"colorChartsStatusCritical": {
"light": "{colorChartsRed1000}",
"dark": "{colorChartsRed300}"
},
"colorChartsStatusHigh": {
"light": "{colorChartsRed600}",
"dark": "{colorChartsRed500}"
},
"colorChartsStatusMedium": {
"light": "{colorChartsOrange400}",
"dark": "{colorChartsOrange600}"
},
"colorChartsStatusLow": {
"light": "{colorChartsYellow300}",
"dark": "{colorChartsYellow700}"
},
"colorChartsStatusPositive": {
"light": "{colorChartsGreen300}",
"dark": "{colorChartsGreen500}"
},
"colorChartsStatusInfo": {
"light": "{colorChartsBlue1400}",
"dark": "{colorChartsBlue1500}"
},
"colorChartsStatusNeutral": {
"light": "{colorGrey500}",
"dark": "{colorGrey500}"
},
"colorChartsThresholdNegative": {
"light": "{colorRed600}",
"dark": "{colorRed500}"
},
"colorChartsThresholdPositive": {
"light": "{colorGreen600}",
"dark": "{colorGreen500}"
},
"colorChartsThresholdInfo": {
"light": "{colorBlue600}",
"dark": "{colorBlue400}"
},
"colorChartsThresholdNeutral": {
"light": "{colorGrey550}",
"dark": "{colorGrey450}"
},
"colorChartsLineGrid": {
"light": "{colorGrey300}",
"dark": "{colorGrey650}"
},
"colorChartsLineTick": {
"light": "{colorGrey300}",
"dark": "{colorGrey650}"
},
"colorChartsLineAxis": {
"light": "{colorGrey300}",
"dark": "{colorGrey650}"
},
"colorChartsPaletteCategorical1": {
"light": "{colorChartsBlue2300}",
"dark": "{colorChartsBlue2300}"
},
"colorChartsPaletteCategorical2": {
"light": "{colorChartsPink500}",
"dark": "{colorChartsPink500}"
},
"colorChartsPaletteCategorical3": {
"light": "{colorChartsTeal300}",
"dark": "{colorChartsTeal300}"
},
"colorChartsPaletteCategorical4": {
"light": "{colorChartsPurple500}",
"dark": "{colorChartsPurple500}"
},
"colorChartsPaletteCategorical5": {
"light": "{colorChartsOrange300}",
"dark": "{colorChartsOrange300}"
},
"colorChartsPaletteCategorical6": {
"light": "{colorChartsBlue2600}",
"dark": "{colorChartsBlue2600}"
},
"colorChartsPaletteCategorical7": {
"light": "{colorChartsPink800}",
"dark": "{colorChartsPink800}"
},
"colorChartsPaletteCategorical8": {
"light": "{colorChartsTeal600}",
"dark": "{colorChartsTeal600}"
},
"colorChartsPaletteCategorical9": {
"light": "{colorChartsPurple800}",
"dark": "{colorChartsPurple800}"
},
"colorChartsPaletteCategorical10": {
"light": "{colorChartsOrange600}",
"dark": "{colorChartsOrange600}"
},
"colorChartsPaletteCategorical11": {
"light": "{colorChartsBlue2900}",
"dark": "{colorChartsBlue2900}"
},
"colorChartsPaletteCategorical12": {
"light": "{colorChartsPink1100}",
"dark": "{colorChartsPink1100}"
},
"colorChartsPaletteCategorical13": {
"light": "{colorChartsTeal900}",
"dark": "{colorChartsTeal900}"
},
"colorChartsPaletteCategorical14": {
"light": "{colorChartsPurple1100}",
"dark": "{colorChartsPurple1100}"
},
"colorChartsPaletteCategorical15": {
"light": "{colorChartsOrange900}",
"dark": "{colorChartsOrange900}"
},
"colorChartsPaletteCategorical16": {
"light": "{colorChartsBlue21200}",
"dark": "{colorChartsBlue21200}"
},
"colorChartsPaletteCategorical17": {
"light": "{colorChartsPink400}",
"dark": "{colorChartsPink400}"
},
"colorChartsPaletteCategorical18": {
"light": "{colorChartsTeal1200}",
"dark": "{colorChartsTeal1200}"
},
"colorChartsPaletteCategorical19": {
"light": "{colorChartsPurple400}",
"dark": "{colorChartsPurple400}"
},
"colorChartsPaletteCategorical20": {
"light": "{colorChartsOrange1200}",
"dark": "{colorChartsOrange1200}"
},
"colorChartsPaletteCategorical21": {
"light": "{colorChartsBlue2500}",
"dark": "{colorChartsBlue2500}"
},
"colorChartsPaletteCategorical22": {
"light": "{colorChartsPink700}",
"dark": "{colorChartsPink700}"
},
"colorChartsPaletteCategorical23": {
"light": "{colorChartsTeal500}",
"dark": "{colorChartsTeal500}"
},
"colorChartsPaletteCategorical24": {
"light": "{colorChartsPurple700}",
"dark": "{colorChartsPurple700}"
},
"colorChartsPaletteCategorical25": {
"light": "{colorChartsOrange500}",
"dark": "{colorChartsOrange500}"
},
"colorChartsPaletteCategorical26": {
"light": "{colorChartsBlue2800}",
"dark": "{colorChartsBlue2800}"
},
"colorChartsPaletteCategorical27": {
"light": "{colorChartsPink1000}",
"dark": "{colorChartsPink1000}"
},
"colorChartsPaletteCategorical28": {
"light": "{colorChartsTeal800}",
"dark": "{colorChartsTeal800}"
},
"colorChartsPaletteCategorical29": {
"light": "{colorChartsPurple1000}",
"dark": "{colorChartsPurple1000}"
},
"colorChartsPaletteCategorical30": {
"light": "{colorChartsOrange800}",
"dark": "{colorChartsOrange800}"
},
"colorChartsPaletteCategorical31": {
"light": "{colorChartsBlue21100}",
"dark": "{colorChartsBlue21100}"
},
"colorChartsPaletteCategorical32": {
"light": "{colorChartsPink300}",
"dark": "{colorChartsPink300}"
},
"colorChartsPaletteCategorical33": {
"light": "{colorChartsTeal1100}",
"dark": "{colorChartsTeal1100}"
},
"colorChartsPaletteCategorical34": {
"light": "{colorChartsPurple300}",
"dark": "{colorChartsPurple300}"
},
"colorChartsPaletteCategorical35": {
"light": "{colorChartsOrange1100}",
"dark": "{colorChartsOrange1100}"
},
"colorChartsPaletteCategorical36": {
"light": "{colorChartsBlue2400}",
"dark": "{colorChartsBlue2400}"
},
"colorChartsPaletteCategorical37": {
"light": "{colorChartsPink600}",
"dark": "{colorChartsPink600}"
},
"colorChartsPaletteCategorical38": {
"light": "{colorChartsTeal400}",
"dark": "{colorChartsTeal400}"
},
"colorChartsPaletteCategorical39": {
"light": "{colorChartsPurple600}",
"dark": "{colorChartsPurple600}"
},
"colorChartsPaletteCategorical40": {
"light": "{colorChartsOrange400}",
"dark": "{colorChartsOrange400}"
},
"colorChartsPaletteCategorical41": {
"light": "{colorChartsBlue2700}",
"dark": "{colorChartsBlue2700}"
},
"colorChartsPaletteCategorical42": {
"light": "{colorChartsPink900}",
"dark": "{colorChartsPink900}"
},
"colorChartsPaletteCategorical43": {
"light": "{colorChartsTeal700}",
"dark": "{colorChartsTeal700}"
},
"colorChartsPaletteCategorical44": {
"light": "{colorChartsPurple900}",
"dark": "{colorChartsPurple900}"
},
"colorChartsPaletteCategorical45": {
"light": "{colorChartsOrange700}",
"dark": "{colorChartsOrange700}"
},
"colorChartsPaletteCategorical46": {
"light": "{colorChartsBlue21000}",
"dark": "{colorChartsBlue21000}"
},
"colorChartsPaletteCategorical47": {
"light": "{colorChartsPink1200}",
"dark": "{colorChartsPink1200}"
},
"colorChartsPaletteCategorical48": {
"light": "{colorChartsTeal1000}",
"dark": "{colorChartsTeal1000}"
},
"colorChartsPaletteCategorical49": {
"light": "{colorChartsPurple1200}",
"dark": "{colorChartsPurple1200}"
},
"colorChartsPaletteCategorical50": {
"light": "{colorChartsOrange1000}",
"dark": "{colorChartsOrange1000}"
},
"colorSeverityDarkRed": {
"light": "#870303",
"dark": "#d63f38"
},
"colorSeverityRed": {
"light": "#ce3311",
"dark": "#fe6e73"
},
"colorSeverityOrange": {
"light": "#f89256",
"dark": "#f89256"
},
"colorSeverityYellow": {
"light": "#f2cd54",
"dark": "#f2cd54"
},
"colorSeverityGrey": {
"light": "{colorGrey550}",
"dark": "{colorGrey550}"
},
"colorBackgroundNotificationSeverityCritical": {
"light": "{colorSeverityDarkRed}",
"dark": "{colorSeverityDarkRed}"
},
"colorBackgroundNotificationSeverityHigh": {
"light": "{colorSeverityRed}",
"dark": "{colorSeverityRed}"
},
"colorBackgroundNotificationSeverityMedium": {
"light": "{colorSeverityOrange}",
"dark": "{colorSeverityOrange}"
},
"colorBackgroundNotificationSeverityLow": {
"light": "{colorSeverityYellow}",
"dark": "{colorSeverityYellow}"
},
"colorBackgroundNotificationSeverityNeutral": {
"light": "{colorSeverityGrey}",
"dark": "{colorSeverityGrey}"
},
"colorTextNotificationSeverityCritical": {
"light": "{colorGrey100}",
"dark": "{colorBlack}"
},
"colorTextNotificationSeverityHigh": {
"light": "{colorGrey100}",
"dark": "{colorGrey900}"
},
"colorTextNotificationSeverityMedium": {
"light": "{colorBlack}",
"dark": "{colorGrey900}"
},
"colorTextNotificationSeverityLow": {
"light": "{colorGrey900}",
"dark": "{colorGrey900}"
},
"colorTextNotificationSeverityNeutral": {
"light": "{colorGrey100}",
"dark": "{colorGrey100}"
},
"colorGreyOpaque10": {
"light": "rgba(0, 0, 0, 0.1)",
"dark": "rgba(0, 0, 0, 0.1)"
},
"colorGreyOpaque25": {
"light": "rgba(255, 255, 255, 0.25)",
"dark": "rgba(255, 255, 255, 0.25)"
},
"colorGreyOpaque40": {
"light": "rgba(0, 0, 0, 0.4)",
"dark": "rgba(0, 0, 0, 0.4)"
},
"colorGreyOpaque50": {
"light": "rgba(0, 0, 0, 0.5)",
"dark": "rgba(0, 0, 0, 0.5)"
},
"colorGreyOpaque70": {
"light": "rgba(255, 255, 255, 0.7)",
"dark": "rgba(255, 255, 255, 0.7)"
},
"colorGreyOpaque80": {
"light": "rgba(22, 25, 31, 0.8)",
"dark": "rgba(22, 25, 31, 0.8)"
},
"colorGreyOpaque90": {
"light": "rgba(242, 243, 243, 0.9)",
"dark": "rgba(242, 243, 243, 0.9)"
},
"colorGreyTransparent": {
"light": "rgba(0, 28, 36, 0.3)",
"dark": "rgba(0, 0, 0, 0.3)"
},
"colorGreyTransparentHeavy": {
"light": "rgba(0, 28, 36, 0.5)",
"dark": "rgba(0, 0, 0, 0.5)"
},
"colorGreyTransparentLight": {
"light": "rgba(0, 28, 36, 0.15)",
"dark": "rgba(0, 0, 0, 0.3)"
},
"colorBackgroundBadgeIcon": {
"light": "{colorRed600}",
"dark": "{colorRed500}"
},
"colorBackgroundButtonLinkActive": {
"light": "{colorGrey200}",
"dark": "{colorGrey900}"
},
"colorBackgroundButtonLinkHover": {
"light": "{colorGrey100}",
"dark": "{colorGrey750}"
},
"colorBackgroundButtonNormalActive": {
"light": "{colorGrey200}",
"dark": "{colorGrey900}"
},
"colorBackgroundButtonNormalDefault": {
"light": "{colorWhite}",
"dark": "{colorGrey700}"
},
"colorBackgroundButtonNormalDisabled": {
"light": "{colorWhite}",
"dark": "{colorGrey700}"
},
"colorBackgroundButtonNormalHover": {
"light": "{colorGrey100}",
"dark": "{colorGrey750}"
},
"colorBackgroundToggleButtonNormalPressed": {
"light": "{colorGrey200}",
"dark": "{colorGrey900}"
},
"colorBackgroundButtonPrimaryActive": {
"light": "{colorBlue900}",
"dark": "{colorBlue400}"
},
"colorBackgroundButtonPrimaryDefault": {
"light": "{colorBlue600}",
"dark": "{colorBlue400}"
},
"colorBackgroundButtonPrimaryDisabled": {
"light": "{colorWhite}",
"dark": "{colorGrey700}"
},
"colorBackgroundButtonPrimaryHover": {
"light": "{colorBlue700}",
"dark": "{colorBlue500}"
},
"colorBackgroundCalendarCurrentDate": {
"light": "{colorGrey150}",
"dark": "{colorGrey900}"
},
"colorBackgroundCellShaded": {
"light": "{colorGrey150}",
"dark": "{colorGrey900}"
},
"colorBackgroundCodeEditorGutterActiveLineDefault": {
"light": "{colorGrey550}",
"dark": "{colorGrey500}"
},
"colorBackgroundCodeEditorGutterActiveLineError": {
"light": "{colorTextStatusError}",
"dark": "{colorTextStatusError}"
},
"colorBackgroundCodeEditorGutterDefault": {
"light": "{colorGrey150}",
"dark": "{colorGrey750}"
},
"colorBackgroundCodeEditorLoading": {
"light": "{colorBackgroundCodeEditorStatusBar}",
"dark": "{colorBackgroundCodeEditorStatusBar}"
},
"colorBackgroundCodeEditorPaneItemHover": {
"light": "{colorGrey200}",
"dark": "{colorGrey650}"
},
"colorBackgroundCodeEditorStatusBar": {
"light": "{colorGrey150}",
"dark": "{colorGrey750}"
},
"colorBackgroundContainerContent": {
"light": "{colorWhite}",
"dark": "{colorGrey700}"
},
"colorBackgroundContainerHeader": {
"light": "{colorGrey100}",
"dark": "{colorGrey750}"
},
"colorBackgroundControlChecked": {
"light": "{colorBlue600}",
"dark": "{colorBlue500}"
},
"colorBackgroundControlDefault": {
"light": "{colorWhite}",
"dark": "{colorGrey800}"
},
"colorBackgroundControlDisabled": {
"light": "{colorGrey300}",
"dark": "{colorGrey650}"
},
"colorBackgroundDropdownItemDefault": {
"light": "{colorWhite}",
"dark": "{colorGrey700}"
},
"colorBackgroundDropdownItemDimmed": {
"light": "transparent",
"dark": "transparent"
},
"colorBackgroundDropdownItemFilterMatch": {
"light": "{colorBlue100}",
"dark": "{colorBlue900}"
},
"colorBackgroundDropdownItemHover": {
"light": "{colorGrey150}",
"dark": "{colorGrey650}"
},
"colorBackgroundDropdownItemSelected": {
"light": "{colorBackgroundItemSelected}",
"dark": "{colorBackgroundItemSelected}"
},
"colorBackgroundHomeHeader": {
"light": "{colorBlack}",
"dark": "{colorBlack}"
},
"colorBackgroundInputDefault": {
"light": "{colorWhite}",
"dark": "{colorGrey800}"
},
"colorBackgroundInputDisabled": {
"light": "{colorGrey200}",
"dark": "{colorGrey650}"
},
"colorBackgroundItemSelected": {
"light": "{colorBlue100}",
"dark": "{colorBlue900}"
},
"colorBackgroundLayoutMain": {
"light": "{colorGrey150}",
"dark": "{colorGrey900}"
},
"colorBackgroundLayoutMobilePanel": {
"light": "{colorBackgroundLayoutPanelContent}",
"dark": "{colorBackgroundLayoutPanelContent}"
},
"colorBackgroundLayoutPanelContent": {
"light": "{colorBackgroundContainerContent}",
"dark": "{colorBackgroundContainerContent}"
},
"colorBackgroundLayoutPanelHover": {
"light": "{colorGrey200}",
"dark": "{colorGrey650}"
},
"colorBackgroundLayoutToggleActive": {
"light": "{colorGrey700}",
"dark": "{colorGrey700}"
},
"colorBackgroundLayoutToggleDefault": {
"light": "transparent",
"dark": "transparent"
},
"colorBackgroundLayoutToggleHover": {
"light": "{colorGrey600}",
"dark": "{colorGrey600}"
},
"colorBackgroundLayoutToggleSelectedActive": {
"light": "{colorBlue600}",
"dark": "{colorBlue500}"
},
"colorBackgroundLayoutToggleSelectedDefault": {
"light": "{colorBlue600}",
"dark": "{colorBlue400}"
},
"colorBackgroundLayoutToggleSelectedHover": {
"light": "{colorBlue700}",
"dark": "{colorBlue400}"
},
"colorBackgroundModalOverlay": {
"light": "{colorGreyOpaque90}",
"dark": "{colorGreyOpaque80}"
},
"colorBackgroundNotificationBlue": {
"light": "{colorBlue600}",
"dark": "{colorBlue600}"
},
"colorBackgroundNotificationGreen": {
"light": "{colorGreen600}",
"dark": "{colorGreen600}"
},
"colorBackgroundNotificationGrey": {
"light": "{colorGrey600}",
"dark": "{colorGrey550}"
},
"colorBackgroundNotificationRed": {
"light": "{colorRed600}",
"dark": "{colorRed600}"
},
"colorBackgroundNotificationYellow": {
"light": "{colorYellow600}",
"dark": "{colorYellow600}"
},
"colorBackgroundNotificationStackBar": {
"light": "{colorGrey700}",
"dark": "{colorGrey700}"
},
"colorBackgroundNotificationStackBarActive": {
"light": "{colorGrey700}",
"dark": "{colorGrey700}"
},
"colorBackgroundNotificationStackBarHover": {
"light": "{colorGrey600}",
"dark": "{colorGrey600}"
},
"colorBackgroundPopover": {
"light": "{colorWhite}",
"dark": "{colorGrey750}"
},
"colorBackgroundProgressBarContentDefault": {
"light": "{colorBlue600}",
"dark": "{colorBlue500}"
},
"colorBackgroundProgressBarContentInFlash": {
"light": "{colorGreyOpaque70}",
"dark": "{colorGrey100}"
},
"colorBackgroundProgressBarLayoutDefault": {
"light": "{colorGrey200}",
"dark": "{colorGrey650}"
},
"colorBackgroundProgressBarLayoutInFlash": {
"light": "{colorGreyOpaque25}",
"dark": "{colorGreyOpaque25}"
},
"colorBackgroundSegmentActive": {
"light": "{colorBlue600}",
"dark": "{colorBlue500}"
},
"colorBackgroundSegmentDefault": {
"light": "{colorBackgroundButtonNormalDefault}",
"dark": "{colorBackgroundButtonNormalDefault}"
},
"colorBackgroundSegmentDisabled": {
"light": "{colorBackgroundButtonNormalDisabled}",
"dark": "{colorBackgroundButtonNormalDisabled}"
},
"colorBackgroundSegmentHover": {
"light": "{colorBackgroundButtonNormalHover}",
"dark": "{colorBackgroundButtonNormalHover}"
},
"colorBackgroundSliderHandleDefault": {
"light": "{colorBlue600}",
"dark": "{colorBlue500}"
},
"colorBackgroundSliderHandleActive": {
"light": "{colorBlue700}",
"dark": "{colorBlue400}"
},
"colorBackgroundSliderTrack": {
"light": "{colorGrey500}",
"dark": "{colorGrey550}"
},
"colorBackgroundSliderHandleRing": {
"light": "{colorWhite}",
"dark": "{colorGrey800}"
},
"colorBackgroundSliderErrorPressed": {
"light": "{colorRed700}",
"dark": "{colorRed500}"
},
"colorBackgroundSliderWarningPressed": {
"light": "{colorYellow800}",
"dark": "{colorYellow700}"
},
"colorBackgroundStatusError": {
"light": "{colorRed100}",
"dark": "{colorRed900}"
},
"colorBackgroundStatusInfo": {
"light": "{colorBlue100}",
"dark": "{colorBlue900}"
},
"colorBackgroundStatusSuccess": {
"light": "{colorGreen100}",
"dark": "{colorGreen900}"
},
"colorBackgroundStatusWarning": {
"light": "{colorYellow100}",
"dark": "{colorYellow900}"
},
"colorBackgroundTableHeader": {
"light": "{colorBackgroundContainerHeader}",
"dark": "{colorBackgroundContainerHeader}"
},
"colorBackgroundTilesDisabled": {
"light": "{colorGrey200}",
"dark": "{colorGrey700}"
},
"colorBackgroundToggleCheckedDisabled": {
"light": "{colorBlue300}",
"dark": "{colorBlue700}"
},
"colorBackgroundToggleDefault": {
"light": "{colorGrey600}",
"dark": "{colorGrey500}"
},
"colorBackgroundAvatarGenAi": {
"light": "radial-gradient(circle farthest-corner at top left,rgba(0, 150, 250, 1) -25%,rgba(0, 150, 250, 0) 55%),radial-gradient(circle farthest-corner at top right, rgba(216, 178, 255, 1) -10%, rgba(115, 0, 229, 1) 50%)",
"dark": "radial-gradient(circle farthest-corner at top left,rgba(0, 150, 250, 1) -25%,rgba(0, 150, 250, 0) 55%),radial-gradient(circle farthest-corner at top right, rgba(216, 178, 255, 1) -10%, rgba(115, 0, 229, 1) 50%)"
},
"colorBackgroundAvatarDefault": {
"light": "{colorGrey600}",
"dark": "{colorGrey600}"
},
"colorTextAvatar": {
"light": "{colorWhite}",
"dark": "{colorWhite}"
},
"colorBackgroundLoadingBarGenAi": {
"light": "linear-gradient(90deg, #99f7ff 0%, #0096fa 10%, #bf80ff 24%, #7300e5 50%, #bf80ff 76%, #0096fa 90%, #99f7ff 100%)",
"dark": "linear-gradient(90deg, #99f7ff 0%, #0096fa 10%, #bf80ff 24%, #7300e5 50%, #bf80ff 76%, #0096fa 90%, #99f7ff 100%)"
},
"colorBackgroundChatBubbleOutgoing": {
"light": "transparent",
"dark": "transparent"
},
"colorBackgroundChatBubbleIncoming": {
"light": "{colorGrey150}",
"dark": "{colorGrey900}"
},
"colorTextChatBubbleOutgoing": {
"light": "{colorTextBodyDefault}",
"dark": "{colorTextBodyDefault}"
},
"colorTextChatBubbleIncoming": {
"light": "{colorTextBodyDefault}",
"dark": "{colorTextBodyDefault}"
},
"colorBorderButtonNormalActive": {
"light": "{colorBorderButtonNormalDefault}",
"dark": "{colorBorderButtonNormalDefault}"
},
"colorBorderButtonNormalDefault": {
"light": "{colorGrey600}",
"dark": "{colorGrey500}"
},
"colorBorderToggleButtonNormalPressed": {
"light": "{colorGrey600}",
"dark": "{colorGrey500}"
},
"colorBorderButtonNormalDisabled": {
"light": "{colorGrey300}",
"dark": "{colorGrey650}"
},
"colorTextButtonNormalDisabled": {
"light": "{colorGrey500}",
"dark": "{colorGrey500}"
},
"colorBorderButtonNormalHover": {
"light": "{colorGrey900}",
"dark": "{colorGrey400}"
},
"colorBorderButtonPrimaryDisabled": {
"light": "{colorGrey300}",
"dark": "{colorGrey650}"
},
"colorTextButtonPrimaryDisabled": {
"light": "{colorGrey500}",
"dark": "{colorGrey500}"
},
"colorBorderCalendarGrid": {
"light": "{colorBorderDropdownItemDefault}",
"dark": "{colorBorderDividerDefault}"
},
"colorBorderCalendarGridSelectedFocusRing": {
"light": "{colorBorderItemFocused}",
"dark": "{colorBorderItemFocused}"
},
"colorBorderCodeEditorAceActiveLineLightTheme": {
"light": "{colorGrey300}",
"dark": "{colorGrey300}"
},
"colorBorderCodeEditorAceActiveLineDarkTheme": {
"light": "{colorGrey550}",
"dark": "{colorGrey550}"
},
"colorBorderCodeEditorDefault": {
"light": "{colorGrey300}",
"dark": "{colorGrey550}"
},
"colorBorderCodeEditorPaneItemHover": {
"light": "{colorGrey550}",
"dark": "{colorGrey500}"
},
"colorBorderContainerDivider": {
"light": "{colorBorderDividerDefault}",
"dark": "{colorBorderDividerDefault}"
},
"colorBorderContainerTop": {
"light": "{colorGrey200}",
"dark": "{colorGrey700}"
},
"colorBorderControlChecked": {
"light": "{colorBackgroundControlChecked}",
"dark": "{colorBackgroundControlChecked}"
},
"colorBorderControlDefault": {
"light": "{colorGrey550}",
"dark": "{colorGrey500}"
},
"colorBorderControlDisabled": {
"light": "{colorBackgroundControlDisabled}",
"dark": "{colorBackgroundControlDisabled}"
},
"colorBorderDividerActive": {
"light": "{colorGrey550}",
"dark": "{colorGrey550}"
},
"colorBorderDividerDefault": {
"light": "{colorGrey200}",
"dark": "{colorGrey650}"
},
"colorBorderDividerPanelBottom": {
"light": "{colorShadowSide}",
"dark": "{colorShadowSide}"
},
"colorBorderDividerPanelSide": {
"light": "transparent",
"dark": "transparent"
},
"colorBorderDividerSecondary": {
"light": "{colorGrey200}",
"dark": "{colorGrey650}"
},
"colorBorderDropdownContainer": {
"light": "transparent",
"dark": "transparent"
},
"colorBorderDropdownGroup": {
"light": "{colorBorderDropdownItemDefault}",
"dark": "{colorBorderDropdownItemDefault}"
},
"colorBorderDropdownItemDefault": {
"light": "{colorBorderDividerDefault}",
"dark": "{colorBorderDividerDefault}"
},
"colorBorderDropdownItemHover": {
"light": "{colorGrey500}",
"dark": "{colorGrey500}"
},
"colorBorderDropdownItemDimmedHover": {
"light": "{colorBorderDropdownItemHover}",
"dark": "{colorBorderDropdownItemHover}"
},
"colorBorderDropdownItemSelected": {
"light": "{colorBorderDropdownItemDefault}",
"dark": "{colorBorderDropdownItemDefault}"
},
"colorBorderDropdownItemTop": {
"light": "{colorBorderDropdownItemDefault}",
"dark": "{colorBorderDropdownItemDefault}"
},
"colorBorderEditableCellHover": {
"light": "{colorBorderDropdownItemHover}",
"dark": "{colorBorderDropdownItemHover}"
},
"colorBorderInputDefault": {
"light": "{colorGrey550}",
"dark": "{colorGrey500}"
},
"colorBorderInputDisabled": {
"light": "{colorBackgroundInputDisabled}",
"dark": "{colorBackgroundInputDisabled}"
},
"colorBorderInputFocused": {
"light": "{colorBorderItemFocused}",
"dark": "{colorBorderItemFocused}"
},
"colorBorderItemFocused": {
"light": "{colorBlue600}",
"dark": "{colorBlue500}"
},
"colorBorderDropdownItemFocused": {
"light": "{colorBlue600}",
"dark": "{colorBlue500}"
},
"colorBorderItemPlaceholder": {
"light": "{colorTransparent}",
"dark": "{colorTransparent}"
},
"colorBorderItemSelected": {
"light": "{colorBlue600}",
"dark": "{colorBlue500}"
},
"colorBorderLayout": {
"light": "{colorGrey300}",
"dark": "{colorGrey650}"
},
"colorBorderNotificationStackBar": {
"light": "{colorGrey700}",
"dark": "{colorGrey700}"
},
"colorBorderPanelHeader": {
"light": "{colorBorderDividerDefault}",
"dark": "{colorBorderDividerDefault}"
},
"colorBorderPopover": {
"light": "{colorGrey300}",
"dark": "{colorGrey600}"
},
"colorBorderSegmentActive": {
"light": "{colorBorderSegmentHover}",
"dark": "{colorBorderSegmentHover}"
},
"colorBorderSegmentDefault": {
"light": "{colorGrey550}",
"dark": "{colorGrey500}"
},
"colorBorderSegmentDisabled": {
"light": "{colorBorderButtonNormalDisabled}",
"dark": "{colorBorderButtonNormalDisabled}"
},
"colorBorderSegmentHover": {
"light": "{colorGrey900}",
"dark": "{colorWhite}"
},
"colorBorderStatusError": {
"light": "{colorRed600}",
"dark": "{colorRed600}"
},
"colorBorderStatusInfo": {
"light": "{colorBlue600}",
"dark": "{colorBlue500}"
},
"colorBorderStatusSuccess": {
"light": "{colorGreen600}",
"dark": "{colorGreen600}"
},
"colorBorderStatusWarning": {
"light": "{colorYellow800}",
"dark": "{colorYellow700}"
},
"colorBorderDividerInteractiveDefault": {
"light": "{colorGrey550}",
"dark": "{colorGrey550}"
},
"colorBorderTabsDivider": {
"light": "{colorGrey400}",
"dark": "{colorGrey650}"
},
"colorBorderTabsShadow": {
"light": "{colorBorderDividerDefault}",
"dark": "{colorGreyTransparent}"
},
"colorBorderTabsUnderline": {
"light": "{colorTextInteractiveHover}",
"dark": "{colorTextInteractiveHover}"
},
"colorBorderTilesDisabled": {
"light": "{colorTransparent}",
"dark": "{colorGrey650}"
},
"colorBorderTutorial": {
"light": "{colorGrey400}",
"dark": "{colorGrey500}"
},
"colorForegroundControlDefault": {
"light": "{colorWhite}",
"dark": "{colorWhite}"
},
"colorForegroundControlDisabled": {
"light": "{colorWhite}",
"dark": "{colorGrey550}"
},
"colorForegroundControlReadOnly": {
"light": "{colorGrey550}",
"dark": "{colorGrey450}"
},
"colorShadowDefault": {
"light": "{colorGreyTransparentHeavy}",
"dark": "{colorGreyTransparentHeavy}"
},
"colorShadowMedium": {
"light": "{colorGreyTransparent}",
"dark": "{colorGreyTransparent}"
},
"colorShadowSide": {
"light": "{colorGreyTransparentLight}",
"dark": "{colorGreyTransparentLight}"
},
"colorStrokeChartLine": {
"light": "{colorGrey500}",
"dark": "{colorGrey500}"
},
"colorStrokeCodeEditorResizeHandler": {
"light": "{colorGrey550}",
"dark": "{colorGrey550}"
},
"colorStrokeCodeEditorGutterActiveLineDefault": {
"light": "{colorGrey300}",
"dark": "{colorGrey650}"
},
"colorStrokeCodeEditorGutterActiveLineHover": {
"light": "{colorGrey100}",
"dark": "{colorGrey900}"
},
"colorTextAccent": {
"light": "{colorBlue600}",
"dark": "{colorBlue400}"
},
"colorTextBodyDefault": {
"light": "{colorGrey900}",
"dark": "{colorGrey300}"
},
"colorTextBodySecondary": {
"light": "{colorGrey600}",
"dark": "{colorGrey300}"
},
"colorTextBreadcrumbCurrent": {
"light": "{colorGrey550}",
"dark": "{colorGrey300}"
},
"colorTextBreadcrumbIcon": {
"light": "{colorGrey550}",
"dark": "{colorTextInteractiveDisabled}"
},
"colorTextButtonInlineIconDefault": {
"light": "{colorTextInteractiveDefault}",
"dark": "{colorTextInteractiveDefault}"
},
"colorTextButtonInlineIconDisabled": {
"light": "{colorTextInteractiveDisabled}",
"dark": "{colorTextInteractiveDisabled}"
},
"colorTextButtonInlineIconHover": {
"light": "{colorTextInteractiveHover}",
"dark": "{colorTextInteractiveHover}"
},
"colorTextButtonNormalActive": {
"light": "{colorGrey900}",
"dark": "{colorGrey100}"
},
"colorTextToggleButtonNormalPressed": {
"light": "{colorGrey900}",
"dark": "{colorGrey100}"
},
"colorTextButtonNormalDefault": {
"light": "{colorGrey600}",
"dark": "{colorGrey300}"
},
"colorTextButtonNormalHover": {
"light": "{colorGrey900}",
"dark": "{colorGrey100}"
},
"colorTextLinkButtonNormalDefault": {
"light": "{colorTextButtonNormalDefault}",
"dark": "{colorTextButtonNormalDefault}"
},
"colorTextLinkButtonNormalHover": {
"light": "{colorTextButtonNormalHover}",
"dark": "{colorTextButtonNormalHover}"
},
"colorTextLinkButtonNormalActive": {
"light": "{colorTextButtonNormalActive}",
"dark": "{colorTextButtonNormalActive}"
},
"colorTextButtonPrimaryActive": {
"light": "{colorWhite}",
"dark": "{colorGrey900}"
},
"colorTextButtonPrimaryDefault": {
"light": "{colorWhite}",
"dark": "{colorGrey900}"
},
"colorTextButtonPrimaryHover": {
"light": "{colorWhite}",
"dark": "{colorGrey900}"
},
"colorTextCalendarDateHover": {
"light": "{colorTextDropdownItemHighlighted}",
"dark": "{colorTextDropdownItemHighlighted}"
},
"colorTextCalendarDateSelected": {
"light": "{colorTextDropdownItemHighlighted}",
"dark": "{colorTextDropdownItemHighlighted}"
},
"colorTextCalendarMonth": {
"light": "{colorTextBodySecondary}",
"dark": "{colorTextBodySecondary}"
},
"colorTextCodeEditorGutterActiveLine": {
"light": "{colorWhite}",
"dark": "{colorGrey900}"
},
"colorTextCodeEditorGutterDefault": {
"light": "{colorGrey900}",
"dark": "{colorGrey300}"
},
"colorTextCodeEditorStatusBarDisabled": {
"light": "{colorGrey500}",
"dark": "{colorGrey550}"
},
"colorTextCodeEditorTabButtonError": {
"light": "{colorWhite}",
"dark": "{colorGrey900}"
},
"colorTextColumnHeader": {
"light": "{colorGrey600}",
"dark": "{colorGrey450}"
},
"colorTextColumnSortingIcon": {
"light": "{colorGrey550}",
"dark": "{colorGrey450}"
},
"colorTextControlDisabled": {
"light": "{colorTextInteractiveDisabled}",
"dark": "{colorTextInteractiveDisabled}"
},
"colorTextCounter": {
"light": "{colorGrey550}",
"dark": "{colorGrey450}"
},
"colorTextDisabled": {
"light": "{colorGrey400}",
"dark": "{colorGrey550}"
},
"colorTextDisabledInlineEdit": {
"light": "{colorGrey600}",
"dark": "{colorGrey450}"
},
"colorTextDropdownFooter": {
"light": "{colorTextFormSecondary}",
"dark": "{colorTextFormSecondary}"
},
"colorTextDropdownGroupLabel": {
"light": "{colorTextGroupLabel}",
"dark": "{colorTextGroupLabel}"
},
"colorTextDropdownItemDefault": {
"light": "{colorGrey900}",
"dark": "{colorGrey300}"
},
"colorTextDropdownItemDimmed": {
"light": "{colorTextInteractiveDisabled}",
"dark": "{colorTextInteractiveDisabled}"
},
"colorTextDropdownItemDisabled": {
"light": "{colorTextInteractiveDisabled}",
"dark": "{colorTextInteractiveDisabled}"
},
"colorTextDropdownItemFilterMatch": {
"light": "{colorBlue600}",
"dark": "{colorBlue400}"
},
"colorTextDropdownItemHighlighted": {
"light": "{colorGrey900}",
"dark": "{colorGrey200}"
},
"colorTextDropdownItemSecondary": {
"light": "{colorTextFormSecondary}",
"dark": "{colorTextFormSecondary}"
},
"colorTextDropdownItemSecondaryHover": {
"light": "{colorGrey550}",
"dark": "{colorGrey300}"
},
"colorTextEmpty": {
"light": "{colorGrey550}",
"dark": "{colorGrey300}"
},
"colorTextExpandableSectionDefault": {
"light": "{colorTextInteractiveDefault}",
"dark": "{colorTextInteractiveDefault}"
},
"colorTextExpandableSectionHover": {
"light": "{colorTextInteractiveHover}",
"dark": "{colorTextInteractiveHover}"
},
"colorTextExpandableSectionNavigationIconDefault": {
"light": "{colorTextIconCaret}",
"dark": "{colorTextIconCaret}"
},
"colorTextFormDefault": {
"light": "{colorGrey900}",
"dark": "{colorGrey300}"
},
"colorTextFormLabel": {
"light": "{colorTextFormDefault}",
"dark": "{colorTextFormDefault}"
},
"colorTextFormSecondary": {
"light": "{colorGrey550}",
"dark": "{colorGrey450}"
},
"colorTextGroupLabel": {
"light": "{colorTextLabel}",
"dark": "{colorTextLabel}"
},
"colorTextLabelGenAi": {
"light": "{colorPurple600}",
"dark": "{colorPurple400}"
},
"colorTextHeadingDefault": {
"light": "{colorGrey900}",
"dark": "{colorGrey200}"
},
"colorTextHeadingSecondary": {
"light": "{colorGrey600}",
"dark": "{colorGrey300}"
},
"colorTextHomeHeaderDefault": {
"light": "{colorWhite}",
"dark": "{colorGrey200}"
},
"colorTextHomeHeaderSecondary": {
"light": "{colorGrey300}",
"dark": "{colorGrey300}"
},
"colorTextIconCaret": {
"light": "{colorGrey500}",
"dark": "{colorGrey450}"
},
"colorTextIconSubtle": {
"light": "{colorGrey550}",
"dark": "{colorGrey400}"
},
"colorTextInputDisabled": {
"light": "{colorGrey500}",
"dark": "{colorGrey550}"
},
"colorTextInputPlaceholder": {
"light": "{colorGrey550}",
"dark": "{colorGrey500}"
},
"colorTextInputPlaceholderDisabled": {
"light": "{colorTextInputPlaceholder}",
"dark": "{colorTextInputPlaceholder}"
},
"colorTextInteractiveActive": {
"light": "{colorGrey900}",
"dark": "{colorGrey100}"
},
"colorTextInteractiveDefault": {
"light": "{colorGrey600}",
"dark": "{colorGrey300}"
},
"colorTextInteractiveDisabled": {
"light": "{colorGrey400}",
"dark": "{colorGrey550}"
},
"colorTextInteractiveHover": {
"light": "{colorGrey900}",
"dark": "{colorGrey100}"
},
"colorTextToggleButtonIconPressed": {
"light": "{colorGrey900}",
"dark": "{colorGrey100}"
},
"colorTextInteractiveInvertedDefault": {
"light": "{colorGrey300}",
"dark": "