HTML SCSS JSResult Skip Results Iframe
EDIT ON
:root {
    --primaryColor: #967ADC;
    --secondaryColor: #967ADC;
    --mainFont: "Lato";
    --sidebarMenuWidth: '60px';
}

* {font-family: var(--mainFont);}
body {font-family: var(--mainFont);}
.header-navbar.navbar-light {background: var(--primaryColor);}
.header-navbar.navbar-border {border-bottom: 1px solid var(--primaryColor);}
html body a {color: var(--secondaryColor);opacity: 0.8;}
html body a:hover {color: var(--secondaryColor);opacity: 1;}
html body .pace .pace-progress {background: var(--secondaryColor);}
/*body.vertical-layout.vertical-menu .main-menu{width: var(--sidebarMenuWidth) !important;}*/
.loader-warning.folding-cube div:before {background-color: var(--primaryColor) !important;}
form .form-control:hover, .select2-container:hover {border: 1px solid var(--secondaryColor);}
.select2-container--classic .select2-selection--multiple .select2-selection__choice, .select2-container--default .select2-selection--multiple .select2-selection__choice{background-color: var(--secondaryColor) !important;border-color: var(--secondaryColor) !important;}
.pagination .page-link {color: var(--secondaryColor)}
.page-item.active .page-link {background-color: var(--secondaryColor)}
.select2-container--classic .select2-results__options .select2-results__option[aria-selected=true], .select2-container--default .select2-results__options .select2-results__option[aria-selected=true]{background-color: var(--secondaryColor) !important;}
a:not([href]):not([tabindex]), a:not([href]):not([tabindex]):focus, a:not([href]):not([tabindex]):hover {color: var(--secondaryColor); opacity: 1;}
.primaryBtn {border: 1px solid var(--secondaryColor) !important;background-color: var(--secondaryColor) !important;}
.primaryOutlinedBtn {border: 1px solid var(--secondaryColor) !important;color: var(--secondaryColor) !important;}
.primaryOutlinedBtn:hover {background-color: var(--secondaryColor) !important;}
div:where(.swal2-container) button:where(.swal2-styled).swal2-confirm:focus {box-shadow: unset !important;}
.main-menu.menu-light .navigation > li.open > a {border-right: 4px solid var(--secondaryColor);}
a.menu-title{background-color: var(--secondaryColor) !important;}
.h1, .h2, .h3, .h4, .h5, .h6, code, h1, h2, h3, h4, h5, h6, kbd, pre, samp {font-family: var(--mainFont);}
div:where(.swal2-container) h2:where(.swal2-title), div:where(.swal2-container) .swal2-html-container, div:where(.swal2-container) div:where(.swal2-actions) {font-family: var(--mainFont) !important;}
.daterangepicker td.active, .daterangepicker td.active:hover {background-color: var(--primaryColor);}
.ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight {border: 2px dashed var(--primaryColor) !important;background: transparent;color: transparent; padding: 10px;}
.streamerChannelModal .modal-header{background-color: var(--primaryColor);}
.streamer-note{background-color: var(--primaryColor);}
.daterangepicker .ranges li.active{background-color: var(--primaryColor);}
.nav-pills .nav-link.active, .nav-pills .show>.nav-link{background-color: var(--primaryColor);}
.table .thead-dark th {
    color: #FFFFFF;
    background-color: var(--primaryColor);
    border-color: var(--primaryColor);
}
/*# sourceMappingURL=theme.css.map */