//浅色 主题变量
[data-theme='light'] {
  --el-border-color-base: #e4e7ed;
  //表格
  .el-table {
    --el-table-header-bg-color: #f5f7fa;
    --el-table-header-text-color: rgb(31 34 37);
  }

  .el-table__header-wrapper tr th.el-table-fixed-column--right {
    background-color: #f5f7fa;
  }
  //菜单
  // hover 交互
  .admin-layout {
    &-content {
      .el-menu {
        --el-menu-hover-bg-color: transparent !important;
        --el-menu-hover-text-color: #fff !important;

        &-item.is-active {
          background-color: var(--el-color-primary);
          color: var(--el-menu-hover-text-color);

          &:hover {
            background-color: var(--el-color-primary);
          }
        }

        &-item:hover {
          color: var(--el-menu-hover-text-color);
        }

        .el-sub-menu__title:hover {
          color: var(--el-menu-hover-text-color);
        }
      }
    }
  }

  .el-menu--horizontal {
    border: none !important;
  }

  //白色菜单交互
  .admin-layout-theme-light {
    .el-menu {
      --el-menu-hover-text-color: var(--el-color-primary) !important;
      --el-menu-bg-color: #fff !important;
      --el-menu-text-color: rgb(51 54 57);
      --el-menu-hover-text-color: var(--el-color-primary) !important;

      &-item.is-active {
        color: #fff;
      }
    }
  }
  //去掉横向菜单，灰色背景色
  .admin-layout {
    .admin-layout-header {
      .layout-header {
        .el-menu--horizontal .el-menu-item:not(.is-disabled):hover,.el-menu--horizontal .el-menu-item:not(.is-disabled):focus {
          background: none;
          color: var(--el-menu-active-color) !important;
        }
      }
    }

    .el-menu--horizontal .el-sub-menu__title:hover {
      color: var(--el-color-primary);
    }
  }
}
