blue.theme.less 3.2 KB
Newer Older
1 2
/***    BRGIN:默认蓝色主题    ***/
.app_theme_blue {
3
    > .ivu-layout-has-sider > .ivu-layout > header{
4 5 6 7 8 9 10 11 12 13
      background-color: #2d5f8b;
      color: #6ba1d1;
      .app-theme-icon {
          color: #6ba1d1;
      }
      .header-right {
          > div:hover {
              background: #3774aa;
          }
      }
14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32
      .header-left {
        i{
            color:#b4bcc8;
        }
        i:hover{
            color:#fff;
        }
        > .app-breadcrumb{
            > span .el-breadcrumb__item .el-breadcrumb__inner{
                a{
                    color:#b4bcc8 !important;
                    cursor: pointer !important;
                }
                a:last-child:hover{
                    color:#fff !important;
                }
            }
        }
    }
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
      .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;
              }
          }
      }
  }
  > .el-menu , > .ivu-layout > .ivu-layout-sider .app-app-menu > .app-menu {
      background: #4276a4;
70
      .el-menu-item:hover, .el-menu-item:hover {
71 72 73 74 75 76
          background: #3c6c95 !important;
          color: #f1f1f1 !important;
          i {
              color: #f1f1f1;
          }
      }
77 78 79 80 81 82 83 84 85 86 87
      .el-submenu_title:hover{
        color: #f1f1f1 !important;
        i {
            color: #f1f1f1;
        }
      }
      
      .el-menu-item.is-active{
        border-left: 4px solid #d64635;
        background: #3c6c95 !important;
      }
88 89
      .el-submenu.is-opened, .el-submenu:hover, .el-submenu.is-active {
          > .el-submenu__title {
90
              background: #4276a4;
91 92 93 94 95 96 97 98
          }
      }
      .el-submenu__title, .el-menu-item {
          color: #c9dff5;
          i {
              color: #c9dff5;
          }
      }
99 100 101 102 103 104
      .el-submenu__title:hover{
        color: #f1f1f1 !important;
        i {
            color: #f1f1f1;
        }
      }
105 106 107
      .el-menu-item {
          border-top: 1px solid #4276a4;
          background: #4276a4;
108
          border-left: 4px solid transparent;
109 110 111 112 113 114 115 116 117 118 119 120 121 122 123 124
      }
      .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;
  }
125 126 127
  .sider-top{
    color:#fff;
  }
128 129
}
/***    END:默认蓝色主题   ***/