@devoinc/genesys-brand-devo
Version:
Devo brand tokens
402 lines • 16.9 kB
JavaScript
module.exports = {
"brand": {
"color": {
"background": {
"surface": {
"base": {
"highlighted": "#233038",
"modified": "#103663",
"selected": "rgba(13,64,128, 0.48)",
"activated": "rgba(22,82,156, 0.48)"
},
"inverse": {
"highlighted": "#E1EAF0",
"modified": "#E6EDF5",
"selected": "rgba(198,219,245, 0.6)",
"activated": "rgba(164,200,245, 0.6)"
},
"primary": {
"base": "#E5F536",
"weak": "#727C00"
},
"secondary": {
"base": "#7FB4F5",
"weak": "#0C4080"
},
"neutral": {
"base": "#48545C",
"weak": "#233038"
}
},
"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"
}
},
"field": {
"base": {
"checked": "#2A6CBD"
},
"inverse": {
"checked": "#2A6CBD"
}
},
"action": {
"accentHigh": {
"enabled": "#B4C400",
"disabled": "#B4C400",
"hovered": "#D7E817",
"focused": "#D7E817",
"pressed": "#D7E817",
"expanded": "#CCDF00",
"selected": "#D7E817",
"activated": "#B4C400"
},
"accent": {
"enabled": "#16529C",
"disabled": "#103663",
"hovered": "#16529C",
"focused": "#16529C",
"pressed": "#16529C",
"expanded": "#0C4080",
"selected": "#16529C",
"activated": "#103663"
},
"neutral": {
"selected": "#2A6CBD",
"activated": "#2A6CBD"
},
"quiet": {
"selected": "#0C4080",
"activated": "#103663"
}
},
"backdrop": {
"primary": "215,232,23",
"secondary": "88,147,219"
}
},
"border": {
"surface": {
"primary": {
"base": "#E5F536"
},
"secondary": {
"base": "#7FB4F5"
}
},
"feedback": {
"primary": {
"base": "#E5F536"
},
"secondary": {
"weak": "#5893DB",
"base": "#7FB4F5",
"strong": "#A4C8F5"
}
},
"field": {
"base": {
"checked": "#2A6CBD"
},
"inverse": {
"checked": "#2A6CBD"
}
}
},
"text": {
"surface": {
"primary": {
"base": "#D7E817",
"weak": "#727C00"
},
"secondary": {
"base": "#7FB4F5",
"weak": "#103663"
}
},
"feedback": {
"primary": {
"base": "#D7E817",
"weak": "#E5F536",
"weaker": "#EEFA6E",
"inverse": "#F8FFAD"
},
"secondary": {
"base": "#A4C8F5",
"weak": "#2A6CBD",
"weaker": "#16529C",
"inverse": "#0C4080"
}
},
"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": {
"selected": "#F5F9FF",
"activated": "#F5F9FF"
},
"quiet": {
"selected": "#F5F9FF",
"activated": "#F5F9FF"
}
},
"link": {
"enabled": "#5893DB"
}
}
},
"charts": {
"color": {
"fill": {
"basic": {
"00": "#5893DB",
"01": "#7FB4F5",
"02": "#0C4080"
}
}
}
},
"mainMenu": {
"button": {
"color": {
"background": "rgba(255,255,255,.16)",
"text": {
"enabled": "rgba(255,255,255,.84)",
"hovered": "rgba(255,255,255,1)"
}
}
},
"color": {
"background": "#1F282E",
"border": {
"separator": "rgba(255,255,255,.12)"
},
"text": {
"base": "#9DB0BD",
"featured": "rgba(255,255,255,1)"
}
},
"field": {
"color": {
"border": {
"enabled": "rgba(255,255,255,.16)",
"hovered": "rgba(255,255,255,.44)"
},
"text": {
"placeholder": "rgba(255,255,255,.24)",
"enabled": "rgba(255,255,255,.56)",
"focused": "rgba(255,255,255,.72)"
}
}
},
"link": {
"color": {
"background": {
"backdrop": "rgba(0,0,0,.24)"
},
"text": {
"enabled": "#9DB0BD",
"hovered": "rgba(255,255,255,1)",
"activated": "rgba(255,255,255,1)"
}
}
},
"linkSecondary": {
"color": {
"text": {
"activated": "rgba(255,255,255,1)"
}
}
},
"linkIcon": {
"color": {
"background": {
"backdrop": "rgba(255,255,255,.08)"
},
"text": {
"activated": "#D7E817"
}
}
},
"logoCustom": {
"shape": {
"backgroundSize": "100%"
}
},
"overlay": {
"color": {
"background": "204,223,0"
}
}
},
"badge": {
"color": {
"text": {
"warning": "#33250C"
}
}
},
"decoratorBar": {
"color": {
"background": "#0DC4DE 0 50%, #16529C 50% 80%, #D7E817 80% 100%"
}
},
"loader": {
"spinnerAnimatedStroke": {
"color": {
"background": {
"brand": "#E5F536",
"brandLight": "#E5F536",
"brandDark": "#E5F536",
"light": "#5893DB",
"dark": "#5893DB",
"error": "#D62433",
"success": "#1EC990",
"warning": "#F7B94F",
"help": "#11A4B8",
"info": "#229AD6"
}
}
},
"spinnerAnimatedStrokeTemp": {
"color": {
"brand": "#E5F536",
"brandLight": "#E5F536",
"brandDark": "#E5F536",
"light": "#5893DB",
"dark": "#5893DB"
}
},
"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)"
}
}
},
"spinnerCircle": {
"color": {
"background": {
"brand": "rgba(215,232,23,0.32)",
"brandLight": "rgba(255,255,255,.76)",
"brandDark": "rgba(0,0,0,.64)",
"light": "rgba(255,255,255,.76)",
"dark": "rgba(0,0,0,.64)",
"error": "#8F0E19",
"success": "#03855A",
"warning": "#33250C",
"help": "#0A525C",
"info": "#064D70"
}
}
}
},
"boxMessage": {
"color": {
"background": {
"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)"
}
}
},
"toast": {
"color": {
"background": {
"default": "#1F282E",
"error": "rgba(214,36,51, 0.08)",
"help": "rgba(17,164,184, 0.08)",
"info": "rgba(34,154,214, 0.08)",
"success": "rgba(30,201,144, 0.08)",
"warning": "rgba(247,185,79, 0.04)"
},
"border": {
"default": "#333F48",
"error": "#66141B",
"success": "#056B49",
"warning": "#8A5803",
"help": "#096673",
"info": "#066391"
}
}
},
"tag": {
"color": {
"text": {
"warning": "#33250C"
}
}
},
"dialog": {
"header": {
"color": {
"background": {
"success": "rgba(30,201,144, 0.08)",
"help": "rgba(17,164,184, 0.08)",
"info": "rgba(34,154,214, 0.08)",
"warning": "rgba(247,185,79, 0.04)",
"error": "rgba(214,36,51, 0.08)"
}
}
}
},
"shape": {
"backgroundImage": {
"fields": {
"date": "url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDI2LjUuMCwgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPgo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkNhcGFfMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeD0iMHB4IiB5PSIwcHgiCgkgdmlld0JveD0iMCAwIDMyIDMyIiBzdHlsZT0iZW5hYmxlLWJhY2tncm91bmQ6bmV3IDAgMCAzMiAzMjsiIHhtbDpzcGFjZT0icHJlc2VydmUiPgo8c3R5bGUgdHlwZT0idGV4dC9jc3MiPgoJLnN0MHtmaWxsOiNDM0QzREU7fQo8L3N0eWxlPgo8cGF0aCBjbGFzcz0ic3QwIiBkPSJNMjYsNWgtMVYyYzAtMC42LTAuNC0xLTEtMXMtMSwwLjQtMSwxdjNIOVYyYzAtMC42LTAuNC0xLTEtMVM3LDEuNCw3LDJ2M0g2QzMuOCw1LDIsNi43LDIsOC45djE3LjMKCUMyLDI4LjMsMy44LDMwLDYsMzBoMjBjMi4yLDAsNC0xLjcsNC0zLjlWOC45QzMwLDYuNywyOC4yLDUsMjYsNXogTTI2LDI4SDZjLTEuMSwwLTItMC44LTItMS45VjEwLjRjMC4xLDAsMC4yLDAuMSwwLjMsMC4xSDI4djE1LjYKCUMyOCwyNy4yLDI3LjEsMjgsMjYsMjh6Ii8+Cjwvc3ZnPgo=')",
"time": "url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDI2LjUuMCwgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPgo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkNhcGFfMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeD0iMHB4IiB5PSIwcHgiCgkgdmlld0JveD0iMCAwIDMyIDMyIiBzdHlsZT0iZW5hYmxlLWJhY2tncm91bmQ6bmV3IDAgMCAzMiAzMjsiIHhtbDpzcGFjZT0icHJlc2VydmUiPgo8c3R5bGUgdHlwZT0idGV4dC9jc3MiPgoJLnN0MHtmaWxsOiNDM0QzREU7fQo8L3N0eWxlPgo8cGF0aCBjbGFzcz0ic3QwIiBkPSJNMTYsMS4zQzcuOSwxLjMsMS4zLDcuOSwxLjMsMTZTNy45LDMwLjcsMTYsMzAuN1MzMC43LDI0LjEsMzAuNywxNlMyNC4xLDEuMywxNiwxLjN6IE0xNiwyNy41CglDOS42LDI3LjUsNC41LDIyLjQsNC41LDE2UzkuNiw0LjUsMTYsNC41UzI3LjUsOS42LDI3LjUsMTZTMjIuNCwyNy41LDE2LDI3LjV6IE0xNy4xLDcuN2gtMi4ydjguOGw1LjQsNS40bDEuNi0xLjZsLTQuOC00LjgKCUMxNy4xLDE1LjUsMTcuMSw3LjcsMTcuMSw3Ljd6Ii8+Cjwvc3ZnPgo=')",
"search": "url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDI2LjUuMCwgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPgo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkNhcGFfMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeD0iMHB4IiB5PSIwcHgiCgkgdmlld0JveD0iMCAwIDMyIDMyIiBzdHlsZT0iZW5hYmxlLWJhY2tncm91bmQ6bmV3IDAgMCAzMiAzMjsiIHhtbDpzcGFjZT0icHJlc2VydmUiPgo8c3R5bGUgdHlwZT0idGV4dC9jc3MiPgoJLnN0MHtmaWxsOiNDM0QzREU7fQo8L3N0eWxlPgo8cGF0aCBjbGFzcz0ic3QwIiBkPSJNMjkuMSwyNmwtNi43LTUuN2MtMC41LTAuNS0xLjMtMC45LTItMC45YzMuOC00LjUsMy4zLTExLjItMS4yLTE1UzgsMSw0LjEsNS41cy0zLjMsMTEuMiwxLjIsMTUKCWM0LDMuNCw5LjgsMy40LDEzLjgsMGMwLDAuOCwwLjMsMS41LDAuOSwybDUuNyw2LjdjMC44LDEsMi4zLDEuMiwzLjQsMC40YzEtMC44LDEuMi0yLjMsMC40LTMuNEMyOS40LDI2LjIsMjkuMywyNi4xLDI5LjEsMjYKCUwyOS4xLDI2TDI5LjEsMjZ6IE0xMi4yLDE5LjVjLTMuOSwwLTcuMS0zLjItNy4xLTcuMXMzLjItNy4xLDcuMS03LjFzNy4xLDMuMiw3LjEsNy4xbDAsMEMxOS40LDE2LjQsMTYuMiwxOS41LDEyLjIsMTkuNXoiLz4KPC9zdmc+Cg==')",
"searchCancel": {
"base": "url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDI3LjIuMCwgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPgo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkNhcGFfMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeD0iMHB4IiB5PSIwcHgiCgkgdmlld0JveD0iMCAwIDEwMjQgMTAyNCIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgMTAyNCAxMDI0OyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+CjxzdHlsZSB0eXBlPSJ0ZXh0L2NzcyI+Cgkuc3Qwe2Rpc3BsYXk6bm9uZTtmaWxsOiNDM0QzREU7fQoJLnN0MXtmaWxsOiNDM0QzREU7fQo8L3N0eWxlPgo8ZyBpZD0iaWNvbW9vbi1pZ25vcmUiPgo8L2c+CjxwYXRoIGNsYXNzPSJzdDAiIGQ9Ik04MTkuNSw4NzguOGMtMTYuMywwLTI5LjktNS43LTQxLjctMTcuNUw1MTIsNTk1LjRMMjQ2LjEsODYxLjNjLTExLjgsMTEuOC0yNS40LDE3LjUtNDEuNywxNy41CgljLTE2LjMsMC0yOS45LTUuNy00MS43LTE3LjVjLTExLjMtMTEuMy0xNy41LTI2LjEtMTcuNS00MS43czYuMi0zMC40LDE3LjUtNDEuN0w0MjguNSw1MTJMMTYyLjcsMjQ2LjIKCWMtMTEuMy0xMS4zLTE3LjUtMjYuMS0xNy41LTQxLjdjMC0xNS42LDYuMi0zMC40LDE3LjUtNDEuN2MxMS4zLTExLjMsMjYuMS0xNy41LDQxLjctMTcuNWMxNS41LDAsMzAuMyw2LjIsNDEuNywxNy41TDUxMiw0MjguNgoJbDI2NS44LTI2NS44YzExLjMtMTEuMywyNi4xLTE3LjUsNDEuNy0xNy41YzE1LjUsMCwzMC4zLDYuMiw0MS43LDE3LjVjMTEuMywxMS4zLDE3LjYsMjYuMiwxNy42LDQxLjhjMCwxNS41LTYuMiwzMC4zLTE3LjUsNDEuNwoJTDU5Mi44LDUxMmwyNjguMywyNjUuN2MyMy41LDIzLjUsMjMuNSw2MC4yLDAuMSw4My42Qzg1MC42LDg3Miw4MzQuMiw4NzguOCw4MTkuNSw4NzguOHoiLz4KPHBhdGggY2xhc3M9InN0MSIgZD0iTTgxOS41LDg4NC41Yy0xNy45LDAtMzIuOC02LjMtNDUuNy0xOS4yTDUxMiw2MDMuNUwyNTAuMSw4NjUuM2MtMTIuOSwxMi45LTI3LjksMTkuMi00NS43LDE5LjIKCWMtMTcuOSwwLTMyLjgtNi4zLTQ1LjctMTkuMmMtMjUuNi0yNS42LTI1LjYtNjUuOCwwLTkxLjVMNDIwLjQsNTEyTDE1OC43LDI1MC4yYy0xMi40LTEyLjQtMTkuMi0yOC42LTE5LjItNDUuNwoJYzAtMTcuMSw2LjgtMzMuNCwxOS4yLTQ1LjdjMTIuNC0xMi40LDI4LjYtMTkuMiw0NS43LTE5LjJjMTcsMCwzMy4yLDYuOCw0NS43LDE5LjFMNTEyLDQyMC41bDI2MS44LTI2MS44CgljMTIuNC0xMi40LDI4LjYtMTkuMiw0NS43LTE5LjJjMTcsMCwzMy4yLDYuOCw0NS43LDE5LjFjMTIuNCwxMi40LDE5LjIsMjguNywxOS4yLDQ1LjhjMCwxNy02LjgsMzMuMi0xOS4xLDQ1LjdMNjAwLjksNTEyCglsMjY0LjIsMjYxLjdjMjUuOCwyNS44LDI1LjgsNjYsMC4yLDkxLjZDODUzLjQsODc3LjIsODM1LjksODg0LjUsODE5LjUsODg0LjV6Ii8+CjxwYXRoIGNsYXNzPSJzdDAiIGQ9Ik04MTkuNSw4NjcuNWMtMTMuMywwLTI0LTQuNS0zMy43LTE0LjJMNTEyLDU3OS40TDIzOC4xLDg1My4zYy05LjcsOS43LTIwLjQsMTQuMi0zMy43LDE0LjJzLTI0LTQuNS0zMy43LTE0LjIKCWMtMTguOS0xOC45LTE4LjktNDguNSwwLTY3LjRMNDQ0LjUsNTEyTDE3MC43LDIzOC4yYy0xOC45LTE4LjktMTguOS00OC41LDAtNjcuNGM5LjItOS4yLDIxLjItMTQuMiwzMy43LTE0LjIKCWMxMi42LDAsMjQuNSw1LjEsMzMuNywxNC4yTDUxMiw0NDQuNmwyNzMuOC0yNzMuOGM5LjItOS4yLDIxLjItMTQuMiwzMy43LTE0LjJjMTIuNiwwLDI0LjUsNS4xLDMzLjcsMTQuMgoJYzkuMiw5LjIsMTQuMiwyMS4yLDE0LjIsMzMuN3MtNS4xLDI0LjUtMTQuMiwzMy43TDU3Ni43LDUxMmwyNzYuNCwyNzMuOGMxOSwxOSwxOSw0OC42LDAuMSw2Ny41CglDODQ0LjYsODYxLjksODMxLjMsODY3LjUsODE5LjUsODY3LjVMODE5LjUsODY3LjV6Ii8+Cjwvc3ZnPgo=')",
"hovered": "url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDI3LjIuMCwgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPgo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkNhcGFfMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeD0iMHB4IiB5PSIwcHgiCgkgdmlld0JveD0iMCAwIDEwMjQgMTAyNCIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgMTAyNCAxMDI0OyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+CjxzdHlsZSB0eXBlPSJ0ZXh0L2NzcyI+Cgkuc3Qwe2ZpbGw6I0YwRjNGNTt9Cjwvc3R5bGU+CjxwYXRoIGNsYXNzPSJzdDAiIGQ9Ik04MTkuNSw4ODQuNWMtMTcuOSwwLTMyLjgtNi4zLTQ1LjctMTkuMkw1MTIsNjAzLjVMMjUwLjEsODY1LjNjLTEyLjksMTIuOS0yNy45LDE5LjItNDUuNywxOS4yCgljLTE3LjksMC0zMi44LTYuMy00NS43LTE5LjJjLTI1LjYtMjUuNi0yNS42LTY1LjgsMC05MS41TDQyMC40LDUxMkwxNTguNywyNTAuMmMtMTIuNC0xMi40LTE5LjItMjguNi0xOS4yLTQ1LjcKCWMwLTE3LjEsNi44LTMzLjQsMTkuMi00NS43YzEyLjQtMTIuNCwyOC42LTE5LjIsNDUuNy0xOS4yYzE3LDAsMzMuMiw2LjgsNDUuNywxOS4xTDUxMiw0MjAuNWwyNjEuOC0yNjEuOAoJYzEyLjQtMTIuNCwyOC42LTE5LjIsNDUuNy0xOS4yYzE3LDAsMzMuMiw2LjgsNDUuNywxOS4xYzEyLjQsMTIuNCwxOS4yLDI4LjcsMTkuMiw0NS44YzAsMTctNi44LDMzLjItMTkuMSw0NS43TDYwMC45LDUxMgoJbDI2NC4yLDI2MS43YzI1LjgsMjUuOCwyNS44LDY2LDAuMiw5MS42Qzg1My40LDg3Ny4yLDgzNS45LDg4NC41LDgxOS41LDg4NC41eiIvPgo8L3N2Zz4K')"
}
}
}
}
}
};