vue中改变table组件颜色，底下有白线、改变鼠标放置颜色

最近做的一个系统要将主题改为暗黑炫酷主题，所以要改变组件颜色，用的组件比较少所以就单个改了。

/*table中鼠标悬停的颜色*/
:deep(.el-table__body tr:hover > td) {
  background-color: #383838 !important;
}

/*table下方的白线*/
:deep(.el-table::before) {
  background-color: #383838;
  color: #fff;
  border: none;
}
/*table中数据颜色*/
:deep(.el-table .el-table__cell.is-center) {
  background-color: #2E2E2E;
  color: #fff;
  border: none;
}