html.black {
  color-scheme: dark;
  /* 各主题色 light-* 逐步向可辨识深蓝 #0a3d72 收敛，light-9 仍看得出蓝 */
  --el-color-primary: #0084ff;
  --el-color-primary-light-3: #0370d8;
  --el-color-primary-light-5: #0564c0;
  --el-color-primary-light-7: #065bad;
  --el-color-primary-light-8: #07549f;
  --el-color-primary-light-9: #0a3d72;
  --el-color-primary-dark-2: #339dff;
  /* success/warning/danger：light-9 加深至接近 primary，中间档线性收敛并保留色相 */
  --el-color-success: #67c23a;
  --el-color-success-light-3: #4c9b40;
  --el-color-success-light-5: #3a8144;
  --el-color-success-light-7: #276648;
  --el-color-success-light-8: #1e594a;
  --el-color-success-light-9: #0c3f4e;
  --el-color-success-dark-2: #85ce61;
  --el-color-warning: #e6a23c;
  --el-color-warning-light-3: #aa8342;
  --el-color-warning-light-5: #836e46;
  --el-color-warning-light-7: #5b5949;
  --el-color-warning-light-8: #474f4b;
  --el-color-warning-light-9: #1f3a4f;
  --el-color-warning-dark-2: #ebb563;
  --el-color-danger: #f56c6c;
  --el-color-danger-light-3: #b65b65;
  --el-color-danger-light-5: #8d5060;
  --el-color-danger-light-7: #63445b;
  --el-color-danger-light-8: #4e3e58;
  --el-color-danger-light-9: #243353;
  --el-color-danger-dark-2: #f78989;
  --el-color-info: #909399;
  --el-color-info-light-3: rgb(107, 109, 113);
  --el-color-info-light-5: rgb(82, 84, 87);
  --el-color-info-light-7: rgb(57, 58, 60);
  --el-color-info-light-8: rgb(45, 45, 47);
  --el-color-info-light-9: rgb(32, 33, 33);
  --el-color-info-dark-2: rgb(166, 169, 173);
  --el-bg-color-page: #061b3a;
  --el-bg-color: #0c2753;
  --el-bg-color-overlay: #0c2753;
  --el-text-color-primary: #fff;
  --el-text-color-regular: #fff;
  --el-text-color-secondary: #dcdcdc;
  --el-text-color-placeholder: #4b6481;
  --el-text-color-disabled: #4b6481;
  --el-border-color-darker: #001228;
  --el-border-color-dark: #153e61;
  --el-border-color: #135494;
  --el-border-color-light: #19448f;
  --el-border-color-lighter: #0068b1;
  --el-border-color-extra-light: #0089ce;
  --el-fill-color-darker: #082351;
  --el-fill-color-dark: #0b2c5f;
  --el-fill-color: #092348;
  --el-fill-color-light: #0c2a5d;
  --el-fill-color-lighter: #0c2a5d;
  --el-fill-color-extra-light: #06182e;
  --el-fill-color-blank: #092348;
  --el-mask-color: rgba(7, 33, 68, 0.9);
  --el-mask-color-extra-light: rgba(7, 33, 68, 0.3);
  --el-color-white: #ffffff;
  --el-color-black: #000000;
  --el-color-primary-rgb: 0, 132, 255;
  --el-color-success-rgb: 22, 191, 97;
  --el-color-warning-rgb: 255, 149, 23;
  --el-color-danger-rgb: 254, 57, 57;
  --el-color-error-rgb: 254, 57, 57;
  --el-color-info-rgb: 163, 163, 163;
  --el-border: 1px solid #0068b1;
  --el-border-color-hover: var(--el-color-primary);
  --el-disabled-bg-color: var(--el-fill-color-light);
  --el-disabled-text-color: var(--el-text-color-placeholder);
  --el-disabled-border-color: var(--el-border-color-light);
  --el-overlay-color: rgba(7, 33, 68, 0.9);
  --el-overlay-color-light: rgba(7, 33, 68, 0.7);
  --el-overlay-color-lighter: rgba(0, 0, 0, 0.5);
  --el-svg-monochrome-grey: var(--el-border-color);
}