@import '../../style/themes/default.less';

/* 暗色顶栏 */
.ele-admin-head-dark .ele-admin-header {
  color: @menu-dark-color;
  box-shadow: @header-dark-shadow;
  background: @header-background;

  .ele-admin-header-tool .ele-admin-header-tool-item:hover {
    color: @menu-dark-selected-item-text-color;
    background: @header-dark-tool-hover-bg;
  }

  .ant-breadcrumb,
  .ant-breadcrumb-separator,
  .ant-breadcrumb a {
    color: @menu-dark-color;
  }

  .ant-breadcrumb a:hover {
    color: @menu-dark-selected-item-text-color;
  }

  .ant-breadcrumb > span:last-child {
    color: @menu-dark-color;
  }

  // 主色顶栏
  &.ele-admin-header-primary {
    background-color: @primary-color;
  }

  // 主色顶栏 menu
  .ant-menu-light {
    color: @menu-dark-color;

    & > .ant-menu-item:hover,
    & > .ant-menu-item-active,
    & > .ant-menu-item-selected,
    & > .ant-menu-submenu-active,
    & > .ant-menu-submenu-open,
    & > .ant-menu-submenu-selected,
    & > .ant-menu-submenu > .ant-menu-submenu-title:hover {
      color: @menu-dark-selected-item-text-color;
    }

    & > .ant-menu-item:hover:after,
    & > .ant-menu-submenu:hover:after,
    & > .ant-menu-item-active:after,
    & > .ant-menu-submenu-active:after,
    & > .ant-menu-item-open:after,
    & > .ant-menu-submenu-open:after,
    & > .ant-menu-item-selected:after,
    & > .ant-menu-submenu-selected:after {
      border-bottom-color: @menu-dark-selected-item-text-color;
    }
  }
}

/* 暗色侧栏 */
.ele-admin-side-dark {
  .ele-admin-logo {
    color: @logo-dark-color;
    box-shadow: @logo-dark-shadow;
    background: @sidebar-background;
  }

  .ele-admin-sidebar {
    box-shadow: @sidebar-dark-shadow;
    background: @sidebar-background;
  }

  &.ele-admin-side-mix {
    &:not(.ele-admin-collapse) {
      .ele-admin-logo,
      .ele-admin-sidebar-nav {
        box-shadow: none;
      }
    }

    .ele-admin-sidebar-nav {
      background: @sidebar-background;

      & > .ele-admin-sidebar-nav-menu > .ant-menu {
        & > .ant-menu-item:not(.ant-menu-item-selected):hover {
          background: @header-dark-tool-hover-bg;
        }

        & > .ant-menu-submenu {
          &:not(.ant-menu-submenu-selected) > .ant-menu-submenu-title:hover {
            background: @header-dark-tool-hover-bg;
          }

          &.ant-menu-submenu-selected > .ant-menu-submenu-title {
            background: @primary-color;
            color: @menu-dark-selected-item-text-color;
          }
        }
      }

      .ele-admin-sidebar-nav-tool-item {
        color: @menu-dark-color;

        &:hover {
          color: @menu-dark-selected-item-text-color;
        }
      }
    }
  }
}