@if ($is-dark-theme) {
  %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;
      }
    }
  }
}