:root {
  --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: #fff2f4;
  --jsf-color-red-2: #ffd9ce;
  --jsf-color-red-3: #ffb3ba;
  --jsf-color-red-4: #ff8c94;
  --jsf-color-red-6: #ff4040;
  --jsf-color-red-8: #b3251b;

  --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: '';
}