$themeColor: #5BA7FF; .body { // color: #333; } #app { .page-header { background: $themeColor; .page-logo { background: #fff; } .data-menu { .data-menu-dropdown { color: #fff; } .icon-arrows { background: #fff; color: $themeColor; } // .el-select .el-input--suffix .el-input__inner { // background: #e3e4e6; // } } .user-menu { .user-menu-dropdown { color: #fff; } } } .page-container { background: #f2f2f2; .page-sidebar-wrapper { // color: azure; background: #fff; // .el-menu { // background: #364150; // } } .page-content-wrapper { .page-content { .query-form { border: 1px solid #dfe6ec; background-color: #fff; } .data-table { .el-table__header-wrapper { .el-table__header { thead tr th { background-color: #d9d9d9; // color: #000; } } } } } } } .page-footer { background: #28303b; } }