@import "_appwork/include-dark";
@import "_theme/common";
@import "_theme/libs";
@import "_theme/uikit";

$primary-color: #4c84ff;
$body-bg: #292D34;

body {
  background: $body-bg;
}

.bg-body {
  background: $body-bg !important;
}

@include appwork-common-dark-theme($primary-color);
@include appwork-libs-dark-theme($primary-color);
@include appwork-uikit-dark-theme($primary-color);

// Navbar

@include appwork-navbar-variant('.bg-navbar-theme', #2B3239);

.layout-navbar {
  box-shadow: 0 0 0 1px $border-color;
}

// Sidenav

@include appwork-sidenav-variant('.bg-sidenav-theme', #303942, $color: #96a1a9);

.layout-sidenav {
  box-shadow: 0 0 0 1px $border-color;
}

.layout-sidenav-horizontal {
  box-shadow: 0 -1px 0 $border-color inset;
}

.bg-sidenav-theme {
  .sidenav-item.active > .sidenav-link:not(.sidenav-toggle) {
    background: rgba(255, 255, 255, .05) !important;
  }
}

.bg-sidenav-theme.sidenav-vertical,
.bg-sidenav-theme .sidenav-vertical {
  .sidenav-item.active > .sidenav-link:not(.sidenav-toggle)::after {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    border-left: 4px solid $primary-color;
  }

  .layout-collapsed &:not(:hover),
  &.sidenav-collapsed:not(:hover) {
    .sidenav-item .sidenav-item.active > .sidenav-link:not(.sidenav-toggle)::after {
      display: none;
    }
  }
}

[dir=rtl] .bg-sidenav-theme.sidenav-vertical .sidenav-item.active > .sidenav-link:not(.sidenav-toggle)::after,
[dir=rtl] .bg-sidenav-theme .sidenav-vertical .sidenav-item.active > .sidenav-link:not(.sidenav-toggle)::after {
  right: 0;
  left: auto;
}

// Footer

@include appwork-footer-variant('.bg-footer-theme', $body-bg, $color: $text-muted, $active-color: $body-color);

.layout-footer {
  box-shadow: 0 -1px 0 $border-color;
}
