@import './index.less';

.darkMode {

  // 多标签
  .ant-pro-multi-tab-wrapper {
    .ant-tabs-bar {
      background-color: #000;

      .ant-dropdown-trigger {
        color: @dark-deactive-font-color
      }

      .ant-tabs-tab-active {
        .ant-dropdown-trigger {
          color: @dark-active-font-color
        }
      }
    }
  }

  // logo
  .sider {
    .logo {
      background-color: @dark-bg;
    }
  }

  // Menu菜单
  .ant-menu {
    background-color: @dark-bg  !important;

    .ant-menu-sub {
      background-color: @dark-bg  !important;
    }

    .ant-menu-item:hover {
      background-color: @dark-bg-hover;
    }
  }

  // 国际化下拉菜单
  .ant-dropdown-menu-title-content {

    a,
    .ant-dropdown-menu-title-content {
      color: @dark-deactive-font-color
    }

    a:hover {
      color: @dark-active-font-color
    }

    color: @dark-deactive-font-color
  }

  .ant-dropdown-menu-item-selected {
    background-color: @dark-bg-hover;

    .ant-dropdown-menu-title-content {
      color: @dark-active-font-color
    }
  }

  h3.setting-drawer-index-title {
    color: @dark-deactive-font-color  !important;
  }

  // 头部颜色
  .layout {
    .ant-layout {
      .header-animat {
        .header {
          background-color: @dark-bg;

          .anticon {
            color: @dark-deactive-font-color;
          }
        }

        .header,
        .top-nav-header-index {
          .user-wrapper {
            .action {
              color: @dark-deactive-font-color;

              &:hover {
                background: @dark-bg-hover;
              }
            }
          }
        }
      }
    }
  }
}
