@devoinc/genesys-brand-devo
Version:
Devo brand tokens
1,686 lines • 87.5 kB
JavaScript
module.exports = {
"alias": {
"breakpoints": {
"mediaQuery": {
"xs": "575px",
"sm": "576px",
"md": "768px",
"lg": "992px",
"xl": "1200px",
"xxl": "1400px"
}
},
"color": {
"background": {
"action": {
"accentHigh": {
"enabled": "#D7E817",
"hovered": "#D7E817",
"focused": "#D7E817",
"pressed": "#D7E817",
"expanded": "#CCDF00",
"selected": "#B4C400",
"activated": "#B4C400",
"disabled": "#D7E817"
},
"accent": {
"enabled": "#16529C",
"hovered": "#16529C",
"focused": "#16529C",
"pressed": "#16529C",
"expanded": "#0C4080",
"selected": "#103663",
"activated": "#103663",
"disabled": "#16529C"
},
"neutral": {
"enabled": "#E1EAF0",
"hovered": "#E1EAF0",
"focused": "#E1EAF0",
"pressed": "#E1EAF0",
"expanded": "#D3E0E8",
"selected": "#C6DBF5",
"activated": "#A4C8F5",
"disabled": "#E1EAF0"
},
"quiet": {
"enabled": "rgba(0,0,0,0)",
"hovered": "rgba(195,211,222, 0.44)",
"focused": "rgba(195,211,222, 0.44)",
"pressed": "rgba(195,211,222, 0.44)",
"expanded": "rgba(195,211,222, 0.84)",
"selected": "#C6DBF5",
"activated": "#A4C8F5",
"disabled": "rgba(0,0,0,0)"
},
"error": {
"enabled": "#FA8E8E",
"hovered": "#FA8E8E",
"focused": "#FA8E8E",
"pressed": "#FA8E8E",
"expanded": "#E96060",
"selected": "#E96060",
"activated": "#E96060",
"disabled": "#FA8E8E"
},
"success": {
"enabled": "#46E3AF",
"hovered": "#46E3AF",
"focused": "#46E3AF",
"pressed": "#46E3AF",
"expanded": "#1EC990",
"selected": "#0AA672",
"activated": "#0AA672",
"disabled": "#46E3AF"
},
"warning": {
"enabled": "#F7B94F",
"hovered": "#F7B94F",
"focused": "#F7B94F",
"pressed": "#F7B94F",
"expanded": "#CF8911",
"selected": "#A76900",
"activated": "#A76900",
"disabled": "#F7B94F"
},
"help": {
"enabled": "#46D7EB",
"hovered": "#46D7EB",
"focused": "#46D7EB",
"pressed": "#46D7EB",
"expanded": "#0DC4DE",
"selected": "#11A4B8",
"activated": "#11A4B8",
"disabled": "#46D7EB"
},
"info": {
"enabled": "#8DD4F7",
"hovered": "#8DD4F7",
"focused": "#8DD4F7",
"pressed": "#8DD4F7",
"expanded": "#53BAED",
"selected": "#229AD6",
"activated": "#229AD6",
"disabled": "#8DD4F7"
},
"blendBase": {
"enabled": "rgba(0,0,0,.08)",
"hovered": "rgba(0,0,0,.2)",
"focused": "rgba(0,0,0,.08)",
"pressed": "rgba(0,0,0,.08)",
"expanded": "rgba(0,0,0,.16)",
"selected": "rgba(0,0,0,.24)",
"activated": "rgba(0,0,0,.36)",
"disabled": "rgba(0,0,0,.08)"
},
"blendInverse": {
"enabled": "rgba(255,255,255,.2)",
"hovered": "rgba(255,255,255,.2)",
"focused": "rgba(255,255,255,.2)",
"pressed": "rgba(255,255,255,.2)",
"expanded": "rgba(255,255,255,.32)",
"selected": "rgba(255,255,255,.4)",
"activated": "rgba(255,255,255,.52)",
"disabled": "rgba(255,255,255,.2)"
},
"blendError": {
"enabled": "rgba(214,36,51, 0.1)",
"hovered": "rgba(214,36,51, 0.1)",
"focused": "rgba(214,36,51, 0.1)",
"pressed": "rgba(214,36,51, 0.1)",
"expanded": "rgba(214,36,51, 0.2)",
"selected": "rgba(214,36,51, 0.3)",
"activated": "rgba(214,36,51, 0.3)",
"disabled": "rgba(214,36,51, 0.1)"
},
"blendSuccess": {
"enabled": "rgba(10,166,114, 0.1)",
"hovered": "rgba(10,166,114, 0.1)",
"focused": "rgba(10,166,114, 0.1)",
"pressed": "rgba(10,166,114, 0.1)",
"expanded": "rgba(10,166,114, 0.2)",
"selected": "rgba(10,166,114, 0.3)",
"activated": "rgba(10,166,114, 0.3)",
"disabled": "rgba(10,166,114, 0.1)"
},
"blendWarning": {
"enabled": "rgba(247,185,79, 0.2)",
"hovered": "rgba(247,185,79, 0.2)",
"focused": "rgba(247,185,79, 0.2)",
"pressed": "rgba(247,185,79, 0.2)",
"expanded": "rgba(247,185,79, 0.3)",
"selected": "rgba(247,185,79, 0.4)",
"activated": "rgba(247,185,79, 0.4)",
"disabled": "rgba(247,185,79, 0.2)"
},
"blendHelp": {
"enabled": "rgba(9,128,145, 0.1)",
"hovered": "rgba(9,128,145, 0.1)",
"focused": "rgba(9,128,145, 0.1)",
"pressed": "rgba(9,128,145, 0.1)",
"expanded": "rgba(9,128,145, 0.2)",
"selected": "rgba(9,128,145, 0.3)",
"activated": "rgba(9,128,145, 0.3)",
"disabled": "rgba(9,128,145, 0.1)"
},
"blendInfo": {
"enabled": "rgba(12,121,176, 0.1)",
"hovered": "rgba(12,121,176, 0.1)",
"focused": "rgba(12,121,176, 0.1)",
"pressed": "rgba(12,121,176, 0.1)",
"expanded": "rgba(12,121,176, 0.2)",
"selected": "rgba(12,121,176, 0.3)",
"activated": "rgba(12,121,176, 0.3)",
"disabled": "rgba(12,121,176, 0.1)"
},
"backdrop": {
"base": {
"highlighted": "rgba(255,255,255,.24)",
"expanded": "rgba(255,255,255,.32)",
"hovered": "rgba(255,255,255,.28)",
"focused": "rgba(0,0,0,0)",
"pressed": "rgba(0,0,0,.16)"
},
"inverse": {
"highlighted": "rgba(0,0,0,.2)",
"expanded": "rgba(0,0,0,.28)",
"hovered": "rgba(0,0,0,.2)",
"focused": "rgba(0,0,0,0)",
"pressed": "rgba(255,255,255,.28)"
}
}
},
"app": "#F0F3F5",
"backdrop": {
"dark": {
"weakest": "rgba(24,32,38,0.08)",
"weaker": "rgba(24,32,38,0.12)",
"weak": "rgba(24,32,38,0.16)",
"base": "rgba(24,32,38,0.24)",
"strong": "rgba(24,32,38,0.32)",
"stronger": "rgba(24,32,38,0.56)",
"strongest": "rgba(24,32,38,0.8)",
"opaque": "rgb(24,32,38)"
},
"light": {
"weakest": "rgba(255,255,255,0.08)",
"weaker": "rgba(255,255,255,0.12)",
"weak": "rgba(255,255,255,0.16)",
"base": "rgba(255,255,255,0.24)",
"strong": "rgba(255,255,255,0.32)",
"stronger": "rgba(255,255,255,0.56)",
"strongest": "rgba(255,255,255,0.8)",
"opaque": "rgb(255,255,255)"
},
"primary": {
"weaker": "rgba(204,223,0,0.08)",
"weak": "rgba(204,223,0,0.16)",
"base": "rgba(204,223,0,0.24)",
"strong": "rgba(204,223,0,0.32)",
"stronger": "rgba(204,223,0,0.56)",
"strongest": "rgba(204,223,0,0.8)",
"opaque": "rgb(204,223,0)"
},
"secondary": {
"weakest": "rgba(42,108,189,0.08)",
"weaker": "rgba(42,108,189,0.12)",
"weak": "rgba(42,108,189,0.16)",
"base": "rgba(42,108,189,0.24)",
"strong": "rgba(42,108,189,0.32)",
"stronger": "rgba(42,108,189,0.56)",
"strongest": "rgba(42,108,189,0.8)",
"opaque": "rgb(42,108,189)"
},
"error": {
"weaker": "rgba(214,36,51,0.08)",
"weak": "rgba(214,36,51,0.16)",
"base": "rgba(214,36,51,0.24)",
"strong": "rgba(214,36,51,0.32)",
"stronger": "rgba(214,36,51,0.56)",
"strongest": "rgba(214,36,51,0.8)",
"opaque": "rgb(214,36,51)"
},
"success": {
"weaker": "rgba(3,133,90,0.08)",
"weak": "rgba(3,133,90,0.16)",
"base": "rgba(3,133,90,0.24)",
"strong": "rgba(3,133,90,0.32)",
"stronger": "rgba(3,133,90,0.56)",
"strongest": "rgba(3,133,90,0.8)",
"opaque": "rgb(3,133,90)"
},
"warning": {
"weaker": "rgba(167,105,0,0.08)",
"weak": "rgba(167,105,0,0.16)",
"base": "rgba(167,105,0,0.24)",
"strong": "rgba(167,105,0,0.32)",
"stronger": "rgba(167,105,0,0.56)",
"strongest": "rgba(167,105,0,0.8)",
"opaque": "rgb(167,105,0)"
},
"help": {
"weaker": "rgba(9,128,145,0.08)",
"weak": "rgba(9,128,145,0.16)",
"base": "rgba(9,128,145,0.24)",
"strong": "rgba(9,128,145,0.32)",
"stronger": "rgba(9,128,145,0.56)",
"strongest": "rgba(9,128,145,0.8)",
"opaque": "rgb(9,128,145)"
},
"info": {
"weaker": "rgba(12,121,176,0.08)",
"weak": "rgba(12,121,176,0.16)",
"base": "rgba(12,121,176,0.24)",
"strong": "rgba(12,121,176,0.32)",
"stronger": "rgba(12,121,176,0.56)",
"strongest": "rgba(12,121,176,0.8)",
"opaque": "rgb(12,121,176)"
}
},
"feedback": {
"primary": {
"weaker": "#E1EAF0",
"weak": "#C3D3DE",
"base": "#333F48",
"strong": "#CCDF00",
"stronger": "#727C00",
"strongest": "#464D00"
},
"secondary": {
"weaker": "#F5F9FF",
"weak": "#E6EDF5",
"base": "#C6DBF5",
"strong": "#5893DB",
"stronger": "#16529C",
"strongest": "#182B42"
},
"rating": {
"weak": "#EBAB00",
"base": "#FFBF15",
"strong": "#D19800"
},
"neutral": {
"weaker": "rgba(157,176,189, 0.11)",
"weak": "rgba(157,176,189, 0.16)",
"base": "#C3D3DE",
"strong": "#81919C",
"stronger": "#3C4952"
},
"blendBase": {
"weaker": "rgba(0,0,0,.04)",
"weak": "rgba(0,0,0,.08)",
"base": "rgba(0,0,0,.12)",
"strong": "rgba(0,0,0,.32)",
"stronger": "rgba(0,0,0,.4)"
},
"blendInverse": {
"weaker": "rgba(255,255,255,.08)",
"weak": "rgba(255,255,255,.16)",
"base": "rgba(255,255,255,.24)",
"strong": "rgba(255,255,255,.48)",
"stronger": "rgba(255,255,255,.6)"
},
"error": {
"weaker": "#FAF0F0",
"weak": "#FAB6B6",
"base": "#FA8E8E",
"strong": "#E96060",
"stronger": "#D62433"
},
"success": {
"weaker": "#E1FAF2",
"weak": "#8EF5D3",
"base": "#46E3AF",
"strong": "#1EC990",
"stronger": "#0AA672"
},
"warning": {
"weaker": "#FAECD5",
"weak": "#F5C776",
"base": "#F7B94F",
"strong": "#F7B94F",
"stronger": "#A76900"
},
"help": {
"weaker": "#E6F8FA",
"weak": "#87EDFA",
"base": "#46D7EB",
"strong": "#11A4B8",
"stronger": "#098091"
},
"info": {
"weaker": "#E8F4FA",
"weak": "#BBE5FA",
"base": "#8DD4F7",
"strong": "#229AD6",
"stronger": "#0C79B0"
},
"dataBlue": {
"weak": "#f0f5fc",
"base": "#cfe0fc",
"strong": "#84b1fa",
"stronger": "#3272d9"
},
"dataBronze": {
"weak": "#fcf2e6",
"base": "#fad8af",
"strong": "#e89c3f",
"stronger": "#ad5f00"
},
"dataGreen": {
"weak": "#e1faeb",
"base": "#abedc5",
"strong": "#57c282",
"stronger": "#2a854e"
},
"dataTeal": {
"weak": "#e4f7f6",
"base": "#a8ede9",
"strong": "#45bfb7",
"stronger": "#17827b"
},
"dataSky": {
"weak": "#e8f4fa",
"base": "#bbe5fa",
"strong": "#53baed",
"stronger": "#0c7bb3"
},
"dataSlate": {
"weak": "#edf4f7",
"base": "#cbe3f5",
"strong": "#84b7db",
"stronger": "#48799c"
},
"dataIndigo": {
"weak": "#f2f2fc",
"base": "#dcdcfc",
"strong": "#a7a7fa",
"stronger": "#6767e6"
},
"dataDusk": {
"weak": "#f4f2f7",
"base": "#e3dcf7",
"strong": "#b5a6e3",
"stronger": "#7a68b3"
},
"dataPurple": {
"weak": "#f5f0fa",
"base": "#ead9fa",
"strong": "#c79bf2",
"stronger": "#9656d6"
},
"dataMagenta": {
"weak": "#faf0f4",
"base": "#fad4e4",
"strong": "#f78bb8",
"stronger": "#d6246e"
},
"dataRed": {
"weak": "#faf0f0",
"base": "#fad4d4",
"strong": "#fa8e8e",
"stronger": "#de1b1b"
}
},
"handler": "rgba(255,255,255,1)",
"social": {
"twitter": "#1DA1F2",
"linkedin": "#007BB5",
"youtube": "#FF0000",
"googlePlus": "#DB4437"
},
"surface": {
"base": {
"base": "rgba(255,255,255,1)",
"raised": "#F5F8FA",
"featured": "#F0F3F5",
"expanded": "#F0F3F5",
"readonly": "rgba(0,0,0,.04)",
"created": "#E1FAF2",
"deleted": "#FAF0F0",
"highlighted": "#F5F8FA",
"modified": "#E6EDF5",
"selected": "rgba(198,219,245, 0.4)",
"activated": "rgba(164,200,245, 0.4)"
},
"inverse": {
"base": "#1F282E",
"readonly": "rgba(255,255,255,.04)",
"created": "#07543A",
"deleted": "#8F0E19",
"selected": "#103663",
"highlighted": "#233038",
"modified": "#103663",
"activated": "rgba(164,200,245, 0.4)"
},
"primary": {
"base": "#CCDF00",
"weak": "#FCFFDB"
},
"secondary": {
"base": "#2A6CBD",
"weak": "#C6DBF5"
},
"neutral": {
"base": "#D3E0E8",
"weak": "#F0F3F5"
},
"error": {
"base": "#D62433",
"weak": "#FAF0F0"
},
"success": {
"base": "#1EC990",
"weak": "#E1FAF2"
},
"warning": {
"base": "#F7B94F",
"weak": "#FAECD5"
},
"help": {
"base": "#0DC4DE",
"weak": "#D5F6FA"
},
"info": {
"base": "#53BAED",
"weak": "#E8F4FA"
},
"backdrop": {
"base": {
"hovered": "rgba(0,0,0,.04)",
"focused": "rgba(0,0,0,0)",
"pressed": "rgba(0,0,0,.12)",
"expanded": "rgba(0,0,0,.08)",
"weakest": "rgba(0,0,0, 0.02)",
"weaker": "rgba(0,0,0,.04)",
"weak": "rgba(0,0,0,.08)",
"base": "rgba(0,0,0,.16)",
"strong": "rgba(0,0,0,.24)",
"stronger": "rgba(0,0,0,.36)",
"strongest": "rgba(0,0,0,.48)"
},
"inverse": {
"hovered": "rgba(255,255,255,.04)",
"focused": "rgba(0,0,0,0)",
"pressed": "rgba(255,255,255,.2)",
"expanded": "rgba(255,255,255,.12)",
"weakest": "rgba(255,255,255, 0.02)",
"weaker": "rgba(255,255,255,.04)",
"weak": "rgba(255,255,255,.08)",
"base": "rgba(255,255,255,.16)",
"strong": "rgba(255,255,255,.24)",
"stronger": "rgba(255,255,255,.36)",
"strongest": "rgba(255,255,255,.48)"
}
},
"blend": {
"light": {
"weakest": "rgba(255,255,255,.16)",
"weaker": "rgba(255,255,255,.28)",
"weak": "rgba(255,255,255,.4)",
"base": "rgba(255,255,255,.52)",
"strong": "rgba(255,255,255,.64)",
"stronger": "rgba(255,255,255,.76)",
"strongest": "rgba(255,255,255,.88)"
},
"dark": {
"weakest": "rgba(0,0,0,.16)",
"weaker": "rgba(0,0,0,.28)",
"weak": "rgba(0,0,0,.4)",
"base": "rgba(0,0,0,.52)",
"strong": "rgba(0,0,0,.64)",
"stronger": "rgba(0,0,0,.76)",
"strongest": "rgba(0,0,0,.88)"
},
"error": {
"weakest": "rgba(237,83,83, 0.12)",
"weaker": "rgba(237,83,83, 0.2)",
"weak": "rgba(237,83,83, 0.28)",
"base": "rgba(237,83,83, 0.36)",
"strong": "rgba(237,83,83, 0.44)",
"stronger": "rgba(237,83,83, 0.52)",
"strongest": "rgba(237,83,83, 0.6)"
},
"success": {
"weakest": "rgba(30,201,144, 0.12)",
"weaker": "rgba(30,201,144, 0.2)",
"weak": "rgba(30,201,144, 0.28)",
"base": "rgba(30,201,144, 0.36)",
"strong": "rgba(30,201,144, 0.44)",
"stronger": "rgba(30,201,144, 0.52)",
"strongest": "rgba(30,201,144, 0.6)"
},
"warning": {
"weakest": "rgba(247,185,79, 0.12)",
"weaker": "rgba(247,185,79, 0.2)",
"weak": "rgba(247,185,79, 0.28)",
"base": "rgba(247,185,79, 0.36)",
"strong": "rgba(247,185,79, 0.44)",
"stronger": "rgba(247,185,79, 0.52)",
"strongest": "rgba(247,185,79, 0.6)"
},
"info": {
"weakest": "rgba(34,154,214, 0.12)",
"weaker": "rgba(34,154,214, 0.2)",
"weak": "rgba(34,154,214, 0.28)",
"base": "rgba(34,154,214, 0.36)",
"strong": "rgba(34,154,214, 0.44)",
"stronger": "rgba(34,154,214, 0.52)",
"strongest": "rgba(34,154,214, 0.6)"
},
"help": {
"weakest": "rgba(17,164,184, 0.12)",
"weaker": "rgba(17,164,184, 0.2)",
"weak": "rgba(17,164,184, 0.28)",
"base": "rgba(17,164,184, 0.36)",
"strong": "rgba(17,164,184, 0.44)",
"stronger": "rgba(17,164,184, 0.52)",
"strongest": "rgba(17,164,184, 0.6)"
}
}
},
"track": {
"base": "#E1EAF0",
"blend": "rgba(0,0,0,.08)",
"error": "#FAD4D4",
"success": "#8EF5D3",
"warning": "#FADFAF",
"info": "#BBE5FA"
}
},
"border": {
"elevation": {
"ground": "unset",
"raised": "#E1EAF0",
"sticky": {
"bottom": "#E1EAF0",
"top": "#E1EAF0",
"right": "#E1EAF0",
"left": "#E1EAF0"
},
"activated": "#E1EAF0",
"draggable": "#E1EAF0",
"overlay": "#E1EAF0",
"popOut": "#E1EAF0"
},
"feedback": {
"primary": {
"base": "#CCDF00"
},
"secondary": {
"weak": "#5893DB",
"base": "#2A6CBD",
"strong": "#16529C"
},
"neutral": {
"weaker": "#F0F3F5",
"weak": "#BAC9D4",
"base": "#5B6870",
"strong": "#333F48"
},
"base": {
"weaker": "rgba(0,0,0,.04)",
"weak": "rgba(0,0,0,.08)",
"base": "rgba(0,0,0,.12)",
"strong": "rgba(0,0,0,.16)"
},
"inverse": {
"weaker": "rgba(255,255,255,.04)",
"weak": "rgba(255,255,255,.08)",
"base": "rgba(255,255,255,.12)",
"strong": "rgba(255,255,255,.16)"
},
"error": {
"weak": "#FAF0F0",
"base": "#FAD4D4",
"strong": "#FAB6B6"
},
"success": {
"weak": "#E1FAF2",
"base": "#8EF5D3",
"strong": "#46E3AF"
},
"warning": {
"weak": "#FAECD5",
"base": "#FADFAF",
"strong": "#F5C776"
},
"help": {
"weak": "#D5F6FA",
"base": "#87EDFA",
"strong": "#46D7EB"
},
"info": {
"weak": "#E8F4FA",
"base": "#BBE5FA",
"strong": "#8DD4F7"
},
"dataBlue": {
"weak": "#f0f5fc",
"base": "#cfe0fc",
"strong": "#accbfc"
},
"dataBronze": {
"weak": "#fcf2e6",
"base": "#fad8af",
"strong": "#f5bc76"
},
"dataDusk": {
"weak": "#f4f2f7",
"base": "#e3dcf7",
"strong": "#cec2f0"
},
"dataGreen": {
"weak": "#e1faeb",
"base": "#abedc5",
"strong": "#7ddba3"
},
"dataIndigo": {
"weak": "#f2f2fc",
"base": "#dcdcfc",
"strong": "#c2c2fc"
},
"dataMagenta": {
"weak": "#faf0f4",
"base": "#fad4e4",
"strong": "#fab4d1"
},
"dataPurple": {
"weak": "#f5f0fa",
"base": "#ead9fa",
"strong": "#dabcf7"
},
"dataRed": {
"weak": "#faf0f0",
"base": "#fad4d4",
"strong": "#fab6b6"
},
"dataSky": {
"weak": "#e8f4fa",
"base": "#bbe5fa",
"strong": "#8dd4f7"
},
"dataSlate": {
"weak": "#edf4f7",
"base": "#cbe3f5",
"strong": "#a7ceeb"
},
"dataTeal": {
"weak": "#e4f7f6",
"base": "#a8ede9",
"strong": "#6cd9d2"
}
},
"separator": {
"base": {
"weakest": "#F5F8FA",
"weak": "#E1EAF0",
"weaker": "#F0F3F5",
"base": "#D3E0E8",
"strong": "#C3D3DE",
"stronger": "#BAC9D4",
"strongest": "#9DB0BD"
},
"inverse": {
"weakest": "rgba(255,255,255,.12)",
"weak": "rgba(255,255,255,.2)",
"weaker": "rgba(255,255,255,.16)",
"base": "rgba(255,255,255,.24)",
"strong": "rgba(255,255,255,.28)",
"stronger": "rgba(255,255,255,.32)",
"strongest": "rgba(255,255,255,.36)"
},
"blendBase": {
"weakest": "rgba(0,0,0,.04)",
"weak": "rgba(0,0,0,.12)",
"weaker": "rgba(0,0,0,.08)",
"base": "rgba(0,0,0,.16)",
"strong": "rgba(0,0,0,.2)",
"stronger": "rgba(0,0,0,.24)",
"strongest": "rgba(0,0,0,.28)"
},
"blendInverse": {
"weakest": "rgba(255,255,255,.12)",
"weak": "rgba(255,255,255,.2)",
"weaker": "rgba(255,255,255,.16)",
"base": "rgba(255,255,255,.24)",
"strong": "rgba(255,255,255,.28)",
"stronger": "rgba(255,255,255,.32)",
"strongest": "rgba(255,255,255,.36)"
}
},
"surface": {
"primary": {
"base": "#CCDF00"
},
"secondary": {
"base": "#2A6CBD"
},
"neutral": {
"base": "#5B6870"
},
"base": {
"weaker": "rgba(0,0,0,.04)",
"weak": "rgba(0,0,0,.08)",
"base": "rgba(0,0,0,.12)",
"strong": "rgba(0,0,0,.16)"
},
"inverse": {
"weaker": "rgba(255,255,255,.04)",
"weak": "rgba(255,255,255,.08)",
"base": "rgba(255,255,255,.12)",
"strong": "rgba(255,255,255,.16)"
},
"error": {
"weak": "#FAF0F0",
"base": "#FAD4D4",
"strong": "#FAB6B6"
},
"success": {
"weak": "#E1FAF2",
"base": "#8EF5D3",
"strong": "#46E3AF"
},
"warning": {
"weak": "#FAECD5",
"base": "#FADFAF",
"strong": "#F5C776"
},
"help": {
"weak": "#D5F6FA",
"base": "#87EDFA",
"strong": "#46D7EB"
},
"info": {
"weak": "#E8F4FA",
"base": "#BBE5FA",
"strong": "#8DD4F7"
}
}
},
"shadow": {
"base": {
"enabled": "#0C2938",
"focused": "#53BAED"
},
"error": {
"focused": "#FAD4D4"
},
"success": {
"focused": "#8EF5D3"
},
"warning": {
"focused": "#FADFAF"
},
"info": {
"focused": "#BBE5FA"
},
"help": {
"focused": "#87EDFA"
}
},
"text": {
"action": {
"accentHigh": {
"enabled": "#333F48",
"disabled": "#333F48",
"hovered": "#1F282E",
"focused": "#1F282E",
"pressed": "#1F282E",
"expanded": "#1F282E",
"selected": "#1F282E",
"activated": "#1F282E"
},
"accent": {
"enabled": "#E6EDF5",
"disabled": "#E6EDF5",
"hovered": "rgba(255,255,255,1)",
"focused": "rgba(255,255,255,1)",
"pressed": "rgba(255,255,255,1)",
"expanded": "rgba(255,255,255,1)",
"selected": "rgba(255,255,255,1)",
"activated": "rgba(255,255,255,1)"
},
"neutral": {
"enabled": "#1F282E",
"disabled": "#1F282E",
"hovered": "#182026",
"focused": "#182026",
"pressed": "#182026",
"expanded": "#182026",
"selected": "#182B42",
"activated": "#182B42"
},
"quiet": {
"enabled": "#1F282E",
"disabled": "#1F282E",
"hovered": "#182026",
"focused": "#182026",
"pressed": "#182026",
"expanded": "#182026",
"selected": "#182B42",
"activated": "#182B42"
},
"error": {
"enabled": "#45171B",
"disabled": "#45171B",
"hovered": "#45171B",
"focused": "#45171B",
"pressed": "#45171B",
"expanded": "#45171B",
"selected": "#45171B",
"activated": "#45171B"
},
"success": {
"enabled": "#0A2E22",
"disabled": "#0A2E22",
"hovered": "#0A2E22",
"focused": "#0A2E22",
"pressed": "#0A2E22",
"expanded": "#0A2E22",
"selected": "#0A2E22",
"activated": "#0A2E22"
},
"warning": {
"enabled": "#33250C",
"disabled": "#33250C",
"hovered": "#33250C",
"focused": "#33250C",
"pressed": "#33250C",
"expanded": "#33250C",
"selected": "#33250C",
"activated": "#33250C"
},
"info": {
"enabled": "#0C2938",
"disabled": "#0C2938",
"hovered": "#0C2938",
"focused": "#0C2938",
"pressed": "#0C2938",
"expanded": "#0C2938",
"selected": "#0C2938",
"activated": "#0C2938"
},
"help": {
"enabled": "#0A282B",
"disabled": "#0A282B",
"hovered": "#0A282B",
"focused": "#0A282B",
"pressed": "#0A282B",
"expanded": "#0A282B",
"selected": "#0A282B",
"activated": "#0A282B"
},
"blendBase": {
"enabled": "rgba(0,0,0,.64)",
"disabled": "rgba(0,0,0,.64)",
"hovered": "rgba(0,0,0,.76)",
"focused": "rgba(0,0,0,.76)",
"pressed": "rgba(0,0,0,.76)",
"expanded": "rgba(0,0,0,.64)",
"selected": "rgba(0,0,0,.76)",
"activated": "rgba(0,0,0,.76)"
},
"blendInverse": {
"enabled": "rgba(255,255,255,.84)",
"disabled": "rgba(255,255,255,.84)",
"hovered": "rgba(255,255,255,1)",
"focused": "rgba(255,255,255,1)",
"pressed": "rgba(255,255,255,1)",
"expanded": "rgba(255,255,255,.84)",
"selected": "rgba(255,255,255,1)",
"activated": "rgba(255,255,255,1)"
},
"blendError": {
"enabled": "#D62433",
"hovered": "#66141B",
"focused": "#D62433",
"pressed": "#66141B",
"expanded": "#66141B",
"selected": "#45171B",
"activated": "#45171B",
"disabled": "#D62433"
},
"blendSuccess": {
"enabled": "#0AA672",
"hovered": "#09402E",
"focused": "#0AA672",
"pressed": "#09402E",
"expanded": "#09402E",
"selected": "#0A2E22",
"activated": "#0A2E22",
"disabled": "#0AA672"
},
"blendWarning": {
"enabled": "#F7B94F",
"hovered": "#4D340B",
"focused": "#F7B94F",
"pressed": "#4D340B",
"expanded": "#4D340B",
"selected": "#33250C",
"activated": "#33250C",
"disabled": "#F7B94F"
},
"blendHelp": {
"enabled": "#098091",
"hovered": "#0A3A40",
"focused": "#098091",
"pressed": "#0A3A40",
"expanded": "#0A3A40",
"selected": "#0A282B",
"activated": "#0A282B",
"disabled": "#098091"
},
"blendInfo": {
"enabled": "#0C79B0",
"hovered": "#093952",
"focused": "#0C79B0",
"pressed": "#093952",
"expanded": "#093952",
"selected": "#0C2938",
"activated": "#0C2938",
"disabled": "#0C79B0"
}
},
"blendBase": {
"base": "rgba(0,0,0,.64)",
"strong": "rgba(0,0,0,.72)",
"stronger": "rgba(0,0,0,.84)",
"weak": "rgba(0,0,0,.44)",
"disabled": "rgba(0,0,0,.2)"
},
"blendInverse": {
"base": "rgba(255,255,255,.64)",
"strong": "rgba(255,255,255,.72)",
"stronger": "rgba(255,255,255,.84)",
"weak": "rgba(255,255,255,.44)",
"disabled": "rgba(255,255,255,.2)"
},
"body": {
"base": "#48545C",
"strong": "#233038",
"stronger": "#182026",
"weak": "#667580",
"weaker": "#81919C",
"weakest": "#9DB0BD",
"inverse": "rgba(255,255,255,1)"
},
"feedback": {
"primary": {
"strong": "#D7E817",
"base": "#E5F536",
"weak": "#EEFA6E",
"inverse": "#F8FFAD"
},
"secondary": {
"strong": "#16529C",
"base": "#7FB4F5",
"weak": "#A4C8F5",
"inverse": "#C6DBF5"
},
"neutral": {
"strong": "#3C4952",
"base": "#9DB0BD",
"weak": "#C3D3DE",
"inverse": "#E1EAF0"
},
"blendBase": {
"strong": "rgba(0,0,0,.72)",
"base": "rgba(0,0,0,.36)",
"weak": "rgba(0,0,0,.24)",
"inverse": "rgba(255,255,255,.8)"
},
"blendInverse": {
"strong": "rgba(255,255,255,.88)",
"base": "rgba(255,255,255,.44)",
"weak": "rgba(255,255,255,.32)",
"inverse": "rgba(0,0,0,.8)"
},
"rating": {
"strong": "#EBAB00",
"base": "#EBAB00",
"weak": "#EBAB00",
"inverse": "#EBAB00"
},
"error": {
"strong": "#45171B",
"base": "#D62433",
"weak": "#FA8E8E",
"inverse": "#FAF0F0"
},
"success": {
"strong": "#0A2E22",
"base": "#03855A",
"weak": "#1EC990",
"inverse": "#E1FAF2"
},
"warning": {
"strong": "#33250C",
"base": "#F7B94F",
"weak": "#F7B94F",
"inverse": "#FAECD5"
},
"help": {
"strong": "#0A282B",
"base": "#098091",
"weak": "#0DC4DE",
"inverse": "#D5F6FA"
},
"info": {
"strong": "#0C2938",
"base": "#0C79B0",
"weak": "#53BAED",
"inverse": "#E8F4FA"
},
"dataBlue": {
"strong": "#114599",
"base": "#3272d9",
"weak": "#84b1fa",
"inverse": "#f0f5fc"
},
"dataBronze": {
"strong": "#693d07",
"base": "#ad5f00",
"weak": "#e89c3f",
"inverse": "#fcf2e6"
},
"dataGreen": {
"strong": "#1a5230",
"base": "#2a854e",
"weak": "#57c282",
"inverse": "#e1faeb"
},
"dataTeal": {
"strong": "#0d524d",
"base": "#17827b",
"weak": "#45bfb7",
"inverse": "#e4f7f6"
},
"dataSky": {
"strong": "#064d70",
"base": "#0c7bb3",
"weak": "#53baed",
"inverse": "#e8f4fa"
},
"dataSlate": {
"strong": "#2d4d63",
"base": "#48799c",
"weak": "#84b7db",
"inverse": "#edf4f7"
},
"dataIndigo": {
"strong": "#3737b3",
"base": "#6767e6",
"weak": "#a7a7fa",
"inverse": "#f2f2fc"
},
"dataDusk": {
"strong": "#4f4178",
"base": "#7a68b3",
"weak": "#b5a6e3",
"inverse": "#f4f2f7"
},
"dataPurple": {
"strong": "#642b9e",
"base": "#9656d6",
"weak": "#c79bf2",
"inverse": "#f5f0fa"
},
"dataMagenta": {
"strong": "#8a1244",
"base": "#d6246e",
"weak": "#f78bb8",
"inverse": "#faf0f4"
},
"dataRed": {
"strong": "#8f0e0e",
"base": "#fa8e8e",
"weak": "#fa8e8e",
"inverse": "#faf0f0"
}
},
"heading": {
"base": "#182026",
"strong": "#182026",
"weak": "#48545C",
"weaker": "#48545C",
"weakest": "#81919C",
"inverse": "rgba(255,255,255,1)"
},
"hero": {
"base": "#182026",
"strong": "#182026",
"weak": "#48545C",
"weaker": "#667580",
"weakest": "#81919C",
"inverse": "rgba(255,255,255,1)"
},
"lead": {
"base": "#48545C",
"strong": "#233038",
"weak": "#667580",
"weaker": "#81919C",
"weakest": "#9DB0BD",
"inverse": "rgba(255,255,255,1)"
},
"link": {
"enabled": "#2A6CBD"
},
"mono": {
"base": "#48545C",
"strong": "#233038",
"weak": "#667580",
"weaker": "#81919C",
"weakest": "#9DB0BD",
"inverse": "rgba(255,255,255,1)"
},
"overline": {
"base": "#48545C",
"strong": "#233038",
"weak": "#667580",
"weaker": "#81919C",
"weakest": "#9DB0BD",
"inverse": "rgba(255,255,255,1)"
},
"social": {
"twitter": "ffffff",
"linkedin": "#ffffff",
"youtube": "#ffffff",
"googlePlus": "#ffffff"
},
"surface": {
"primary": {
"base": "#D7E817",
"weak": "#FCFFDB"
},
"secondary": {
"base": "#2A6CBD",
"weak": "#E6EDF5"
},
"neutral": {
"base": "#525E66",
"weak": "#BAC9D4",
"weaker": "#F0F3F5"
},
"error": {
"base": "#D62433",
"weak": "#FA8E8E",
"weaker": "#FAF0F0"
},
"success": {
"base": "#03855A",
"weak": "#46E3AF",
"weaker": "#E1FAF2"
},
"warning": {
"base": "#A76900",
"weak": "#F7B94F",
"weaker": "#FADFAF"
},
"help": {
"base": "#098091",
"weak": "#0DC4DE",
"weaker": "#87EDFA"
},
"info": {
"base": "#0C79B0",
"weak": "#53BAED",
"weaker": "#E8F4FA"
}
}
}
},
"elevation": {
"boxShadow": {
"depth": {
"ground": "none",
"raised": "0 0.2rem 0.2rem 0 rgba(12,41,56, 0.15), 0 0.1rem 0.1rem 0 rgba(12,41,56, 0.1)",
"sticky": {
"bottom": "0 0.4rem 0.6rem 0 rgba(12,41,56, 0.08), 0 0.2rem 0.2rem 0.1rem rgba(12,41,56, 0.04)",
"top": "0 -0.4rem 0.6rem 0 rgba(12,41,56, 0.08), 0 -0.2rem 0.2rem 0.1rem rgba(12,41,56, 0.04)",
"right": "0.4rem 0 0.6rem 0 rgba(12,41,56, 0.08), 0 0.2rem 0.2rem 0.1rem rgba(12,41,56, 0.04)",
"left": "-0.4rem 0 0.6rem 0 rgba(12,41,56, 0.08), 0.2rem 0 0.2rem -1.1rem rgba(12,41,56, 0.04)"
},
"activated": "0 0.4rem 0.8rem -0.2rem rgba(12,41,56, 0.25), 0 0 0.1rem 0 rgba(12,41,56, 0.31)",
"draggable": "0 0.8rem 1.6rem -0.4rem rgba(12,41,56, 0.25), 0 0 0.1rem 0 rgba(12,41,56, 0.31)",
"overlay": "0 1.2rem 2.4rem -0.6rem rgba(12,41,56, 0.25), 0 0 0.1rem 0 rgba(12,41,56, 0.31)",
"popOut": "0 2rem 3.2rem -0.8rem rgba(12,41,56, 0.25), 0 0 0.1rem 0 rgba(12,41,56, 0.31)"
},
"base": {
"focused": "inset 0 0 0 0.2rem #53BAED",
"focusedExt": "0 0 0 0.2rem #53BAED"
},
"error": {
"focused": "inset 0 0 0 0.2rem #FAD4D4",
"focusedExt": "0 0 0 0.2rem #FAD4D4"
},
"success": {
"focused": "inset 0 0 0 0.2rem #8EF5D3",
"focusedExt": "0 0 0 0.2rem #8EF5D3"
},
"warning": {
"focused": "inset 0 0 0 0.2rem #FADFAF",
"focusedExt": "0 0 0 0.2rem #FADFAF"
},
"info": {
"focused": "inset 0 0 0 0.2rem #BBE5FA",
"focusedExt": "0 0 0 0.2rem #BBE5FA"
},
"help": {
"focused": "inset 0 0 0 0.2rem #87EDFA",
"focusedExt": "0 0 0 0.2rem #87EDFA"
},
"handler": {
"base": {
"enabled": "0 0.2rem 0.6rem 0 rgba(12,41,56, 0.16), 0 0.2rem 0.2rem 0 rgba(12,41,56, 0.12)",
"hovered": "0 0.2rem 0.6rem 0 rgba(12,41,56, 0.16), 0 0.2rem 0.2rem 0 rgba(12,41,56, 0.12), 0 0 0 1.2rem rgba(12,41,56, 0.08)",
"focused": "0 0.2rem 0.6rem 0 rgba(12,41,56, 0.16), 0 0.2rem 0.2rem 0 rgba(12,41,56, 0.12)",
"pressed": "0 0.2rem 0.6rem 0 rgba(12,41,56, 0.16), 0 0.2rem 0.2rem 0 rgba(12,41,56, 0.12), 0 0 0 1.2rem rgba(12,41,56, 0.16)"
}
}
},
"textShadow": {
"action": {
"secondary": {
"selected": "0 0 0.05em"
}
}
},
"zIndex": {
"depth": {
"ground": "unset",
"raised": "unset",
"stickyTop": 100,
"stickyRight": 100,
"stickyBottom": 100,
"stickyLeft": 100,
"draggable": 200,
"overlay": 1010,
"activated": 1020,
"popOut": 1030
}
}
},
"charts": {
"color": {
"background": {
"base": "rgba(255,255,255,1)"
},
"fill": {
"heatRange": {
"10": "#48cb67",
"11": "#41d246",
"12": "#58d53f",
"13": "#70d73c",
"14": "#84dc38",
"15": "#9be232",
"16": "#b5e82c",
"17": "#d3ed26",
"18": "#f3f020",
"19": "#f9df1a",
"20": "#ffc014",
"21": "#fdb017",
"22": "#fa9e14",
"23": "#f88f16",
"24": "#f57d14",
"25": "#f36f16",
"26": "#f05d14",
"27": "#ee5017",
"28": "#eb3f14",
"29": "#e72d18",
"30": "#de1b1b",
"00": "#0c7ab0",
"01": "#0d84af",
"02": "#0f92b3",
"03": "#109db2",
"04": "#1aa8ad",
"05": "#24aea4",
"06": "#2db49d",
"07": "#3db893",
"08": "#45bf8a",
"09": "#56c281"
},
"basic": {
"10": "#2a854e",
"11": "#ad5f00",
"12": "#0c7bb3",
"13": "#6767e6",
"14": "#d6246e",
"15": "#17827b",
"16": "#48799c",
"17": "#de1b1b",
"18": "#C6DBF5",
"19": "#abedc5",
"20": "#fad8af",
"21": "#bbe5fa",
"22": "#dcdcfc",
"23": "#fad4e4",
"24": "#a8ede9",
"25": "#cbe3f5",
"26": "#fad4d4",
"00": "#2A6CBD",
"01": "#57c282",
"02": "#e89c3f",
"03": "#53baed",
"04": "#a7a7fa",
"05": "#f78bb8",
"06": "#45bfb7",
"07": "#84b7db",
"08": "#fa8e8e",
"09": "#5893DB"
}
}
},
"button": {
"color": {
"fill": {
"enabled": "#E1EAF0",
"hovered": "#D3E0E8"
},
"text": {
"enabled": "#1F282E",
"hovered": "#1F282E"
}
},
"shape": {
"border": {
"enabled": "none",
"hovered": "none"
},
"borderRadius": {
"md": "0.4rem"
}
}
},
"axis": {
"labels": {
"color": {
"text": {
"base": "#48545C"
}
},
"typo": {
"fontSize": {
"md": "1.2rem"
},
"fontWeight": {
"base": "500"
}
}
},
"line": {
"color": {
"border": {
"base": "#C3D3DE",
"strong": "#9DB0BD"
}
}
},
"gridLine": {
"color": {
"border": {
"base": "#E1EAF0"
}
}
},
"minorGridLine": {
"color": {
"border": {
"base": "#F0F3F5"
}
}
},
"tick": {
"color": {
"border": {
"base": "#C3D3DE"
}
}
},
"title": {
"color": {
"text": {
"base": "#233038"
}
}
}
},
"title": {
"color": {
"text": {
"base": "#182026"
}
},
"typo": {
"fontSize": {
"md": "1.6rem"
},
"fontWeight": {
"base": "700"
}
}
},
"subtitle": {
"color": {
"text": {
"base": "#48545C"
}
},
"typo": {
"fontSize": {
"md": "1.3rem"
},
"fontWeight": {
"base": "500"
}
}
},
"tooltip": {
"color": {
"background": {
"base": "rgba(255,255,255,1)"
},
"text": {
"base": "#48545C"
}
},
"shape": {
"borderSize": {
"md": "0"
},
"borderRadius": {
"md": "0.6rem"
}
},
"typo": {
"fontSize": {
"sm": "1rem",
"md": "1.1rem",
"lg": "1.2rem"
},
"lineHeight": {
"sm": "1.6rem",
"md": "1.6rem",
"lg": "1.6rem"
}
},
"header": {
"space": {
"marginBottom": "0.4rem"
},
"typo": {
"textAlign": "center",
"fontWeight": "700"
}
},
"groupTitle": {
"space": {
"padding": "0.4rem 0 calc(0.4rem / 2) 0"
},
"typo": {
"fontSize": "calc(1rem - 0.1rem)",
"fontWeight": "500",
"textTransform": "uppercase",
"letterSpacing": "0.1325em"
}
},
"item": {
"color": {
"background": {
"base": "transparent",
"active": "rgba(164,200,245, 0.4)"
}
},
"shape": {
"borderRadius": "0.4rem"
},
"space": {
"padding": "0 0.4rem"
},
"size": {
"minHeight": "calc(1rem + 0.8rem)"
},
"typo": {
"fontSize": "1.2rem"
}
},
"itemSymbol": {
"size": {
"square": "1rem"
},
"space": {
"marginRight": "0.4rem"
}
},
"itemLabelLeft": {
"typo": {
"fontWeight": "700"
}
},
"itemValue": {
"space": {
"paddingLeft": "0.4rem"
},
"typo": {
"textAlign": "right"
}
},
"total": {
"space": {
"margin": "calc(0.4rem / 2) 0 0 0",
"padding": "0 0.4rem"
}
},
"totalLabel": {
"typo": {
"fontWeight": "700"
}
}
},
"legend": {
"color": {
"background": {
"base": "#F5F8FA"
},
"text": {
"base": "#48545C"
}
},
"space": {
"padding": {
"md": "1.2rem"
}
},
"shape": {
"borderSize": {
"md": "0"
},
"borderRadius": {
"md": "0.6rem"
}
},
"title": {
"typo": {
"fontSize": {
"md": "1.3rem"
}
}
},
"item": {
"typo": {
"fontSize": {
"md": "1.2rem"
},
"fontWeight": {
"enabled": "500",
"hovered": "700"
},
"textDecoration": {
"enabled": "none",
"hovered": "underline"
}
},
"color": {
"text": {
"enabled": "#233038",
"hovered": "#182026"
}
}
}
},
"menu": {
"color": {
"background": {
"base": "rgba(255,255,255,1)"
}
},
"shape": {
"borderRadius": {
"md": "0.6rem"
}
},
"space": {
"padding": {
"md": "0.8rem"
}
},
"item": {
"color": {
"background": {
"enabled": "rgba(255,255,255,1)",
"hovered": "#F0F3F5"
},
"text": {
"enabled": "#1F282E",
"hovered": "#182026"
}
},
"shape": {
"borderRadius": {
"md": "0.4rem"
}
},
"space": {
"padding": {
"md": "0.8rem 0.8rem"
}
},
"typo": {
"fontSize": {
"md": "1.3rem"
}
},
"mutation": {
"transitionDuration": {
"base": ".15s"
}
}
}
},
"rangeSelector": {
"input": {
"color": {
"background": {
"enabled": "rgba(255,255,255,1)"
},
"bor