/*** BRGIN:默认亮色主题 ***/ .app-default-theme { > header { background-color: #e8eaec; color: #aaaaaa; .app-theme-icon { color: #aaaaaa; } .page-logo { color: #535c70; } .header-right { > div:hover { background: #d4d4d4; } } .el-menu.el-menu--horizontal { > .el-menu-item, > .el-submenu > .el-submenu__title { background: #e1e1e1; color: #aaaaaa; i { color: #aaaaaa; } } > .el-menu-item.is-active, > .el-submenu.is-active > .el-submenu__title { background-color: #f6f6f6; color: #666666; i { color: #666666; } } > .el-menu-item:hover, > .el-submenu:hover > .el-submenu__title { background-color: #e9e9e9; color: #666666 !important; i { color: #666666; } } } } > .ivu-layout { > .ivu-layout-sider { background-color: #f6f6f6; .sider-top { .ivu-icon { background: #f6f6f6; color: #aaaaaa; } } .app-menu { > .el-menu-item.is-active, > .el-submenu.is-active > .el-submenu__title { border-left: 4px solid #1890ff; } } } } > .el-menu , > .ivu-layout > .ivu-layout-sider .app-app-menu > .app-menu { background: #f6f6f6; .el-menu-item:hover, .el-menu-item.is-active { background: #fff !important; color: #1890ff !important; i { color: #1890ff; } } .el-submenu.is-opened, .el-submenu:hover, .el-submenu.is-active { > .el-submenu__title { background: #fff !important; color: #1890ff !important; i { color: #1890ff; } } } .el-submenu__title, .el-menu-item { color: #666666; i { color: #666666; } } .el-menu-item { border-top: 1px solid #f6f6f6; background: #f6f6f6; } .el-submenu { border-top: 1px solid #f6f6f6; background: #f6f6f6; > .el-menu { border-top: 1px solid #f6f6f6; background: #f6f6f6; } } } .ivu-menu-light{ background: #f6f6f6; } .ivu-menu-submenu-title{ color: #000; } } /*** END:默认亮色主题 ***/