default.theme.less 2.6 KB
/***    BRGIN:默认亮色主题    ***/
.app-default-theme {
  > header {
      background-color: #e8eaec;
      color: #aaaaaa;
      .app-theme-icon {
          color: #aaaaaa;
      }
      .page-logo {
          color: #535c70;
      }
      .header-right {
          > div:hover {
              background: #d4d4d4;
          }
      }
      .el-menu.el-menu--horizontal {
          > .el-menu-item, > .el-submenu > .el-submenu__title {
              background: #e1e1e1;
              color: #aaaaaa;
              i {
                  color: #aaaaaa;
              }
          }
          > .el-menu-item.is-active, > .el-submenu.is-active > .el-submenu__title {
              background-color: #f6f6f6;
              color: #666666;
              i {
                  color: #666666;
              }
          }
          > .el-menu-item:hover, > .el-submenu:hover > .el-submenu__title {
              background-color: #e9e9e9;
              color: #666666 !important;
              i {
                  color: #666666;
              }
          }
      }
  }
  > .ivu-layout {
      > .ivu-layout-sider {
          background-color: #f6f6f6;
          .sider-top {
              .ivu-icon {
                  background: #f6f6f6;
                  color: #aaaaaa;
              }
          }
          .app-menu {
              > .el-menu-item.is-active, > .el-submenu.is-active > .el-submenu__title {
                  border-left: 4px solid #1890ff;
              }
          }
      }
  }
  > .el-menu , > .ivu-layout > .ivu-layout-sider .app-app-menu > .app-menu {
      background: #f6f6f6;
      .el-menu-item:hover, .el-menu-item.is-active {
          background: #fff !important;
          color: #1890ff !important;
          i {
              color: #1890ff;
          }
      }
      .el-submenu.is-opened, .el-submenu:hover, .el-submenu.is-active {
          > .el-submenu__title {
              background: #fff !important;
              color: #1890ff !important;
              i {
                  color: #1890ff;
              }
          }
      }
      .el-submenu__title, .el-menu-item {
          color: #666666;
          i {
              color: #666666;
          }
      }
      .el-menu-item {
          border-top: 1px solid #f6f6f6;
          background: #f6f6f6;
      }
      .el-submenu {
          border-top: 1px solid #f6f6f6;
          background: #f6f6f6;
          > .el-menu {
              border-top: 1px solid #f6f6f6;
              background: #f6f6f6;
          }
      }
  }
  .ivu-menu-light{
      background: #f6f6f6;
  }
  .ivu-menu-submenu-title{
      color: #000;
  }
}
/***    END:默认亮色主题   ***/