// white
@use './white.scss';

// star
@use './star.scss';

// vip
@use './vip.scss';

// d2
@use './d2.scss';

// bule
@use './bule.scss';

//iview
@use './iview.scss';

//go
@use 'go';

//heyui
@use './hey.scss';

//dark
@use './dark.scss';

//lte
@use 'lte';

//cool
@use './cool.scss';

//beautiful
@use './beautiful.scss';

.theme-white,
.theme-star,
.theme-vip,
.theme-d2,
.theme-bule,
.theme-iview,
.theme-go,
.theme-hey,
.theme-dark,
.theme-lte,
.theme-cool,
.theme-beautiful {
  .avue-logo {
    background: #419eff !important;
    background-color: #419eff !important;
    color: #fff;
    box-shadow: none;

    .avue-logo_title,
    .avue-logo_subtitle,
    .logo-title {
      color: #fff;
      background-image: none;
      -webkit-text-fill-color: #fff;
    }
  }
}

.avue-layout:not(.avue-layout--horizontal) {
  .avue-sidebar {
    .el-menu-item,
    .el-sub-menu__title {
      &.is-active {
        background-color: #E6EAED !important;

        &::before {
          display: none !important;
        }

        i,
        span {
          color: #333 !important;
        }
      }
    }
  }
}
