.theme-purple {
    .sidebar-container {
        .logo {
            background: #5E54B2;
        }
    }
    .common-header {
        background: #5a6eb2;
        color: #fff;
        .el-dropdown{
            color: #fff;
        }
        .header-menu {
            li.selected{
                color: #fff;
                border-bottom: none;
                div{
                    display: inline-block;
                }
            }
        }
    }
    .sidebar-container {
        .el-submenu .el-menu-item{
            background: #5E54B2 !important;
            &.is-active{
                background: #1890ff !important;
            }
        }
        .menu-wrapper .el-menu-item{
            &.is-active{
                background: #1890ff !important;
            }
        }
    }
    .el-dialog__header {
        background: #5E54B2 !important;
    }
}

.theme-black {
    .sidebar-container {
        .logo {
            background: #21242e;
        }
    }
    .common-header {
        background: #fff;
        color: #666;
        .el-dropdown{
            color: #666;
        }
    }
    .sidebar-container {
        .el-submenu .el-menu-item{
            background: #15171d !important;
            &.is-active{
                background: #1890ff !important;
            }
        }
        .menu-wrapper .el-menu-item{
            &.is-active{
                background: #1890ff !important;
            }
        }
    }
    .el-dialog__header {
        background: #21242e !important;
    }
}

.theme-black-dark {
    .sidebar-container {
        .logo {
            background: #3F3F3F;
        }
    }
    .common-header {
        background: #3f3f3f;
        color: #FFF;
        .el-dropdown{
            color: #fff;
        }
    }
    .el-dialog__header {
        background: #3F3F3F !important;
    }
}

.theme-primary {
    .sidebar-container {
        .logo {
            background: #1D4C9E;
        }
    }
    .common-header {
        background: #1D4C9E;
        color: #fff;
        .el-dropdown{
            color: #fff;
        }
        .header-menu {
            li.selected{
                color: #fff;
                border-bottom: none;
                div{
                    display: inline-block;
                }
            }
        }
    }
    .sidebar-container {
        .el-submenu .el-menu-item{
            background: #0f2b5c !important;
            &.is-active{
                background: #1890ff !important;
            }
        }
        .menu-wrapper .el-menu-item{
            &.is-active{
                background: #1890ff !important;
            }
        }
    }
    .el-dialog__header {
        background: #1D4C9E !important;
    }
}
