@devoinc/genesys-brand-devo
Version:
Devo brand tokens
1,871 lines (1,870 loc) • 194 kB
JavaScript
module.exports = {
"cmp": {
"button": {
"color": {
"backdrop": {
"hovered": "rgba(255,255,255,.12)",
"focused": "rgba(0,0,0,0)",
"pressed": "rgba(0,0,0,.16)"
},
"background": {
"accent": {
"activated": "#103663",
"enabled": "#16529C",
"expanded": "#0C4080",
"disabled": "#103663",
"focused": "#16529C",
"hovered": "#16529C",
"loading": "#16529C",
"loadingError": "#16529C",
"loadingSuccess": "#16529C",
"pressed": "#16529C",
"selected": "#16529C"
},
"accentHigh": {
"activated": "#B4C400",
"enabled": "#B4C400",
"expanded": "#CCDF00",
"disabled": "#B4C400",
"focused": "#D7E817",
"hovered": "#D7E817",
"loading": "#B4C400",
"loadingError": "#B4C400",
"loadingSuccess": "#B4C400",
"pressed": "#D7E817",
"selected": "#D7E817"
},
"blendBase": {
"activated": "rgba(255,255,255,.36)",
"enabled": "rgba(255,255,255,.08)",
"expanded": "rgba(255,255,255,.16)",
"disabled": "rgba(255,255,255,.08)",
"focused": "rgba(255,255,255,.08)",
"hovered": "rgba(255,255,255,.2)",
"loading": "rgba(255,255,255,.08)",
"loadingError": "rgba(255,255,255,.08)",
"loadingSuccess": "rgba(255,255,255,.08)",
"pressed": "rgba(255,255,255,.08)",
"selected": "rgba(255,255,255,.24)"
},
"blendInverse": {
"activated": "rgba(0,0,0,.52)",
"enabled": "rgba(0,0,0,.2)",
"expanded": "rgba(0,0,0,.32)",
"disabled": "rgba(0,0,0,.2)",
"focused": "rgba(0,0,0,.2)",
"hovered": "rgba(0,0,0,.2)",
"loading": "rgba(0,0,0,.2)",
"loadingError": "rgba(0,0,0,.2)",
"loadingSuccess": "rgba(0,0,0,.2)",
"pressed": "rgba(0,0,0,.2)",
"selected": "rgba(0,0,0,.4)"
},
"blendError": {
"enabled": "rgba(237,83,83, 0.24)",
"hovered": "rgba(237,83,83, 0.24)",
"focused": "rgba(237,83,83, 0.24)",
"pressed": "rgba(237,83,83, 0.24)",
"expanded": "rgba(237,83,83, 0.36)",
"selected": "rgba(237,83,83, 0.44)",
"activated": "rgba(237,83,83, 0.44)",
"disabled": "rgba(237,83,83, 0.24)"
},
"blendSuccess": {
"enabled": "rgba(10,166,114, 0.24)",
"hovered": "rgba(10,166,114, 0.24)",
"focused": "rgba(10,166,114, 0.24)",
"pressed": "rgba(10,166,114, 0.24)",
"expanded": "rgba(10,166,114, 0.36)",
"selected": "rgba(10,166,114, 0.44)",
"activated": "rgba(10,166,114, 0.44)",
"disabled": "rgba(10,166,114, 0.24)"
},
"blendWarning": {
"enabled": "rgba(207,137,17, 0.24)",
"hovered": "rgba(207,137,17, 0.24)",
"focused": "rgba(207,137,17, 0.24)",
"pressed": "rgba(207,137,17, 0.24)",
"expanded": "rgba(207,137,17, 0.36)",
"selected": "rgba(207,137,17, 0.44)",
"activated": "rgba(207,137,17, 0.44)",
"disabled": "rgba(207,137,17, 0.24)"
},
"blendHelp": {
"enabled": "rgba(17,164,184, 0.24)",
"hovered": "rgba(17,164,184, 0.24)",
"focused": "rgba(17,164,184, 0.24)",
"pressed": "rgba(17,164,184, 0.24)",
"expanded": "rgba(17,164,184, 0.36)",
"selected": "rgba(17,164,184, 0.44)",
"activated": "rgba(17,164,184, 0.44)",
"disabled": "rgba(17,164,184, 0.24)"
},
"blendInfo": {
"enabled": "rgba(34,154,214, 0.24)",
"hovered": "rgba(34,154,214, 0.24)",
"focused": "rgba(34,154,214, 0.24)",
"pressed": "rgba(34,154,214, 0.24)",
"expanded": "rgba(34,154,214, 0.36)",
"selected": "rgba(34,154,214, 0.44)",
"activated": "rgba(34,154,214, 0.44)",
"disabled": "rgba(34,154,214, 0.24)"
},
"error": {
"activated": "#B80D1B",
"enabled": "#8F0E19",
"expanded": "#B80D1B",
"disabled": "#8F0E19",
"focused": "#8F0E19",
"hovered": "#8F0E19",
"loading": "#8F0E19",
"loadingError": "#8F0E19",
"loadingSuccess": "#8F0E19",
"pressed": "#8F0E19",
"selected": "#B80D1B"
},
"help": {
"activated": "#11A4B8",
"enabled": "#096673",
"expanded": "#098091",
"disabled": "#096673",
"focused": "#096673",
"hovered": "#096673",
"loading": "#096673",
"loadingError": "#096673",
"loadingSuccess": "#096673",
"pressed": "#096673",
"selected": "#096673"
},
"info": {
"activated": "#229AD6",
"enabled": "#066391",
"expanded": "#0C79B0",
"disabled": "#066391",
"focused": "#066391",
"hovered": "#066391",
"loading": "#066391",
"loadingError": "#066391",
"loadingSuccess": "#066391",
"pressed": "#066391",
"selected": "#229AD6"
},
"neutral": {
"activated": "#2A6CBD",
"enabled": "#3C4952",
"expanded": "#48545C",
"disabled": "#3C4952",
"focused": "#3C4952",
"hovered": "#3C4952",
"loading": "#3C4952",
"loadingError": "#3C4952",
"loadingSuccess": "#3C4952",
"pressed": "#3C4952",
"selected": "#2A6CBD"
},
"quiet": {
"activated": "#103663",
"enabled": "rgba(0,0,0,0)",
"expanded": "rgba(60,73,82, 0.84)",
"disabled": "rgba(0,0,0,0)",
"focused": "rgba(60,73,82, 0.44)",
"hovered": "rgba(60,73,82, 0.44)",
"loading": "rgba(0,0,0,0)",
"loadingError": "rgba(0,0,0,0)",
"loadingSuccess": "rgba(0,0,0,0)",
"pressed": "rgba(60,73,82, 0.44)",
"selected": "#0C4080"
},
"quietBlend": {
"activated": "#103663",
"enabled": "rgba(0,0,0,0)",
"expanded": "rgba(255,255,255,.08)",
"disabled": "rgba(0,0,0,0)",
"focused": "rgba(255,255,255,.08)",
"hovered": "rgba(255,255,255,.08)",
"loading": "rgba(0,0,0,0)",
"loadingError": "rgba(0,0,0,0)",
"loadingSuccess": "rgba(0,0,0,0)",
"pressed": "rgba(255,255,255,.08)",
"selected": "#0C4080"
},
"success": {
"activated": "#0AA672",
"enabled": "#056B49",
"expanded": "#03855A",
"disabled": "#056B49",
"focused": "#056B49",
"hovered": "#056B49",
"loading": "#056B49",
"loadingError": "#056B49",
"loadingSuccess": "#056B49",
"pressed": "#056B49",
"selected": "#0AA672"
},
"warning": {
"activated": "#F5C776",
"enabled": "#CF8911",
"expanded": "#F7B94F",
"disabled": "#CF8911",
"focused": "#CF8911",
"hovered": "#CF8911",
"loading": "#CF8911",
"loadingError": "#CF8911",
"loadingSuccess": "#CF8911",
"pressed": "#CF8911",
"selected": "#F5C776"
}
},
"text": {
"accent": {
"activated": "#E6EDF5",
"enabled": "#E6EDF5",
"expanded": "rgba(255,255,255,1)",
"disabled": "#E6EDF5",
"focused": "rgba(255,255,255,1)",
"hovered": "rgba(255,255,255,1)",
"loading": "#E6EDF5",
"loadingError": "#E6EDF5",
"loadingSuccess": "#E6EDF5",
"pressed": "rgba(255,255,255,1)",
"selected": "rgba(255,255,255,1)"
},
"accentHigh": {
"activated": "#1F282E",
"enabled": "#333F48",
"expanded": "#1F282E",
"disabled": "#333F48",
"focused": "#1F282E",
"hovered": "#1F282E",
"loading": "#333F48",
"loadingError": "#333F48",
"loadingSuccess": "#333F48",
"pressed": "#1F282E",
"selected": "#1F282E"
},
"blendBase": {
"activated": "rgba(255,255,255,.76)",
"enabled": "rgba(255,255,255,.64)",
"expanded": "rgba(255,255,255,.64)",
"disabled": "rgba(255,255,255,.64)",
"focused": "rgba(255,255,255,.76)",
"hovered": "rgba(255,255,255,.76)",
"loading": "rgba(255,255,255,.64)",
"loadingError": "rgba(255,255,255,.64)",
"loadingSuccess": "rgba(255,255,255,.64)",
"pressed": "rgba(255,255,255,.76)",
"selected": "rgba(255,255,255,.76)"
},
"blendInverse": {
"activated": "rgba(0,0,0,1)",
"enabled": "rgba(0,0,0,.84)",
"expanded": "rgba(0,0,0,.84)",
"disabled": "rgba(0,0,0,.84)",
"focused": "rgba(0,0,0,1)",
"hovered": "rgba(0,0,0,1)",
"loading": "rgba(0,0,0,.84)",
"loadingError": "rgba(0,0,0,.84)",
"loadingSuccess": "rgba(0,0,0,.84)",
"pressed": "rgba(0,0,0,1)",
"selected": "rgba(0,0,0,1)"
},
"blendError": {
"enabled": "#E96060",
"hovered": "#FA8E8E",
"focused": "#E96060",
"pressed": "#FAD4D4",
"expanded": "#FAD4D4",
"selected": "#FAF0F0",
"activated": "#FAF0F0",
"disabled": "#E96060"
},
"blendSuccess": {
"enabled": "#0AA672",
"hovered": "#8EF5D3",
"focused": "#0AA672",
"pressed": "#8EF5D3",
"expanded": "#8EF5D3",
"selected": "#E1FAF2",
"activated": "#E1FAF2",
"disabled": "#0AA672"
},
"blendWarning": {
"enabled": "#CF8911",
"hovered": "#FADFAF",
"focused": "#CF8911",
"pressed": "#FADFAF",
"expanded": "#FADFAF",
"selected": "#FAECD5",
"activated": "#FAECD5",
"disabled": "#CF8911"
},
"blendHelp": {
"enabled": "#0DC4DE",
"hovered": "#87EDFA",
"focused": "#0DC4DE",
"pressed": "#87EDFA",
"expanded": "#87EDFA",
"selected": "#D5F6FA",
"activated": "#D5F6FA",
"disabled": "#0DC4DE"
},
"blendInfo": {
"enabled": "#53BAED",
"hovered": "#E8F4FA",
"focused": "#53BAED",
"pressed": "#E8F4FA",
"expanded": "#E8F4FA",
"selected": "#F0FAFF",
"activated": "#F0FAFF",
"disabled": "#53BAED"
},
"error": {
"activated": "#FFF7F7",
"enabled": "#FFF7F7",
"expanded": "#FFF7F7",
"disabled": "#FFF7F7",
"focused": "#FFF7F7",
"hovered": "#FFF7F7",
"loading": "#FFF7F7",
"loadingError": "#FFF7F7",
"loadingSuccess": "#FFF7F7",
"pressed": "#FFF7F7",
"selected": "#FFF7F7"
},
"help": {
"activated": "#E6F8FA",
"enabled": "#E6F8FA",
"expanded": "#E6F8FA",
"disabled": "#E6F8FA",
"focused": "#E6F8FA",
"hovered": "#E6F8FA",
"loading": "#E6F8FA",
"loadingError": "#E6F8FA",
"loadingSuccess": "#E6F8FA",
"pressed": "#E6F8FA",
"selected": "#E6F8FA"
},
"info": {
"activated": "#F0FAFF",
"enabled": "#F0FAFF",
"expanded": "#F0FAFF",
"disabled": "#F0FAFF",
"focused": "#F0FAFF",
"hovered": "#F0FAFF",
"loading": "#F0FAFF",
"loadingError": "#F0FAFF",
"loadingSuccess": "#F0FAFF",
"pressed": "#F0FAFF",
"selected": "#F0FAFF"
},
"neutral": {
"activated": "#F5F9FF",
"enabled": "#E1EAF0",
"expanded": "#E1EAF0",
"disabled": "#E1EAF0",
"focused": "#F0F3F5",
"hovered": "#F0F3F5",
"loading": "#E1EAF0",
"loadingError": "#E1EAF0",
"loadingSuccess": "#E1EAF0",
"pressed": "#F0F3F5",
"selected": "#F5F9FF"
},
"quiet": {
"activated": "#F5F9FF",
"enabled": "#E1EAF0",
"expanded": "#F0F3F5",
"disabled": "#E1EAF0",
"focused": "#F0F3F5",
"hovered": "#F0F3F5",
"loading": "#E1EAF0",
"loadingError": "#E1EAF0",
"loadingSuccess": "#E1EAF0",
"pressed": "#F0F3F5",
"selected": "#F5F9FF"
},
"quietBlend": {
"activated": "#F5F9FF",
"enabled": "#E1EAF0",
"expanded": "#F0F3F5",
"disabled": "#E1EAF0",
"focused": "#F0F3F5",
"hovered": "#F0F3F5",
"loading": "#E1EAF0",
"loadingError": "#E1EAF0",
"loadingSuccess": "#E1EAF0",
"pressed": "#F0F3F5",
"selected": "#F5F9FF"
},
"success": {
"activated": "#F0FFFA",
"enabled": "#F0FFFA",
"expanded": "#F0FFFA",
"disabled": "#F0FFFA",
"focused": "#F0FFFA",
"hovered": "#F0FFFA",
"loading": "#F0FFFA",
"loadingError": "#F0FFFA",
"loadingSuccess": "#F0FFFA",
"pressed": "#F0FFFA",
"selected": "#F0FFFA"
},
"warning": {
"activated": "#33250C",
"enabled": "#33250C",
"expanded": "#33250C",
"disabled": "#33250C",
"focused": "#33250C",
"hovered": "#33250C",
"loading": "#33250C",
"loadingError": "#33250C",
"loadingSuccess": "#33250C",
"pressed": "#33250C",
"selected": "#33250C"
}
}
},
"elevation": {
"boxShadow": {
"base": {
"focused": "inset 0 0 0 0.2rem #0C79B0"
},
"error": {
"focused": "inset 0 0 0 0.2rem #8F0E19"
},
"success": {
"focused": "inset 0 0 0 0.2rem #07543A"
},
"warning": {
"focused": "inset 0 0 0 0.2rem #694507"
},
"info": {
"focused": "inset 0 0 0 0.2rem #064D70"
},
"help": {
"focused": "inset 0 0 0 0.2rem #0A525C"
}
}
},
"mutation": {
"transitionDuration": ".15s"
},
"space": {
"padding": {
"xxs": "0.4rem",
"xs": "0.8rem",
"sm": "0.8rem",
"md": "1.2rem",
"lg": "1.2rem"
}
},
"size": {
"height": {
"xxs": "1.6rem",
"xs": "2rem",
"sm": "2.4rem",
"md": "2.8rem",
"lg": "3.2rem"
},
"square": {
"xxs": "1.6rem",
"xs": "2rem",
"sm": "2.4rem",
"md": "2.8rem",
"lg": "3.2rem"
},
"minWidth": {
"xxs": "3.2rem",
"xs": "4rem",
"sm": "4.8rem",
"md": "5.6rem",
"lg": "6.4rem"
}
},
"shape": {
"borderRadius": {
"medium": "0.4rem",
"pill": "999rem",
"full": "50%"
}
},
"icon": {
"typo": {
"fontSize": {
"xxs": "1rem",
"xs": "1.2rem",
"sm": "1.4rem",
"md": "1.6rem",
"lg": "1.8rem"
}
},
"space": {
"margin": {
"xxs": "0.4rem",
"xs": "0.4rem",
"sm": "0.4rem",
"md": "0.4rem",
"lg": "0.4rem"
},
"offset": {
"xxs": "calc((1.6rem / 8) * -1)",
"xs": "calc((2rem / 8) * -1)",
"sm": "calc((2.4rem / 8) * -1)",
"md": "calc((2.8rem / 8) * -1)",
"lg": "calc((3.2rem / 8) * -1)"
}
}
},
"label": {
"typo": {
"fontSize": {
"xxs": "1rem",
"xs": "1.1rem",
"sm": "1.2rem",
"md": "1.3rem",
"lg": "1.4rem"
}
}
},
"loader": {
"size": {
"width": {
"xxs": "1.2rem",
"xs": "1.4rem",
"sm": "1.6rem",
"md": "1.8rem",
"lg": "2rem"
}
}
}
},
"iconButtonDropdown": {
"size": {
"width": {
"xs": "3.6rem",
"sm": "4.4rem",
"md": "5.2rem",
"lg": "6rem"
}
}
},
"iconButtonGoToDocs": {
"marker": {
"typo": {
"fontSize": {
"xxs": "0.8rem",
"xs": "0.9rem",
"sm": "1rem",
"md": "1.1rem"
}
},
"size": {
"offset": {
"enabled": {
"xxs": "-0.15rem",
"xs": "-0.15rem",
"sm": "-0.15rem",
"md": "-0.15rem"
},
"hovered": {
"xxs": "-0.3rem",
"xs": "-0.3rem",
"sm": "-0.3rem",
"md": "-0.3rem"
}
}
}
}
},
"iconButtonStatus": {
"color": {
"background": {
"error": {
"enabled": "rgba(237,83,83, 0.24)",
"expanded": "rgba(237,83,83, 0.36)",
"disabled": "rgba(237,83,83, 0.24)",
"focused": "rgba(237,83,83, 0.24)",
"hovered": "rgba(237,83,83, 0.24)",
"pressed": "rgba(237,83,83, 0.24)"
},
"help": {
"enabled": "rgba(17,164,184, 0.24)",
"expanded": "rgba(17,164,184, 0.36)",
"disabled": "rgba(17,164,184, 0.24)",
"focused": "rgba(17,164,184, 0.24)",
"hovered": "rgba(17,164,184, 0.24)",
"pressed": "rgba(17,164,184, 0.24)"
},
"info": {
"enabled": "rgba(34,154,214, 0.24)",
"expanded": "rgba(34,154,214, 0.36)",
"disabled": "rgba(34,154,214, 0.24)",
"focused": "rgba(34,154,214, 0.24)",
"hovered": "rgba(34,154,214, 0.24)",
"pressed": "rgba(34,154,214, 0.24)"
},
"success": {
"enabled": "rgba(10,166,114, 0.24)",
"expanded": "rgba(10,166,114, 0.36)",
"disabled": "rgba(10,166,114, 0.24)",
"focused": "rgba(10,166,114, 0.24)",
"hovered": "rgba(10,166,114, 0.24)",
"pressed": "rgba(10,166,114, 0.24)"
},
"warning": {
"enabled": "rgba(207,137,17, 0.24)",
"expanded": "rgba(207,137,17, 0.36)",
"disabled": "rgba(207,137,17, 0.24)",
"focused": "rgba(207,137,17, 0.24)",
"hovered": "rgba(207,137,17, 0.24)",
"pressed": "rgba(207,137,17, 0.24)"
}
},
"text": {
"error": {
"enabled": "#E96060",
"expanded": "#FAD4D4",
"disabled": "#E96060",
"focused": "#E96060",
"hovered": "#FA8E8E",
"pressed": "#FAD4D4"
},
"help": {
"enabled": "#0DC4DE",
"expanded": "#87EDFA",
"disabled": "#0DC4DE",
"focused": "#0DC4DE",
"hovered": "#87EDFA",
"pressed": "#87EDFA"
},
"info": {
"enabled": "#53BAED",
"expanded": "#E8F4FA",
"disabled": "#53BAED",
"focused": "#53BAED",
"hovered": "#E8F4FA",
"pressed": "#E8F4FA",
"selected": "#F0FAFF"
},
"success": {
"enabled": "#0AA672",
"expanded": "#8EF5D3",
"disabled": "#0AA672",
"focused": "#0AA672",
"hovered": "#8EF5D3",
"pressed": "#8EF5D3"
},
"warning": {
"enabled": "#CF8911",
"expanded": "#FADFAF",
"disabled": "#CF8911",
"focused": "#CF8911",
"hovered": "#FADFAF",
"pressed": "#FADFAF"
}
}
}
},
"iconButtonStop": {
"icon": {
"color": {
"text": "#E96060"
},
"size": {
"square": {
"xs": "1rem",
"sm": "1.2rem",
"md": "0.8rem",
"lg": "1rem"
}
}
},
"circle": {
"color": {
"border": "#F0F3F5"
}
}
},
"diffEditor": {
"color": {
"background": {
"base": "#333F48",
"editor": "#1F282E",
"editorIndentGuide": "rgba(60,73,82, 0.56)",
"editorIndentGuideActive": "rgba(102,117,128, 0.56)",
"editorSuggestWidget": "#1F282E",
"editorSuggestWidgetSelected": "rgba(22,82,156, 0.48)",
"editorOverviewRuler": "#233038",
"inactiveSelection": "#103663",
"lineHighlight": "rgba(82,94,102, 0.2)",
"selectionHighlight": "#0C4080",
"selection": "#103663",
"wordHighlight": "#103663",
"listHovered": "rgba(255,255,255,.04)",
"miniMap": "#233038",
"miniMapSelectionHighlighted": "#0C4080",
"miniMapSlider": "rgba(255,255,255,.08)",
"miniMapSliderHovered": "rgba(255,255,255,.16)",
"miniMapSliderActive": "rgba(255,255,255,.24)",
"removedText": "rgba(214,36,51, 0.36)",
"insertedText": "rgba(30,201,144, 0.36)"
},
"border": {
"editorSuggestWidget": "rgba(60,73,82, 0.56)"
},
"text": {
"base": "#F5F8FA",
"editor": "#F5F8FA",
"editorCursor": "#F5F8FA",
"editorSuggestWidget": "#F5F8FA",
"editorSuggestWidgetHighlighted": "#A4C8F5",
"active": "#F5F8FA",
"editorLineNumber": "#81919C",
"editorLineNumberActive": "#F5F8FA",
"editorWhitespace": "#BAC9D4",
"listHovered": "#F0F3F5"
}
},
"shape": {
"borderRadius": {
"base": "0.4rem",
"inner": "calc(0.4rem - 0.1rem)"
}
},
"rules": {
"color": {
"text": {
"boolean": {
"base": "#57c282"
},
"comment": {
"base": "#e89c3f"
},
"default": {
"base": "#c79bf2"
},
"delimiter": {
"base": "#E1EAF0"
},
"digit": {
"base": "#57c282"
},
"interpolation": {
"base": "#c79bf2"
},
"keyword": {
"base": "#84b1fa"
},
"operator": {
"base": "#F5F8FA"
},
"string": {
"base": "#57c282"
},
"symbol": {
"base": "#E1EAF0"
},
"time": {
"base": "#f78bb8"
},
"valueBlock": {
"base": "#57c282"
}
}
}
},
"difference": {
"color": {
"background": "rgba(82,94,102, 0.2)"
},
"shape": {
"borderLeft": "solid 0.1rem #48545C"
}
},
"modified": {
"shape": {
"borderLeft": "solid 0.1rem #48545C"
}
}
},
"editor": {
"color": {
"text": {
"base": "#F5F8FA"
},
"background": {
"readOnly": "#333F48"
},
"border": {
"base": "#48545C",
"readOnly": "#333F48"
}
},
"shape": {
"borderRadius": "0.4rem",
"borderSize": "0.1rem",
"borderStyle": "solid"
},
"line": {
"color": {
"background": {
"base": "rgba(82,94,102, 0.36)"
}
},
"space": {
"paddingLeft": "0.8rem",
"marginLeft": "calc(-1 * 0.8rem)"
}
},
"message": {
"elevation": {
"boxShadow": {
"base": "0 0.4rem 0.8rem -0.2rem rgba(0,0,0, 0.5), 0 0 0.1rem 0 rgba(0,0,0, 0.62)"
}
},
"color": {
"text": {
"base": "#F5F8FA"
},
"background": {
"base": "#1F282E"
},
"border": {
"base": "rgba(60,73,82, 0.56)"
}
},
"shape": {
"borderRadius": "0.6rem"
},
"space": {
"padding": "0.8rem 1.2rem"
},
"typo": {
"fontFamily": "'Devo Font', sans-serif",
"fontSize": "1.2rem"
}
},
"ruler": {
"size": {
"width": "0.8rem"
},
"shape": {
"borderLeft": {
"hasMiniMap": "solid 0.1rem rgba(60,73,82, 0.56)"
}
}
},
"scrollBar": {
"color": {
"background": {
"track": {
"base": "rgba(255,255,255,.08)"
},
"slider": {
"base": "rgba(255,255,255,.24)",
"hovered": "rgba(255,255,255,.36)"
}
}
},
"shape": {
"borderRadius": {
"slider": "999rem"
}
},
"size": {
"square": "0.8rem"
}
},
"suggest": {
"elevation": {
"boxShadow": {
"base": "0 0.4rem 0.8rem -0.2rem rgba(0,0,0, 0.5), 0 0 0.1rem 0 rgba(0,0,0, 0.62)"
},
"zIndex": {
"base": 1020
}
}
}
},
"highChart": {
"color": {
"fill": {
"10": "#f55353",
"11": "#84b1fa",
"12": "#c79bf2",
"01": "#17827b",
"02": "#7ddba3",
"03": "#fa8e8e",
"04": "#84b7db",
"05": "#a8ede9",
"06": "#d6246e",
"07": "#e89c3f",
"08": "#fab4d1",
"09": "#57c282"
}
},
"chart": {
"color": {
"background": "#1F282E"
},
"space": {
"paddingBottom": "1.6rem",
"paddingTop": "1.2rem",
"paddingLeft": "1.2rem",
"paddingRight": "1.2rem"
}
},
"plot": {
"color": {
"border": "rgba(255,255,255,1)"
}
},
"title": {
"color": {
"fill": "#F5F8FA"
},
"size": {
"height": "11.2rem"
},
"typo": {
"fontSize": "1.6rem",
"letterSpacing": "-0.01925em"
}
},
"subtitle": {
"color": {
"fill": "#BAC9D4"
},
"typo": {
"fontSize": "1.3rem",
"letterSpacing": "-0.01925em"
}
},
"subtitleY": {
"size": {
"width": "11.2rem"
}
},
"xAxis": {
"space": {
"margin": "1.6rem"
}
},
"xAxisTitle": {
"color": {
"fill": "#E1EAF0"
},
"typo": {
"fontSize": "1.1rem",
"fontWeight": "700"
}
},
"xAxisCrosshair": {
"color": {
"border": "rgba(82,94,102, 0.56)"
}
},
"xAxisLabels": {
"color": {
"fill": "#BAC9D4"
},
"typo": {
"fontSize": "1.2rem",
"fontWeight": "500"
}
},
"xAxisLabelsY": {
"space": {
"padding": "1.6rem"
},
"color": {
"fill": "#BAC9D4"
}
},
"xAxisLine": {
"color": {
"border": "rgba(72,84,92, 0.56)"
}
},
"xAxisGridLine": {
"color": {
"border": "rgba(72,84,92, 0.56)"
}
},
"xAxisTick": {
"color": {
"border": "rgba(72,84,92, 0.56)"
}
},
"xAxisGridLineMinor": {
"color": {
"border": "rgba(72,84,92, 0.56)"
}
},
"yAxis": {
"space": {
"margin": "1.6rem"
}
},
"yAxisTitle": {
"color": {
"fill": "#E1EAF0"
},
"typo": {
"fontSize": "1.1rem",
"fontWeight": "700"
}
},
"yAxisCrosshair": {
"color": {
"border": "rgba(82,94,102, 0.56)"
}
},
"yAxisLabels": {
"color": {
"fill": "#BAC9D4"
},
"typo": {
"fontSize": "1.2rem",
"fontWeight": "500"
}
},
"yAxisLabelsY": {
"space": {
"padding": "1.6rem"
},
"color": {
"fill": "#BAC9D4"
}
},
"yAxisLine": {
"color": {
"border": "rgba(72,84,92, 0.56)"
}
},
"yAxisGridLine": {
"color": {
"border": "rgba(72,84,92, 0.56)"
}
},
"yAxisTick": {
"color": {
"border": "rgba(72,84,92, 0.56)"
}
},
"yAxisGridLineMinor": {
"color": {
"border": "rgba(72,84,92, 0.56)"
}
},
"tooltip": {
"color": {
"text": "#F5F8FA",
"background": "rgba(24,32,38,0.8)"
},
"space": {
"padding": "1.2rem"
}
},
"plotOptionsPie": {
"color": {
"border": "#1F282E"
}
},
"plotOptionsPieLine": {
"color": {
"border": "#1F282E"
}
}
},
"calendar": {
"size": {
"minWidth": "23rem"
},
"day": {
"color": {
"background": {
"base": "transparent",
"hovered": "#233038",
"selected": "#2A6CBD",
"activated": "#2A6CBD"
},
"text": {
"base": "#BAC9D4",
"hovered": "#E1EAF0",
"selected": "#F0F3F5",
"activated": "#F0F3F5"
}
},
"elevation": {
"zIndex": 1
},
"mutation": {
"transitionDuration": ".15s"
},
"shape": {
"borderRadius": {
"base": "50%",
"corners": "999rem"
},
"opacity": {
"disabled": ".4"
}
},
"size": {
"square": "2.4rem"
},
"space": {
"margin": "0 auto"
}
},
"interval": {
"color": {
"background": {
"selected": "#0C4080",
"activated": "#103663",
"mixed": "#103663"
},
"text": {
"selected": "#A4C8F5",
"activated": "#A4C8F5",
"mixed": "#A4C8F5"
}
},
"shape": {
"borderRadius": "999rem"
},
"size": {
"height": "calc(2.4rem - 0.6rem)"
}
},
"week": {
"color": {
"background": {
"base": "transparent"
},
"text": {
"base": "#BAC9D4"
}
},
"elevation": {
"zIndex": 1
},
"shape": {
"borderRadius": "50%"
},
"size": {
"square": "2.4rem"
},
"space": {
"margin": "0 auto"
}
}
},
"dateRange": {
"presetMark": {
"color": {
"background": {
"base": "#0C4080"
},
"text": {
"base": "#A4C8F5"
}
}
},
"pickerInput": {
"color": {
"background": {
"active": "rgba(88,147,219,0.12)",
"hovered": "rgba(255,255,255,.04)",
"error": {
"base": "rgba(250,142,142,0.08)",
"focused": "rgba(250,142,142,0.16)"
},
"help": {
"base": "rgba(13,196,222,0.08)",
"focused": "rgba(13,196,222,0.16)"
},
"info": {
"base": "rgba(83,186,237,0.08)",
"focused": "rgba(83,186,237,0.16)"
},
"success": {
"base": "rgba(30,201,144,0.08)",
"focused": "rgba(30,201,144,0.16)"
},
"warning": {
"base": "rgba(247,185,79,0.08)",
"focused": "rgba(247,185,79,0.16)"
}
},
"border": {
"base": "#48545C",
"active": "#667580"
},
"text": {
"base": "#BAC9D4",
"weaker": "#667580"
}
}
},
"realTime": {
"color": {
"background": {
"active": {
"base": "#B4C400",
"hovered": "#D7E817"
},
"base": {
"base": "rgba(255,255,255,.08)",
"hovered": "rgba(255,255,255,.2)"
}
},
"text": {
"active": {
"base": "#333F48",
"hovered": "#1F282E"
},
"base": {
"base": "rgba(255,255,255,.64)",
"hovered": "rgba(255,255,255,.76)"
}
}
}
},
"realTimeIcon": {
"typo": {
"xxs": "1rem",
"xs": "1.2rem",
"sm": "1.4rem",
"md": "1.6rem",
"lg": "1.8rem"
},
"color": {
"background": {
"active": {
"base": "#B4C400",
"hovered": "#D7E817"
},
"base": {
"base": "rgba(255,255,255,.08)",
"hovered": "rgba(255,255,255,.2)"
}
},
"text": {
"active": {
"base": "#333F48",
"hovered": "#1F282E"
},
"base": {
"base": "rgba(255,255,255,.64)",
"hovered": "rgba(255,255,255,.76)"
}
}
}
},
"realTimeLoader": {
"color": {
"fill": "rgba(255,255,255,.24)"
}
}
},
"dateTimeRangeControl": {
"color": {
"border": {
"base": "#48545C",
"active": "#667580"
}
},
"elevation": {
"boxShadow": {
"base": {
"focused": "inset 0 0 0 0.2rem #0C79B0"
},
"error": {
"focused": "inset 0 0 0 0.2rem #8F0E19"
},
"success": {
"focused": "inset 0 0 0 0.2rem #07543A"
},
"warning": {
"focused": "inset 0 0 0 0.2rem #694507"
}
}
},
"shape": {
"borderRadius": "0.4rem",
"borderSize": "0.1rem"
},
"size": {
"height": {
"sm": "2.4rem",
"md": "2.8rem",
"lg": "3.2rem"
}
},
"space": {
"padding": {
"sm": "0 calc(0.8rem - 0.6rem)",
"md": "0 calc(0.8rem - 0.2rem)",
"lg": "0 calc(1.2rem - 0.4rem)"
},
"gap": {
"sm": "0",
"md": "0.4rem",
"lg": "0.4rem"
}
},
"mutation": {
"transitionDuration": ".15s"
},
"input": {
"size": {
"height": {
"sm": "calc(2.4rem - 0.6rem)",
"md": "calc(2.8rem - 0.8rem)",
"lg": "calc(3.2rem - 0.8rem)"
},
"width": {
"base": {
"sm": "8.4rem",
"md": "8.8rem",
"lg": "9.4rem"
},
"withTime": {
"sm": "9.6rem",
"md": "10.2rem",
"lg": "13.2rem"
},
"withSeconds": {
"sm": "13.6rem",
"md": "14.2rem",
"lg": "15.2rem"
},
"withMillis": {
"sm": "15.4rem",
"md": "16.8rem",
"lg": "18.2rem"
}
}
},
"space": {
"padding": {
"sm": "0 calc(0.8rem - 0.2rem)",
"md": "0 calc(0.8rem - 0.2rem)",
"lg": "0 calc(1.2rem - 0.4rem)"
}
}
},
"arrow": {
"color": {
"fill": "#81919C"
},
"size": {
"square": {
"sm": "14",
"md": "18",
"lg": "22"
}
}
},
"realTimeButton": {
"size": {
"square": {
"sm": "2rem",
"md": "2.4rem",
"lg": "2.8rem"
}
},
"typo": {
"fontSize": {
"sm": "1rem",
"md": "1.2rem",
"lg": "1.4rem"
}
}
}
},
"badge": {
"shape": {
"borderRadius": "999rem"
},
"size": {
"square": {
"hasContent": {
"xxs": "1.2rem",
"xs": "1.4rem",
"sm": "1.6rem",
"md": "1.8rem",
"lg": "2rem"
},
"isEmpty": {
"xxs": "0.6rem",
"xs": "0.8rem",
"sm": "1rem",
"md": "1.2rem",
"lg": "1.4rem"
}
}
},
"space": {
"padding": {
"hor": "0.4rem"
}
},
"typo": {
"fontSize": {
"xxs": "1rem",
"xs": "1rem",
"sm": "1rem",
"md": "1.1rem",
"lg": "1.2rem"
}
},
"color": {
"background": {
"hasContent": {
"primary": "#333F48",
"secondary": "#0C4080",
"neutral": "rgba(82,94,102, 0.36)",
"error": "#8F0E19",
"success": "#03855A",
"warning": "#CF8911",
"help": "#0A525C",
"info": "#064D70",
"dataBlue": "#103570",
"dataBronze": "#4d2f0b",
"dataDusk": "#3a3154",
"dataGreen": "#153d25",
"dataIndigo": "#28288a",
"dataMagenta": "#611535",
"dataPurple": "#4b2175",
"dataRed": "#661414",
"dataSky": "#093952",
"dataSlate": "#243947",
"dataTeal": "#0b3d3a",
"blendBase": "rgba(255,255,255,.12)",
"blendInverse": "rgba(0,0,0,.12)"
},
"isEmpty": {
"primary": "#E5F536",
"secondary": "#5893DB",
"neutral": "#525E66",
"error": "#D62433",
"success": "#1EC990",
"warning": "#F7B94F",
"help": "#11A4B8",
"info": "#229AD6",
"dataBlue": "#1d5bbf",
"dataBronze": "#8a4d03",
"dataDusk": "#645396",
"dataGreen": "#20693d",
"dataIndigo": "#4d4dd1",
"dataMagenta": "#b01355",
"dataPurple": "#7d3cbd",
"dataRed": "#B80D0D",
"dataSky": "#066391",
"dataSlate": "#376180",
"dataTeal": "#116963",
"blendBase": "rgba(255,255,255,.2)",
"blendInverse": "rgba(0,0,0,.2)"
}
},
"text": {
"primary": "#E5F536",
"secondary": "#A4C8F5",
"neutral": "#C3D3DE",
"error": "#FAF0F0",
"success": "#F0FFFA",
"warning": "#33250C",
"help": "#E6F8FA",
"info": "#F0FAFF",
"dataBlue": "#cfe0fc",
"dataBronze": "#fad8af",
"dataDusk": "#e3dcf7",
"dataGreen": "#abedc5",
"dataIndigo": "#dcdcfc",
"dataMagenta": "#fad4e4",
"dataPurple": "#ead9fa",
"dataRed": "#fad4d4",
"dataSky": "#bbe5fa",
"dataSlate": "#cbe3f5",
"dataTeal": "#a8ede9",
"blendBase": "rgba(255,255,255,.72)",
"blendInverse": "rgba(0,0,0,.88)"
}
},
"icon": {
"size": {
"square": {
"xxs": "calc(1rem - 0.2rem)",
"xs": "1rem",
"sm": "1rem",
"md": "1.2rem",
"lg": "1.4rem"
}
}
}
},
"boxMessage": {
"shape": {
"borderSize": {
"base": "0.1rem",
"subtle": "0"
},
"borderRadius": "0.4rem"
},
"space": {
"gap": {
"base": "1.2rem",
"subtle": "0.8rem"
},
"padding": {
"base": "1.2rem",
"subtle": "0.4rem 0.8rem"
}
},
"color": {
"background": {
"subtle": "#333F48",
"success": "rgba(30,201,144, 0.08)",
"warning": "rgba(247,185,79, 0.04)",
"error": "rgba(214,36,51, 0.08)",
"help": "rgba(17,164,184, 0.08)",
"info": "rgba(34,154,214, 0.08)"
},
"border": {
"error": "#8F0E19",
"success": "#03855A",
"warning": "#A76900",
"help": "#098091",
"info": "#0C79B0"
}
},
"actions": {
"space": {
"marginTop": "1.2rem",
"gap": "0.8rem"
}
},
"close": {
"space": {
"offset": {
"top": "calc(1.2rem - 0.2rem)",
"right": "1.2rem"
}
}
},
"heading": {
"space": {
"marginBottom": "1.2rem"
}
},
"icon": {
"color": {
"text": {
"error": "#D62433",
"success": "#1EC990",
"warning": "#F7B94F",
"help": "#11A4B8",
"info": "#229AD6"
}
},
"size": {
"square": "1.6rem"
}
}
},
"decoratorBar": {
"color": {
"background": "#0DC4DE 0 50%, #16529C 50% 80%, #D7E817 80% 100%"
},
"shape": {
"stroke": "0.4rem"
}
},
"helper": {
"color": {
"text": {
"base": "#81919C",
"error": "#E96060"
}
},
"space": {
"marginTop": {
"base": "0.4rem",
"forGroup": "1.2rem"
},
"gap": {
"xxs": "0.8rem",
"xs": "0.8rem",
"sm": "0.8rem",
"md": "1.2rem",
"lg": "1.2rem"
}
},
"icon": {
"size": {
"square": {
"xxs": "1rem",
"xs": "1.2rem",
"sm": "1.4rem",
"md": "1.6rem",
"lg": "1.8rem"
}
},
"color": {
"fill": {
"error": "#E96060",
"success": "#46E3AF",
"help": "#0DC4DE",
"info": "#53BAED",
"warning": "#F7B94F"
}
}
}
},
"icon": {
"size": {
"square": {
"xxxxs": "1rem",
"xxxs": "1.2rem",
"xxs": "1.4rem",
"xs": "1.6rem",
"sm": "1.8rem",
"md": "2rem",
"lg": "2.4rem",
"xl": "2.8rem",
"xxl": "3.2rem",
"xxxl": "4.8rem",
"xxxxl": "6.4rem"
}
},
"typo": {
"fontFamily": {
"base": "'lt-iconfont', sans-serif",
"alt": "'LtAppFont', sans-serif"
},
"fontWeight": "500",
"lineHeight": "1"
},
"color": {
"fill": {
"base": "#BAC9D4",
"inverse": "rgba(0,0,0,1)",
"strong": "#E1EAF0",
"stronger": "#F5F8FA",
"weak": "#81919C",
"weaker": "#667580",
"weakest": "#5B6870",
"neutral": "#525E66",
"success": "#1EC990",
"successWeak": "#03855A",
"successStrong": "#F0FFFA",
"error": "#E96060",
"errorWeak": "#D62433",
"errorStrong": "#FAF0F0",
"warning": "#F7B94F",
"warningWeak": "#F7B94F",
"warningStrong": "#F5C776",
"info": "#53BAED",
"infoWeak": "#0C79B0",
"infoStrong": "#F0FAFF",
"help": "#0DC4DE",
"helpWeak": "#098091",
"helpStrong": "#E6F8FA",
"primary": "#D7E817",
"secondary": "#A4C8F5",
"blendBase": "rgba(255,255,255,.36)",
"blendInverse": "rgba(0,0,0,.44)",
"dataBlue": "#84b1fa",
"dataBronze": "#e89c3f",
"dataGreen": "#57c282",
"dataTeal": "#45bfb7",
"dataSky": "#53baed",
"dataSlate": "#84b7db",
"dataIndigo": "#a7a7fa",
"dataDusk": "#b5a6e3",
"dataPurple": "#c79bf2",
"dataMagenta": "#f78bb8",
"dataRed": "#de1b1b"
}
}
},
"inlineMessageBanner": {
"color": {
"border": "rgba(24,32,38,0.16)"
}
},
"inlineMessage": {
"color": {
"background": "#1F282E",
"border": {
"base": "#525E66",
"success": "#1EC990",
"warning": "#F7B94F",
"error": "#D62433",
"help": "#11A4B8",
"info": "#229AD6"
}
},
"arrow": {
"size": {
"square": "0.8rem"
}
},
"contentImg": {
"space": {
"marginBottom": "1.6rem"
}
},
"content": {
"space": {
"padding": {
"noHasScroll": "1.6rem 2.4rem",
"hasScroll": "1.6rem 1.2rem 1.6rem 2.4rem"
},
"margin": "1.6rem 2.4rem"
}
},
"footer": {
"space": {
"padding": {
"hasScroll": "0.8rem 2.4rem",
"noHasScroll": "0.8rem 2.4rem 1.6rem"
}
}
},
"header": {
"space": {
"padding": {
"hasScroll": "1.6rem 2.4rem",
"noHasScroll": "1.6rem 2.4rem 0"
}
}
}
},
"keyValue": {
"color": {
"text": "#BAC9D4"
},
"typo": {
"lineHeight": {
"xs": "1.6rem",
"sm": "1.6rem",
"md": "2rem"
}
},
"unit": {
"space": {
"marginLeft": "0.4rem"
}
},
"visual": {
"color": {
"text": "#BAC9D4"
}
}
},
"loader": {
"gradient": {
"color": {
"background": {
"base": "#1F282E"
}
}
},
"logoEvenPath": {
"color": {
"background": {
"light": "#E5F536",
"dark": "#E5F536",
"brand": "#E5F536"
}
}
},
"logoOddPath": {
"color": {
"background": {
"light": "rgba(255,255,255,1)",
"dark": "#1F282E",
"brand": "rgba(215,232,23,0.32)"
}
}
},
"spinnerAnimatedStrokeTemp": {
"color": {
"background": {
"light": "#5893DB",
"dark": "#5893DB"
}
}
},
"spinnerAnimatedStroke": {
"color": {
"background": {
"brand": "#E5F536",
"brandLight": "#E5F536",
"brandDark": "#E5F536",
"light": "#5893DB",
"dark": "#5893DB",
"lightTrans": "rgba(255,255,255,.88)",
"darkTrans": "rgba(0,0,0,.64)",
"error": "#D62433",
"success": "#1EC990",
"warning": "#F7B94F",
"help": "#11A4B8",
"info": "#229AD6"
}
}
},
"spinner": {
"color": {
"background": {
"brand": "rgba(215,232,23,0.32)",
"brandDark": "rgba(0,0,0,.64)",
"brandLight": "rgba(255,255,255,.76)",
"light": "rgba(255,255,255,.76)",
"dark": "rgba(0,0,0,.64)",
"lightTrans": "rgba(255,255,255,.64)",
"darkTrans": "rgba(0,0,0,.4)",
"error": "#8F0E19",
"success": "#03855A",
"warning": "#33250C",
"help": "#0A525C",
"info": "#064D70"
}
},
"size": {
"square": {
"xxxs": "1.2rem",
"xxs": "1.6rem",
"xs": "2rem",
"sm": "2.4rem",
"md": "2.8rem",
"lg": "3.2rem",
"xl": "4.8rem"
}
}
}
},
"notification": {
"item": {
"shape": {
"border": {
"base": "solid 0.1rem rgba(72,84,92, 0.56)"
}
}
},
"icon": {
"color": {
"background": "#333F48",
"text": "#BAC9D4"
},
"typo": {
"fontSize": "2rem"
}
},
"headerIcon": {
"color": {
"background": {