@mixin theme($menuBgColor, $menuBorderColor, $fontColor, $fontColorHover, $menuItemBgColorHover, $fontColorActive, $menuItemBgColorActive, $borderRightColorActive, $subMenuBgColor, $menuItemGroupColor,$menuActiveSubmenuColor: $brand-primary) {
  &.#{$menu-prefix-cls} {
    background-color: $menuBgColor;
    &::after {
      background-color: $menuBorderColor;//菜单边框颜色
    }
  }
  .#{$menu-prefix-cls}__item-group {
    &-title {
      color: $menuItemGroupColor;
    }
  }
  .#{$menu-prefix-cls}__item,
  .#{$menu-prefix-cls}__submenu-title {
    @include hover-focus {
      color: $fontColorHover;
      background-color: $menuItemBgColorHover;
    }
    color: $fontColor;
  }
  .#{$menu-prefix-cls}__submenu .#{$menu-prefix-cls} {
    background-color: $subMenuBgColor;
  }
  //选中状态
  .#{$menu-prefix-cls}__item--checked {
    @include hover-focus {
      color: $fontColorActive;
      background-color: $menuItemBgColorActive;
    }
    color: $fontColorActive;
    background-color: $menuItemBgColorActive;
    border-color: $borderRightColorActive;
  }
  // 展开
  .#{$menu-prefix-cls}--open > .#{$menu-prefix-cls}__submenu-title {
    color: $fontColorHover;
    background-color: $subMenuBgColor;
    @include hover-focus {
      background-color: $menuItemBgColorHover;
    }
  }
  .#{$menu-prefix-cls}--open .#{$dropdown-prefix-cls}__menu {
    background-image: linear-gradient(to bottom, $subMenuBgColor 0%, $subMenuBgColor 100%), linear-gradient(to bottom, $menuBgColor 0%, $menuBgColor 100%);
  }
  // 向右展开
  .#{$menu-prefix-cls}--open.dropright > .#{$menu-prefix-cls}__submenu-title {
    background-color: $menuItemBgColorHover;
  }
  .#{$menu-prefix-cls}--open.dropright .#{$dropdown-prefix-cls}__menu {
    background-image: linear-gradient(to bottom, $menuBgColor 0%, $menuBgColor 100%);
  }

  // 子级有选中，父级标识
  .#{$menu-prefix-cls}__submenu--checked > .#{$menu-prefix-cls}__submenu-title {
    color: $menuActiveSubmenuColor;
    //background-image: linear-gradient(to bottom, $menuItemBgColorActive 0%, $menuItemBgColorActive 100%), linear-gradient(to bottom, $subMenuBgColor 0%, $subMenuBgColor 100%), linear-gradient(to bottom, $menuBgColor 0%, $menuBgColor 100%);
  }
}