:root{
  --el-color-primary: #1677ff !important;
  --el-color-primary-dark-2: #136be5 !important;
  --el-color-primary-light-1: #2d84ff !important;
  --el-color-primary-light-2: #4492ff !important;
  --el-color-primary-light-3: #5b9fff !important;
  --el-color-primary-light-4: #73adff !important;
  --el-color-primary-light-5: #8abbff !important;
  --el-color-primary-light-6: #a1c8ff !important;
  --el-color-primary-light-7: #b9d6ff !important;
  --el-color-primary-light-8: #d0e3ff !important;
  --el-color-primary-light-9: #e7f1ff !important;

  --el-color-success: #52c41a !important;
  --el-color-success-dark-2: #49b017 !important;
  --el-color-success-light-1: #63c930 !important;
  --el-color-success-light-2: #74cf47 !important;
  --el-color-success-light-3: #85d55e !important;
  --el-color-success-light-4: #97db75 !important;
  --el-color-success-light-5: #a8e18c !important;
  --el-color-success-light-6: #b9e7a3 !important;
  --el-color-success-light-7: #cbedba !important;
  --el-color-success-light-8: #dcf3d1 !important;
  --el-color-success-light-9: #edf9e8 !important;

  --el-color-warning: #faad14 !important;
  --el-color-warning-dark-2: #e19b12 !important;
  --el-color-warning-light-1: #fab52b !important;
  --el-color-warning-light-2: #fbbd43 !important;
  --el-color-warning-light-3: #fbc55a !important;
  --el-color-warning-light-4: #fccd72 !important;
  --el-color-warning-light-5: #fcd689 !important;
  --el-color-warning-light-6: #fddea1 !important;
  --el-color-warning-light-7: #fde6b8 !important;
  --el-color-warning-light-8: #feeed0 !important;
  --el-color-warning-light-9: #fef6e7 !important;

  --el-color-danger: #ff4d4f !important;
  --el-color-danger-dark-2: #e54547 !important;
  --el-color-danger-light-1: #ff5e60 !important;
  --el-color-danger-light-2: #ff7072 !important;
  --el-color-danger-light-3: #ff8283 !important;
  --el-color-danger-light-4: #ff9495 !important;
  --el-color-danger-light-5: #ffa6a7 !important;
  --el-color-danger-light-6: #ffb7b8 !important;
  --el-color-danger-light-7: #ffc9ca !important;
  --el-color-danger-light-8: #ffdbdb !important;
  --el-color-danger-light-9: #ffeded !important;

  --el-color-info: #8b8b8b !important;
  --el-color-info-dark-2: #7d7d7d !important;
  --el-color-info-light-1: #969696 !important;
  --el-color-info-light-2: #a2a2a2 !important;
  --el-color-info-light-3: #adadad !important;
  --el-color-info-light-4: #b9b9b9 !important;
  --el-color-info-light-5: #c5c5c5 !important;
  --el-color-info-light-6: #d0d0d0 !important;
  --el-color-info-light-7: #dcdcdc !important;
  --el-color-info-light-8: #e7e7e7 !important;
  --el-color-info-light-9: #f3f3f3 !important;
}

.el-button--primary {
  --el-button-font-color: #ffffff !important;
  --el-button-background-color: var(--el-color-primary) !important;
  --el-button-border-color: var(--el-color-primary) !important;
  --el-button-hover-color: var(--el-color-primary-light-3) !important;
  --el-button-active-font-color: #e6e6e6 !important;
  --el-button-active-background-color: var(--el-color-primary-dark-2) !important;
  --el-button-active-border-color: var(--el-color-primary-dark-2) !important;
}

.el-button--danger {
  --el-button-font-color: #ffffff !important;
  --el-button-background-color: var(--el-color-danger) !important;
  --el-button-border-color: var(--el-color-danger) !important;
  --el-button-hover-color: var(--el-color-danger-light-3) !important;
  --el-button-active-font-color: #e6e6e6 !important;
  --el-button-active-background-color: var(--el-color-danger-dark-2) !important;
  --el-button-active-border-color: var(--el-color-danger-dark-2) !important;
}