.theme-light {
    --font-color: #000000;
    --font-desc-color: rgba(0,0,0,.5);
    --button-primary-font-color: #FFFFFF;
    --button-secondary-font-color: #000000;
    --button-secondary-hover-bgColor: rgba(0,0,0,.2);
    --backgroundColor: #E1E1E1;
    --ctrl-highlight-bgColor: #FFFFFF50;
    --splash-bgColor: #F5F5F5;
    --mainCtrl-bgColor: #FBFBFB;
    --dropDownMenu-bgColor: #FFFFFF;
    --dropDownMenu-bgColor-hover: #E1E1E1;
    --card-Header-bgColor: #E1E1E1;
    --card-Content-bgColor: #FFFFFF;
    --standard-border: 1px solid #00000033;
    --btn-filled-bgColor: #297EF3;
    --hud-btn-bgColor: #FBFBFB;
    --border-divider-color: #E1E1E1;
    --btn-hover-bgColor: #2165C2;
    --modal-header-bgColor: #E1E1E1;
    --selection-bar-text-color: #000000;
    --scroll-bar-thumb-color: rgba(0,0,0,.4);
    --tab-icon-color: #000;
    --tab-selected-bgColor: #E1E1E1;
    --vertical-tab-border: 1px solid #798498;
    --mimezz-icon: url("../images/app/mimex-logo-block-light.svg");
    --fit-screen-icon: url("../images/screen-fit-light.svg") no-repeat center;
    --openMezz-panel-icon: url("../images/cube-light.svg") no-repeat center;
    --context-btn-arrow-icon: url("../images/context/arrow-light.svg") no-repeat center;
    --checkIcon: url("../images/general/checkDark.svg");
    --warningIcon: url("../images/general/warningIcon.svg");
    --errorIcon: url("../images/errorIcon.svg");
    --tool-tip-background: #FFFFFF 0% 0% no-repeat padding-box;
    --tool-tip-color: #304165;
}

.theme-dark {
    --font-color: #FFFFFF;
    --font-desc-color: rgba(255,255,255,.5);
    --button-primary-font-color: #FFFFFF;
    --button-secondary-font-color: #FFFFFF;
    --button-secondary-hover-bgColor: rgba(255,255,255,.2);
    --backgroundColor: #000000;
    --ctrl-highlight-bgColor: #FFFFFF50;
    --splash-bgColor: #212121;
    --mainCtrl-bgColor: #2E2E2E;
    --dropDownMenu-bgColor: #2E2E2E;
    --dropDownMenu-bgColor-hover: #474747;
    --card-Header-bgColor: #474747;
    --card-Content-bgColor: #2e2e2e;
    --standard-border: 1px solid #FFFFFF33;
    --btn-filled-bgColor: #66A6FF;
    --hud-btn-bgColor: #2E2E2E;
    --border-divider-color: #474747;
    --btn-hover-bgColor: #5285CC;
    --modal-header-bgColor: #474747;
    --selection-bar-text-color: lightgray;
    --scroll-bar-thumb-color: rgba(255,255,255,.2);
    --tab-icon-color: #fff;
    --tab-selected-bgColor: #474747;
    --vertical-tab-border: 1px solid #798498;
    --mimezz-icon: url("../images/app/mimex-logo-block-blue.svg");
    --fit-screen-icon: url("../images/screen-fit-blue.svg") no-repeat center;
    --openMezz-panel-icon: url("../images/cube-blue.svg") no-repeat center;
    --context-btn-arrow-icon: url("../images/context/arrow-blue.svg") no-repeat center;
    --checkIcon: url("../images/general/checkLight.svg");
    --warningIcon: url("../images/general/warningIcon.svg");
    --errorIcon: url("../images/errorIcon.svg");
    --tool-tip-background: #FFFFFF 0% 0% no-repeat padding-box;
    --tool-tip-color: #304165;
}

.theme-blue {
    --font-color: #FFFFFF;
    --font-desc-color: rgba(255,255,255,.5);
    --button-primary-font-color: #FFFFFF;
    --button-secondary-font-color: #FFFFFF;
    --button-secondary-hover-bgColor: rgba(255,255,255,.2);
    --backgroundColor: #000000;
    --ctrl-highlight-bgColor: #FFFFFF50;
    --splash-bgColor: #162035;
    --mainCtrl-bgColor: #304165;
    --dropDownMenu-bgColor: #425273;
    --dropDownMenu-bgColor-hover: #556481;
    --card-Header-bgColor: #556481;
    --card-Content-bgColor: #425273;
    --standard-border: 1px solid #FFFFFF33;
    --btn-filled-bgColor: #66A6FF;
    --hud-btn-bgColor: #304165;
    --border-divider-color: #556481;
    --btn-hover-bgColor: #5285CC;
    --modal-header-bgColor: #425273;
    --selection-bar-text-color: lightgray;
    --scroll-bar-thumb-color: rgba(255,255,255,.2);
    --tab-icon-color: #fff;
    --tab-selected-bgColor: #556481;
    --vertical-tab-border: 1px solid #798498;
    --mimezz-icon: url("../images/app/mimex-logo-block-blue.svg");
    --fit-screen-icon: url("../images/screen-fit-blue.svg") no-repeat center;
    --openMezz-panel-icon: url("../images/cube-blue.svg") no-repeat center;
    --context-btn-arrow-icon: url("../images/context/arrow-blue.svg") no-repeat center;
    --checkIcon: url("../images/general/checkLight.svg");
    --warningIcon: url("../images/general/warningIcon.svg");
    --errorIcon: url("../images/errorIcon.svg");
    --tool-tip-background: #FFFFFF 0% 0% no-repeat padding-box;
    --tool-tip-color: #304165;
}