/**
 * @author chuzhixin 1204505056@qq.com （不想保留author可删除）
 * @description 绿荫操场主题（VIP群专享）
 */
@charset "utf-8";

.vue-admin-beautiful-theme-green {
  $base-menu-background: #16181d;
  $base-menu-background-active: #009688;
  $base-color-blue: #009688;

  @mixin container {
    background: $base-menu-background !important;
  }

  @mixin active {
    &:hover {
      background-color: $base-menu-background-active !important;
    }

    &.is-active {
      background-color: $base-menu-background-active !important;
    }
  }

  .logo-container-horizontal {
    @include container;
  }

  .logo-container-vertical {
    @include container;
  }

  .el-menu {
    @include container;

    .el-submenu__title {
      @include container;
    }

    .el-menu-item {
      @include container;
    }
  }

  .side-bar-container {
    @include container;

    .el-menu-item {
      @include active;
    }
  }

  .top-bar-container {
    @include container;

    .vab-main {
      @include container;

      .el-menu {
        &--horizontal {
          .el-submenu,
          .el-menu-item {
            &.is-active {
              background-color: $base-menu-background-active !important;
            }
          }

          > .el-menu-item {
            &.is-active {
              border-bottom: 3px solid $base-menu-background-active !important;
            }
          }
        }
      }
    }
  }

  .tabs-bar-container {
    background: $base-color-white;
    border-top: 1px solid #f6f6f6;

    .tabs-content {
      .el-tabs__header {
        .el-tabs__item {
          &.is-active {
            color: $base-color-white !important;
            background: $base-color-blue !important;
            border: 1px solid $base-color-blue !important;
          }
        }
      }
    }
  }

  .theme-bar-setting {
    background: $base-color-blue !important;
  }
}