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

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

$bodyBackgroundBlendmode: soft-light;

$panelBgColor: #363636;
$panelShadow: none;
$panelBorder: 1px solid #454545;

$loadingOverlayDefaultColor: $gray-900 !default;
$loadingOverlayDefaultOpacity: 0.65 !default;

$topNavbarColor: $primary;
$navbarActiveColor: #d6d6d6;
// $headerBreadcrumbLinksBoxshadow: 0 1px 0 rgba(255, 255, 255, 0.07),
//     inset 0 -1px 2px rgba(0, 0, 0, 0.5),
//     inset 0 3px 5px rgba(0, 0, 0, 0.6);

$sidebarBgColor: $secondary;
$sidebarTextColor: $white;
$sidebarActiveColor: $nav-tabs-link-active-color;
$sidebarActiveBgColor: #595f64;
$sidebarHoverColor: #60676c;
$sidebarSubmenuColor: shade-color($sidebarActiveBgColor, 30%);
$sidebarBorder: none;
$sidebarShadows: none;
$sidebarLockButton: unset;
$activeSidebarLinkColor: var(--application-color);

$calloutBorderColor: 1px solid none;

@import "theme-default";