dark-blue.theme.less 2.1 KB
Newer Older
1 2
/***    BRGIN:默认Dark Blue主题    ***/
.app_theme_darkblue {
tony001's avatar
tony001 committed
3 4 5
    > .ivu-layout-has-sider > .ivu-layout > header{
        .app-theme-icon {
            color: #606d80;
tony001's avatar
tony001 committed
6
        }
tony001's avatar
tony001 committed
7 8 9
    }
    > .ivu-layout {
        > .ivu-layout-sider {
tony001's avatar
tony001 committed
10
            background-color: #20222A;
tony001's avatar
tony001 committed
11
            .sider-top {
tony001's avatar
tony001 committed
12 13
                color: hsla(0,0%,100%,.8);
                background-color: #20222A;
tony001's avatar
tony001 committed
14 15 16 17 18
                >.page-logo{
                    >.menuicon:hover{
                        background-color:#060708;
                    }
                }
tony001's avatar
tony001 committed
19 20 21 22
            }
        }
    }
    > .el-menu , > .ivu-layout > .ivu-layout-sider .app-app-menu > .app-menu {
tony001's avatar
tony001 committed
23
        background: #20222A;
tony001's avatar
tony001 committed
24 25 26 27 28 29 30 31 32 33 34 35 36 37
        .el-menu-item:hover, .el-menu-item:hover {
            color: #f1f1f1 !important;
            i {
                color: #f1f1f1;
            }
        }
        
        .el-submenu__title:hover{
            color: #f1f1f1 !important;
            i {
                color: #f1f1f1;
            }
        }
        .el-menu-item.is-active{
tony001's avatar
tony001 committed
38 39
          border-left: 4px solid #409EFF;
          background: #060708 !important;
tony001's avatar
tony001 committed
40 41 42 43
          color:white;
        }
        .el-submenu.is-opened, .el-submenu:hover, .el-submenu.is-active {
            > .el-submenu__title {
tony001's avatar
tony001 committed
44
                background: #20222A;
tony001's avatar
tony001 committed
45 46 47 48 49 50 51 52 53
            }
        }
        .el-submenu__title, .el-menu-item {
            color: #b4bcc8;
            i {
                color: #b4bcc8;
            }
        }
        .el-menu-item {
tony001's avatar
tony001 committed
54 55
            border-top: 1px solid #20222A;
            background: #20222A;
tony001's avatar
tony001 committed
56 57 58
            border-left: 4px solid transparent;
        }
        .el-submenu {
tony001's avatar
tony001 committed
59 60
            border-top: 1px solid #20222A;
            background: #20222A;
tony001's avatar
tony001 committed
61
            > .el-menu {
tony001's avatar
tony001 committed
62 63
                border-top: 1px solid #20222A;
                background: #20222A;
tony001's avatar
tony001 committed
64 65 66 67
            }
        }
    }
    .ivu-menu-light{
tony001's avatar
tony001 committed
68
        background: #20222A;
tony001's avatar
tony001 committed
69 70 71 72 73 74 75
    }
    .ivu-menu-submenu-title{
        color: #fff;
    }
    .sider-top{
        color:#fff;
    }
WodahsOrez's avatar
WodahsOrez committed
76 77 78
    div.ivu-divider{
      background-color: #b4bcc8;
    }
79
  }
tony001's avatar
tony001 committed
80
  /***    END:默认Dark Blue主题   ***/