cerebrate/webroot/theme/scss/theme-quartz.scss

// Your variable overrides can go here, e.g.:
// $h1-font-size: 3rem;
$theme: "app-slate";

@import "../node_modules/bootstrap/scss/functions";
@import "quartz/variables";

$enabledBackgroundSVG: false;

$panelBgColor: $card-bg;
$panelBorder: none;

$loadingOverlayDefaultColor: $light !default;
$loadingOverlayDefaultOpacity: 0.35 !default;

$topNavbarColor: $primary;
$navbarActiveColor: #d6d6d6;
$headerBreadcrumbLinksBGColor: $secondary;

$sidebarBgColor: $secondary;
$sidebarTextColor: $white;
$sidebarActiveColor: $nav-tabs-link-active-color;
$sidebarActiveBgColor: $nav-tabs-link-active-bg;

$sidebarSubmenuColor: shade-color($secondary, 5%);
$sidebarHoverColor: tint-color($secondary, 10%);
$sidebarHoverActiveColor: tint-color($secondary, 30%);

$sidebarBorder: none;
$sidebarShadows: none;
$sidebarLockButton: $secondary;
$activeSidebarLinkColor: $primary;

@import "theme-default";
@import "../node_modules/bootstrap/scss/buttons";