@devoinc/genesys-brand-devo
Version:
Devo brand tokens
1,683 lines (1,682 loc) • 88.7 kB
JavaScript
module.exports = {
"alias": {
"breakpoints": {
"mediaQuery": {
"xs": "575px",
"sm": "576px",
"md": "768px",
"lg": "992px",
"xl": "1200px",
"xxl": "1400px"
}
},
"color": {
"background": {
"action": {
"accentHigh": {
"enabled": "#B4C400",
"hovered": "#D7E817",
"focused": "#D7E817",
"pressed": "#D7E817",
"expanded": "#CCDF00",
"selected": "#D7E817",
"activated": "#B4C400",
"disabled": "#B4C400"
},
"accent": {
"enabled": "#16529C",
"hovered": "#16529C",
"focused": "#16529C",
"pressed": "#16529C",
"expanded": "#0C4080",
"selected": "#16529C",
"activated": "#103663",
"disabled": "#103663"
},
"neutral": {
"enabled": "#3C4952",
"hovered": "#3C4952",
"focused": "#3C4952",
"pressed": "#3C4952",
"expanded": "#48545C",
"selected": "#2A6CBD",
"activated": "#2A6CBD",
"disabled": "#3C4952"
},
"quiet": {
"enabled": "rgba(0,0,0,0)",
"hovered": "rgba(60,73,82, 0.44)",
"focused": "rgba(60,73,82, 0.44)",
"pressed": "rgba(60,73,82, 0.44)",
"expanded": "rgba(60,73,82, 0.84)",
"selected": "#0C4080",
"activated": "#103663",
"disabled": "rgba(0,0,0,0)"
},
"error": {
"enabled": "#8F0E19",
"hovered": "#8F0E19",
"focused": "#8F0E19",
"pressed": "#8F0E19",
"expanded": "#B80D1B",
"selected": "#B80D1B",
"activated": "#B80D1B",
"disabled": "#8F0E19"
},
"success": {
"enabled": "#056B49",
"hovered": "#056B49",
"focused": "#056B49",
"pressed": "#056B49",
"expanded": "#03855A",
"selected": "#0AA672",
"activated": "#0AA672",
"disabled": "#056B49"
},
"warning": {
"enabled": "#CF8911",
"hovered": "#CF8911",
"focused": "#CF8911",
"pressed": "#CF8911",
"expanded": "#F7B94F",
"selected": "#F5C776",
"activated": "#F5C776",
"disabled": "#CF8911"
},
"help": {
"enabled": "#096673",
"hovered": "#096673",
"focused": "#096673",
"pressed": "#096673",
"expanded": "#098091",
"selected": "#11A4B8",
"activated": "#11A4B8",
"disabled": "#096673"
},
"info": {
"enabled": "#066391",
"hovered": "#066391",
"focused": "#066391",
"pressed": "#066391",
"expanded": "#0C79B0",
"selected": "#229AD6",
"activated": "#229AD6",
"disabled": "#066391"
},
"blendBase": {
"enabled": "rgba(255,255,255,.08)",
"hovered": "rgba(255,255,255,.2)",
"focused": "rgba(255,255,255,.08)",
"pressed": "rgba(255,255,255,.08)",
"expanded": "rgba(255,255,255,.16)",
"selected": "rgba(255,255,255,.24)",
"activated": "rgba(255,255,255,.36)",
"disabled": "rgba(255,255,255,.08)"
},
"blendInverse": {
"enabled": "rgba(0,0,0,.2)",
"hovered": "rgba(0,0,0,.2)",
"focused": "rgba(0,0,0,.2)",
"pressed": "rgba(0,0,0,.2)",
"expanded": "rgba(0,0,0,.32)",
"selected": "rgba(0,0,0,.4)",
"activated": "rgba(0,0,0,.52)",
"disabled": "rgba(0,0,0,.2)"
},
"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)"
},
"backdrop": {
"base": {
"highlighted": "rgba(255,255,255,.08)",
"expanded": "rgba(255,255,255,.16)",
"hovered": "rgba(255,255,255,.12)",
"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": "#182026",
"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(215,232,23,0.08)",
"weak": "rgba(215,232,23,0.16)",
"base": "rgba(215,232,23,0.24)",
"strong": "rgba(215,232,23,0.32)",
"stronger": "rgba(215,232,23,0.56)",
"strongest": "rgba(215,232,23,0.8)",
"opaque": "rgb(215,232,23)"
},
"secondary": {
"weakest": "rgba(88,147,219,0.08)",
"weaker": "rgba(88,147,219,0.12)",
"weak": "rgba(88,147,219,0.16)",
"base": "rgba(88,147,219,0.24)",
"strong": "rgba(88,147,219,0.32)",
"stronger": "rgba(88,147,219,0.56)",
"strongest": "rgba(88,147,219,0.8)",
"opaque": "rgb(88,147,219)"
},
"error": {
"weaker": "rgba(250,142,142,0.08)",
"weak": "rgba(250,142,142,0.16)",
"base": "rgba(250,142,142,0.24)",
"strong": "rgba(250,142,142,0.32)",
"stronger": "rgba(250,142,142,0.56)",
"strongest": "rgba(250,142,142,0.8)",
"opaque": "rgb(250,142,142)"
},
"success": {
"weaker": "rgba(30,201,144,0.08)",
"weak": "rgba(30,201,144,0.16)",
"base": "rgba(30,201,144,0.24)",
"strong": "rgba(30,201,144,0.32)",
"stronger": "rgba(30,201,144,0.56)",
"strongest": "rgba(30,201,144,0.8)",
"opaque": "rgb(30,201,144)"
},
"warning": {
"weaker": "rgba(247,185,79,0.08)",
"weak": "rgba(247,185,79,0.16)",
"base": "rgba(247,185,79,0.24)",
"strong": "rgba(247,185,79,0.32)",
"stronger": "rgba(247,185,79,0.56)",
"strongest": "rgba(247,185,79,0.8)",
"opaque": "rgb(247,185,79)"
},
"help": {
"weaker": "rgba(13,196,222,0.08)",
"weak": "rgba(13,196,222,0.16)",
"base": "rgba(13,196,222,0.24)",
"strong": "rgba(13,196,222,0.32)",
"stronger": "rgba(13,196,222,0.56)",
"strongest": "rgba(13,196,222,0.8)",
"opaque": "rgb(13,196,222)"
},
"info": {
"weaker": "rgba(83,186,237,0.08)",
"weak": "rgba(83,186,237,0.16)",
"base": "rgba(83,186,237,0.24)",
"strong": "rgba(83,186,237,0.32)",
"stronger": "rgba(83,186,237,0.56)",
"strongest": "rgba(83,186,237,0.8)",
"opaque": "rgb(83,186,237)"
}
},
"feedback": {
"primary": {
"weaker": "#48545C",
"weak": "#3C4952",
"base": "#333F48",
"strong": "#E5F536",
"stronger": "#FCFFDB",
"strongest": "#FEFFF0"
},
"secondary": {
"weaker": "#182B42",
"weak": "#103663",
"base": "#0C4080",
"strong": "#5893DB",
"stronger": "#A4C8F5",
"strongest": "#C6DBF5"
},
"rating": {
"weak": "#D19800",
"base": "#FFBF15",
"strong": "#EBAB00"
},
"neutral": {
"weaker": "rgba(82,94,102, 0.2)",
"weak": "rgba(82,94,102, 0.36)",
"base": "#3C4952",
"strong": "#525E66",
"stronger": "#C3D3DE"
},
"blendBase": {
"weaker": "rgba(255,255,255,.04)",
"weak": "rgba(255,255,255,.08)",
"base": "rgba(255,255,255,.12)",
"strong": "rgba(255,255,255,.2)",
"stronger": "rgba(255,255,255,.28)"
},
"blendInverse": {
"weaker": "rgba(0,0,0,.04)",
"weak": "rgba(0,0,0,.08)",
"base": "rgba(0,0,0,.12)",
"strong": "rgba(0,0,0,.2)",
"stronger": "rgba(0,0,0,.28)"
},
"error": {
"weaker": "#45171B",
"weak": "#8F0E19",
"base": "#D62433",
"strong": "#D62433",
"stronger": "#E96060"
},
"success": {
"weaker": "#09402E",
"weak": "#03855A",
"base": "#0AA672",
"strong": "#1EC990",
"stronger": "#46E3AF"
},
"warning": {
"weaker": "#33250C",
"weak": "#CF8911",
"base": "#F7B94F",
"strong": "#F7B94F",
"stronger": "#FADFAF"
},
"help": {
"weaker": "#0A3A40",
"weak": "#0A525C",
"base": "#096673",
"strong": "#11A4B8",
"stronger": "#0DC4DE"
},
"info": {
"weaker": "#093952",
"weak": "#064D70",
"base": "#066391",
"strong": "#229AD6",
"stronger": "#53BAED"
},
"dataBlue": {
"weak": "#15233b",
"base": "#103570",
"strong": "#1d5bbf",
"stronger": "#5691f0"
},
"dataBronze": {
"weak": "#33210C",
"base": "#4d2f0b",
"strong": "#8a4d03",
"stronger": "#cf7911"
},
"dataGreen": {
"weak": "#112b1b",
"base": "#153d25",
"strong": "#20693d",
"stronger": "#3ba164"
},
"dataTeal": {
"weak": "#092b29",
"base": "#0b3d3a",
"strong": "#116963",
"stronger": "#28a199"
},
"dataSky": {
"weak": "#0c2938",
"base": "#093952",
"strong": "#066391",
"stronger": "#229ad6"
},
"dataSlate": {
"weak": "#1D2830",
"base": "#243947",
"strong": "#376180",
"stronger": "#5e95bd"
},
"dataIndigo": {
"weak": "#020257",
"base": "#28288a",
"strong": "#4d4dd1",
"stronger": "#8585f2"
},
"dataDusk": {
"weak": "#282436",
"base": "#3a3154",
"strong": "#645396",
"stronger": "#9886cf"
},
"dataPurple": {
"weak": "#371c52",
"base": "#4b2175",
"strong": "#7d3cbd",
"stronger": "#ae74e8"
},
"dataMagenta": {
"weak": "#421527",
"base": "#611535",
"strong": "#b01355",
"stronger": "#ed5393"
},
"dataRed": {
"weak": "#451717",
"base": "#661414",
"strong": "#B80D0D",
"stronger": "#f55353"
}
},
"handler": "#D3E0E8",
"social": {
"twitter": "#1DA1F2",
"linkedin": "#007BB5",
"youtube": "#FF0000",
"googlePlus": "#DB4437"
},
"surface": {
"base": {
"base": "#1F282E",
"raised": "#233038",
"featured": "#333F48",
"expanded": "#333F48",
"readonly": "rgba(255,255,255,.04)",
"created": "#09402E",
"deleted": "#8F0E19",
"highlighted": "#233038",
"modified": "#103663",
"selected": "rgba(13,64,128, 0.48)",
"activated": "rgba(22,82,156, 0.48)"
},
"inverse": {
"base": "rgba(255,255,255,1)",
"readonly": "rgba(0,0,0,.04)",
"created": "#E1FAF2",
"deleted": "#FAF0F0",
"selected": "rgba(198,219,245, 0.6)",
"highlighted": "#E1EAF0",
"modified": "#E6EDF5",
"activated": "rgba(22,82,156, 0.48)"
},
"primary": {
"base": "#E5F536",
"weak": "#727C00"
},
"secondary": {
"base": "#7FB4F5",
"weak": "#0C4080"
},
"neutral": {
"base": "#333F48",
"weak": "#525E66"
},
"error": {
"base": "#FA8E8E",
"weak": "#66141B"
},
"success": {
"base": "#03855A",
"weak": "#09402E"
},
"warning": {
"base": "#A76900",
"weak": "#4D340B"
},
"help": {
"base": "#098091",
"weak": "#0A3A40"
},
"info": {
"base": "#0C79B0",
"weak": "#093952"
},
"backdrop": {
"base": {
"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)"
},
"inverse": {
"hovered": "rgba(0,0,0,.04)",
"focused": "rgba(0,0,0,0)",
"pressed": "rgba(0,0,0,.2)",
"expanded": "rgba(0,0,0,.12)",
"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)"
}
},
"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(214,36,51, 0.08)",
"weaker": "rgba(214,36,51, 0.2)",
"weak": "rgba(214,36,51, 0.28)",
"base": "rgba(214,36,51, 0.36)",
"strong": "rgba(214,36,51, 0.44)",
"stronger": "rgba(214,36,51, 0.52)",
"strongest": "rgba(214,36,51, 0.6)"
},
"success": {
"weakest": "rgba(30,201,144, 0.08)",
"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.04)",
"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.08)",
"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.08)",
"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": "#3C4952",
"blend": "rgba(255,255,255,.08)",
"error": "#8F0E19",
"success": "#07543A",
"warning": "#694507",
"info": "#064D70"
}
},
"border": {
"elevation": {
"ground": "unset",
"raised": "rgba(60,73,82, 0.56)",
"sticky": {
"bottom": "rgba(60,73,82, 0.56)",
"top": "rgba(60,73,82, 0.56)",
"right": "rgba(60,73,82, 0.56)",
"left": "rgba(60,73,82, 0.56)"
},
"activated": "rgba(60,73,82, 0.56)",
"draggable": "rgba(60,73,82, 0.56)",
"overlay": "rgba(60,73,82, 0.56)",
"popOut": "rgba(60,73,82, 0.56)"
},
"feedback": {
"primary": {
"base": "#E5F536"
},
"secondary": {
"weak": "#5893DB",
"base": "#7FB4F5",
"strong": "#A4C8F5"
},
"neutral": {
"weaker": "#333F48",
"weak": "#5B6870",
"base": "#BAC9D4",
"strong": "#E1EAF0"
},
"base": {
"weaker": "rgba(255,255,255,.04)",
"weak": "rgba(255,255,255,.08)",
"base": "rgba(255,255,255,.12)",
"strong": "rgba(255,255,255,.16)"
},
"inverse": {
"weaker": "rgba(0,0,0,.04)",
"weak": "rgba(0,0,0,.08)",
"base": "rgba(0,0,0,.12)",
"strong": "rgba(0,0,0,.16)"
},
"error": {
"weak": "#66141B",
"base": "#8F0E19",
"strong": "#B80D1B"
},
"success": {
"weak": "#056B49",
"base": "#03855A",
"strong": "#0AA672"
},
"warning": {
"weak": "#8A5803",
"base": "#A76900",
"strong": "#CF8911"
},
"help": {
"weak": "#096673",
"base": "#098091",
"strong": "#11A4B8"
},
"info": {
"weak": "#066391",
"base": "#0C79B0",
"strong": "#229AD6"
},
"dataBlue": {
"weak": "#103570",
"base": "#114599",
"strong": "#1d5bbf"
},
"dataBronze": {
"weak": "#4d2f0b",
"base": "#693d07",
"strong": "#8a4d03"
},
"dataDusk": {
"weak": "#3a3154",
"base": "#4f4178",
"strong": "#645396"
},
"dataGreen": {
"weak": "#153d25",
"base": "#1a5230",
"strong": "#20693d"
},
"dataIndigo": {
"weak": "#28288a",
"base": "#3737b3",
"strong": "#4d4dd1"
},
"dataMagenta": {
"weak": "#611535",
"base": "#8a1244",
"strong": "#b01355"
},
"dataPurple": {
"weak": "#4b2175",
"base": "#642b9e",
"strong": "#7d3cbd"
},
"dataRed": {
"weak": "#661414",
"base": "#8f0e0e",
"strong": "#B80D0D"
},
"dataSky": {
"weak": "#093952",
"base": "#064d70",
"strong": "#066391"
},
"dataSlate": {
"weak": "#243947",
"base": "#2d4d63",
"strong": "#376180"
},
"dataTeal": {
"weak": "#0b3d3a",
"base": "#0d524d",
"strong": "#116963"
}
},
"separator": {
"base": {
"weakest": "rgba(35,48,56, 0.56)",
"weak": "rgba(60,73,82, 0.56)",
"weaker": "rgba(51,63,72, 0.56)",
"base": "rgba(72,84,92, 0.56)",
"strong": "rgba(82,94,102, 0.56)",
"stronger": "rgba(91,104,112, 0.56)",
"strongest": "rgba(102,117,128, 0.56)"
},
"inverse": {
"weakest": "#F5F8FA",
"weak": "#E1EAF0",
"weaker": "#F0F3F5",
"base": "#D3E0E8",
"strong": "#C3D3DE",
"stronger": "#BAC9D4",
"strongest": "#9DB0BD"
},
"blendBase": {
"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)"
},
"blendInverse": {
"weakest": "rgba(0,0,0,.08)",
"weak": "rgba(0,0,0,.16)",
"weaker": "rgba(0,0,0,.12)",
"base": "rgba(0,0,0,.2)",
"strong": "rgba(0,0,0,.24)",
"stronger": "rgba(0,0,0,.28)",
"strongest": "rgba(0,0,0,.32)"
}
},
"surface": {
"primary": {
"base": "#E5F536"
},
"secondary": {
"base": "#7FB4F5"
},
"neutral": {
"base": "#F0F3F5"
},
"base": {
"weaker": "rgba(255,255,255,.04)",
"weak": "rgba(255,255,255,.08)",
"base": "rgba(255,255,255,.12)",
"strong": "rgba(255,255,255,.16)"
},
"inverse": {
"weaker": "rgba(0,0,0,.04)",
"weak": "rgba(0,0,0,.08)",
"base": "rgba(0,0,0,.12)",
"strong": "rgba(0,0,0,.16)"
},
"error": {
"weak": "#66141B",
"base": "#8F0E19",
"strong": "#B80D1B"
},
"success": {
"weak": "#09402E",
"base": "#07543A",
"strong": "#056B49"
},
"warning": {
"weak": "#4D340B",
"base": "#694507",
"strong": "#8A5803"
},
"help": {
"weak": "#0A3A40",
"base": "#0A525C",
"strong": "#096673"
},
"info": {
"weak": "#093952",
"base": "#064D70",
"strong": "#066391"
}
}
},
"shadow": {
"base": {
"enabled": "rgba(0,0,0,1)",
"focused": "#0C79B0"
},
"error": {
"focused": "#8F0E19"
},
"success": {
"focused": "#07543A"
},
"warning": {
"focused": "#694507"
},
"info": {
"focused": "#064D70"
},
"help": {
"focused": "#0A525C"
}
},
"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": "#E1EAF0",
"disabled": "#E1EAF0",
"hovered": "#F0F3F5",
"focused": "#F0F3F5",
"pressed": "#F0F3F5",
"expanded": "#F0F3F5",
"selected": "#F5F9FF",
"activated": "#F5F9FF"
},
"quiet": {
"enabled": "#E1EAF0",
"disabled": "#E1EAF0",
"hovered": "#F0F3F5",
"focused": "#F0F3F5",
"pressed": "#F0F3F5",
"expanded": "#F0F3F5",
"selected": "#F5F9FF",
"activated": "#F5F9FF"
},
"error": {
"enabled": "#FFF7F7",
"disabled": "#FFF7F7",
"hovered": "#FFF7F7",
"focused": "#FFF7F7",
"pressed": "#FFF7F7",
"expanded": "#FFF7F7",
"selected": "#FFF7F7",
"activated": "#FFF7F7"
},
"success": {
"enabled": "#F0FFFA",
"disabled": "#F0FFFA",
"hovered": "#F0FFFA",
"focused": "#F0FFFA",
"pressed": "#F0FFFA",
"expanded": "#F0FFFA",
"selected": "#F0FFFA",
"activated": "#F0FFFA"
},
"warning": {
"enabled": "#33250C",
"disabled": "#33250C",
"hovered": "#33250C",
"focused": "#33250C",
"pressed": "#33250C",
"expanded": "#33250C",
"selected": "#33250C",
"activated": "#33250C"
},
"info": {
"enabled": "#F0FAFF",
"disabled": "#F0FAFF",
"hovered": "#F0FAFF",
"focused": "#F0FAFF",
"pressed": "#F0FAFF",
"expanded": "#F0FAFF",
"selected": "#F0FAFF",
"activated": "#F0FAFF"
},
"help": {
"enabled": "#E6F8FA",
"disabled": "#E6F8FA",
"hovered": "#E6F8FA",
"focused": "#E6F8FA",
"pressed": "#E6F8FA",
"expanded": "#E6F8FA",
"selected": "#E6F8FA",
"activated": "#E6F8FA"
},
"blendBase": {
"enabled": "rgba(255,255,255,.64)",
"disabled": "rgba(255,255,255,.64)",
"hovered": "rgba(255,255,255,.76)",
"focused": "rgba(255,255,255,.76)",
"pressed": "rgba(255,255,255,.76)",
"expanded": "rgba(255,255,255,.64)",
"selected": "rgba(255,255,255,.76)",
"activated": "rgba(255,255,255,.76)"
},
"blendInverse": {
"enabled": "rgba(0,0,0,.84)",
"disabled": "rgba(0,0,0,.84)",
"hovered": "rgba(0,0,0,1)",
"focused": "rgba(0,0,0,1)",
"pressed": "rgba(0,0,0,1)",
"expanded": "rgba(0,0,0,.84)",
"selected": "rgba(0,0,0,1)",
"activated": "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"
}
},
"blendBase": {
"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)"
},
"blendInverse": {
"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)"
},
"body": {
"base": "#BAC9D4",
"strong": "#E1EAF0",
"stronger": "#F5F8FA",
"weak": "#81919C",
"weaker": "#667580",
"weakest": "#5B6870",
"inverse": "rgba(0,0,0,1)"
},
"feedback": {
"primary": {
"strong": "#D7E817",
"base": "#E5F536",
"weak": "#EEFA6E",
"inverse": "#F8FFAD"
},
"secondary": {
"strong": "#A4C8F5",
"base": "#2A6CBD",
"weak": "#16529C",
"inverse": "#0C4080"
},
"neutral": {
"strong": "#C3D3DE",
"base": "#525E66",
"weak": "#3C4952",
"inverse": "#233038"
},
"blendBase": {
"strong": "rgba(255,255,255,.72)",
"base": "rgba(255,255,255,.36)",
"weak": "rgba(255,255,255,.24)",
"inverse": "rgba(0,0,0,.8)"
},
"blendInverse": {
"strong": "rgba(0,0,0,.88)",
"base": "rgba(0,0,0,.44)",
"weak": "rgba(0,0,0,.32)",
"inverse": "rgba(255,255,255,.8)"
},
"rating": {
"strong": "#D19800",
"base": "#D19800",
"weak": "#D19800",
"inverse": "#D19800"
},
"error": {
"strong": "#FAF0F0",
"base": "#E96060",
"weak": "#D62433",
"inverse": "#66141B"
},
"success": {
"strong": "#F0FFFA",
"base": "#1EC990",
"weak": "#03855A",
"inverse": "#09402E"
},
"warning": {
"strong": "#F5C776",
"base": "#F7B94F",
"weak": "#F7B94F",
"inverse": "#33250C"
},
"help": {
"strong": "#E6F8FA",
"base": "#0DC4DE",
"weak": "#098091",
"inverse": "#0A3A40"
},
"info": {
"strong": "#F0FAFF",
"base": "#53BAED",
"weak": "#0C79B0",
"inverse": "#093952"
},
"dataBlue": {
"strong": "#cfe0fc",
"base": "#84b1fa",
"weak": "#3272d9",
"inverse": "#103570"
},
"dataBronze": {
"strong": "#fad8af",
"base": "#e89c3f",
"weak": "#ad5f00",
"inverse": "#4d2f0b"
},
"dataGreen": {
"strong": "#abedc5",
"base": "#57c282",
"weak": "#2a854e",
"inverse": "#153d25"
},
"dataTeal": {
"strong": "#a8ede9",
"base": "#45bfb7",
"weak": "#17827b",
"inverse": "#0b3d3a"
},
"dataSky": {
"strong": "#bbe5fa",
"base": "#53baed",
"weak": "#0c7bb3",
"inverse": "#093952"
},
"dataSlate": {
"strong": "#cbe3f5",
"base": "#84b7db",
"weak": "#48799c",
"inverse": "#243947"
},
"dataIndigo": {
"strong": "#dcdcfc",
"base": "#a7a7fa",
"weak": "#6767e6",
"inverse": "#28288a"
},
"dataDusk": {
"strong": "#e3dcf7",
"base": "#b5a6e3",
"weak": "#7a68b3",
"inverse": "#3a3154"
},
"dataPurple": {
"strong": "#ead9fa",
"base": "#c79bf2",
"weak": "#9656d6",
"inverse": "#4b2175"
},
"dataMagenta": {
"strong": "#fad4e4",
"base": "#f78bb8",
"weak": "#d6246e",
"inverse": "#611535"
},
"dataRed": {
"strong": "#fad4d4",
"base": "#de1b1b",
"weak": "#de1b1b",
"inverse": "#661414"
}
},
"heading": {
"base": "#F5F8FA",
"strong": "#F5F8FA",
"weak": "#BAC9D4",
"weaker": "#BAC9D4",
"weakest": "#667580",
"inverse": "rgba(0,0,0,1)"
},
"hero": {
"base": "#F5F8FA",
"strong": "#F5F8FA",
"weak": "#BAC9D4",
"weaker": "#81919C",
"weakest": "#667580",
"inverse": "rgba(0,0,0,1)"
},
"lead": {
"base": "#BAC9D4",
"strong": "#E1EAF0",
"weak": "#81919C",
"weaker": "#667580",
"weakest": "#5B6870",
"inverse": "rgba(0,0,0,1)"
},
"link": {
"enabled": "#5893DB"
},
"mono": {
"base": "#BAC9D4",
"strong": "#E1EAF0",
"weak": "#81919C",
"weaker": "#667580",
"weakest": "#5B6870",
"inverse": "rgba(0,0,0,1)"
},
"overline": {
"base": "#BAC9D4",
"strong": "#E1EAF0",
"weak": "#81919C",
"weaker": "#667580",
"weakest": "#5B6870",
"inverse": "rgba(0,0,0,1)"
},
"social": {
"twitter": "ffffff",
"linkedin": "#ffffff",
"youtube": "#ffffff",
"googlePlus": "#ffffff"
},
"surface": {
"primary": {
"base": "#D7E817",
"weak": "#727C00"
},
"secondary": {
"base": "#7FB4F5",
"weak": "#103663"
},
"neutral": {
"base": "#9DB0BD",
"weak": "#48545C",
"weaker": "#1F282E"
},
"error": {
"base": "#FA8E8E",
"weak": "#D62433",
"weaker": "#66141B"
},
"success": {
"base": "#1EC990",
"weak": "#056B49",
"weaker": "#09402E"
},
"warning": {
"base": "#F7B94F",
"weak": "#A76900",
"weaker": "#694507"
},
"help": {
"base": "#0DC4DE",
"weak": "#098091",
"weaker": "#0A525C"
},
"info": {
"base": "#53BAED",
"weak": "#0C79B0",
"weaker": "#093952"
}
}
}
},
"elevation": {
"boxShadow": {
"depth": {
"ground": "none",
"raised": "0 0.2rem 0.2rem 0 rgba(0,0,0, 0.3), 0 0.1rem 0.1rem 0 rgba(0,0,0, 0.2)",
"sticky": {
"bottom": "0 0.4rem 0.6rem 0 rgba(0,0,0, 0.16), 0 0.2rem 0.2rem 0.1rem rgba(0,0,0, 0.08)",
"top": "0 -0.4rem 0.6rem 0 rgba(0,0,0, 0.16), 0 -0.2rem 0.2rem 0.1rem rgba(0,0,0, 0.08)",
"right": "0.4rem 0 0.6rem 0 rgba(0,0,0, 0.16), 0 0.2rem 0.2rem 0.1rem rgba(0,0,0, 0.08)",
"left": "-0.4rem 0 0.6rem 0 rgba(0,0,0, 0.16), 0.2rem 0 0.2rem -1.1rem rgba(0,0,0, 0.08)"
},
"activated": "0 0.4rem 0.8rem -0.2rem rgba(0,0,0, 0.5), 0 0 0.1rem 0 rgba(0,0,0, 0.62)",
"draggable": "0 0.8rem 1.6rem -0.4rem rgba(0,0,0, 0.5), 0 0 0.1rem 0 rgba(0,0,0, 0.62)",
"overlay": "0 1.2rem 2.4rem -0.6rem rgba(0,0,0, 0.5), 0 0 0.1rem 0 rgba(0,0,0, 0.62)",
"popOut": "0 2rem 3.2rem -0.8rem rgba(0,0,0, 0.5), 0 0 0.1rem 0 rgba(0,0,0, 0.62)"
},
"base": {
"focused": "inset 0 0 0 0.2rem #0C79B0",
"focusedExt": "0 0 0 0.2rem #0C79B0"
},
"error": {
"focused": "inset 0 0 0 0.2rem #8F0E19",
"focusedExt": "0 0 0 0.2rem #8F0E19"
},
"success": {
"focused": "inset 0 0 0 0.2rem #07543A",
"focusedExt": "0 0 0 0.2rem #07543A"
},
"warning": {
"focused": "inset 0 0 0 0.2rem #694507",
"focusedExt": "0 0 0 0.2rem #694507"
},
"info": {
"focused": "inset 0 0 0 0.2rem #064D70",
"focusedExt": "0 0 0 0.2rem #064D70"
},
"help": {
"focused": "inset 0 0 0 0.2rem #0A525C",
"focusedExt": "0 0 0 0.2rem #0A525C"
},
"handler": {
"base": {
"enabled": "0 0.2rem 0.6rem 0 rgba(0,0,0, 0.32), 0 0.2rem 0.2rem 0 rgba(0,0,0, 0.24)",
"hovered": "0 0.2rem 0.6rem 0 rgba(0,0,0, 0.32), 0 0.2rem 0.2rem 0 rgba(0,0,0, 0.24), 0 0 0 1.2rem rgba(0,0,0, 0.16)",
"focused": "0 0.2rem 0.6rem 0 rgba(0,0,0, 0.32), 0 0.2rem 0.2rem 0 rgba(0,0,0, 0.24)",
"pressed": "0 0.2rem 0.6rem 0 rgba(0,0,0, 0.32), 0 0.2rem 0.2rem 0 rgba(0,0,0, 0.24), 0 0 0 1.2rem rgba(0,0,0, 0.32)"
}
}
},
"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": "#1F282E"
},
"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": "#3ba164",
"11": "#cf7911",
"12": "#229ad6",
"13": "#8585f2",
"14": "#ed5393",
"15": "#28a199",
"16": "#5e95bd",
"17": "#f55353",
"18": "#0C4080",
"19": "#153d25",
"20": "#4d2f0b",
"21": "#093952",
"22": "#28288a",
"23": "#611535",
"24": "#0b3d3a",
"25": "#243947",
"26": "#661414",
"00": "#5893DB",
"01": "#20693d",
"02": "#8a4d03",
"03": "#066391",
"04": "#4d4dd1",
"05": "#b01355",
"06": "#116963",
"07": "#376180",
"08": "#B80D0D",
"09": "#7FB4F5"
}
}
},
"button": {
"color": {
"fill": {
"enabled": "#3C4952",
"hovered": "#48545C"
},
"text": {
"enabled": "#E1EAF0",
"hovered": "#E1EAF0"
}
},
"shape": {
"border": {
"enabled": "none",
"hovered": "none"
},
"borderRadius": {
"md": "0.4rem"
}
}
},
"axis": {
"labels": {
"color": {
"text": {
"base": "#BAC9D4"
}
},
"typo": {
"fontSize": {
"md": "1.2rem"
},
"fontWeight": {
"base": "500"
}
}
},
"line": {
"color": {
"border": {
"base": "rgba(82,94,102, 0.56)",
"strong": "rgba(102,117,128, 0.56)"
}
}
},
"gridLine": {
"color": {
"border": {
"base": "rgba(60,73,82, 0.56)"
}
}
},
"minorGridLine": {
"color": {
"border": {
"base": "rgba(51,63,72, 0.56)"
}
}
},
"tick": {
"color": {
"border": {
"base": "rgba(82,94,102, 0.56)"
}
}
},
"title": {
"color": {
"text": {
"base": "#E1EAF0"
}
}
}
},
"title": {
"color": {
"text": {
"base": "#F5F8FA"
}
},
"typo": {
"fontSize": {
"md": "1.6rem"
},
"fontWeight": {
"base": "700"
}
}
},
"subtitle": {
"color": {
"text": {
"base": "#BAC9D4"
}
},
"typo": {
"fontSize": {
"md": "1.3rem"
},
"fontWeight": {
"base": "500"
}
}
},
"tooltip": {
"color": {
"background": {
"base": "#1F282E"
},
"text": {
"base": "#BAC9D4"
}
},
"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(22,82,156, 0.48)"
}
},
"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": "#233038"
},
"text": {
"base": "#BAC9D4"
}
},
"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": "#E1EAF0",
"hovered": "#F5F8FA"
}
}
}
},
"menu": {
"color": {
"background": {
"base": "#1F282E"
}
},
"shape": {
"borderRadius": {
"md": "0.6rem"
}
},
"space": {
"padding": {
"md": "0.8rem"
}
},
"item": {
"color": {
"background": {
"enabled": "#1F282E",
"hovered": "#333F48"
},
"text": {
"enabled": "#E1EAF0",
"hovered": "#F0F3F5"
}
},
"shape": {
"borderRadius": {
"md": "0.4rem"
}
},
"space": {
"padding": {
"md": "0.8rem 0.8rem"
}
},
"typo": {
"fontSize": {
"md": "1.3rem"
}
},
"mutation": {
"transitionDuration": {
"base": ".15s"
}
}
}
},
"rangeSelector": {
"input": {
"color": {