@devoinc/genesys-brand-devo
Version:
Devo brand tokens
402 lines • 15.1 kB
JavaScript
module.exports = {
"brand": {
"color": {
"background": {
"surface": {
"base": {
"highlighted": "#F5F8FA",
"modified": "#E6EDF5",
"selected": "rgba(198,219,245, 0.4)",
"activated": "rgba(164,200,245, 0.4)"
},
"inverse": {
"highlighted": "#233038",
"modified": "#103663",
"selected": "#103663",
"activated": "#0C4080"
},
"primary": {
"base": "#CCDF00",
"weak": "#FCFFDB"
},
"secondary": {
"base": "#2A6CBD",
"weak": "#C6DBF5"
},
"neutral": {
"base": "#BAC9D4",
"weak": "#F0F3F5"
}
},
"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"
}
},
"field": {
"base": {
"checked": "#2A6CBD"
},
"inverse": {
"checked": "#2A6CBD"
}
},
"action": {
"accentHigh": {
"enabled": "#D7E817",
"disabled": "#D7E817",
"hovered": "#D7E817",
"focused": "#D7E817",
"pressed": "#D7E817",
"expanded": "#CCDF00",
"selected": "#B4C400",
"activated": "#B4C400"
},
"accent": {
"enabled": "#16529C",
"disabled": "#16529C",
"hovered": "#16529C",
"focused": "#16529C",
"pressed": "#16529C",
"expanded": "#0C4080",
"selected": "#103663",
"activated": "#103663"
},
"neutral": {
"selected": "#C6DBF5",
"activated": "#A4C8F5"
},
"quiet": {
"selected": "#C6DBF5",
"activated": "#A4C8F5"
}
},
"backdrop": {
"primary": "204,223,0",
"secondary": "42,108,189"
}
},
"border": {
"surface": {
"primary": {
"base": "#CCDF00"
},
"secondary": {
"base": "#2A6CBD"
}
},
"feedback": {
"primary": {
"base": "#CCDF00"
},
"secondary": {
"weak": "#5893DB",
"base": "#2A6CBD",
"strong": "#16529C"
}
},
"field": {
"base": {
"checked": "#2A6CBD"
},
"inverse": {
"checked": "#2A6CBD"
}
}
},
"text": {
"surface": {
"primary": {
"base": "#D7E817",
"weak": "#FCFFDB"
},
"secondary": {
"base": "#2A6CBD",
"weak": "#E6EDF5"
}
},
"feedback": {
"primary": {
"base": "#D7E817",
"weak": "#E5F536",
"weaker": "#EEFA6E",
"inverse": "#F8FFAD"
},
"secondary": {
"base": "#16529C",
"weak": "#7FB4F5",
"weaker": "#A4C8F5",
"inverse": "#C6DBF5"
}
},
"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": "#182B42",
"activated": "#182B42"
},
"quiet": {
"selected": "#182B42",
"activated": "#182B42"
}
},
"link": {
"enabled": "#2A6CBD"
}
}
},
"charts": {
"color": {
"fill": {
"basic": {
"00": "#2A6CBD",
"01": "#5893DB",
"02": "#C6DBF5"
}
}
}
},
"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": "#CCDF00",
"brandLight": "#CCDF00",
"brandDark": "#CCDF00",
"light": "#5893DB",
"dark": "#5893DB",
"error": "#E96060",
"success": "#1EC990",
"warning": "#F7B94F",
"help": "#11A4B8",
"info": "#229AD6"
}
}
},
"spinnerAnimatedStrokeTemp": {
"color": {
"brand": "#CCDF00",
"brandLight": "#CCDF00",
"brandDark": "#CCDF00",
"light": "#5893DB",
"dark": "#5893DB"
}
},
"logoEvenPath": {
"color": {
"background": {
"light": "#CCDF00",
"dark": "#CCDF00",
"brand": "#CCDF00"
}
}
},
"logoOddPath": {
"color": {
"background": {
"light": "rgba(255,255,255,1)",
"dark": "#1F282E",
"brand": "rgba(204,223,0,0.32)"
}
}
},
"spinnerCircle": {
"color": {
"background": {
"brand": "rgba(204,223,0,0.56)",
"brandLight": "rgba(255,255,255,1)",
"brandDark": "#E1EAF0",
"light": "rgba(255,255,255,1)",
"dark": "#E1EAF0",
"error": "#FAB6B6",
"success": "#8EF5D3",
"warning": "#FAECD5",
"help": "#87EDFA",
"info": "#BBE5FA"
}
}
}
},
"boxMessage": {
"color": {
"background": {
"success": "#E1FAF2",
"warning": "#FAECD5",
"error": "#FAF0F0",
"help": "#E6F8FA",
"info": "#E8F4FA"
}
}
},
"toast": {
"color": {
"background": {
"default": "rgba(255,255,255,1)",
"error": "#FAF0F0",
"help": "#E6F8FA",
"info": "#E8F4FA",
"success": "#E1FAF2",
"warning": "#FAECD5"
},
"border": {
"default": "#F0F3F5",
"error": "#FAF0F0",
"success": "#E1FAF2",
"warning": "#FAECD5",
"help": "#D5F6FA",
"info": "#E8F4FA"
}
}
},
"tag": {
"color": {
"text": {
"warning": "#33250C"
}
}
},
"dialog": {
"header": {
"color": {
"background": {
"success": "#E1FAF2",
"help": "#E6F8FA",
"info": "#E8F4FA",
"warning": "#FAECD5",
"error": "#FAF0F0"
}
}
}
},
"shape": {
"backgroundImage": {
"fields": {
"date": "url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDI2LjUuMCwgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPgo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkNhcGFfMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeD0iMHB4IiB5PSIwcHgiCgkgdmlld0JveD0iMCAwIDMyIDMyIiBzdHlsZT0iZW5hYmxlLWJhY2tncm91bmQ6bmV3IDAgMCAzMiAzMjsiIHhtbDpzcGFjZT0icHJlc2VydmUiPgo8cGF0aCBkPSJNMjYsNWgtMVYyYzAtMC42LTAuNC0xLTEtMXMtMSwwLjQtMSwxdjNIOVYyYzAtMC42LTAuNC0xLTEtMVM3LDEuNCw3LDJ2M0g2QzMuOCw1LDIsNi43LDIsOC45djE3LjNDMiwyOC4zLDMuOCwzMCw2LDMwaDIwCgljMi4yLDAsNC0xLjcsNC0zLjlWOC45QzMwLDYuNywyOC4yLDUsMjYsNXogTTI2LDI4SDZjLTEuMSwwLTItMC44LTItMS45VjEwLjRjMC4xLDAsMC4yLDAuMSwwLjMsMC4xSDI4djE1LjZDMjgsMjcuMiwyNy4xLDI4LDI2LDI4Cgl6Ii8+Cjwvc3ZnPgo=')",
"time": "url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDI2LjUuMCwgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPgo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkNhcGFfMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeD0iMHB4IiB5PSIwcHgiCgkgdmlld0JveD0iMCAwIDMyIDMyIiBzdHlsZT0iZW5hYmxlLWJhY2tncm91bmQ6bmV3IDAgMCAzMiAzMjsiIHhtbDpzcGFjZT0icHJlc2VydmUiPgo8c3R5bGUgdHlwZT0idGV4dC9jc3MiPgoJLnN0MHtmaWxsOiMzQzQ5NTI7fQo8L3N0eWxlPgo8cGF0aCBjbGFzcz0ic3QwIiBkPSJNMTYsMS4zQzcuOSwxLjMsMS4zLDcuOSwxLjMsMTZjMCw4LjEsNi42LDE0LjcsMTQuNywxNC43UzMwLjcsMjQuMSwzMC43LDE2UzI0LjEsMS4zLDE2LDEuM3ogTTE2LDI3LjUKCUM5LjYsMjcuNSw0LjUsMjIuNCw0LjUsMTZTOS42LDQuNSwxNiw0LjVTMjcuNSw5LjYsMjcuNSwxNlMyMi40LDI3LjUsMTYsMjcuNXogTTE3LjEsNy43aC0yLjJ2OC44bDUuNCw1LjRsMS42LTEuNmwtNC44LTQuOFY3Ljd6IgoJLz4KPC9zdmc+Cg==')",
"search": "url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDI2LjUuMCwgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPgo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkNhcGFfMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeD0iMHB4IiB5PSIwcHgiCgkgdmlld0JveD0iMCAwIDMyIDMyIiBzdHlsZT0iZW5hYmxlLWJhY2tncm91bmQ6bmV3IDAgMCAzMiAzMjsiIHhtbDpzcGFjZT0icHJlc2VydmUiPgo8c3R5bGUgdHlwZT0idGV4dC9jc3MiPgoJLnN0MHtmaWxsOiMzQzQ5NTI7fQo8L3N0eWxlPgo8cGF0aCBjbGFzcz0ic3QwIiBkPSJNMjkuMSwyNmwtNi43LTUuN2MtMC41LTAuNS0xLjMtMC45LTItMC45YzMuOC00LjUsMy4zLTExLjItMS4yLTE1UzgsMSw0LjEsNS41cy0zLjMsMTEuMiwxLjIsMTUKCWM0LDMuNCw5LjgsMy40LDEzLjgsMGMwLDAuOCwwLjMsMS41LDAuOSwybDUuNyw2LjdjMC44LDEsMi4zLDEuMiwzLjQsMC40YzEtMC44LDEuMi0yLjMsMC40LTMuNEMyOS40LDI2LjIsMjkuMywyNi4xLDI5LjEsMjYKCUwyOS4xLDI2TDI5LjEsMjZ6IE0xMi4yLDE5LjVjLTMuOSwwLTcuMS0zLjItNy4xLTcuMXMzLjItNy4xLDcuMS03LjFzNy4xLDMuMiw3LjEsNy4xbDAsMEMxOS40LDE2LjQsMTYuMiwxOS41LDEyLjIsMTkuNXoiLz4KPC9zdmc+Cg==')",
"searchCancel": {
"base": "url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDI3LjIuMCwgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPgo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkNhcGFfMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeD0iMHB4IiB5PSIwcHgiCgkgdmlld0JveD0iMCAwIDEwMjQgMTAyNCIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgMTAyNCAxMDI0OyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+CjxzdHlsZSB0eXBlPSJ0ZXh0L2NzcyI+Cgkuc3Qwe2ZpbGw6IzNDNDk1Mjt9Cjwvc3R5bGU+CjxwYXRoIGNsYXNzPSJzdDAiIGQ9Ik04MTkuNSw4ODQuNWMtMTcuOSwwLTMyLjgtNi4zLTQ1LjctMTkuMkw1MTIsNjAzLjVMMjUwLjEsODY1LjNjLTEyLjksMTIuOS0yNy45LDE5LjItNDUuNywxOS4yCgljLTE3LjksMC0zMi44LTYuMy00NS43LTE5LjJjLTI1LjYtMjUuNi0yNS42LTY1LjgsMC05MS41TDQyMC40LDUxMkwxNTguNywyNTAuMmMtMTIuNC0xMi40LTE5LjItMjguNi0xOS4yLTQ1LjcKCWMwLTE3LjEsNi44LTMzLjQsMTkuMi00NS43YzEyLjQtMTIuNCwyOC42LTE5LjIsNDUuNy0xOS4yYzE3LDAsMzMuMiw2LjgsNDUuNywxOS4xTDUxMiw0MjAuNWwyNjEuOC0yNjEuOAoJYzEyLjQtMTIuNCwyOC42LTE5LjIsNDUuNy0xOS4yYzE3LDAsMzMuMiw2LjgsNDUuNywxOS4xYzEyLjQsMTIuNCwxOS4yLDI4LjcsMTkuMiw0NS44YzAsMTctNi44LDMzLjItMTkuMSw0NS43TDYwMC45LDUxMgoJbDI2NC4yLDI2MS43YzI1LjgsMjUuOCwyNS44LDY2LDAuMiw5MS42Qzg1My40LDg3Ny4yLDgzNS45LDg4NC41LDgxOS41LDg4NC41eiIvPgo8L3N2Zz4K')",
"hovered": "url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDI3LjIuMCwgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPgo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkNhcGFfMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeD0iMHB4IiB5PSIwcHgiCgkgdmlld0JveD0iMCAwIDEwMjQgMTAyNCIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgMTAyNCAxMDI0OyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+CjxzdHlsZSB0eXBlPSJ0ZXh0L2NzcyI+Cgkuc3Qwe2ZpbGw6IzFGMjgyRTt9Cjwvc3R5bGU+CjxwYXRoIGNsYXNzPSJzdDAiIGQ9Ik04MTkuNSw4ODQuNWMtMTcuOSwwLTMyLjgtNi4zLTQ1LjctMTkuMkw1MTIsNjAzLjVMMjUwLjEsODY1LjNjLTEyLjksMTIuOS0yNy45LDE5LjItNDUuNywxOS4yCgljLTE3LjksMC0zMi44LTYuMy00NS43LTE5LjJjLTI1LjYtMjUuNi0yNS42LTY1LjgsMC05MS41TDQyMC40LDUxMkwxNTguNywyNTAuMmMtMTIuNC0xMi40LTE5LjItMjguNi0xOS4yLTQ1LjcKCWMwLTE3LjEsNi44LTMzLjQsMTkuMi00NS43YzEyLjQtMTIuNCwyOC42LTE5LjIsNDUuNy0xOS4yYzE3LDAsMzMuMiw2LjgsNDUuNywxOS4xTDUxMiw0MjAuNWwyNjEuOC0yNjEuOAoJYzEyLjQtMTIuNCwyOC42LTE5LjIsNDUuNy0xOS4yYzE3LDAsMzMuMiw2LjgsNDUuNywxOS4xYzEyLjQsMTIuNCwxOS4yLDI4LjcsMTkuMiw0NS44YzAsMTctNi44LDMzLjItMTkuMSw0NS43TDYwMC45LDUxMgoJbDI2NC4yLDI2MS43YzI1LjgsMjUuOCwyNS44LDY2LDAuMiw5MS42Qzg1My40LDg3Ny4yLDgzNS45LDg4NC41LDgxOS41LDg4NC41eiIvPgo8L3N2Zz4K')"
}
}
}
}
}
};