@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,671 lines (1,670 loc) • 456 kB
JavaScript
module.exports.preset = {
"theme": {
"id": "classic",
"selector": "body",
"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": {
"colorPrimary50": "#f1faff",
"colorPrimary100": "#d1f1ff",
"colorPrimary200": "#99cbe4",
"colorPrimary300": "#44b9d6",
"colorPrimary400": "#00a1c9",
"colorPrimary500": "#0099ff",
"colorPrimary600": "#0073bb",
"colorPrimary700": "#0a4a74",
"colorPrimary800": "#003b8f",
"colorPrimary900": "#002b66",
"colorPrimary1000": "#12293b",
"colorNeutral50": "#fcfcfd",
"colorNeutral100": "#fafafa",
"colorNeutral150": "#f6f6f9",
"colorNeutral200": "#f2f3f3",
"colorNeutral250": "#eaeded",
"colorNeutral300": "#d5dbdb",
"colorNeutral350": "#c6c6cd",
"colorNeutral400": "#aab7b8",
"colorNeutral450": "#95a5a6",
"colorNeutral500": "#879596",
"colorNeutral550": "#72747e",
"colorNeutral600": "#687078",
"colorNeutral650": "#545b64",
"colorNeutral700": "#414750",
"colorNeutral750": "#2a2e33",
"colorNeutral800": "#21252c",
"colorNeutral850": "#1a2029",
"colorNeutral900": "#131920",
"colorNeutral950": "#16191f",
"colorNeutral1000": "#06080a",
"colorError50": "#fdf3f1",
"colorError400": "#ff5d64",
"colorError600": "#d13212",
"colorError900": "#700000",
"colorError1000": "#270a11",
"colorSuccess50": "#f2f8f0",
"colorSuccess500": "#6aaf35",
"colorSuccess600": "#1d8102",
"colorSuccess1000": "#172211",
"colorWarning50": "#fffef0",
"colorWarning400": "#ffe347",
"colorWarning500": "#fbd332",
"colorWarning900": "#906806",
"colorWarning1000": "#191100",
"colorInfo50": "#f1faff",
"colorInfo300": "#44b9d6",
"colorInfo400": "#00a1c9",
"colorInfo600": "#0073bb",
"colorInfo1000": "#12293b",
"colorGrey50": {
"light": "#fcfcfd",
"dark": "#fcfcfd"
},
"colorGrey100": "#fafafa",
"colorGrey150": {
"light": "#f6f6f9",
"dark": "#f6f6f9"
},
"colorGrey200": "#f2f3f3",
"colorGrey250": "#eaeded",
"colorGrey300": "#d5dbdb",
"colorGrey350": {
"light": "#c6c6cd",
"dark": "#c6c6cd"
},
"colorGrey400": "#aab7b8",
"colorGrey450": "#95a5a6",
"colorGrey500": "#879596",
"colorGrey600": "#687078",
"colorGrey650": "#545b64",
"colorGrey700": "#414750",
"colorGrey750": "#2a2e33",
"colorGrey800": "#21252c",
"colorGrey850": "#1a2029",
"colorGrey900": {
"light": "#131920",
"dark": "#131920"
},
"colorGrey950": "#16191f",
"colorGrey1000": {
"light": "#06080a",
"dark": "#06080a"
},
"colorBlue50": "#f1faff",
"colorBlue100": {
"light": "#d1f1ff",
"dark": "#d1f1ff"
},
"colorBlue200": "#99cbe4",
"colorBlue300": "#44b9d6",
"colorBlue400": "#00a1c9",
"colorBlue600": "#0073bb",
"colorBlue700": "#0a4a74",
"colorBlue900": {
"light": "#002b66",
"dark": "#002b66"
},
"colorBlue1000": "#12293b",
"colorGreen50": "#f2f8f0",
"colorGreen500": "#6aaf35",
"colorGreen600": "#1d8102",
"colorGreen900": {
"light": "#00471e",
"dark": "#00471e"
},
"colorGreen1000": "#172211",
"colorRed50": "#fdf3f1",
"colorRed400": "#ff5d64",
"colorRed600": "#d13212",
"colorRed900": {
"light": "#700000",
"dark": "#700000"
},
"colorRed1000": "#270a11",
"colorYellow50": {
"light": "#fffef0",
"dark": "#fffef0"
},
"colorYellow400": {
"light": "#ffe347",
"dark": "#ffe347"
},
"colorYellow500": {
"light": "#fbd332",
"dark": "#fbd332"
},
"colorYellow900": "#906806",
"colorYellow1000": {
"light": "#191100",
"dark": "#191100"
},
"colorPurple400": {
"light": "#bf80ff",
"dark": "#bf80ff"
},
"colorPurple700": {
"light": "#7300e5",
"dark": "#7300e5"
},
"colorAmber400": {
"light": "#ff9900",
"dark": "#ff9900"
},
"colorAmber500": {
"light": "#fa6f00",
"dark": "#fa6f00"
},
"colorAwsSquidInk": {
"light": "#232f3e",
"dark": "#232f3e"
},
"colorTransparent": {
"light": "transparent",
"dark": "transparent"
},
"colorBlack": {
"light": "#000000",
"dark": "#000000"
},
"colorWhite": {
"light": "#ffffff",
"dark": "#ffffff"
},
"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": "{colorNeutral500}",
"dark": "{colorNeutral500}"
},
"colorChartsThresholdNegative": {
"light": "{colorError600}",
"dark": "{colorError400}"
},
"colorChartsThresholdPositive": {
"light": "{colorSuccess600}",
"dark": "{colorSuccess500}"
},
"colorChartsThresholdInfo": {
"light": "{colorInfo600}",
"dark": "{colorInfo300}"
},
"colorChartsThresholdNeutral": {
"light": "{colorNeutral600}",
"dark": "{colorNeutral450}"
},
"colorChartsLineGrid": {
"light": "{colorNeutral300}",
"dark": "{colorNeutral700}"
},
"colorChartsLineTick": {
"light": "{colorNeutral300}",
"dark": "{colorNeutral700}"
},
"colorChartsLineAxis": {
"light": "{colorNeutral300}",
"dark": "{colorNeutral700}"
},
"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}"
},
"colorChartsErrorBarMarker": {
"light": "{colorNeutral900}",
"dark": "{colorWhite}"
},
"colorSeverityDarkRed": {
"light": "#870303",
"dark": "#d63f38"
},
"colorSeverityRed": {
"light": "#ce3311",
"dark": "#fe6e73"
},
"colorSeverityOrange": {
"light": "#f89256",
"dark": "#f89256"
},
"colorSeverityYellow": {
"light": "#f2cd54",
"dark": "#f2cd54"
},
"colorSeverityGrey": {
"light": "{colorNeutral600}",
"dark": "{colorNeutral600}"
},
"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": "{colorNeutral100}",
"dark": "{colorBlack}"
},
"colorTextNotificationSeverityHigh": {
"light": "{colorNeutral100}",
"dark": "{colorNeutral950}"
},
"colorTextNotificationSeverityMedium": {
"light": "{colorBlack}",
"dark": "{colorNeutral950}"
},
"colorTextNotificationSeverityLow": {
"light": "{colorNeutral950}",
"dark": "{colorNeutral950}"
},
"colorTextNotificationSeverityNeutral": {
"light": "{colorNeutral100}",
"dark": "{colorNeutral100}"
},
"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": "{colorError600}",
"dark": "{colorError400}"
},
"colorBackgroundButtonLinkActive": {
"light": "{colorNeutral250}",
"dark": "{colorNeutral950}"
},
"colorBackgroundButtonLinkHover": {
"light": "{colorNeutral100}",
"dark": "{colorNeutral800}"
},
"colorBackgroundButtonNormalActive": {
"light": "{colorNeutral250}",
"dark": "{colorNeutral950}"
},
"colorBackgroundButtonNormalDefault": {
"light": "{colorWhite}",
"dark": "{colorNeutral750}"
},
"colorBackgroundButtonNormalDisabled": {
"light": "{colorWhite}",
"dark": "{colorNeutral750}"
},
"colorBackgroundButtonNormalHover": {
"light": "{colorNeutral100}",
"dark": "{colorNeutral800}"
},
"colorBackgroundToggleButtonNormalPressed": {
"light": "{colorNeutral250}",
"dark": "{colorNeutral950}"
},
"colorBackgroundButtonPrimaryActive": {
"light": "{colorPrimary1000}",
"dark": "{colorPrimary300}"
},
"colorBackgroundButtonPrimaryDefault": {
"light": "{colorPrimary600}",
"dark": "{colorPrimary300}"
},
"colorBackgroundButtonPrimaryDisabled": {
"light": "{colorWhite}",
"dark": "{colorNeutral750}"
},
"colorBackgroundButtonPrimaryHover": {
"light": "{colorPrimary700}",
"dark": "{colorPrimary400}"
},
"colorBackgroundDirectionButtonActive": {
"light": "{colorNeutral750}",
"dark": "{colorNeutral750}"
},
"colorBackgroundDirectionButtonDefault": {
"light": "{colorNeutral650}",
"dark": "{colorNeutral650}"
},
"colorBackgroundDirectionButtonDisabled": {
"light": "{colorNeutral250}",
"dark": "{colorNeutral750}"
},
"colorBackgroundDirectionButtonHover": {
"light": "{colorNeutral700}",
"dark": "{colorNeutral700}"
},
"colorTextDirectionButtonDefault": {
"light": "{colorWhite}",
"dark": "{colorWhite}"
},
"colorTextDirectionButtonDisabled": {
"light": "{colorTextInteractiveDisabled}",
"dark": "{colorTextInteractiveDisabled}"
},
"colorBackgroundCalendarCurrentDate": {
"light": "{colorNeutral200}",
"dark": "{colorNeutral950}"
},
"colorBackgroundCellShaded": {
"light": "{colorNeutral200}",
"dark": "{colorNeutral950}"
},
"colorBackgroundCodeEditorGutterActiveLineDefault": {
"light": "{colorNeutral600}",
"dark": "{colorNeutral500}"
},
"colorBackgroundCodeEditorGutterActiveLineError": {
"light": "{colorTextStatusError}",
"dark": "{colorTextStatusError}"
},
"colorBackgroundCodeEditorGutterDefault": {
"light": "{colorNeutral200}",
"dark": "{colorNeutral800}"
},
"colorBackgroundCodeEditorLoading": {
"light": "{colorBackgroundCodeEditorStatusBar}",
"dark": "{colorBackgroundCodeEditorStatusBar}"
},
"colorBackgroundCodeEditorPaneItemHover": {
"light": "{colorNeutral250}",
"dark": "{colorNeutral700}"
},
"colorBackgroundCodeEditorStatusBar": {
"light": "{colorNeutral200}",
"dark": "{colorNeutral800}"
},
"colorBackgroundContainerContent": {
"light": "{colorWhite}",
"dark": "{colorNeutral750}"
},
"colorBackgroundContainerHeader": {
"light": "{colorNeutral100}",
"dark": "{colorNeutral800}"
},
"colorBackgroundControlChecked": {
"light": "{colorPrimary600}",
"dark": "{colorPrimary400}"
},
"colorBackgroundControlDefault": {
"light": "{colorWhite}",
"dark": "{colorNeutral850}"
},
"colorBackgroundControlDisabled": {
"light": "{colorNeutral300}",
"dark": "{colorNeutral700}"
},
"colorBackgroundDropdownItemDefault": {
"light": "{colorWhite}",
"dark": "{colorNeutral750}"
},
"colorBackgroundDropdownItemDimmed": {
"light": "transparent",
"dark": "transparent"
},
"colorBackgroundDropdownItemFilterMatch": {
"light": "{colorPrimary50}",
"dark": "{colorPrimary1000}"
},
"colorBackgroundDropdownItemHover": {
"light": "{colorNeutral200}",
"dark": "{colorNeutral700}"
},
"colorBackgroundDropdownItemSelected": {
"light": "{colorBackgroundItemSelected}",
"dark": "{colorBackgroundItemSelected}"
},
"colorBackgroundHomeHeader": {
"light": "{colorBlack}",
"dark": "{colorBlack}"
},
"colorBackgroundInlineCode": {
"light": "rgba(0, 0, 0, 0.1)",
"dark": "rgba(255, 255, 255, 0.1)"
},
"colorBackgroundInputDefault": {
"light": "{colorWhite}",
"dark": "{colorNeutral850}"
},
"colorBackgroundInputDisabled": {
"light": "{colorNeutral250}",
"dark": "{colorNeutral700}"
},
"colorBackgroundItemSelected": {
"light": "{colorPrimary50}",
"dark": "{colorPrimary1000}"
},
"colorBackgroundLayoutMain": {
"light": "{colorNeutral200}",
"dark": "{colorNeutral950}"
},
"colorBackgroundLayoutMobilePanel": {
"light": "{colorBackgroundLayoutPanelContent}",
"dark": "{colorBackgroundLayoutPanelContent}"
},
"colorBackgroundLayoutPanelContent": {
"light": "{colorBackgroundContainerContent}",
"dark": "{colorBackgroundContainerContent}"
},
"colorBackgroundLayoutPanelHover": {
"light": "{colorNeutral250}",
"dark": "{colorNeutral700}"
},
"colorBackgroundLayoutToggleActive": {
"light": "{colorNeutral750}",
"dark": "{colorNeutral750}"
},
"colorBackgroundLayoutToggleDefault": {
"light": "transparent",
"dark": "transparent"
},
"colorBackgroundLayoutToggleHover": {
"light": "{colorNeutral650}",
"dark": "{colorNeutral650}"
},
"colorBackgroundLayoutToggleSelectedActive": {
"light": "{colorPrimary600}",
"dark": "{colorPrimary400}"
},
"colorBackgroundLayoutToggleSelectedDefault": {
"light": "{colorPrimary600}",
"dark": "{colorPrimary300}"
},
"colorBackgroundLayoutToggleSelectedHover": {
"light": "{colorPrimary700}",
"dark": "{colorPrimary300}"
},
"colorBackgroundModalOverlay": {
"light": "{colorGreyOpaque90}",
"dark": "{colorGreyOpaque80}"
},
"colorBackgroundNotificationBlue": {
"light": "{colorInfo600}",
"dark": "{colorInfo600}"
},
"colorBackgroundNotificationGreen": {
"light": "{colorSuccess600}",
"dark": "{colorSuccess600}"
},
"colorBackgroundNotificationGrey": {
"light": "{colorNeutral650}",
"dark": "{colorNeutral600}"
},
"colorBackgroundNotificationRed": {
"light": "{colorError600}",
"dark": "{colorError600}"
},
"colorBackgroundNotificationYellow": {
"light": "{colorWarning400}",
"dark": "{colorWarning400}"
},
"colorBackgroundNotificationStackBar": {
"light": "{colorNeutral750}",
"dark": "{colorNeutral750}"
},
"colorBackgroundNotificationStackBarActive": {
"light": "{colorNeutral750}",
"dark": "{colorNeutral750}"
},
"colorBackgroundNotificationStackBarHover": {
"light": "{colorNeutral650}",
"dark": "{colorNeutral650}"
},
"colorBackgroundPopover": {
"light": "{colorWhite}",
"dark": "{colorNeutral800}"
},
"colorBackgroundProgressBarContentDefault": {
"light": "{colorPrimary600}",
"dark": "{colorPrimary400}"
},
"colorBackgroundProgressBarContentInFlash": {
"light": "{colorGreyOpaque70}",
"dark": "{colorNeutral100}"
},
"colorBackgroundProgressBarLayoutDefault": {
"light": "{colorNeutral250}",
"dark": "{colorNeutral700}"
},
"colorBackgroundProgressBarLayoutInFlash": {
"light": "{colorGreyOpaque25}",
"dark": "{colorGreyOpaque25}"
},
"colorBackgroundSegmentActive": {
"light": "{colorPrimary600}",
"dark": "{colorPrimary400}"
},
"colorBackgroundSegmentDefault": {
"light": "{colorBackgroundButtonNormalDefault}",
"dark": "{colorBackgroundButtonNormalDefault}"
},
"colorBackgroundSegmentDisabled": {
"light": "{colorBackgroundButtonNormalDisabled}",
"dark": "{colorBackgroundButtonNormalDisabled}"
},
"colorBackgroundSegmentHover": {
"light": "{colorBackgroundButtonNormalHover}",
"dark": "{colorBackgroundButtonNormalHover}"
},
"colorBackgroundSegmentWrapper": {
"light": "{colorBackgroundContainerContent}",
"dark": "{colorBackgroundContainerContent}"
},
"colorBackgroundSliderHandleDefault": {
"light": "{colorPrimary600}",
"dark": "{colorPrimary400}"
},
"colorBackgroundSliderHandleActive": {
"light": "{colorPrimary700}",
"dark": "{colorPrimary300}"
},
"colorBackgroundSliderTrack": {
"light": "{colorNeutral500}",
"dark": "{colorNeutral600}"
},
"colorBackgroundSliderHandleRing": {
"light": "{colorWhite}",
"dark": "{colorNeutral850}"
},
"colorBackgroundSliderErrorPressed": {
"light": "{colorError900}",
"dark": "{colorError400}"
},
"colorBackgroundSliderWarningPressed": {
"light": "{colorWarning900}",
"dark": "{colorWarning500}"
},
"colorBackgroundStatusError": {
"light": "{colorError50}",
"dark": "{colorError1000}"
},
"colorBackgroundStatusInfo": {
"light": "{colorInfo50}",
"dark": "{colorInfo1000}"
},
"colorBackgroundDialog": {
"light": "{colorBackgroundStatusInfo}",
"dark": "{colorBackgroundStatusInfo}"
},
"colorBackgroundStatusSuccess": {
"light": "{colorSuccess50}",
"dark": "{colorSuccess1000}"
},
"colorBackgroundStatusWarning": {
"light": "{colorWarning50}",
"dark": "{colorWarning1000}"
},
"colorBackgroundTableHeader": {
"light": "{colorBackgroundContainerHeader}",
"dark": "{colorBackgroundContainerHeader}"
},
"colorBackgroundTilesDisabled": {
"light": "{colorNeutral250}",
"dark": "{colorNeutral750}"
},
"colorBackgroundToggleCheckedDisabled": {
"light": "{colorPrimary200}",
"dark": "{colorPrimary700}"
},
"colorBackgroundToggleDefault": {
"light": "{colorNeutral650}",
"dark": "{colorNeutral500}"
},
"colorBackgroundAvatarGenAi": {
"light": "radial-gradient(circle farthest-corner at top right, #b8e7ff 0%, #0099ff 25%, #5c7fff 40% , #8575ff 60%, #962eff 80%)",
"dark": "radial-gradient(circle farthest-corner at top right, #b8e7ff 0%, #0099ff 25%, #5c7fff 40% , #8575ff 60%, #962eff 80%)"
},
"colorBackgroundAvatarDefault": {
"light": "{colorNeutral650}",
"dark": "{colorNeutral650}"
},
"colorTextAvatar": {
"light": "{colorWhite}",
"dark": "{colorWhite}"
},
"colorBackgroundLoadingBarGenAi": {
"light": "linear-gradient(90deg, #b8e7ff 0%, #0099ff 10%, #5c7fff 24%, #8575ff 50%, #962eff 76%, #0099ff 90%, #b8e7ff 100%)",
"dark": "linear-gradient(90deg, #b8e7ff 0%, #0099ff 10%, #5c7fff 24%, #8575ff 50%, #962eff 76%, #0099ff 90%, #b8e7ff 100%)"
},
"colorBackgroundChatBubbleOutgoing": {
"light": "transparent",
"dark": "transparent"
},
"colorBackgroundChatBubbleIncoming": {
"light": "{colorNeutral200}",
"dark": "{colorNeutral950}"
},
"colorTextChatBubbleOutgoing": {
"light": "{colorTextBodyDefault}",
"dark": "{colorTextBodyDefault}"
},
"colorTextChatBubbleIncoming": {
"light": "{colorTextBodyDefault}",
"dark": "{colorTextBodyDefault}"
},
"colorBorderButtonNormalActive": {
"light": "{colorBorderButtonNormalDefault}",
"dark": "{colorBorderButtonNormalDefault}"
},
"colorBorderButtonNormalDefault": {
"light": "{colorNeutral650}",
"dark": "{colorNeutral500}"
},
"colorBorderToggleButtonNormalPressed": {
"light": "{colorNeutral650}",
"dark": "{colorNeutral500}"
},
"colorBorderButtonNormalDisabled": {
"light": "{colorNeutral300}",
"dark": "{colorNeutral700}"
},
"colorTextButtonNormalDisabled": {
"light": "{colorNeutral500}",
"dark": "{colorNeutral500}"
},
"colorBorderButtonNormalHover": {
"light": "{colorNeutral950}",
"dark": "{colorNeutral400}"
},
"colorTextButtonIconDisabled": {
"light": "{colorNeutral500}",
"dark": "{colorNeutral500}"
},
"colorBorderButtonPrimaryDisabled": {
"light": "{colorNeutral300}",
"dark": "{colorNeutral700}"
},
"colorTextButtonPrimaryDisabled": {
"light": "{colorNeutral500}",
"dark": "{colorNeutral500}"
},
"colorItemSelected": {
"light": "{colorPrimary600}",
"dark": "{colorPrimary300}"
},
"colorBorderCalendarGrid": {
"light": "{colorBorderDropdownItemDefault}",
"dark": "{colorBorderDividerDefault}"
},
"colorBorderCalendarGridSelectedFocusRing": {
"light": "{colorBorderItemFocused}",
"dark": "{colorBorderItemFocused}"
},
"colorBorderCellShaded": {
"light": "{colorNeutral300}",
"dark": "{colorNeutral700}"
},
"colorBorderCodeEditorAceActiveLineLightTheme": {
"light": "{colorNeutral300}",
"dark": "{colorNeutral300}"
},
"colorBorderCodeEditorAceActiveLineDarkTheme": {
"light": "{colorNeutral600}",
"dark": "{colorNeutral600}"
},
"colorBorderCodeEditorDefault": {
"light": "{colorNeutral300}",
"dark": "{colorNeutral600}"
},
"colorBorderCodeEditorPaneItemHover": {
"light": "{colorNeutral600}",
"dark": "{colorNeutral500}"
},
"colorBorderContainerDivider": {
"light": "{colorBorderDividerDefault}",
"dark": "{colorBorderDividerDefault}"
},
"colorBorderContainerTop": {
"light": "{colorNeutral250}",
"dark": "{colorNeutral750}"
},
"colorBorderControlChecked": {
"light": "{colorBackgroundControlChecked}",
"dark": "{colorBackgroundControlChecked}"
},
"colorBorderControlDefault": {
"light": "{colorNeutral600}",
"dark": "{colorNeutral500}"
},
"colorBorderControlDisabled": {
"light": "{colorBackgroundControlDisabled}",
"dark": "{colorBackgroundControlDisabled}"
},
"colorBorderDividerActive": {
"light": "{colorNeutral600}",
"dark": "{colorNeutral600}"
},
"colorBorderDividerDefault": {
"light": "{colorNeutral250}",
"dark": "{colorNeutral700}"
},
"colorBorderDividerPanelBottom": {
"light": "{colorShadowSide}",
"dark": "{colorShadowSide}"
},
"colorBorderDividerPanelSide": {
"light": "transparent",
"dark": "transparent"
},
"colorBorderDividerSecondary": {
"light": "{colorNeutral250}",
"dark": "{colorNeutral700}"
},
"colorBorderDropdownContainer": {
"light": "transparent",
"dark": "transparent"
},
"colorBorderDropdownGroup": {
"light": "{colorBorderDropdownItemDefault}",
"dark": "{colorBorderDropdownItemDefault}"
},
"colorBorderDropdownItemDefault": {
"light": "{colorBorderDividerDefault}",
"dark": "{colorBorderDividerDefault}"
},
"colorBorderDropdownItemHover": {
"light": "{colorNeutral500}",
"dark": "{colorNeutral500}"
},
"colorBorderDropdownItemDimmedHover": {
"light": "{colorBorderDropdownItemHover}",
"dark": "{colorBorderDropdownItemHover}"
},
"colorBorderDropdownItemSelected": {
"light": "{colorBorderDropdownItemDefault}",
"dark": "{colorBorderDropdownItemDefault}"
},
"colorBorderDropdownItemTop": {
"light": "{colorBorderDropdownItemDefault}",
"dark": "{colorBorderDropdownItemDefault}"
},
"colorBorderEditableCellHover": {
"light": "{colorBorderDropdownItemHover}",
"dark": "{colorBorderDropdownItemHover}"
},
"colorBorderInputDefault": {
"light": "{colorNeutral600}",
"dark": "{colorNeutral500}"
},
"colorBorderInputDisabled": {
"light": "{colorBackgroundInputDisabled}",
"dark": "{colorBackgroundInputDisabled}"
},
"colorBorderInputFocused": {
"light": "{colorBorderItemFocused}",
"dark": "{colorBorderItemFocused}"
},
"colorBorderItemFocused": {
"light": "{colorPrimary600}",
"dark": "{colorPrimary400}"
},
"colorBorderDropdownItemFocused": {
"light": "{colorPrimary600}",
"dark": "{colorPrimary400}"
},
"colorBorderItemPlaceholder": {
"light": "{colorTransparent}",
"dark": "{colorTransparent}"
},
"colorBorderItemSelected": {
"light": "{colorItemSelected}",
"dark": "{colorPrimary400}"
},
"colorBorderLayout": {
"light": "{colorNeutral300}",
"dark": "{colorNeutral700}"
},
"colorBorderNotificationStackBar": {
"light": "{colorNeutral750}",
"dark": "{colorNeutral750}"
},
"colorBorderPanelHeader": {
"light": "{colorBorderDividerDefault}",
"dark": "{colorBorderDividerDefault}"
},
"colorBorderPopover": {
"light": "{colorNeutral300}",
"dark": "{colorNeutral650}"
},
"colorBorderSegmentActive": {
"light": "{colorBorderSegmentHover}",
"dark": "{colorBorderSegmentHover}"
},
"colorBorderSegmentDefault": {
"light": "{colorNeutral600}",
"dark": "{colorNeutral500}"
},
"colorBorderSegmentDisabled": {
"light": "{colorBorderButtonNormalDisabled}",
"dark": "{colorBorderButtonNormalDisabled}"
},
"colorBorderSegmentHover": {
"light": "{colorNeutral950}",
"dark": "{colorWhite}"
},
"colorBorderStatusError": {
"light": "{colorError600}",
"dark": "{colorError600}"
},
"colorBorderStatusInfo": {
"light": "{colorInfo600}",
"dark": "{colorInfo400}"
},
"colorBorderStatusSuccess": {
"light": "{colorSuccess600}",
"dark": "{colorSuccess600}"
},
"colorBorderStatusWarning": {
"light": "{colorWarning900}",
"dark": "{colorWarning500}"
},
"colorBorderDialog": {
"light": "{colorBorderStatusInfo}",
"dark": "{colorBorderStatusInfo}"
},
"colorBorderDividerInteractiveDefault": {
"light": "{colorNeutral600}",
"dark": "{colorNeutral600}"
},
"colorBorderTabsDivider": {
"light": "{colorNeutral400}",
"dark": "{colorNeutral700}"
},
"colorBorderTabsShadow": {
"light": "{colorBorderDividerDefault}",
"dark": "{colorGreyTransparent}"
},
"colorBorderTabsUnderline": {
"light": "{colorTextInteractiveHover}",
"dark": "{colorTextInteractiveHover}"
},
"colorBorderTilesDisabled": {
"light": "{colorTransparent}",
"dark": "{colorNeutral700}"
},
"colorBorderTutorial": {
"light": "{colorNeutral400}",
"dark": "{colorNeutral500}"
},
"colorForegroundControlDefault": {
"light": "{colorWhite}",
"dark": "{colorWhite}"
},
"colorForegroundControlDisabled": {
"light": "{colorWhite}",
"dark": "{colorNeutral600}"
},
"colorForegroundControlReadOnly": {
"light": "{colorNeutral600}",
"dark": "{colorNeutral450}"
},
"colorShadowDefault": {
"light": "{colorGreyTransparentHeavy}",
"dark": "{colorGreyTransparentHeavy}"
},
"colorShadowMedium": {
"light": "{colorGreyTransparent}",
"dark": "{colorGreyTransparent}"
},
"colorShadowSide": {
"light": "{colorGreyTransparentLight}",
"dark": "{colorGreyTransparentLight}"
},
"colorStrokeChartLine": {
"light": "{colorNeutral500}",
"dark": "{colorNeutral500}"
},
"colorStrokeCodeEditorGutterActiveLineDefault": {
"light": "{colorNeutral300}",
"dark": "{colorNeutral700}"
},
"colorStrokeCodeEditorGutterActiveLineHover": {
"light": "{colorNeutral100}",
"dark": "{colorNeutral950}"
},
"colorTextAccent": {
"light": "{colorPrimary600}",
"dark": "{colorPrimary300}"
},
"colorTextBodyDefault": {
"light": "{colorNeutral950}",
"dark": "{colorNeutral300}"
},
"colorTextBodySecondary": {
"light": "{colorNeutral650}",
"dark": "{colorNeutral300}"
},
"colorTextBreadcrumbCurrent": {
"light": "{colorNeutral600}",
"dark": "{colorNeutral300}"
},
"colorTextBreadcrumbIcon": {
"light": "{colorNeutral600}",
"dark": "{colorTextInteractiveDisabled}"
},
"colorTextButtonInlineIconDefault": {
"light": "{colorTextInteractiveDefault}",
"dark": "{colorTextInteractiveDefault}"
},
"colorTextButtonInlineIconDisabled": {
"light": "{colorTextInteractiveDisabled}",
"dark": "{colorTextInteractiveDisabled}"
},
"colorTextButtonInlineIconHover": {
"light": "{colorTextInteractiveHover}",
"dark": "{colorTextInteractiveHover}"
},
"colorTextButtonNormalActive": {
"light": "{colorNeutral950}",
"dark": "{colorNeutral100}"
},
"colorTextToggleButtonNormalPressed": {
"light": "{colorNeutral950}",
"dark": "{colorNeutral100}"
},
"colorTextButtonNormalDefault": {
"light": "{colorNeutral650}",
"dark": "{colorNeutral300}"
},
"colorTextButtonNormalHover": {
"light": "{colorNeutral950}",
"dark": "{colorNeutral100}"
},
"colorTextLinkButtonNormalDefault": {
"light": "{colorTextButtonNormalDefault}",
"dark": "{colorTextButtonNormalDefault}"
},
"colorTextLinkButtonNormalHover": {
"light": "{colorTextButtonNormalHover}",
"dark": "{colorTextButtonNormalHover}"
},
"colorTextLinkButtonNormalActive": {
"light": "{colorTextButtonNormalActive}",
"dark": "{colorTextButtonNormalActive}"
},
"colorTextButtonPrimaryActive": {
"light": "{colorWhite}",
"dark": "{colorNeutral950}"
},
"colorTextButtonPrimaryDefault": {
"light": "{colorWhite}",
"dark": "{colorNeutral950}"
},
"colorTextButtonPrimaryHover": {
"light": "{colorWhite}",
"dark": "{colorNeutral950}"
},
"colorTextCalendarDateHover": {
"light": "{colorTextDropdownItemHighlighted}",
"dark": "{colorTextDropdownItemHighlighted}"
},
"colorTextCalendarMonth": {
"light": "{colorTextBodySecondary}",
"dark": "{colorTextBodySecondary}"
},
"colorTextCodeEditorGutterActiveLine": {
"light": "{colorWhite}",
"dark": "{colorNeutral950}"
},
"colorTextCodeEditorGutterDefault": {
"light": "{colorNeutral950}",
"dark": "{colorNeutral300}"
},
"colorTextCodeEditorStatusBarDisabled": {
"light": "{colorNeutral500}",
"dark": "{colorNeutral600}"
},
"colorTextCodeEditorTabButtonError": {