:root {
                      --var-color-background: #FFFFFF;
--var-color-panel: #F2F3F3;
--var-color-tree-active: #FFFFFF;
--var-color-tree-active-text: #282C2E;
--var-color-tree-hover: #EEEEEF;
--var-color-tree-hover-text: #282C2E;
--var-color-tree-component-progress-background: #EEEEEF;
--var-color-border: #D4D5D5;
--var-color-accent: #008794;
--var-color-accent-dark: #007A85;
--var-color-accent-shade: #8eb9bd;
--var-color-text: #282C2E;
--var-color-text-secondary: #535658;
--var-color-accent-text: #FFFFFF;
--var-color-accent-shade-text: #282C2E;
--var-color-info: #334580;
--var-color-warning: #AD5A00;
--var-color-error: #C20210;
--var-color-success: #4B842A;
--var-color-disabled: #D4D5D5;
--var-color-header: #4b4c54;
--var-color-header-border: #809F2E;
--var-color-header-text: #ffffff;
--var-header-border-style: none;
--var-header-border-width: 4px;
--var-portal-header-display: none;
--var-color-info-border: transparent;
--var-color-warning-border: transparent;
--var-color-error-border: transparent;
--var-color-success-border: transparent;
--var-color-info-background: #F2F3F7;
--var-color-warning-background: #FFE6CC;
--var-color-error-background: #FFD6CC;
--var-color-success-background: #DBE6D4;
--var-color-description: #7E8082;
--var-color-placeholder: #A9ABAB;
--var-portal-header-padding-top: 0px;
--var-portal-header-gradient-margin-top: 0px;
--var-portal-header-gradient-height: 175px;
--var-portal-header-gradient-color: var(--var-color-panel);
--var-portal-panel-margin-top: -145px;
--var-portal-panel-background-color: transparent;
--var-background: none;  
                }