.jsf-theme-dark {
  /* 灰色色阶 */
  --jsf-color-gray-1: #ffffff;
  --jsf-color-gray-2: #00000005;
  --jsf-color-gray-3: #0000000c;
  --jsf-color-gray-4: #00000019;
  --jsf-color-gray-5: #00000026;
  --jsf-color-gray-6: #0000003f;
  --jsf-color-gray-7: #00000059;
  --jsf-color-gray-8: #00000072;
  --jsf-color-gray-9: #0000008c;
  --jsf-color-gray-10: #000000a5;
  --jsf-color-gray-11: #000000bf;
  --jsf-color-gray-12: #000000cc;
  --jsf-color-gray-13: #000000d8;
  --jsf-color-gray-14: #000000ea;
  --jsf-color-gray-15: #000000f4;
  --jsf-color-gray-16: #000000ff;
  /* 蓝色色阶 */
  --jsf-color-blue-1: #f6faff;
  --jsf-color-blue-2: #ecf3ff;
  --jsf-color-blue-3: #d4e5ff;
  --jsf-color-blue-4: #92bafb;
  --jsf-color-blue-5: #5995f9;
  --jsf-color-blue-6: #3c83f8;
  --jsf-color-blue-7: #2b6bd9;
  --jsf-color-blue-8: #1b4db3;
  --jsf-color-blue-9: #0f348c;
  --jsf-color-blue-10: #062374;
  /* 红色色阶 */
  --jsf-color-red-1: #fff6f8;
  --jsf-color-red-2: #ffe4e9;
  --jsf-color-red-3: #ffcad2;
  --jsf-color-red-4: #f498a4;
  --jsf-color-red-5: #e85766;
  --jsf-color-red-6: #c11916;
  --jsf-color-red-7: #b30208;
  --jsf-color-red-8: #8c0000;
  --jsf-color-red-9: #660000;
  --jsf-color-red-10: #400000;
  /* 绿色色阶 */
  --jsf-color-green-1: #f0fced;
  --jsf-color-green-2: #e3f0e1;
  --jsf-color-green-6: #46bc46;
  /* 橙色色阶 */
  --jsf-color-orange-1: #ffede6;
  --jsf-color-orange-2: #ffd4bf;
  --jsf-color-orange-6: #ff8b26;
  /* 金色色阶 */
  --jsf-color-gold-1: #fff9f2;
  --jsf-color-gold-2: #ffeed9;
  --jsf-color-gold-6: #f7c03e;
  /* 青色色阶 */
  --jsf-color-cyan-1: #f2fffa;
  --jsf-color-cyan-2: #d9fff2;
  --jsf-color-cyan-6: #3df2cb;
  /* 其它色阶 */
  --jsf-color-geekblue-1: #edeffa;
  --jsf-color-geekblue-2: #d9deff;
  --jsf-color-geekblue-6: #4040ff;
  --jsf-color-yellow-6: #f0e73a;
  --jsf-color-lime-6: #b8f224;
  --jsf-color-peach-6: #ff4070;
  /* 派生变量 */
  --jsf-primary-color: var(--jsf-color-blue-6);
  --jsf-primary-hover-color: var(--jsf-color-blue-5);
  --jsf-primary-click-color: var(--jsf-color-blue-7);
  --jsf-color-normal: var(--jsf-color-blue-6);
  --jsf-color-normal-light: var(--jsf-color-blue-1);
  --jsf-color-success: var(--jsf-color-green-6);
  --jsf-color-success-light: var(--jsf-color-green-1);
  --jsf-color-error: var(--jsf-color-red-6);
  --jsf-color-error-light: var(--jsf-color-red-1);
  --jsf-color-caution: var(--jsf-color-orange-6);
  --jsf-color-caution-light: var(--jsf-color-orange-1);
  --jsf-color-warning: var(--jsf-color-gold-6);
  --jsf-color-warning-light: var(--jsf-color-gold-1);
  --jsf-color-offline: var(--jsf-color-gray-6);
  --jsf-color-offline-light: var(--jsf-color-gray-1);
  --jsf-color-canceled: var(--jsf-color-gray-8);
  --jsf-color-canceled-light: var(--jsf-color-gray-3);
  --jsf-color-overdue: var(--jsf-color-red-8);
  --jsf-color-overdue-light: var(--jsf-color-red-3);
  --jsf-color-todo: #3dc1f5;
  --jsf-color-todo-light: rgba(61, 193, 245, 0.1);
  --jsf-color-advance: var(--jsf-color-cyan-6);
  --jsf-color-advance-light: var(--jsf-color-cyan-1);
  --jsf-color-reinspection: var(--jsf-color-geekblue-6);
  --jsf-color-reinspection-light: var(--jsf-color-geekblue-1);
  --jsf-color-other1: var(--jsf-color-yellow-6);
  --jsf-color-other2: var(--jsf-color-lime-6);
  --jsf-color-other3: var(--jsf-color-peach-6);
  --jsf-detail-page-header-border-color: #e5e5e5;
  --jsf-empty-description-color: var(--jsf-color-gray-8);
  --jsf-tag-custom1-color: #d4e5ff;
  --jsf-tag-custom2-color: #d6f0d6;
  --jsf-tag-custom3-color: #fdf3d9;
  --jsf-tag-custom4-color: #ffdddd;
  --jsf-tag-custom5-color: #d8f3fd;
  --jsf-tag-custom6-color: #f2f2f2;
  --jsf-tag-custom7-color: #e3e3ff;
  --jsf-tag-custom8-color: #f5dfff;
  --jsf-tag-custom9-color: #ffe3cb;
  --jsf-color-text-base: #fff;
  --jsf-color-normal-bg-color: var(--jsf-color-normal-light);
  --jsf-color-success-bg-color: var(--jsf-color-success-light);
  --jsf-color-error-bg-color: var(--jsf-color-error-light);
  --jsf-color-caution-bg-color: var(--jsf-color-caution-light);
  --jsf-color-warning-bg-color: var(--jsf-color-warning-light);
  --jsf-color-offline-bg-color: var(--jsf-color-offline-light);
  --jsf-color-canceled-bg-color: var(--jsf-color-canceled-light);
  --jsf-color-overdue-bg-color: var(--jsf-color-overdue-light);
  --jsf-color-todo-bg-color: var(--jsf-color-todo-light);
  --jsf-color-advance-bg-color: var(--jsf-color-advance-light);
  --jsf-color-reinspection-bg-color: var(--jsf-color-reinspection-light);
  --jsf-detail-page-header-title-color: '';
  --jsf-detail-page-header-border-color: var(--jsf-page-container-content-bg-color);
  --jsf-formily-item-label-color: '';
  --jsf-formily-item-feedback-none-color: '';
  --jsf-table-empty-text-color: '';
  --jsf-empty-description-color: '';
  --jsf-text-color: '';
  --jsf-text-color-secondary: '';

  --jsf-page-container-breadcrumb-color: #8f959e;
  --jsf-page-container-breadcrumb-active-color: rgba(0, 0, 0, 0.85);
  --jsf-page-container-content-bg-color: #f1f8ff;
  --jsf-layout-header-bg-image: url('/nav-header.png');
  --jsf-layout-menu-title-content-color: rgba(39, 22, 22, 0.65);
  --jsf-layout-submenu-arrow-color: var(--jsf-color-gray-7);
  --jsf-layout-submenu-hover-color: #fff3e6;
  --jsf-ant-typography-ellipsis-text-color: var(--jsf-color-gray-10);
  --jsf-tag-custom1-color: #d4e5ff;
  --jsf-tag-custom2-color: #d6f0d6;
  --jsf-tag-custom3-color: #fdf3d9;
  --jsf-tag-custom4-color: #ffdddd;
  --jsf-tag-custom5-color: #d8f3fd;
  --jsf-tag-custom6-color: #f2f2f2;
  --jsf-tag-custom7-color: #e3e3ff;
  --jsf-tag-custom8-color: #f5dfff;
  --jsf-tag-custom9-color: #ffe3cb;
  --jsf-color-text-base: var(--jsf-color-gray-10);
  --jsf-color-normal-bg-color: var(--jsf-color-normal-light);
  --jsf-color-success-bg-color: var(--jsf-color-success-light);
  --jsf-color-error-bg-color: var(--jsf-color-error-light);
  --jsf-color-caution-bg-color: var(--jsf-color-caution-light);
  --jsf-color-warning-bg-color: var(--jsf-color-warning-light);
  --jsf-color-offline-bg-color: var(--jsf-color-offline-light);
  --jsf-color-canceled-bg-color: var(--jsf-color-canceled-light);
  --jsf-color-overdue-bg-color: var(--jsf-color-overdue-light);
  --jsf-color-todo-bg-color: var(--jsf-color-todo-light);
  --jsf-color-advance-bg-color: var(--jsf-color-advance-light);
  --jsf-color-reinspection-bg-color: var(--jsf-color-reinspection-light);
  --jsf-detail-page-header-title-color: #262626;
  --jsf-detail-page-header-border-color: #e5e5e5;
  --jsf-text-color: var(--jsf-color-gray-13);
  --jsf-text-color-secondary: var(--jsf-color-gray-8);
  --jsf-formily-item-label-color: var(--jsf-text-color);
  --jsf-formily-item-feedback-none-color: var(--jsf-text-color-secondary);
  --jsf-table-empty-text-color: var(--jsf-color-gray-7);
  --jsf-empty-description-color: var(--jsf-color-gray-8);
}
.jsf-theme-dark-red {
  --jsf-primary-color: var(--jsf-color-red-6);
  --jsf-primary-hover-color: var(--jsf-color-red-5);
  --jsf-primary-click-color: var(--jsf-color-red-7);
  --jsf-color-normal: var(--jsf-color-red-6);
  --jsf-color-normal-light: var(--jsf-color-red-1);
  --jsf-color-success: var(--jsf-color-green-6);
  --jsf-color-success-light: var(--jsf-color-green-1);
  --jsf-color-error: var(--jsf-color-red-6);
  --jsf-color-error-light: var(--jsf-color-red-1);
  --jsf-color-caution: var(--jsf-color-orange-6);
  --jsf-color-caution-light: var(--jsf-color-orange-1);
  --jsf-color-warning: var(--jsf-color-gold-6);
  --jsf-color-warning-light: var(--jsf-color-gold-1);
  --jsf-color-offline: var(--jsf-color-gray-6);
  --jsf-color-offline-light: var(--jsf-color-gray-1);
  --jsf-color-canceled: var(--jsf-color-gray-8);
  --jsf-color-canceled-light: var(--jsf-color-gray-3);
  --jsf-color-overdue: var(--jsf-color-red-8);
  --jsf-color-overdue-light: var(--jsf-color-red-3);
  --jsf-color-todo: #3dc1f5;
  --jsf-color-todo-light: rgba(61, 193, 245, 0.1);
  --jsf-color-advance: var(--jsf-color-cyan-6);
  --jsf-color-advance-light: var(--jsf-color-cyan-1);
  --jsf-color-reinspection: var(--jsf-color-geekblue-6);
  --jsf-color-reinspection-light: var(--jsf-color-geekblue-1);
  --jsf-color-other1: var(--jsf-color-yellow-6);
  --jsf-color-other2: var(--jsf-color-lime-6);
  --jsf-color-other3: var(--jsf-color-peach-6);
  --jsf-detail-page-header-border-color: #e5e5e5;
  --jsf-empty-description-color: var(--jsf-color-gray-8);
  --jsf-tag-custom1-color: #d4e5ff;
  --jsf-tag-custom2-color: #d6f0d6;
  --jsf-tag-custom3-color: #fdf3d9;
  --jsf-tag-custom4-color: #ffdddd;
  --jsf-tag-custom5-color: #d8f3fd;
  --jsf-tag-custom6-color: #f2f2f2;
  --jsf-tag-custom7-color: #e3e3ff;
  --jsf-tag-custom8-color: #f5dfff;
  --jsf-tag-custom9-color: #ffe3cb;
  --jsf-color-text-base: var(--jsf-color-gray-10);
  --jsf-color-normal-bg-color: var(--jsf-color-normal-light);
  --jsf-color-success-bg-color: var(--jsf-color-success-light);
  --jsf-color-error-bg-color: var(--jsf-color-error-light);
  --jsf-color-caution-bg-color: var(--jsf-color-caution-light);
  --jsf-color-warning-bg-color: var(--jsf-color-warning-light);
  --jsf-color-offline-bg-color: var(--jsf-color-offline-light);
  --jsf-color-canceled-bg-color: var(--jsf-color-canceled-light);
  --jsf-color-overdue-bg-color: var(--jsf-color-overdue-light);
  --jsf-color-todo-bg-color: var(--jsf-color-todo-light);
  --jsf-color-advance-bg-color: var(--jsf-color-advance-light);
  --jsf-color-reinspection-bg-color: var(--jsf-color-reinspection-light);
  --jsf-detail-page-header-title-color: #262626;
  --jsf-detail-page-header-border-color: #e5e5e5;
  --jsf-text-color: var(--jsf-color-gray-13);
  --jsf-text-color-secondary: var(--jsf-color-gray-8);
  --jsf-formily-item-label-color: var(--jsf-text-color);
  --jsf-formily-item-feedback-none-color: var(--jsf-text-color-secondary);
}