%x-theme-dark-menu-item {

  .x-aside-theme-dark & {

    .list-text {
      @extend .text-light;
    }

    .x-icon-container {
      @extend .text-light-transparent;
    }

    @include x-hover-focus-active() {
      @extend .bg-primary-darker,
              .text-secondary;
      .x-icon-container {
        color: currentColor !important;
      }
    }
  }
}

%x-theme-dark-aside {
  .x-aside-theme-dark & {
    background-color: $x-aside-nav-bg-dark;
    color: $x-aside-nav-text-dark;
  }
}

%x-theme-dark-aside-mobile {
  .x-aside-theme-dark & {
    @include media-breakpoint-down(sm) {
      background-color: $x-aside-nav-bg-dark;
      color: $x-aside-nav-text-dark;
    }
  }
}