$bgColor: #1f1f1f; // 背景色 $borderColor: #606266; $color: #c0c4cc; // 字体颜色 /deep/ .el-table { color: $color; background-color: $bgColor; } // 单元格内填充 /deep/ .el-table td, /deep/ .el-table th { padding: 10px 0px; background-color: $bgColor; } // 有滚动条时 /deep/ .el-table__fixed-right-patch { display: none; width: 0; height: 0; } /deep/ .el-table__fixed-right { right: 0px !important; bottom: 0px !important; } /deep/ .el-table__fixed-right::before, /deep/ .el-table__fixed::before { // display: none; background-color: $borderColor; } // 表头 /deep/ .el-table th, /deep/ .el-table tr { background-color: $bgColor; } // 表头下划线 /deep/ .el-table__header th { background-color: $bgColor; border-color: $borderColor; color: $color; } // 单元格的背景及边框颜色 /deep/ .el-table--enable-row-transition .el-table__body td, .el-table .cell { background-color: $bgColor; border-color: $borderColor; } // 表格上、左侧的边框颜色 /deep/ .el-table, .el-table__expanded-cell { border-color: $borderColor; } // 鼠标悬停背景色 /deep/ .el-table tbody tr:hover > td { background-color: transparent; } // 表格下、右侧的边框颜色 /deep/ .el-table--border::after, /deep/ .el-table--group::after, /deep/ .el-table::before { // display: none; background-color: $borderColor; } // 表格为空 /deep/ .el-table__empty-block { background-color: $bgColor; border-color: $borderColor; } /** 分页的样式 */ // 前一页、后一页样式 /deep/ .btn-prev, /deep/ .btn-next { background-color: #606266; color: $color; } // 页码样式 /deep/ .el-pager { .number { background-color: $borderColor; color: $color; } .number.active { background-color: #409eff; color: white; } .el-icon { background-color: $borderColor; color: $color; } } // 前往多少页的字体样式 /deep/ .el-pagination__total, /deep/ .el-pagination__jump { color: $color; } // 前往多少页的输入框 /deep/ .el-input__inner, /deep/ .el-textarea__inner, /deep/ .el-input__count { background-color: $bgColor; color: $color; border-color: $borderColor; }