cerebrate/webroot/theme/scss/theme-darkly.scss

36 lines
1018 B
SCSS

// 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";