blue.theme.less 2.0 KB
Newer Older
1 2
/***    BRGIN:默认蓝色主题    ***/
.app_theme_blue {
tony001's avatar
tony001 committed
3
    > .ivu-layout-has-sider > .ivu-layout > header{
4 5 6 7
      .app-theme-icon {
          color: #6ba1d1;
      }
  }
tony001's avatar
tony001 committed
8
  
9
  > .ivu-layout {
tony001's avatar
tony001 committed
10 11 12 13
    > .ivu-layout-sider {
        background-color: #4276a4;
        .sider-top {
          color: hsla(0,0%,100%,.8);
tony001's avatar
tony001 committed
14 15 16 17 18 19
          background-color: #4276a4;
          >.page-logo{
            >.menuicon:hover{
                background-color: #2d5f8b;
              }
          }
20
      }
tony001's avatar
tony001 committed
21
    }
22 23 24
  }
  > .el-menu , > .ivu-layout > .ivu-layout-sider .app-app-menu > .app-menu {
      background: #4276a4;
tony001's avatar
tony001 committed
25
      .el-menu-item:hover, .el-menu-item:hover {
26 27 28 29 30 31
          background: #3c6c95 !important;
          color: #f1f1f1 !important;
          i {
              color: #f1f1f1;
          }
      }
tony001's avatar
tony001 committed
32 33 34 35 36 37 38 39 40 41 42
      .el-submenu_title:hover{
        color: #f1f1f1 !important;
        i {
            color: #f1f1f1;
        }
      }
      
      .el-menu-item.is-active{
        border-left: 4px solid #d64635;
        background: #3c6c95 !important;
      }
43 44
      .el-submenu.is-opened, .el-submenu:hover, .el-submenu.is-active {
          > .el-submenu__title {
tony001's avatar
tony001 committed
45
              background: #4276a4;
46 47 48 49 50 51 52 53
          }
      }
      .el-submenu__title, .el-menu-item {
          color: #c9dff5;
          i {
              color: #c9dff5;
          }
      }
tony001's avatar
tony001 committed
54 55 56 57 58 59
      .el-submenu__title:hover{
        color: #f1f1f1 !important;
        i {
            color: #f1f1f1;
        }
      }
60 61 62
      .el-menu-item {
          border-top: 1px solid #4276a4;
          background: #4276a4;
tony001's avatar
tony001 committed
63
          border-left: 4px solid transparent;
64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79
      }
      .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;
  }
tony001's avatar
tony001 committed
80 81 82
  .sider-top{
    color:#fff;
  }
WodahsOrez's avatar
WodahsOrez committed
83 84 85
  div.ivu-divider{
    background-color: #c9dff5;
  }
86 87
}
/***    END:默认蓝色主题   ***/