Cold_erp_web/src/styles/element/dark.scss

html.dark {
  /* 自定义深色背景颜色 */
  --el-bg-color: #262727;
  --font-color: #fff;
  --el-menu-text-color: #fff;
  --el-menu-hover-text-color: #fff;
  --el-menu-bg-color: var(--el-bg-color);
  --el-menu-hover-bg-color: var(--el-bg-color);
  --el-menu-active-color: #ffd04b;
  --el-menu-level: 0;
  .el-header {
    background-color: var(--el-bg-color);
  }
  .home-container .el-header {
    box-shadow: 0px 0px 5px rgba(255, 255, 255, 1);
  }
  .el-main {
    color: var(--font-color);
    background-color: var(--el-bg-color);
    .table-header {
      background-color: var(--el-bg-color);
    }
    .el-table__body tr.el-table__row {
      background-color: var(--el-bg-color) !important;
    }
    .el-table__body tr.el-table__row:hover {
      // box-shadow: 0 0 6px #fff;
      // background-color: var(--el-bg-color) !important;
      box-shadow: 0px 0px 10px rgba(255, 255, 255, 1) inset, 0px 0px 5px rgba(200, 200, 200, 1);
    }
    .el-table .el-table__row {
      color: var(--font-color);
      font-weight: 600;
    }
    .records {
      .info-content,
      .content {
        color: var(--font-color) !important;
      }
      .content {
        background-color: var(--el-bg-color);
      }
    }
    .RecordsFinance .RecordsFinance-container .info-content,
    .Leave .Leave-container .info-content,
    .salary .info-content {
      color: var(--font-color) !important;
    }
  }
  .home-container .el-aside {
    background-color: var(--el-bg-color);
    .menu .el-menu {
      color: var(--font-color);
      background-color: var(--el-bg-color);
      .el-sub-menu .el-sub-menu__title {
        color: var(--font-color) !important;
        background-color: var(--el-bg-color) !important;
      }
      .el-menu-item:hover {
        background-color: rgba(14, 17, 31, 0.5);
      }
    }
  }
  .el-button {
    background-color: var(--el-bg-color);
  }
}