blue.theme.less 2.6 KB
Newer Older
ibizdev's avatar
ibizdev committed
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80 81 82 83 84 85 86 87 88 89 90 91 92 93 94 95 96 97 98 99 100 101
/***    BRGIN:默认蓝色主题    ***/
.app_theme_blue {
  > header {
      background-color: #2d5f8b;
      color: #6ba1d1;
      .app-theme-icon {
          color: #6ba1d1;
      }
      .page-logo {
          color: #fff;
      }
      .header-right {
          > div:hover {
              background: #3774aa;
          }
      }
      .el-menu.el-menu--horizontal {
          > .el-menu-item, > .el-submenu > .el-submenu__title {
              background: #2d5f8b;
              color: #6ba1d1;
              i {
                  color: #6ba1d1;
              }
          }
          > .el-menu-item.is-active, > .el-submenu.is-active > .el-submenu__title {
              background-color: #4276a4;
              color: #f1f1f1;
              i {
                  color: #f1f1f1;
              }
          }
          > .el-menu-item:hover, > .el-submenu:hover > .el-submenu__title {
              background-color: #3c6c95;
              color: #f1f1f1 !important;
              i {
                  color: #f1f1f1;
              }
          }
      }
  }
  > .ivu-layout {
      > .ivu-layout-sider {
          background-color: #4276a4;
          .sider-top {
              .ivu-icon {
                  background: #2d5f8b;
                  color: #6ba1d1;
              }
          }
          .app-menu {
              > .el-menu-item.is-active, > .el-submenu.is-active > .el-submenu__title {
                  border-left: 4px solid #d64635;
              }
          }
      }
  }
  > .el-menu , > .ivu-layout > .ivu-layout-sider .app-app-menu > .app-menu {
      background: #4276a4;
      .el-menu-item:hover, .el-menu-item.is-active {
          background: #3c6c95 !important;
          color: #f1f1f1 !important;
          i {
              color: #f1f1f1;
          }
      }
      .el-submenu.is-opened, .el-submenu:hover, .el-submenu.is-active {
          > .el-submenu__title {
              background: #3c6c95 !important;
              color: #f1f1f1 !important;
              i {
                  color: #f1f1f1;
              }
          }
      }
      .el-submenu__title, .el-menu-item {
          color: #c9dff5;
          i {
              color: #c9dff5;
          }
      }
      .el-menu-item {
          border-top: 1px solid #4276a4;
          background: #4276a4;
      }
      .el-submenu {
          border-top: 1px solid #4276a4;
          background: #4276a4;
          > .el-menu {
              border-top: 1px solid #4276a4;
              background: #4276a4;
          }
      }
  }
  .ivu-menu-light{
      background: #4276a4;
  }
  .ivu-menu-submenu-title{
      color: #f5f5f5;
  }
}
/***    END:默认蓝色主题   ***/