@devoinc/genesys-brand-devo/dist/light/css/dev/tokens.css.brand.css

Devo brand tokens

/**
 * Do not edit directly, this file was auto-generated.
 */

:root {
  --brand-color-background-surface-base-highlighted: #F5F8FA;
  --brand-color-background-surface-base-modified: #E6EDF5;
  --brand-color-background-surface-base-selected: rgba(198,219,245, 0.4);
  --brand-color-background-surface-base-activated: rgba(164,200,245, 0.4);
  --brand-color-background-surface-inverse-highlighted: #233038;
  --brand-color-background-surface-inverse-modified: #103663;
  --brand-color-background-surface-inverse-selected: #103663;
  --brand-color-background-surface-inverse-activated: #0C4080;
  --brand-color-background-surface-primary-base: #CCDF00;
  --brand-color-background-surface-primary-weak: #FCFFDB;
  --brand-color-background-surface-secondary-base: #2A6CBD;
  --brand-color-background-surface-secondary-weak: #C6DBF5;
  --brand-color-background-surface-neutral-base: #BAC9D4;
  --brand-color-background-surface-neutral-weak: #F0F3F5;
  --brand-color-background-feedback-primary-weaker: #E1EAF0;
  --brand-color-background-feedback-primary-weak: #C3D3DE;
  --brand-color-background-feedback-primary-base: #333F48;
  --brand-color-background-feedback-primary-strong: #CCDF00;
  --brand-color-background-feedback-primary-stronger: #727C00;
  --brand-color-background-feedback-primary-strongest: #464D00;
  --brand-color-background-feedback-secondary-weaker: #F5F9FF;
  --brand-color-background-feedback-secondary-weak: #E6EDF5;
  --brand-color-background-feedback-secondary-base: #C6DBF5;
  --brand-color-background-feedback-secondary-strong: #5893DB;
  --brand-color-background-feedback-secondary-stronger: #16529C;
  --brand-color-background-feedback-secondary-strongest: #182B42;
  --brand-color-background-field-base-checked: #2A6CBD;
  --brand-color-background-field-inverse-checked: #2A6CBD;
  --brand-color-background-action-accent-high-enabled: #D7E817;
  --brand-color-background-action-accent-high-disabled: #D7E817;
  --brand-color-background-action-accent-high-hovered: #D7E817;
  --brand-color-background-action-accent-high-focused: #D7E817;
  --brand-color-background-action-accent-high-pressed: #D7E817;
  --brand-color-background-action-accent-high-expanded: #CCDF00;
  --brand-color-background-action-accent-high-selected: #B4C400;
  --brand-color-background-action-accent-high-activated: #B4C400;
  --brand-color-background-action-accent-enabled: #16529C;
  --brand-color-background-action-accent-disabled: #16529C;
  --brand-color-background-action-accent-hovered: #16529C;
  --brand-color-background-action-accent-focused: #16529C;
  --brand-color-background-action-accent-pressed: #16529C;
  --brand-color-background-action-accent-expanded: #0C4080;
  --brand-color-background-action-accent-selected: #103663;
  --brand-color-background-action-accent-activated: #103663;
  --brand-color-background-action-neutral-selected: #C6DBF5;
  --brand-color-background-action-neutral-activated: #A4C8F5;
  --brand-color-background-action-quiet-selected: #C6DBF5;
  --brand-color-background-action-quiet-activated: #A4C8F5;
  --brand-color-background-backdrop-primary: 204,223,0;
  --brand-color-background-backdrop-secondary: 42,108,189;
  --brand-color-border-surface-primary-base: #CCDF00;
  --brand-color-border-surface-secondary-base: #2A6CBD;
  --brand-color-border-feedback-primary-base: #CCDF00;
  --brand-color-border-feedback-secondary-weak: #5893DB;
  --brand-color-border-feedback-secondary-base: #2A6CBD;
  --brand-color-border-feedback-secondary-strong: #16529C;
  --brand-color-border-field-base-checked: #2A6CBD;
  --brand-color-border-field-inverse-checked: #2A6CBD;
  --brand-color-text-surface-primary-base: #D7E817;
  --brand-color-text-surface-primary-weak: #FCFFDB;
  --brand-color-text-surface-secondary-base: #2A6CBD;
  --brand-color-text-surface-secondary-weak: #E6EDF5;
  --brand-color-text-feedback-primary-base: #D7E817;
  --brand-color-text-feedback-primary-weak: #E5F536;
  --brand-color-text-feedback-primary-weaker: #EEFA6E;
  --brand-color-text-feedback-primary-inverse: #F8FFAD;
  --brand-color-text-feedback-secondary-base: #16529C;
  --brand-color-text-feedback-secondary-weak: #7FB4F5;
  --brand-color-text-feedback-secondary-weaker: #A4C8F5;
  --brand-color-text-feedback-secondary-inverse: #C6DBF5;
  --brand-color-text-action-accent-high-enabled: #333F48;
  --brand-color-text-action-accent-high-disabled: #333F48;
  --brand-color-text-action-accent-high-hovered: #1F282E;
  --brand-color-text-action-accent-high-focused: #1F282E;
  --brand-color-text-action-accent-high-pressed: #1F282E;
  --brand-color-text-action-accent-high-expanded: #1F282E;
  --brand-color-text-action-accent-high-selected: #1F282E;
  --brand-color-text-action-accent-high-activated: #1F282E;
  --brand-color-text-action-accent-enabled: #E6EDF5;
  --brand-color-text-action-accent-disabled: #E6EDF5;
  --brand-color-text-action-accent-hovered: rgba(255,255,255,1);
  --brand-color-text-action-accent-focused: rgba(255,255,255,1);
  --brand-color-text-action-accent-pressed: rgba(255,255,255,1);
  --brand-color-text-action-accent-expanded: rgba(255,255,255,1);
  --brand-color-text-action-accent-selected: rgba(255,255,255,1);
  --brand-color-text-action-accent-activated: rgba(255,255,255,1);
  --brand-color-text-action-neutral-selected: #182B42;
  --brand-color-text-action-neutral-activated: #182B42;
  --brand-color-text-action-quiet-selected: #182B42;
  --brand-color-text-action-quiet-activated: #182B42;
  --brand-color-text-link-enabled: #2A6CBD;
  --brand-charts-color-fill-basic-00: #2A6CBD;
  --brand-charts-color-fill-basic-01: #5893DB;
  --brand-charts-color-fill-basic-02: #C6DBF5;
  --brand-main-menu-button-color-background: rgba(255,255,255,.16);
  --brand-main-menu-button-color-text-enabled: rgba(255,255,255,.84);
  --brand-main-menu-button-color-text-hovered: rgba(255,255,255,1);
  --brand-main-menu-color-background: #1F282E;
  --brand-main-menu-color-border-separator: rgba(255,255,255,.12);
  --brand-main-menu-color-text-base: #9DB0BD;
  --brand-main-menu-color-text-featured: rgba(255,255,255,1);
  --brand-main-menu-field-color-border-enabled: rgba(255,255,255,.16);
  --brand-main-menu-field-color-border-hovered: rgba(255,255,255,.44);
  --brand-main-menu-field-color-text-placeholder: rgba(255,255,255,.24);
  --brand-main-menu-field-color-text-enabled: rgba(255,255,255,.56);
  --brand-main-menu-field-color-text-focused: rgba(255,255,255,.72);
  --brand-main-menu-link-color-background-backdrop: rgba(0,0,0,.24);
  --brand-main-menu-link-color-text-enabled: #9DB0BD;
  --brand-main-menu-link-color-text-hovered: rgba(255,255,255,1);
  --brand-main-menu-link-color-text-activated: rgba(255,255,255,1);
  --brand-main-menu-link-secondary-color-text-activated: rgba(255,255,255,1);
  --brand-main-menu-link-icon-color-background-backdrop: rgba(255,255,255,.08);
  --brand-main-menu-link-icon-color-text-activated: #D7E817;
  --brand-main-menu-logo-custom-shape-background-size: 100%;
  --brand-main-menu-overlay-color-background: 204,223,0;
  --brand-badge-color-text-warning: #33250C;
  --brand-decorator-bar-color-background: #0DC4DE 0 50%, #16529C 50% 80%, #D7E817 80% 100%;
  --brand-loader-spinner-animated-stroke-color-background-brand: #CCDF00;
  --brand-loader-spinner-animated-stroke-color-background-brand-light: #CCDF00;
  --brand-loader-spinner-animated-stroke-color-background-brand-dark: #CCDF00;
  --brand-loader-spinner-animated-stroke-color-background-light: #5893DB;
  --brand-loader-spinner-animated-stroke-color-background-dark: #5893DB;
  --brand-loader-spinner-animated-stroke-color-background-error: #E96060;
  --brand-loader-spinner-animated-stroke-color-background-success: #1EC990;
  --brand-loader-spinner-animated-stroke-color-background-warning: #F7B94F;
  --brand-loader-spinner-animated-stroke-color-background-help: #11A4B8;
  --brand-loader-spinner-animated-stroke-color-background-info: #229AD6;
  --brand-loader-spinner-animated-stroke-temp-color-brand: #CCDF00;
  --brand-loader-spinner-animated-stroke-temp-color-brand-light: #CCDF00;
  --brand-loader-spinner-animated-stroke-temp-color-brand-dark: #CCDF00;
  --brand-loader-spinner-animated-stroke-temp-color-light: #5893DB;
  --brand-loader-spinner-animated-stroke-temp-color-dark: #5893DB;
  --brand-loader-logo-even-path-color-background-light: #CCDF00;
  --brand-loader-logo-even-path-color-background-dark: #CCDF00;
  --brand-loader-logo-even-path-color-background-brand: #CCDF00;
  --brand-loader-logo-odd-path-color-background-light: rgba(255,255,255,1);
  --brand-loader-logo-odd-path-color-background-dark: #1F282E;
  --brand-loader-logo-odd-path-color-background-brand: rgba(204,223,0,0.32);
  --brand-loader-spinner-circle-color-background-brand: rgba(204,223,0,0.56);
  --brand-loader-spinner-circle-color-background-brand-light: rgba(255,255,255,1);
  --brand-loader-spinner-circle-color-background-brand-dark: #E1EAF0;
  --brand-loader-spinner-circle-color-background-light: rgba(255,255,255,1);
  --brand-loader-spinner-circle-color-background-dark: #E1EAF0;
  --brand-loader-spinner-circle-color-background-error: #FAB6B6;
  --brand-loader-spinner-circle-color-background-success: #8EF5D3;
  --brand-loader-spinner-circle-color-background-warning: #FAECD5;
  --brand-loader-spinner-circle-color-background-help: #87EDFA;
  --brand-loader-spinner-circle-color-background-info: #BBE5FA;
  --brand-box-message-color-background-success: #E1FAF2;
  --brand-box-message-color-background-warning: #FAECD5;
  --brand-box-message-color-background-error: #FAF0F0;
  --brand-box-message-color-background-help: #E6F8FA;
  --brand-box-message-color-background-info: #E8F4FA;
  --brand-toast-color-background-default: rgba(255,255,255,1);
  --brand-toast-color-background-error: #FAF0F0;
  --brand-toast-color-background-help: #E6F8FA;
  --brand-toast-color-background-info: #E8F4FA;
  --brand-toast-color-background-success: #E1FAF2;
  --brand-toast-color-background-warning: #FAECD5;
  --brand-toast-color-border-default: #F0F3F5;
  --brand-toast-color-border-error: #FAF0F0;
  --brand-toast-color-border-success: #E1FAF2;
  --brand-toast-color-border-warning: #FAECD5;
  --brand-toast-color-border-help: #D5F6FA;
  --brand-toast-color-border-info: #E8F4FA;
  --brand-tag-color-text-warning: #33250C;
  --brand-dialog-header-color-background-success: #E1FAF2;
  --brand-dialog-header-color-background-help: #E6F8FA;
  --brand-dialog-header-color-background-info: #E8F4FA;
  --brand-dialog-header-color-background-warning: #FAECD5;
  --brand-dialog-header-color-background-error: #FAF0F0;
  --brand-shape-background-image-fields-date: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDI2LjUuMCwgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPgo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkNhcGFfMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeD0iMHB4IiB5PSIwcHgiCgkgdmlld0JveD0iMCAwIDMyIDMyIiBzdHlsZT0iZW5hYmxlLWJhY2tncm91bmQ6bmV3IDAgMCAzMiAzMjsiIHhtbDpzcGFjZT0icHJlc2VydmUiPgo8cGF0aCBkPSJNMjYsNWgtMVYyYzAtMC42LTAuNC0xLTEtMXMtMSwwLjQtMSwxdjNIOVYyYzAtMC42LTAuNC0xLTEtMVM3LDEuNCw3LDJ2M0g2QzMuOCw1LDIsNi43LDIsOC45djE3LjNDMiwyOC4zLDMuOCwzMCw2LDMwaDIwCgljMi4yLDAsNC0xLjcsNC0zLjlWOC45QzMwLDYuNywyOC4yLDUsMjYsNXogTTI2LDI4SDZjLTEuMSwwLTItMC44LTItMS45VjEwLjRjMC4xLDAsMC4yLDAuMSwwLjMsMC4xSDI4djE1LjZDMjgsMjcuMiwyNy4xLDI4LDI2LDI4Cgl6Ii8+Cjwvc3ZnPgo=');
  --brand-shape-background-image-fields-time: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDI2LjUuMCwgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPgo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkNhcGFfMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeD0iMHB4IiB5PSIwcHgiCgkgdmlld0JveD0iMCAwIDMyIDMyIiBzdHlsZT0iZW5hYmxlLWJhY2tncm91bmQ6bmV3IDAgMCAzMiAzMjsiIHhtbDpzcGFjZT0icHJlc2VydmUiPgo8c3R5bGUgdHlwZT0idGV4dC9jc3MiPgoJLnN0MHtmaWxsOiMzQzQ5NTI7fQo8L3N0eWxlPgo8cGF0aCBjbGFzcz0ic3QwIiBkPSJNMTYsMS4zQzcuOSwxLjMsMS4zLDcuOSwxLjMsMTZjMCw4LjEsNi42LDE0LjcsMTQuNywxNC43UzMwLjcsMjQuMSwzMC43LDE2UzI0LjEsMS4zLDE2LDEuM3ogTTE2LDI3LjUKCUM5LjYsMjcuNSw0LjUsMjIuNCw0LjUsMTZTOS42LDQuNSwxNiw0LjVTMjcuNSw5LjYsMjcuNSwxNlMyMi40LDI3LjUsMTYsMjcuNXogTTE3LjEsNy43aC0yLjJ2OC44bDUuNCw1LjRsMS42LTEuNmwtNC44LTQuOFY3Ljd6IgoJLz4KPC9zdmc+Cg==');
  --brand-shape-background-image-fields-search: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDI2LjUuMCwgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPgo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkNhcGFfMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeD0iMHB4IiB5PSIwcHgiCgkgdmlld0JveD0iMCAwIDMyIDMyIiBzdHlsZT0iZW5hYmxlLWJhY2tncm91bmQ6bmV3IDAgMCAzMiAzMjsiIHhtbDpzcGFjZT0icHJlc2VydmUiPgo8c3R5bGUgdHlwZT0idGV4dC9jc3MiPgoJLnN0MHtmaWxsOiMzQzQ5NTI7fQo8L3N0eWxlPgo8cGF0aCBjbGFzcz0ic3QwIiBkPSJNMjkuMSwyNmwtNi43LTUuN2MtMC41LTAuNS0xLjMtMC45LTItMC45YzMuOC00LjUsMy4zLTExLjItMS4yLTE1UzgsMSw0LjEsNS41cy0zLjMsMTEuMiwxLjIsMTUKCWM0LDMuNCw5LjgsMy40LDEzLjgsMGMwLDAuOCwwLjMsMS41LDAuOSwybDUuNyw2LjdjMC44LDEsMi4zLDEuMiwzLjQsMC40YzEtMC44LDEuMi0yLjMsMC40LTMuNEMyOS40LDI2LjIsMjkuMywyNi4xLDI5LjEsMjYKCUwyOS4xLDI2TDI5LjEsMjZ6IE0xMi4yLDE5LjVjLTMuOSwwLTcuMS0zLjItNy4xLTcuMXMzLjItNy4xLDcuMS03LjFzNy4xLDMuMiw3LjEsNy4xbDAsMEMxOS40LDE2LjQsMTYuMiwxOS41LDEyLjIsMTkuNXoiLz4KPC9zdmc+Cg==');
  --brand-shape-background-image-fields-search-cancel-base: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDI3LjIuMCwgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPgo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkNhcGFfMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeD0iMHB4IiB5PSIwcHgiCgkgdmlld0JveD0iMCAwIDEwMjQgMTAyNCIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgMTAyNCAxMDI0OyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+CjxzdHlsZSB0eXBlPSJ0ZXh0L2NzcyI+Cgkuc3Qwe2ZpbGw6IzNDNDk1Mjt9Cjwvc3R5bGU+CjxwYXRoIGNsYXNzPSJzdDAiIGQ9Ik04MTkuNSw4ODQuNWMtMTcuOSwwLTMyLjgtNi4zLTQ1LjctMTkuMkw1MTIsNjAzLjVMMjUwLjEsODY1LjNjLTEyLjksMTIuOS0yNy45LDE5LjItNDUuNywxOS4yCgljLTE3LjksMC0zMi44LTYuMy00NS43LTE5LjJjLTI1LjYtMjUuNi0yNS42LTY1LjgsMC05MS41TDQyMC40LDUxMkwxNTguNywyNTAuMmMtMTIuNC0xMi40LTE5LjItMjguNi0xOS4yLTQ1LjcKCWMwLTE3LjEsNi44LTMzLjQsMTkuMi00NS43YzEyLjQtMTIuNCwyOC42LTE5LjIsNDUuNy0xOS4yYzE3LDAsMzMuMiw2LjgsNDUuNywxOS4xTDUxMiw0MjAuNWwyNjEuOC0yNjEuOAoJYzEyLjQtMTIuNCwyOC42LTE5LjIsNDUuNy0xOS4yYzE3LDAsMzMuMiw2LjgsNDUuNywxOS4xYzEyLjQsMTIuNCwxOS4yLDI4LjcsMTkuMiw0NS44YzAsMTctNi44LDMzLjItMTkuMSw0NS43TDYwMC45LDUxMgoJbDI2NC4yLDI2MS43YzI1LjgsMjUuOCwyNS44LDY2LDAuMiw5MS42Qzg1My40LDg3Ny4yLDgzNS45LDg4NC41LDgxOS41LDg4NC41eiIvPgo8L3N2Zz4K');
  --brand-shape-background-image-fields-search-cancel-hovered: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDI3LjIuMCwgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPgo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkNhcGFfMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeD0iMHB4IiB5PSIwcHgiCgkgdmlld0JveD0iMCAwIDEwMjQgMTAyNCIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgMTAyNCAxMDI0OyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+CjxzdHlsZSB0eXBlPSJ0ZXh0L2NzcyI+Cgkuc3Qwe2ZpbGw6IzFGMjgyRTt9Cjwvc3R5bGU+CjxwYXRoIGNsYXNzPSJzdDAiIGQ9Ik04MTkuNSw4ODQuNWMtMTcuOSwwLTMyLjgtNi4zLTQ1LjctMTkuMkw1MTIsNjAzLjVMMjUwLjEsODY1LjNjLTEyLjksMTIuOS0yNy45LDE5LjItNDUuNywxOS4yCgljLTE3LjksMC0zMi44LTYuMy00NS43LTE5LjJjLTI1LjYtMjUuNi0yNS42LTY1LjgsMC05MS41TDQyMC40LDUxMkwxNTguNywyNTAuMmMtMTIuNC0xMi40LTE5LjItMjguNi0xOS4yLTQ1LjcKCWMwLTE3LjEsNi44LTMzLjQsMTkuMi00NS43YzEyLjQtMTIuNCwyOC42LTE5LjIsNDUuNy0xOS4yYzE3LDAsMzMuMiw2LjgsNDUuNywxOS4xTDUxMiw0MjAuNWwyNjEuOC0yNjEuOAoJYzEyLjQtMTIuNCwyOC42LTE5LjIsNDUuNy0xOS4yYzE3LDAsMzMuMiw2LjgsNDUuNywxOS4xYzEyLjQsMTIuNCwxOS4yLDI4LjcsMTkuMiw0NS44YzAsMTctNi44LDMzLjItMTkuMSw0NS43TDYwMC45LDUxMgoJbDI2NC4yLDI2MS43YzI1LjgsMjUuOCwyNS44LDY2LDAuMiw5MS42Qzg1My40LDg3Ny4yLDgzNS45LDg4NC41LDgxOS41LDg4NC41eiIvPgo8L3N2Zz4K');
}