@next-core/brick-container 2.50.1 → 2.53.0

package/dist/{main.6434351334040f6c33b2.css → main.b2ff0ebeb7fa558c53b0.css}

@@ -43,6 +43,72 @@
   --palette-amber-8: #ab7800;
   --palette-amber-9: #855800;
   --palette-amber-10: #5e3c00;
+
+  --palette-cyan-1: #f0ffff;
+  --palette-cyan-2: #c7feff;
+  --palette-cyan-3: #9efaff;
+  --palette-cyan-4: #75f4ff;
+  --palette-cyan-5: #4deaff;
+  --palette-cyan-6: #21d4f3;
+  --palette-cyan-7: #12aacc;
+  --palette-cyan-8: #0783a6;
+  --palette-cyan-9: #006080;
+  --palette-cyan-10: #004059;
+
+  --palette-orange-1: #fff8e6;
+  --palette-orange-2: #ffe6ab;
+  --palette-orange-3: #ffd582;
+  --palette-orange-4: #fcc058;
+  --palette-orange-5: #f0a22e;
+  --palette-orange-6: #e38306;
+  --palette-orange-7: #bd6500;
+  --palette-orange-8: #964b00;
+  --palette-orange-9: #703400;
+  --palette-orange-10: #4a2000;
+
+  --palette-yellow-1: #feffe6;
+  --palette-yellow-2: #ffffb8;
+  --palette-yellow-3: #fffb8f;
+  --palette-yellow-4: #fff566;
+  --palette-yellow-5: #ffec3d;
+  --palette-yellow-6: #fadb14;
+  --palette-yellow-7: #d4b106;
+  --palette-yellow-8: #ad8b00;
+  --palette-yellow-9: #876800;
+  --palette-yellow-10: #614700;
+
+  --palette-teal-1: #f0fff8;
+  --palette-teal-2: #c5fae4;
+  --palette-teal-3: #93edcb;
+  --palette-teal-4: #69e0b7;
+  --palette-teal-5: #42d4a5;
+  --palette-teal-6: #1dc897;
+  --palette-teal-7: #0ea17c;
+  --palette-teal-8: #067a61;
+  --palette-teal-9: #005445;
+  --palette-teal-10: #002e27;
+
+  --palette-purple-1: #faf0ff;
+  --palette-purple-2: #f7e8ff;
+  --palette-purple-3: #e6bfff;
+  --palette-purple-4: #c78ff2;
+  --palette-purple-5: #a863e6;
+  --palette-purple-6: #893ad8;
+  --palette-purple-7: #6827b3;
+  --palette-purple-8: #4a188c;
+  --palette-purple-9: #300c66;
+  --palette-purple-10: #1c0740;
+
+  --palette-pink-1: #ffe6ec;
+  --palette-pink-2: #ffbdcf;
+  --palette-pink-3: #ff94b6;
+  --palette-pink-4: #ff6b9f;
+  --palette-pink-5: #ff428b;
+  --palette-pink-6: #ff1a79;
+  --palette-pink-7: #d90b67;
+  --palette-pink-8: #b30056;
+  --palette-pink-9: #8c0048;
+  --palette-pink-10: #660038;
 }
 
 html[data-theme="dark-v2"],
@@ -90,6 +156,72 @@ html[data-theme="dark-v2"],
   --palette-amber-8: #f3d954;
   --palette-amber-9: #f8e87d;
   --palette-amber-10: #faf2a5;
+
+  --palette-cyan-1: #14282f;
+  --palette-cyan-2: #163c47;
+  --palette-cyan-3: #1a505c;
+  --palette-cyan-4: #1c6d7d;
+  --palette-cyan-5: #1e93a8;
+  --palette-cyan-6: #20b9d4;
+  --palette-cyan-7: #45d5e8;
+  --palette-cyan-8: #6ee8f4;
+  --palette-cyan-9: #98f3f8;
+  --palette-cyan-10: #c1f9fa;
+
+  --palette-orange-1: #2a1f16;
+  --palette-orange-2: #412b14;
+  --palette-orange-3: #553815;
+  --palette-orange-4: #734812;
+  --palette-orange-5: #9c5e0e;
+  --palette-orange-6: #c5740b;
+  --palette-orange-7: #da952e;
+  --palette-orange-8: #f1b958;
+  --palette-orange-9: #f8d082;
+  --palette-orange-10: #fae3aa;
+
+  --palette-yellow-1: #2e2816;
+  --palette-yellow-2: #463e16;
+  --palette-yellow-3: #5b5219;
+  --palette-yellow-4: #7e7019;
+  --palette-yellow-5: #ab9818;
+  --palette-yellow-6: #d9bf17;
+  --palette-yellow-7: #e8d73c;
+  --palette-yellow-8: #f3ea65;
+  --palette-yellow-9: #f8f48d;
+  --palette-yellow-10: #fafab7;
+
+  --palette-teal-1: #142625;
+  --palette-teal-2: #153a33;
+  --palette-teal-3: #194d40;
+  --palette-teal-4: #1a6853;
+  --palette-teal-5: #1c8b6d;
+  --palette-teal-6: #1daf86;
+  --palette-teal-7: #3ec399;
+  --palette-teal-8: #67d9b1;
+  --palette-teal-9: #93e9c9;
+  --palette-teal-10: #c3f7e2;
+
+  --palette-purple-1: #1f172b;
+  --palette-purple-2: #2b1b40;
+  --palette-purple-3: #3a2254;
+  --palette-purple-4: #4b2770;
+  --palette-purple-5: #622e97;
+  --palette-purple-6: #7936bd;
+  --palette-purple-7: #9a5bd2;
+  --palette-purple-8: #be89e7;
+  --palette-purple-9: #e0baf8;
+  --palette-purple-10: #f3e4fa;
+
+  --palette-pink-1: #2e1423;
+  --palette-pink-2: #48142e;
+  --palette-pink-3: #5d1837;
+  --palette-pink-4: #7f1846;
+  --palette-pink-5: #ae195a;
+  --palette-pink-6: #dc1a6d;
+  --palette-pink-7: #e83e82;
+  --palette-pink-8: #f3679a;
+  --palette-pink-9: #f890b3;
+  --palette-pink-10: #fabacd;
 }
 :root,
 [data-override-theme="light"] {
@@ -143,6 +275,8 @@ html[data-theme="dark-v2"],
   --color-info-icon-bg: var(--palette-blue-1);
   --color-info-outline: var(--palette-blue-3);
 
+  --color-normal-icon: var(--palette-gray-1);
+
   --color-warning: var(--palette-amber-6);
   --color-warning-hover: var(--palette-amber-4);
   --color-warning-active: var(--palette-amber-8);
@@ -154,6 +288,7 @@ html[data-theme="dark-v2"],
   --color-error-active: var(--palette-red-8);
   --color-error-bg: var(--palette-red-2);
   --color-error-outline: var(--palette-red-3);
+  --color-white: #fff;
 
   --small-border-radius: 2px;
   --medius-border-radius: 4px;
@@ -180,6 +315,7 @@ html[data-theme="dark-v2"],
   --chart-tooltips-font-size: 12px;
   --chart-axis-x-font-size: 10px;
   --chart-axis-y-font-size: 10px;
+  --special-title-font-size-small: 18px;
 
   --font-weight-600: 600;
   --font-weight-500: 500;
@@ -211,10 +347,14 @@ html[data-theme="dark-v2"],
   --menu-item-selected-bg: var(--color-brand);
   --menu-item-hover: #3e86e6;
   --menu-submenu-selected-bg: rgba(0, 99, 206, 0.2);
+  --menu-dropdown-bg: var(--palette-blue-1);
   --app-submenu-active-bg: #e0eeff;
 
   --checkbox-bg-hover: #ebf3fd;
   --checkbox-bg-active: var(--palette-gray-3);
+  --input-outline-hover: var(--palette-blue-6);
+  --input-outline-focus: var(--palette-blue-6);
+  --input-fill-bg: var(--palette-gray-3);
 
   --chart-legend-font-size: 12px;
   --chart-tooltips-font-size: 12px;
@@ -232,12 +372,14 @@ html[data-theme="dark-v2"],
   --antd-border-color-split-lighten-80: #fff;
   --antd-border-color-split: #f0f0f0;
   --antd-heading-color: rgba(0, 0, 0, 0.85);
+  --antd-label-color: var(--antd-heading-color);
   --antd-component-background: #fff;
   --antd-border-color-base: #d9d9d9;
   --text-color-disabled: #bfbfbf;
   --antd-background-color-base: #f5f5f5;
   --antd-item-active-bg: var(--antd-background-color-light);
   --antd-item-hover-bg: #f5f5f5;
+  --antd-icon-color-hover: rgba(0, 0, 0, 0.75);
 
   /*** menu ***/
   --antd-menu-bg: #4e93ef;
@@ -283,6 +425,7 @@ html[data-theme="dark-v2"],
   --antd-checkbox-color: var(--color-brand);
   --antd-checkbox-bg-hover: var(--checkbox-bg-hover);
   --antd-checkbox-checked: var(--checkbox-bg-active);
+  --antd-checkbox-check-bg: var(--antd-component-background);
 
   /*** card ***/
   --antd-card-background: var(--antd-component-background);
@@ -295,6 +438,9 @@ html[data-theme="dark-v2"],
   --antd-dashboard-radio-item-disabled-color: var(--color-disabled-text);
   --antd-dashboard-radio-item-checked-bg: var(--antd-component-background);
   --antd-dashboard-radio-item-checked-color: var(--color-info);
+  --antd-dashboard-radio-item-checked-border-color: var(
+    --antd-dashboard-radio-bg
+  );
   --antd-dashboard-radio-item-checked-shadow: 0 0 0 3px rgb(0, 113, 235, 0.08);
   --antd-radio-solid-checked-color: var(--antd-component-background);
 
@@ -336,6 +482,8 @@ html[data-theme="dark-v2"],
   --antd-btn-special-icon-type-bg: var(--palette-gray-3);
   --antd-btn-special-icon-type-hover-color: var(--color-brand);
   --antd-btn-special-icon-type-hover-bg: #d8ecff;
+  --antd-btn-special-icon-type-active-color: #378be3;
+  --antd-btn-special-icon-type-active-bg: #bee0fb;
   --antd-btn-special-icon-type-disabled-color: var(--palette-gray-6);
   --antd-btn-special-icon-type-disabled-bg: var(--palette-gray-3);
 
@@ -347,7 +495,9 @@ html[data-theme="dark-v2"],
     rgba(101, 178, 255, 1) 100%
   );
   --antd-btn-primary-hover-bg: var(--bg-color-button-primary-hover);
+  --antd-btn-primary-hover-color: var(--antd-btn-primary-color);
   --antd-btn-primary-active-bg: var(--bg-color-button-primary-pressed);
+  --antd-btn-primary-active-color: var(--antd-btn-primary-color);
 
   --antd-btn-default-color: var(--palette-gray-8);
   --antd-btn-default-border: var(--antd-border-color-base);
@@ -360,7 +510,9 @@ html[data-theme="dark-v2"],
   --antd-btn-danger-bg-image: linear-gradient(45deg, #f0493c 0%, #fc796f 100%);
   --antd-btn-danger-color: #fff;
   --antd-btn-danger-hover-bg: var(--bg-color-button-danger-hover);
+  --antd-btn-danger-hover-color: var(--antd-btn-danger-color);
   --antd-btn-danger-active-bg: var(--bg-color-button-danger-pressed);
+  --antd-btn-danger-active-color: var(--antd-btn-danger-color);
 
   --antd-btn-link-hover-color: var(--bg-color-button-link-hover);
   --antd-btn-link-active-color: var(--bg-color-button-link-pressed);
@@ -374,6 +526,70 @@ html[data-theme="dark-v2"],
   --antd-anchor-radio-type-bg: var(--color-fill-bg-base-1);
   --antd-anchor-radio-type-title-active-color: #262626;
   --antd-anchor-radio-type-title-active-bg: var(--antd-component-background);
+
+  /*** input ***/
+  --antd-input-bg: var(--antd-component-background);
+  --antd-input-color: var(--color-normal-text);
+  --antd-input-focus-border-color: var(--antd-primary-color);
+  --antd-input-hover-border-color: var(--antd-primary-color);
+  --antd-input-placeholder-color: var(--text-color-disabled);
+  --antd-input-border-color: var(--color-border-divider-line);
+  --antd-input-disabled-bg: var(--palette-gray-3);
+
+  /*** select ***/
+  --antd-select-item-selected-bg: #f5f5f5;
+  --antd-select-dropdown-bg: var(--antd-component-background);
+  --antd-select-item-active-bg: var(--antd-item-active-bg);
+
+  /*** table  ***/
+  --antd-table-bg: var(--antd-component-background);
+  --antd-table-body-sort-bg: #fafafa;
+  --antd-table-border-color: var(--antd-border-color-split);
+  --antd-table-even-bg: var(--antd-table-bg);
+  --antd-table-header-bg: #f2f5f9;
+  --antd-table-header-color: var(--text-color-title);
+  --antd-table-header-filter-active-bg: #d8e1ed;
+  --antd-table-header-sort-active-bg: #e8edf4;
+  --antd-table-header-overwrite-sort-th-active-bg: #e0e5ec;
+  --antd-table-header-overwrite-sort-td-active-bg: #f4f5f7;
+  --antd-table-header-sort-active-filter-bg: #f9fafc;
+  --antd-table-row-hover-bg: var(--antd-background-color-light);
+  --antd-table-selected-row-hover-bg: #dcf2ff;
+  --antd-table-row-expand-icon-color: rgba(0, 0, 0, 0.55);
+  --antd-table-row-expand-icon-action-bg: #f5f5f5;
+  --antd-table-row-expand-nested-wrapper: #fafafa;
+  --antd-table-row-expand-nested-wrapper-border: #e8e8e8;
+  --antd-table-expanded-row-bg: #fbfbfb;
+  --antd-table-cell-fixed-header-bg: var(--antd-table-header-bg);
+  --antd-table-cell-fixed-body-bg: var(--antd-component-background);
+
+  /*** pagination  ***/
+  --antd-paination-total-text: var(--text-color-disabled);
+  --antd-pagination-total-strong-text: var(--text-color-default);
+  --antd-pagination-item-hover: var(--color-brand);
+  --antd-pagination-item-active-bg: transparent;
+  --antd-pagination-item-active-border: var(--color-brand);
+  --antd-pagination-item-active-text-color: var(--color-brand);
+  --antd-pagination-item-selected-hover-text-color: #2893f7;
+  --antd-pagination-item-selected-hover-border-color: var(
+    --antd-pagination-item-active-border
+  );
+  --antd-pagination-item-selected-hover-bg: transparent;
+
+  /*** modal ***/
+  --antd-modal-footer-bg: transparent;
+
+  /*** tooltip ***/
+  --antd-tooltip-bg: var(--color-fill-bg-container-5);
+  --antd-tooltip-color: var(--color-normal-icon);
+
+  /*** popover ***/
+  --antd-popover-bg: var(--color-fill-bg-container-4);
+  --antd-popover-color: var(--color-auxiliary-text);
+  /*** transfer ***/
+  --antd-transfer-item-hover-bg: var(--antd-checkbox-bg-hover);
+  --antd-transfer-item-selected-hover-bg: var(--antd-checkbox-bg-hover);
+  --antd-transfer-disable-bg: var(--palette-gray-3);
 }
 
 html[data-theme="dark-v2"],
@@ -392,6 +608,7 @@ html[data-theme="dark-v2"],
   --palette-gray-9: rgba(255, 255, 255, 0.85);
   --palette-gray-10: rgba(255, 255, 255, 1);
 
+  --palette-hex-gray-3: #29292b;
   --body-background: #17171a;
 
   --color-brand: var(--palette-blue-6);
@@ -410,6 +627,8 @@ html[data-theme="dark-v2"],
   --color-normal-text: var(--palette-gray-9);
   --color-auxiliary-text: var(--palette-gray-9);
 
+  --color-normal-icon: var(--palette-gray-10);
+
   --mask-bg: rgba(23, 23, 26, 0.6);
 
   --base-shadow: 0px 1px 18px 0px rgba(0, 0, 0, 0.1);
@@ -433,12 +652,13 @@ html[data-theme="dark-v2"],
   --menu-item-hover: var(--palette-gray-2);
   --app-submenu-bg: var(--palette-gray-2);
   --menu-submenu-selected-bg: var(--palette-gray-3);
+  --menu-dropdown-bg: var(--palette-blue-1);
   --app-submenu-active-bg: var(--palette-blue-1);
 
   --checkbox-bg-hover: var(--palette-gray-3);
   --checkbox-bg-active: var(--palette-blue-2);
   --dashboard-radio-item-shadow: 0px 0px 0px 2px rgba(20, 40, 74, 0.15);
-
+  --input-fill-bg: var(--palette-gray-2);
   --chart-tooltip-bg: rgba(23, 23, 26, 0.95);
   --chart-auxiliary-text: var(--palette-gray-9);
   --chart-outline-select: var(--palette-gray-10);
@@ -452,6 +672,7 @@ html[data-theme="dark-v2"],
 
   --antd-border-color-split: var(--color-text-divider-line);
   --antd-heading-color: var(--color-header-text);
+  --antd-label-color: var(--antd-heading-color);
   --antd-component-background: var(--color-fill-bg-container-1);
   --antd-border-color-base: var(--color-border-divider-line);
 
@@ -460,6 +681,7 @@ html[data-theme="dark-v2"],
 
   --antd-item-active-bg: var(--palette-gray-3);
   --antd-item-hover-bg: var(--palette-gray-3);
+  --antd-icon-color-hover: var(--color-normal-text);
 
   /*** menu ***/
   --antd-menu-bg: var(--menu-bg);
@@ -498,6 +720,7 @@ html[data-theme="dark-v2"],
   --antd-checkbox-color: var(--color-brand);
   --antd-checkbox-bg-hover: var(--checkbox-bg-hover);
   --antd-checkbox-checked: var(--checkbox-bg-active);
+  --antd-checkbox-check-bg: transparent;
 
   /*** card ***/
   --antd-card-background: var(--color-fill-bg-container-1);
@@ -508,6 +731,9 @@ html[data-theme="dark-v2"],
   --antd-dashboard-radio-item-bg: var(--color-fill-bg-container-3);
   --antd-dashboard-radio-item-color: var(--color-normal-text);
   --antd-dashboard-radio-item-disabled-color: var(--color-disabled-text);
+  --antd-dashboard-radio-item-checked-border-color: var(
+    --antd-dashboard-radio-bg
+  );
   --antd-dashboard-radio-item-checked-bg: var(--color-fill-bg-base-3);
   --antd-dashboard-radio-item-checked-shadow: var(--radio-item-shadow);
 
@@ -516,7 +742,13 @@ html[data-theme="dark-v2"],
   --antd-radio-dot-color: var(--antd-primary-color);
 
   /*** divider ***/
-  --antd-divider-radiation-color: var(--color-text-divider-line);
+  --antd-divider-radiation-color: linear-gradient(
+    to right,
+    transparent,
+    #d9d9d9,
+    #d9d9d9,
+    #d9d9d9
+  );
   --antd-divider-radiation-text-color: var(--color-header-text);
   --antd-divider-radiation-proportion-normal-text-color: var(
     --color-auxiliary-text
@@ -548,6 +780,8 @@ html[data-theme="dark-v2"],
   --antd-btn-special-icon-type-bg: var(--color-fill-bg-base-1);
   --antd-btn-special-icon-type-hover-color: var(--color-brand-hover);
   --antd-btn-special-icon-type-hover-bg: var(--color-info-icon-bg);
+  --antd-btn-special-icon-type-active-color: var(--color-brand-active);
+  --antd-btn-special-icon-type-active-bg: var(--color-info-icon-bg);
   --antd-btn-special-icon-type-disabled-color: var(--color-disabled-text);
   --antd-btn-special-icon-type-disabled-bg: var(--color-fill-bg-base-1);
 
@@ -559,7 +793,9 @@ html[data-theme="dark-v2"],
     #1a6bdd 100%
   );
   --antd-btn-primary-hover-bg: var(--color-info-hover);
+  --antd-btn-primary-hover-color: var(--color-normal-text);
   --antd-btn-primary-active-bg: var(--color-info-active);
+  --antd-btn-primary-active-color: var(--color-normal-text);
 
   --antd-btn-default-color: var(--color-auxiliary-text);
   --antd-btn-default-border: var(--color-border-divider-line);
@@ -572,7 +808,9 @@ html[data-theme="dark-v2"],
   --antd-btn-danger-bg-image: linear-gradient(45deg, #d24525 0%, #7d3426 100%);
   --antd-btn-danger-color: var(--color-normal-text);
   --antd-btn-danger-hover-bg: var(--color-error-hover);
+  --antd-btn-danger-hover-color: var(--antd-btn-danger-color);
   --antd-btn-danger-active-bg: var(--color-error-active);
+  --antd-btn-danger-active-color: var(--antd-btn-danger-color);
 
   --antd-btn-link-hover-color: var(--color-brand-hover);
   --antd-btn-link-active-color: var(--color-brand-active);
@@ -586,6 +824,76 @@ html[data-theme="dark-v2"],
   --antd-anchor-radio-type-bg: var(--color-fill-bg-base-1);
   --antd-anchor-radio-type-title-active-color: var(--color-info);
   --antd-anchor-radio-type-title-active-bg: var(--color-fill-bg-base-3);
+
+  /*** input ***/
+  --antd-input-bg: var(--antd-component-background);
+  --antd-input-color: var(--color-normal-text);
+  --antd-input-focus-border-color: var(--input-outline-focus);
+  --antd-input-hover-border-color: var(--input-outline-hover);
+  --antd-input-placeholder-color: var(--text-color-disabled);
+  --antd-input-border-color: var(--color-border-divider-line);
+  --antd-input-disabled-bg: var(--palette-gray-3);
+
+  /*** select ***/
+  --antd-select-item-selected-bg: var(--menu-dropdown-bg);
+  --antd-select-dropdown-bg: var(--antd-component-background);
+  --antd-select-item-active-bg: var(--antd-item-active-bg);
+
+  /*** table ***/
+  --antd-table-bg: var(--antd-component-background);
+  --antd-table-body-sort-bg: var(--palette-gray-3);
+  --antd-table-border-color: var(--color-text-divider-line);
+  --antd-table-even-bg: var(--antd-table-bg);
+  --antd-table-header-bg: var(--color-fill-bg-base-4);
+  --antd-table-header-color: var(--color-header-text);
+  --antd-table-row-hover-bg: var(--palette-hex-gray-3);
+
+  --antd-table-header-filter-active-bg: var(--color-fill-bg-base-1);
+  --antd-table-header-sort-active-bg: var(--color-fill-bg-base-1);
+  --antd-table-header-overwrite-sort-th-active-bg: var(
+    --antd-table-header-sort-active-bg
+  );
+  --antd-table-header-overwrite-sort-td-active-bg: var(--color-fill-bg-base-4);
+  --antd-table-header-sort-active-filter-bg: var(--color-fill-bg-base-4);
+  --antd-table-selected-row-hover-bg: var(--menu-dropdown-bg);
+  --antd-table-row-expand-icon-color: var(--color-normal-text);
+  --antd-table-row-expand-icon-action-bg: var(--color-fill-bg-base-1);
+  --antd-table-row-expand-nested-wrapper: var(--color-fill-bg-container-2);
+  --antd-table-row-expand-nested-wrapper-border: var(--antd-table-border-color);
+  --antd-table-expanded-row-bg: var(--antd-table-row-expand-nested-wrapper);
+  --antd-table-cell-fixed-header-bg: #2c2c2d;
+  --antd-table-cell-fixed-body-bg: var(--antd-component-background);
+
+  /*** pagination  ***/
+  --antd-paination-total-text: var(--color-disabled-text);
+  --antd-pagination-total-strong-text: var(--color-normal-text);
+  --antd-pagination-item-hover: var(--color-info);
+  --antd-pagination-item-active-bg: var(--color-brand);
+  --antd-pagination-item-active-border: var(--color-info);
+  --antd-pagination-item-active-text-color: var(--color-white);
+  --antd-pagination-item-selected-hover-text-color: var(
+    --antd-pagination-item-active-text-color
+  );
+  --antd-pagination-item-selected-hover-bg: var(--color-brand-hover);
+  --antd-pagination-item-selected-hover-border-color: var(
+    --antd-pagination-item-selected-hover-bg
+  );
+
+  /*** modal ***/
+  --antd-modal-footer-bg: var(--color-fill-bg-base-3);
+
+  /*** tooltip ***/
+  --antd-tooltip-bg: var(--color-fill-bg-container-5);
+  --antd-tooltip-color: var(--color-normal-icon);
+
+  /*** popover ***/
+  --antd-popover-bg: var(--color-fill-bg-container-4);
+  --antd-popover-color: var(--color-auxiliary-text);
+
+  /*** transfer ***/
+  --antd-transfer-item-hover-bg: var(--antd-checkbox-bg-hover);
+  --antd-transfer-item-selected-hover-bg: var(--antd-checkbox-bg-hover);
+  --antd-transfer-disable-bg: var(--palette-gray-3);
 }
 
 
@@ -803,28 +1111,11 @@ html[data-theme="dark-v2"],
   /* antd components */
   --antd-card-background: var(--antd-component-background);
   --antd-card-head-border-bottom-color: var(--antd-border-color-split);
-  --antd-input-bg: var(--antd-component-background);
-  --antd-input-focus-border-color: var(--antd-primary-color);
-  --antd-input-hover-border-color: var(--antd-primary-color);
-  --antd-input-placeholder-color: var(--text-color-disabled);
   --antd-pagination-item-disabled-bg-active: #ddd;
   --antd-picker-basic-cell-active-with-range-color: var(
     --antd-background-color-light
   );
   --antd-picker-basic-cell-hover-with-range-color: #9fcdff;
-  --antd-select-dropdown-bg: var(--antd-component-background);
-  --antd-select-item-active-bg: var(--antd-item-active-bg);
-  --antd-select-item-selected-bg: #f5f5f5;
-  --antd-table-bg: var(--antd-component-background);
-  --antd-table-body-sort-bg: #fafafa;
-  --antd-table-border-color: var(--antd-border-color-split);
-  --antd-table-even-bg: var(--antd-table-bg);
-  --antd-table-header-bg: #f2f5f9;
-  --antd-table-header-color: var(--text-color-title);
-  --antd-table-header-filter-active-bg: #d8e1ed;
-  --antd-table-header-sort-active-bg: #e8edf4;
-  --antd-table-header-sort-active-filter-bg: #f9fafc;
-  --antd-table-row-hover-bg: var(--antd-background-color-light);
   --antd-text-color-secondary-shade-40: rgba(0, 0, 0, 0.78);
 }
 
@@ -2228,32 +2519,32 @@ html {
   line-height: 22px;
 }
 .ant-alert-success {
-  background-color: #eaf8ec;
-  border: 1px solid #97e0ad;
+  background-color: var(--color-success-bg);
+  border: 1px solid var(--color-success-outline);
 }
 .ant-alert-success .ant-alert-icon {
-  color: #2fc25b;
+  color: var(--color-success);
 }
 .ant-alert-info {
-  background-color: #ebf3fd;
-  border: 1px solid #80b8f5;
+  background-color: var(--color-info-bg);
+  border: 1px solid var(--color-info-outline);
 }
 .ant-alert-info .ant-alert-icon {
-  color: #167be0;
+  color: var(--color-brand);
 }
 .ant-alert-warning {
-  background-color: #fff5ea;
-  border: 1px solid #ffd09a;
+  background-color: var(--color-warning-bg);
+  border: 1px solid var(--color-warning-outline);
 }
 .ant-alert-warning .ant-alert-icon {
-  color: #ffa235;
+  color: var(--color-warning);
 }
 .ant-alert-error {
-  background-color: #fdf0ef;
-  border: 1px solid #fda7a1;
+  background-color: var(--color-error-bg);
+  border: 1px solid var(--color-error-outline);
 }
 .ant-alert-error .ant-alert-icon {
-  color: #fc5043;
+  color: var(--color-error);
 }
 .ant-alert-error .ant-alert-description > pre {
   margin: 0;
@@ -2278,14 +2569,14 @@ html {
   transition: color 0.3s;
 }
 .ant-alert-close-icon .anticon-close:hover {
-  color: rgba(0, 0, 0, 0.75);
+  color: var(--antd-icon-color-hover);
 }
 .ant-alert-close-text {
   color: var(--antd-text-color-secondary);
   transition: color 0.3s;
 }
 .ant-alert-close-text:hover {
-  color: rgba(0, 0, 0, 0.75);
+  color: var(--antd-icon-color-hover);
 }
 .ant-alert-with-description {
   align-items: flex-start;
@@ -5820,7 +6111,7 @@ a.ant-btn-sm {
 }
 .ant-cascader-picker-disabled {
   color: var(--text-color-disabled);
-  background: var(--antd-background-color-base);
+  background: var(--antd-input-disabled-bg);
   cursor: not-allowed;
 }
 .ant-cascader-picker-disabled .ant-cascader-input {
@@ -6117,7 +6408,7 @@ a.ant-btn-sm {
   width: 16px;
   height: 16px;
   direction: ltr;
-  background-color: #fff;
+  background-color: vat(--antd-checkbox-check-bg);
   border: 1px solid var(--antd-border-color-base);
   border-radius: 6px;
   border-collapse: separate;
@@ -6176,11 +6467,11 @@ a.ant-btn-sm {
   cursor: not-allowed;
 }
 .ant-checkbox-disabled .ant-checkbox-inner {
-  background-color: var(--antd-background-color-base);
+  background-color: var(--antd-input-disabled-bg);
   border-color: var(--antd-border-color-base) !important;
 }
 .ant-checkbox-disabled .ant-checkbox-inner::after {
-  border-color: var(--antd-background-color-base);
+  border-color: var(--antd-input-disabled-bg);
   border-collapse: separate;
   animation-name: none;
 }
@@ -6239,7 +6530,7 @@ a.ant-btn-sm {
   margin-left: 0;
 }
 .ant-checkbox-indeterminate .ant-checkbox-inner {
-  background-color: #fff;
+  background-color: vat(--antd-checkbox-check-bg);
   border-color: var(--antd-border-color-base);
 }
 .ant-checkbox-indeterminate .ant-checkbox-inner::after {
@@ -6591,7 +6882,7 @@ a.ant-btn-sm {
   border-left-width: 1px !important;
 }
 .ant-picker.ant-picker-disabled {
-  background: var(--antd-background-color-base);
+  background: var(--antd-input-disabled-bg);
   border-color: var(--antd-border-color-base);
   cursor: not-allowed;
 }
@@ -6615,12 +6906,12 @@ a.ant-btn-sm {
   width: 100%;
   min-width: 0;
   padding: 4px 11px;
-  color: var(--antd-text-color);
+  color: var(--antd-input-color);
   font-size: 14px;
   line-height: 1.5715;
   background-color: var(--antd-input-bg);
   background-image: none;
-  border: 1px solid var(--antd-border-color-base);
+  border: 1px solid var(--antd-input-border-color);
   border-radius: 6px;
   transition: all 0.3s;
   flex: auto;
@@ -6661,22 +6952,22 @@ a.ant-btn-sm {
 }
 .ant-picker-input > input-disabled {
   color: var(--text-color-disabled);
-  background-color: var(--antd-background-color-base);
+  background-color: var(--antd-input-disabled-bg);
   cursor: not-allowed;
   opacity: 1;
 }
 .ant-picker-input > input-disabled:hover {
-  border-color: var(--antd-border-color-base);
+  border-color: var(--antd-input-border-color);
   border-right-width: 1px !important;
 }
 .ant-picker-input > input[disabled] {
   color: var(--text-color-disabled);
-  background-color: var(--antd-background-color-base);
+  background-color: var(--antd-input-disabled-bg);
   cursor: not-allowed;
   opacity: 1;
 }
 .ant-picker-input > input[disabled]:hover {
-  border-color: var(--antd-border-color-base);
+  border-color: var(--antd-input-border-color);
   border-right-width: 1px !important;
 }
 .ant-picker-input > input-borderless,
@@ -7951,7 +8242,7 @@ _:-ms-fullscreen .ant-picker-range-wrapper .ant-picker-year-panel .ant-picker-ce
 }
 .ant-drawer-close:focus,
 .ant-drawer-close:hover {
-  color: rgba(0, 0, 0, 0.75);
+  color: var(--antd-icon-color-hover);
   text-decoration: none;
 }
 .ant-drawer-header-no-title .ant-drawer-close {
@@ -8099,8 +8390,8 @@ _:-ms-fullscreen .ant-picker-range-wrapper .ant-picker-year-panel .ant-picker-ce
 .ant-dropdown-placement-topRight > .ant-dropdown-arrow {
   bottom: 6.2px;
   border-top-color: transparent;
-  border-right-color: var(--antd-component-background);
-  border-bottom-color: var(--antd-component-background);
+  border-right-color: var(--antd-popover-bg);
+  border-bottom-color: var(--antd-popover-bg);
   border-left-color: transparent;
   box-shadow: 3px 3px 7px rgba(0, 0, 0, 0.07);
 }
@@ -8118,10 +8409,10 @@ _:-ms-fullscreen .ant-picker-range-wrapper .ant-picker-year-panel .ant-picker-ce
 .ant-dropdown-placement-bottomLeft > .ant-dropdown-arrow,
 .ant-dropdown-placement-bottomRight > .ant-dropdown-arrow {
   top: 6px;
-  border-top-color: var(--antd-component-background);
+  border-top-color: var(--antd-popover-bg);
   border-right-color: transparent;
   border-bottom-color: transparent;
-  border-left-color: var(--antd-component-background);
+  border-left-color: var(--antd-popover-bg);
   box-shadow: -2px -2px 5px rgba(0, 0, 0, 0.06);
 }
 .ant-dropdown-placement-bottomCenter > .ant-dropdown-arrow {
@@ -8794,12 +9085,12 @@ _:-ms-fullscreen .ant-picker-range-wrapper .ant-picker-year-panel .ant-picker-ce
   box-shadow: 0 0 0 2px rgba(250, 173, 20, 0.2);
 }
 .ant-form-item-has-warning .ant-input-disabled {
-  background-color: var(--antd-background-color-base);
-  border-color: var(--antd-border-color-base);
+  background-color: var(--antd-input-disabled-bg);
+  border-color: var(--antd-input-border-color);
 }
 .ant-form-item-has-warning .ant-input-affix-wrapper-disabled {
-  background-color: var(--antd-background-color-base);
-  border-color: var(--antd-border-color-base);
+  background-color: var(--antd-input-disabled-bg);
+  border-color: var(--antd-input-border-color);
 }
 .ant-form-item-has-warning .ant-input-affix-wrapper-disabled input:focus {
   box-shadow: none !important;
@@ -8880,12 +9171,12 @@ _:-ms-fullscreen .ant-picker-range-wrapper .ant-picker-year-panel .ant-picker-ce
   box-shadow: 0 0 0 2px rgba(255, 77, 79, 0.2);
 }
 .ant-form-item-has-error .ant-input-disabled {
-  background-color: var(--antd-background-color-base);
-  border-color: var(--antd-border-color-base);
+  background-color: var(--antd-input-disabled-bg);
+  border-color: var(--antd-input-border-color);
 }
 .ant-form-item-has-error .ant-input-affix-wrapper-disabled {
-  background-color: var(--antd-background-color-base);
-  border-color: var(--antd-border-color-base);
+  background-color: var(--antd-input-disabled-bg);
+  border-color: var(--antd-input-border-color);
 }
 .ant-form-item-has-error .ant-input-affix-wrapper-disabled input:focus {
   box-shadow: none !important;
@@ -8969,7 +9260,7 @@ _:-ms-fullscreen .ant-picker-range-wrapper .ant-picker-year-panel .ant-picker-ce
   border-color: #ff4d4f;
 }
 .ant-form-item-has-error .ant-transfer-list-search:not([disabled]) {
-  border-color: var(--antd-border-color-base);
+  border-color: var(--antd-input-border-color);
 }
 .ant-form-item-has-error .ant-transfer-list-search:not([disabled]):hover {
   border-color: var(--antd-input-hover-border-color);
@@ -9052,7 +9343,7 @@ _:-ms-fullscreen .ant-picker-range-wrapper .ant-picker-year-panel .ant-picker-ce
 .ant-form output {
   display: block;
   padding-top: 15px;
-  color: var(--antd-text-color);
+  color: var(--antd-input-color);
   font-size: 14px;
   line-height: 1.5715;
 }
@@ -9108,7 +9399,7 @@ _:-ms-fullscreen .ant-picker-range-wrapper .ant-picker-year-panel .ant-picker-ce
   display: inline-flex;
   align-items: center;
   height: 32px;
-  color: var(--antd-heading-color);
+  color: var(--antd-label-color);
   font-size: 14px;
 }
 .ant-form-item-label > label > .anticon {
@@ -14709,12 +15000,12 @@ _:-ms-fullscreen .ant-picker-range-wrapper .ant-picker-year-panel .ant-picker-ce
   width: 100%;
   min-width: 0;
   padding: 4px 11px;
-  color: var(--antd-text-color);
+  color: var(--antd-input-color);
   font-size: 14px;
   line-height: 1.5715;
   background-color: var(--antd-input-bg);
   background-image: none;
-  border: 1px solid var(--antd-border-color-base);
+  border: 1px solid var(--antd-input-border-color);
   border-radius: 6px;
   transition: all 0.3s;
   display: inline-flex;
@@ -14750,22 +15041,22 @@ _:-ms-fullscreen .ant-picker-range-wrapper .ant-picker-year-panel .ant-picker-ce
 }
 .ant-input-affix-wrapper-disabled {
   color: var(--text-color-disabled);
-  background-color: var(--antd-background-color-base);
+  background-color: var(--antd-input-disabled-bg);
   cursor: not-allowed;
   opacity: 1;
 }
 .ant-input-affix-wrapper-disabled:hover {
-  border-color: var(--antd-border-color-base);
+  border-color: var(--antd-input-border-color);
   border-right-width: 1px !important;
 }
 .ant-input-affix-wrapper[disabled] {
   color: var(--text-color-disabled);
-  background-color: var(--antd-background-color-base);
+  background-color: var(--antd-input-disabled-bg);
   cursor: not-allowed;
   opacity: 1;
 }
 .ant-input-affix-wrapper[disabled]:hover {
-  border-color: var(--antd-border-color-base);
+  border-color: var(--antd-input-border-color);
   border-right-width: 1px !important;
 }
 .ant-input-affix-wrapper-borderless,
@@ -14874,6 +15165,7 @@ textarea.ant-input-affix-wrapper {
   box-sizing: border-box;
   margin: 0;
   padding: 0;
+  color: var(--antd-text-color);
   font-variant: tabular-nums;
   list-style: none;
   font-feature-settings: 'tnum';
@@ -14882,12 +15174,12 @@ textarea.ant-input-affix-wrapper {
   width: 100%;
   min-width: 0;
   padding: 4px 11px;
-  color: var(--antd-text-color);
+  color: var(--antd-input-color);
   font-size: 14px;
   line-height: 1.5715;
   background-color: var(--antd-input-bg);
   background-image: none;
-  border: 1px solid var(--antd-border-color-base);
+  border: 1px solid var(--antd-input-border-color);
   border-radius: 6px;
   transition: all 0.3s;
 }
@@ -14922,22 +15214,22 @@ textarea.ant-input-affix-wrapper {
 }
 .ant-input-disabled {
   color: var(--text-color-disabled);
-  background-color: var(--antd-background-color-base);
+  background-color: var(--antd-input-disabled-bg);
   cursor: not-allowed;
   opacity: 1;
 }
 .ant-input-disabled:hover {
-  border-color: var(--antd-border-color-base);
+  border-color: var(--antd-input-border-color);
   border-right-width: 1px !important;
 }
 .ant-input[disabled] {
   color: var(--text-color-disabled);
-  background-color: var(--antd-background-color-base);
+  background-color: var(--antd-input-disabled-bg);
   cursor: not-allowed;
   opacity: 1;
 }
 .ant-input[disabled]:hover {
-  border-color: var(--antd-border-color-base);
+  border-color: var(--antd-input-border-color);
   border-right-width: 1px !important;
 }
 .ant-input-borderless,
@@ -15034,12 +15326,12 @@ textarea.ant-input {
 .ant-input-group-addon {
   position: relative;
   padding: 0 11px;
-  color: var(--antd-text-color);
+  color: var(--antd-input-color);
   font-weight: normal;
   font-size: 14px;
   text-align: center;
   background-color: var(--antd-background-color-light);
-  border: 1px solid var(--antd-border-color-base);
+  border: 1px solid var(--antd-input-border-color);
   border-radius: 6px;
   transition: all 0.3s;
 }
@@ -15231,12 +15523,12 @@ textarea.ant-input {
   border-radius: 0 6px 6px 0;
 }
 .ant-input-group-rtl .ant-input-group-addon:first-child {
-  border-right: 1px solid var(--antd-border-color-base);
+  border-right: 1px solid var(--antd-input-border-color);
   border-left: 0;
 }
 .ant-input-group-rtl .ant-input-group-addon:last-child {
   border-right: 0;
-  border-left: 1px solid var(--antd-border-color-base);
+  border-left: 1px solid var(--antd-input-border-color);
 }
 .ant-input-group-rtl.ant-input-group > .ant-input:last-child,
 .ant-input-group-rtl.ant-input-group-addon:last-child {
@@ -15417,6 +15709,7 @@ textarea.ant-input {
 }
 .ant-input-number {
   box-sizing: border-box;
+  color: var(--antd-text-color);
   font-variant: tabular-nums;
   list-style: none;
   font-feature-settings: 'tnum';
@@ -15424,11 +15717,12 @@ textarea.ant-input {
   width: 100%;
   min-width: 0;
   padding: 4px 11px;
-  color: var(--antd-text-color);
+  color: var(--antd-input-color);
   font-size: 14px;
   line-height: 1.5715;
   background-color: var(--antd-input-bg);
   background-image: none;
+  border: 1px solid var(--antd-input-border-color);
   transition: all 0.3s;
   display: inline-block;
   width: 90px;
@@ -15468,22 +15762,22 @@ textarea.ant-input {
 }
 .ant-input-number-disabled {
   color: var(--text-color-disabled);
-  background-color: var(--antd-background-color-base);
+  background-color: var(--antd-input-disabled-bg);
   cursor: not-allowed;
   opacity: 1;
 }
 .ant-input-number-disabled:hover {
-  border-color: var(--antd-border-color-base);
+  border-color: var(--antd-input-border-color);
   border-right-width: 1px !important;
 }
 .ant-input-number[disabled] {
   color: var(--text-color-disabled);
-  background-color: var(--antd-background-color-base);
+  background-color: var(--antd-input-disabled-bg);
   cursor: not-allowed;
   opacity: 1;
 }
 .ant-input-number[disabled]:hover {
-  border-color: var(--antd-border-color-base);
+  border-color: var(--antd-input-border-color);
   border-right-width: 1px !important;
 }
 .ant-input-number-borderless,
@@ -15592,12 +15886,12 @@ textarea.ant-input-number {
 }
 .ant-input-number-disabled {
   color: var(--text-color-disabled);
-  background-color: var(--antd-background-color-base);
+  background-color: var(--antd-input-disabled-bg);
   cursor: not-allowed;
   opacity: 1;
 }
 .ant-input-number-disabled:hover {
-  border-color: var(--antd-border-color-base);
+  border-color: var(--antd-input-border-color);
   border-right-width: 1px !important;
 }
 .ant-input-number-disabled .ant-input-number-input {
@@ -16170,17 +16464,18 @@ textarea.ant-input-number {
 .ant-mentions {
   box-sizing: border-box;
   margin: 0;
+  color: var(--antd-text-color);
   font-variant: tabular-nums;
   list-style: none;
   font-feature-settings: 'tnum';
   width: 100%;
   min-width: 0;
   padding: 4px 11px;
-  color: var(--antd-text-color);
+  color: var(--antd-input-color);
   font-size: 14px;
   background-color: var(--antd-input-bg);
   background-image: none;
-  border: 1px solid var(--antd-border-color-base);
+  border: 1px solid var(--antd-input-border-color);
   border-radius: 6px;
   transition: all 0.3s;
   position: relative;
@@ -16223,22 +16518,22 @@ textarea.ant-input-number {
 }
 .ant-mentions-disabled {
   color: var(--text-color-disabled);
-  background-color: var(--antd-background-color-base);
+  background-color: var(--antd-input-disabled-bg);
   cursor: not-allowed;
   opacity: 1;
 }
 .ant-mentions-disabled:hover {
-  border-color: var(--antd-border-color-base);
+  border-color: var(--antd-input-border-color);
   border-right-width: 1px !important;
 }
 .ant-mentions[disabled] {
   color: var(--text-color-disabled);
-  background-color: var(--antd-background-color-base);
+  background-color: var(--antd-input-disabled-bg);
   cursor: not-allowed;
   opacity: 1;
 }
 .ant-mentions[disabled]:hover {
-  border-color: var(--antd-border-color-base);
+  border-color: var(--antd-input-border-color);
   border-right-width: 1px !important;
 }
 .ant-mentions-borderless,
@@ -16271,12 +16566,12 @@ textarea.ant-mentions {
 }
 .ant-mentions-disabled > textarea {
   color: var(--text-color-disabled);
-  background-color: var(--antd-background-color-base);
+  background-color: var(--antd-input-disabled-bg);
   cursor: not-allowed;
   opacity: 1;
 }
 .ant-mentions-disabled > textarea:hover {
-  border-color: var(--antd-border-color-base);
+  border-color: var(--antd-input-border-color);
   border-right-width: 1px !important;
 }
 .ant-mentions-focused {
@@ -17461,7 +17756,7 @@ textarea.ant-mentions {
 }
 .ant-modal-close:focus,
 .ant-modal-close:hover {
-  color: rgba(0, 0, 0, 0.75);
+  color: var(--antd-icon-color-hover);
   text-decoration: none;
 }
 .ant-modal-header {
@@ -17480,7 +17775,7 @@ textarea.ant-mentions {
 .ant-modal-footer {
   padding: 10px 24px;
   text-align: right;
-  background: #f3f4f7;
+  background: var(--antd-modal-footer-bg);
   border-top: 1px none var(--antd-border-color-split);
   border-radius: 0 0 6px 6px;
 }
@@ -18216,12 +18511,12 @@ textarea.ant-mentions {
   width: 100%;
   min-width: 0;
   padding: 4px 11px;
-  color: var(--antd-text-color);
+  color: var(--antd-input-color);
   font-size: 14px;
   line-height: 1.5715;
   background-color: var(--antd-input-bg);
   background-image: none;
-  border: 1px solid var(--antd-border-color-base);
+  border: 1px solid var(--antd-input-border-color);
   border-radius: 6px;
   transition: all 0.3s;
   width: 50px;
@@ -18258,22 +18553,22 @@ textarea.ant-mentions {
 }
 .ant-pagination-options-quick-jumper input-disabled {
   color: var(--text-color-disabled);
-  background-color: var(--antd-background-color-base);
+  background-color: var(--antd-input-disabled-bg);
   cursor: not-allowed;
   opacity: 1;
 }
 .ant-pagination-options-quick-jumper input-disabled:hover {
-  border-color: var(--antd-border-color-base);
+  border-color: var(--antd-input-border-color);
   border-right-width: 1px !important;
 }
 .ant-pagination-options-quick-jumper input[disabled] {
   color: var(--text-color-disabled);
-  background-color: var(--antd-background-color-base);
+  background-color: var(--antd-input-disabled-bg);
   cursor: not-allowed;
   opacity: 1;
 }
 .ant-pagination-options-quick-jumper input[disabled]:hover {
-  border-color: var(--antd-border-color-base);
+  border-color: var(--antd-input-border-color);
   border-right-width: 1px !important;
 }
 .ant-pagination-options-quick-jumper input-borderless,
@@ -18538,7 +18833,7 @@ textarea.ant-pagination-options-quick-jumper input {
   padding-right: 10px;
 }
 .ant-popover-inner {
-  background-color: var(--antd-component-background);
+  background-color: var(--antd-popover-bg);
   background-clip: padding-box;
   border-radius: 6px;
   box-shadow: var(--antd-box-shadow-base);
@@ -18563,12 +18858,12 @@ textarea.ant-pagination-options-quick-jumper input {
 }
 .ant-popover-inner-content {
   padding: 12px 16px;
-  color: var(--antd-text-color);
+  color: var(--antd-popover-color);
 }
 .ant-popover-message {
   position: relative;
   padding: 4px 0 12px;
-  color: var(--antd-text-color);
+  color: var(--antd-popover-color);
   font-size: 14px;
 }
 .ant-popover-message > .anticon {
@@ -18602,8 +18897,8 @@ textarea.ant-pagination-options-quick-jumper input {
 .ant-popover-placement-topRight > .ant-popover-content > .ant-popover-arrow {
   bottom: 6.2px;
   border-top-color: transparent;
-  border-right-color: var(--antd-component-background);
-  border-bottom-color: var(--antd-component-background);
+  border-right-color: var(--antd-popover-bg);
+  border-bottom-color: var(--antd-popover-bg);
   border-left-color: transparent;
   box-shadow: 3px 3px 7px rgba(0, 0, 0, 0.07);
 }
@@ -18623,8 +18918,8 @@ textarea.ant-pagination-options-quick-jumper input {
   left: 6px;
   border-top-color: transparent;
   border-right-color: transparent;
-  border-bottom-color: var(--antd-component-background);
-  border-left-color: var(--antd-component-background);
+  border-bottom-color: var(--antd-popover-bg);
+  border-left-color: var(--antd-popover-bg);
   box-shadow: -3px 3px 7px rgba(0, 0, 0, 0.07);
 }
 .ant-popover-placement-right > .ant-popover-content > .ant-popover-arrow {
@@ -18641,10 +18936,10 @@ textarea.ant-pagination-options-quick-jumper input {
 .ant-popover-placement-bottomLeft > .ant-popover-content > .ant-popover-arrow,
 .ant-popover-placement-bottomRight > .ant-popover-content > .ant-popover-arrow {
   top: 6px;
-  border-top-color: var(--antd-component-background);
+  border-top-color: var(--antd-popover-bg);
   border-right-color: transparent;
   border-bottom-color: transparent;
-  border-left-color: var(--antd-component-background);
+  border-left-color: var(--antd-popover-bg);
   box-shadow: -2px -2px 5px rgba(0, 0, 0, 0.06);
 }
 .ant-popover-placement-bottom > .ant-popover-content > .ant-popover-arrow {
@@ -18661,8 +18956,8 @@ textarea.ant-pagination-options-quick-jumper input {
 .ant-popover-placement-leftTop > .ant-popover-content > .ant-popover-arrow,
 .ant-popover-placement-leftBottom > .ant-popover-content > .ant-popover-arrow {
   right: 6px;
-  border-top-color: var(--antd-component-background);
-  border-right-color: var(--antd-component-background);
+  border-top-color: var(--antd-popover-bg);
+  border-right-color: var(--antd-popover-bg);
   border-bottom-color: transparent;
   border-left-color: transparent;
   box-shadow: 3px -3px 7px rgba(0, 0, 0, 0.07);
@@ -19010,7 +19305,7 @@ textarea.ant-pagination-options-quick-jumper input {
   cursor: not-allowed;
 }
 .ant-radio-disabled .ant-radio-inner {
-  background-color: var(--antd-background-color-base);
+  background-color: var(--antd-input-disabled-bg);
   border-color: var(--antd-border-color-base) !important;
   cursor: not-allowed;
 }
@@ -19152,14 +19447,14 @@ span.ant-radio + * {
 }
 .ant-radio-button-wrapper-disabled {
   color: var(--text-color-disabled);
-  background-color: var(--antd-background-color-base);
+  background-color: var(--antd-input-disabled-bg);
   border-color: var(--antd-border-color-base);
   cursor: not-allowed;
 }
 .ant-radio-button-wrapper-disabled:first-child,
 .ant-radio-button-wrapper-disabled:hover {
   color: var(--text-color-disabled);
-  background-color: var(--antd-background-color-base);
+  background-color: var(--antd-input-disabled-bg);
   border-color: var(--antd-border-color-base);
 }
 .ant-radio-button-wrapper-disabled:first-child {
@@ -19498,7 +19793,7 @@ span.ant-radio + * {
   cursor: text;
 }
 .ant-select-disabled.ant-select-multiple .ant-select-selector {
-  background: var(--antd-background-color-base);
+  background: var(--antd-input-disabled-bg);
   cursor: not-allowed;
 }
 .ant-select-multiple .ant-select-selector::after {
@@ -19577,7 +19872,7 @@ span.ant-radio + * {
   vertical-align: -0.2em;
 }
 .ant-select-multiple .ant-select-selection-item-remove:hover {
-  color: rgba(0, 0, 0, 0.75);
+  color: var(--antd-icon-color-hover);
 }
 .ant-select-multiple .ant-select-selection-overflow-item + .ant-select-selection-overflow-item .ant-select-selection-search {
   margin-inline-start: 0;
@@ -19704,11 +19999,11 @@ span.ant-radio + * {
 }
 .ant-select-disabled.ant-select:not(.ant-select-customize-input) .ant-select-selector {
   color: var(--text-color-disabled);
-  background: var(--antd-background-color-base);
+  background: var(--antd-input-disabled-bg);
   cursor: not-allowed;
 }
 .ant-select-multiple.ant-select-disabled.ant-select:not(.ant-select-customize-input) .ant-select-selector {
-  background: var(--antd-background-color-base);
+  background: var(--antd-input-disabled-bg);
 }
 .ant-select-disabled.ant-select:not(.ant-select-customize-input) .ant-select-selector input {
   cursor: not-allowed;
@@ -21849,7 +22144,7 @@ span.ant-radio + * {
   border-color: rgba(0, 0, 0, 0.03);
 }
 .ant-table-tbody > tr.ant-table-row-selected:hover > td {
-  background: #dcf2ff;
+  background: var(--antd-table-selected-row-hover-bg);
 }
 .ant-table tfoot > tr > th,
 .ant-table tfoot > tr > td {
@@ -22133,7 +22428,7 @@ table tr td.ant-table-selection-column .ant-radio-wrapper {
 }
 tr.ant-table-expanded-row > td,
 tr.ant-table-expanded-row:hover > td {
-  background: #fbfbfb;
+  background: var(--antd-table-expanded-row-bg);
 }
 tr.ant-table-expanded-row .ant-descriptions-view table {
   width: auto;
@@ -23462,11 +23757,11 @@ tr.ant-table-expanded-row .ant-descriptions-view table {
   min-width: 30px;
   min-height: 32px;
   padding: 6px 8px;
-  color: #fff;
+  color: var(--antd-tooltip-color);
   text-align: left;
   text-decoration: none;
   word-wrap: break-word;
-  background-color: rgba(0, 0, 0, 0.75);
+  background-color: var(--antd-tooltip-bg);
   border-radius: 6px;
   box-shadow: var(--antd-box-shadow-base);
 }
@@ -23489,7 +23784,7 @@ tr.ant-table-expanded-row .ant-descriptions-view table {
   width: 5px;
   height: 5px;
   margin: auto;
-  background-color: rgba(0, 0, 0, 0.75);
+  background-color: var(--antd-tooltip-bg);
   content: '';
   pointer-events: auto;
 }
@@ -23701,7 +23996,7 @@ tr.ant-table-expanded-row .ant-descriptions-view table {
   align-items: stretch;
 }
 .ant-transfer-disabled .ant-transfer-list {
-  background: var(--antd-background-color-base);
+  background: var(--antd-transfer-disabled-bg);
 }
 .ant-transfer-list {
   display: flex;
@@ -23839,7 +24134,7 @@ span.ant-transfer-list-search-action {
   color: var(--antd-link-hover-color);
 }
 .ant-transfer-list-content-item:not(.ant-transfer-list-content-item-disabled):hover {
-  background-color: var(--antd-item-hover-bg);
+  background-color: var(--antd-transfer-item-hover-bg);
   cursor: pointer;
 }
 .ant-transfer-list-content-item:not(.ant-transfer-list-content-item-disabled).ant-transfer-list-content-item-checked:hover {
@@ -24023,7 +24318,7 @@ span.ant-transfer-list-search-action {
   width: 16px;
   height: 16px;
   direction: ltr;
-  background-color: #fff;
+  background-color: vat(--antd-checkbox-check-bg);
   border: 1px solid var(--antd-border-color-base);
   border-radius: 6px;
   border-collapse: separate;
@@ -24082,11 +24377,11 @@ span.ant-transfer-list-search-action {
   cursor: not-allowed;
 }
 .ant-tree-checkbox-disabled .ant-tree-checkbox-inner {
-  background-color: var(--antd-background-color-base);
+  background-color: var(--antd-input-disabled-bg);
   border-color: var(--antd-border-color-base) !important;
 }
 .ant-tree-checkbox-disabled .ant-tree-checkbox-inner::after {
-  border-color: var(--antd-background-color-base);
+  border-color: var(--antd-input-disabled-bg);
   border-collapse: separate;
   animation-name: none;
 }
@@ -24145,7 +24440,7 @@ span.ant-transfer-list-search-action {
   margin-left: 0;
 }
 .ant-tree-checkbox-indeterminate .ant-tree-checkbox-inner {
-  background-color: #fff;
+  background-color: vat(--antd-checkbox-check-bg);
   border-color: var(--antd-border-color-base);
 }
 .ant-tree-checkbox-indeterminate .ant-tree-checkbox-inner::after {
@@ -24442,7 +24737,7 @@ span.ant-transfer-list-search-action {
   width: 16px;
   height: 16px;
   direction: ltr;
-  background-color: #fff;
+  background-color: vat(--antd-checkbox-check-bg);
   border: 1px solid var(--antd-border-color-base);
   border-radius: 6px;
   border-collapse: separate;
@@ -24501,11 +24796,11 @@ span.ant-transfer-list-search-action {
   cursor: not-allowed;
 }
 .ant-select-tree-checkbox-disabled .ant-select-tree-checkbox-inner {
-  background-color: var(--antd-background-color-base);
+  background-color: var(--antd-input-disabled-bg);
   border-color: var(--antd-border-color-base) !important;
 }
 .ant-select-tree-checkbox-disabled .ant-select-tree-checkbox-inner::after {
-  border-color: var(--antd-background-color-base);
+  border-color: var(--antd-input-disabled-bg);
   border-collapse: separate;
   animation-name: none;
 }
@@ -24564,7 +24859,7 @@ span.ant-transfer-list-search-action {
   margin-left: 0;
 }
 .ant-select-tree-checkbox-indeterminate .ant-select-tree-checkbox-inner {
-  background-color: #fff;
+  background-color: vat(--antd-checkbox-check-bg);
   border-color: var(--antd-border-color-base);
 }
 .ant-select-tree-checkbox-indeterminate .ant-select-tree-checkbox-inner::after {
@@ -25785,6 +26080,18 @@ div.ant-typography-edit-content.ant-typography-rtl {
 .ant-btn {
   transition: initial;
 }
+.ant-btn:hover,
+.ant-btn:focus {
+  color: var(--antd-btn-default-hover-color);
+  border-color: var(--antd-btn-default-hover-border-color);
+  background: var(--antd-btn-default-bg);
+}
+.ant-btn.active,
+.ant-btn:active {
+  color: var(--antd-btn-default-active-color);
+  border-color: var(--antd-btn-default-active-border-color);
+  background: var(--antd-btn-default-bg);
+}
 .ant-btn-primary {
   background-image: var(--antd-btn-primary-bg-image);
   background-origin: border-box;
@@ -25797,11 +26104,13 @@ div.ant-typography-edit-content.ant-typography-rtl {
 }
 .ant-btn-primary:hover,
 .ant-btn-primary:focus {
+  color: var(--antd-btn-primary-hover-color);
   background-color: var(--antd-btn-primary-hover-bg);
   border-color: var(--antd-btn-primary-hover-bg);
 }
 .ant-btn-primary.active,
 .ant-btn-primary:active {
+  color: var(--antd-btn-primary-active-color);
   background-color: var(--antd-btn-primary-active-bg);
   border-color: var(--antd-btn-primary-active-bg);
 }
@@ -25815,11 +26124,13 @@ div.ant-typography-edit-content.ant-typography-rtl {
 }
 .ant-btn-danger:hover,
 .ant-btn-danger:focus {
+  color: var(--antd-btn-danger-hover-color);
   background-color: var(--antd-btn-danger-hover-bg);
   border-color: var(--antd-btn-danger-hover-bg);
 }
 .ant-btn-danger.active,
 .ant-btn-danger:active {
+  color: var(--antd-btn-danger-active-color);
   background-color: var(--antd-btn-danger-active-bg);
   border-color: var(--antd-btn-danger-active-bg);
 }
@@ -25827,19 +26138,25 @@ div.ant-typography-edit-content.ant-typography-rtl {
 .ant-btn-default:focus {
   color: var(--antd-btn-default-hover-color);
   border-color: var(--antd-btn-default-hover-border-color);
+  background: var(--antd-btn-default-bg);
 }
 .ant-btn-default.active,
 .ant-btn-default:active {
   color: var(--antd-btn-default-active-color);
   border-color: var(--antd-btn-default-active-border-color);
+  background: var(--antd-btn-default-bg);
 }
 .ant-btn-link:hover,
 .ant-btn-link:focus {
   color: var(--antd-btn-link-hover-color);
+  border-color: transparent;
+  background-color: transparent;
 }
 .ant-btn-link.active,
 .ant-btn-link:active {
   color: var(--antd-btn-link-active-color);
+  border-color: transparent;
+  background-color: transparent;
 }
 .ant-btn-text {
   color: var(--antd-btn-default-color);
@@ -25848,11 +26165,13 @@ div.ant-typography-edit-content.ant-typography-rtl {
 .ant-btn-text:focus {
   color: var(--antd-btn-text-hover-color);
   background-color: transparent;
+  border-color: transparent;
 }
 .ant-btn-text.active,
 .ant-btn-text:active {
   color: var(--antd-btn-text-active-color);
   background-color: transparent;
+  border-color: transparent;
 }
 .ant-btn-circle.ant-btn-sm {
   min-width: 28px;
@@ -25881,7 +26200,11 @@ html[data-theme="dark"] .ant-btn-primary {
   margin-top: -0.6em;
 }
 .ant-table-thead > tr > th.ant-table-column-sort.ant-table-column-has-sorters {
-  background-color: #e0e5ec;
+  background-color: var(--antd-table-header-sort-active-bg);
+}
+.ant-table-thead > tr .ant-table-cell-fix-left,
+.ant-table-thead > tr .ant-table-cell-fix-right {
+  background-color: var(--antd-table-cell-fixed-header-bg);
 }
 .ant-table-pagination.ant-pagination {
   margin-bottom: 0;
@@ -25895,11 +26218,15 @@ html[data-theme="dark"] .ant-btn-primary {
   width: 32px;
   min-width: 32px;
 }
+.ant-table-tbody .ant-table-cell-fix-left,
+.ant-table-tbody .ant-table-cell-fix-right {
+  background-color: var(--antd-table-cell-fixed-body-bg);
+}
 .ant-table-tbody > tr > td {
   border-bottom-color: var(--antd-table-border-color);
 }
 .ant-table-tbody > tr > td.ant-table-column-sort {
-  background-color: #f4f5f7;
+  background-color: var(--antd-table-header-overwrite-sort-td-active-bg);
 }
 .ant-table-tbody tr.ant-table-row-selected > td {
   background: none;
@@ -25908,24 +26235,24 @@ html[data-theme="dark"] .ant-btn-primary {
   background: none;
 }
 .ant-table-tbody tr.ant-table-expanded-row {
-  background: #fafafa;
+  background: var(--antd-table-row-expand-nested-wrapper);
 }
 .ant-table-tbody tr.ant-table-expanded-row > td {
   padding: 0;
 }
 .ant-table-tbody tr.ant-table-expanded-row:hover {
-  background: #fafafa;
+  background: var(--antd-table-row-expand-nested-wrapper);
 }
 .ant-table-tbody tr.ant-table-expanded-row .ant-table-wrapper {
-  background: #fafafa;
+  background: var(--antd-table-row-expand-nested-wrapper);
   padding: 20px 32px;
 }
 .ant-table-tbody tr.ant-table-expanded-row .ant-table-wrapper table th {
-  background: #fafafa;
-  border-bottom: 1px solid #e8e8e8;
+  background: var(--antd-table-row-expand-nested-wrapper);
+  border-bottom: 1px solid var(--antd-table-row-expand-nested-wrapper-border);
 }
 .ant-table-tbody tr.ant-table-expanded-row .ant-table-wrapper table td {
-  background: #fafafa;
+  background: var(--antd-table-row-expand-nested-wrapper);
   padding: 10px 16px;
 }
 .ant-table-tbody tr.ant-table-expanded-row .ant-table-wrapper table td button {
@@ -26175,10 +26502,22 @@ html[data-theme="dark"] .ant-descriptions-item-content {
 }
 .ant-pagination-item:focus,
 .ant-pagination-item:hover {
+  color: var(--antd-pagination-item-hover);
   border-color: transparent;
 }
 .ant-pagination .ant-pagination-item-active {
-  border-color: #0071eb;
+  background-color: var(--antd-pagination-item-active-bg);
+  border-color: var(--antd-pagination-item-active-border);
+}
+.ant-pagination .ant-pagination-item-active a {
+  color: var(--antd-pagination-item-active-text-color);
+}
+.ant-pagination .ant-pagination-item-active:hover {
+  background-color: var(--antd-pagination-item-selected-hover-bg);
+  border-color: var(--antd-pagination-item-selected-hover-border-color);
+}
+.ant-pagination .ant-pagination-item-active:hover a {
+  color: var(--antd-pagination-item-selected-hover-text-color);
 }
 .ant-pagination-prev .ant-pagination-item-link,
 .ant-pagination-next .ant-pagination-item-link {
@@ -26206,9 +26545,9 @@ html[data-theme="dark"] .ant-descriptions-item-content {
     */
 }
 .ant-pagination-options .ant-select-selector {
-  background-color: transparent!important;
-  border-color: transparent!important;
-  box-shadow: none!important;
+  background-color: transparent !important;
+  border-color: transparent !important;
+  box-shadow: none !important;
 }
 .ant-pagination-options .ant-select-dropdown {
   padding: 2px;
@@ -26421,11 +26760,11 @@ li.ant-picker-time-panel-cell:not(.ant-picker-time-panel-cell-selected) .ant-pic
   background-color: var(--body-background);
 }
 .ant-transfer-list {
-  background: #fff;
-  border-radius: 6px;
+  background: var(--color-fill-bg-container-4);
+  border-radius: var(--larger-border-radius);
 }
 .ant-transfer-list-header {
-  background: #f5f5f5;
+  background: var(--color-fill-bg-base-1);
   border-bottom: none;
 }
 .ant-transfer-operation .ant-btn {
@@ -26434,12 +26773,21 @@ li.ant-picker-time-panel-cell:not(.ant-picker-time-panel-cell-selected) .ant-pic
 .ant-transfer-operation .ant-btn:first-child {
   margin-bottom: 8px;
 }
+.ant-transfer-list-content-item-checked {
+  background-color: var(--checkbox-bg-active);
+}
+.ant-transfer-list-content-item:not(.ant-transfer-list-content-item-disabled).ant-transfer-list-content-item-checked:hover {
+  background-color: var(--checkbox-bg-hover);
+}
 .ant-radio-group {
   line-height: 1;
 }
 .ant-radio-group-solid .ant-radio-button-wrapper-checked:not(.ant-radio-group-solid .ant-radio-button-wrapper-disabled).ant-radio-group-solid .ant-radio-button-wrapper:first-child {
   border-right-color: transparent;
 }
+.ant-radio-button-wrapper:first-child .ant-radio-button-wrapper-checked:not([class*=' ant-radio-button-wrapper-disabled']) {
+  border-right-color: transparent;
+}
 .ant-select-tree-checkbox {
   /**
     * 修改 checkbox 的样式
@@ -26490,6 +26838,26 @@ li.ant-picker-time-panel-cell:not(.ant-picker-time-panel-cell-selected) .ant-pic
   background-color: #fff;
   border-top: 1px solid #d9d9d9;
 }
+.ant-tooltip-inner {
+  border-radius: var(--larger-border-radius);
+  box-shadow: var(--feedback-container-shadow);
+  font-size: var(--normal-font-size);
+  font-weight: var(--font-weight-400);
+}
+.ant-popover-inner {
+  background: var(--color-fill-bg-container-4);
+  border-radius: var(--larger-border-radius);
+  box-shadow: var(--feedback-container-shadow);
+}
+.ant-popover-inner-content {
+  font-size: var(--sub-title-font-size-small);
+  font-weight: var(--font-weight-400);
+}
+.ant-popover-title {
+  font-size: var(--sub-title-font-size);
+  font-weight: var(--font-weight-500);
+  color: var(--color-strong-text);
+}
 
 /* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */
 /* stylelint-disable no-duplicate-selectors */
@@ -27488,6 +27856,9 @@ textarea.ant-mention-wrapper .ant-mention-editor {
 .ant-legacy-form-item-label > label::after {
   margin: 0 0 0 2px;
 }
+.ant-legacy-form-item-label > label {
+  color: var(--antd-label-color);
+}
 .ant-legacy-form-item-label {
   white-space: pre-wrap !important;
   padding-right: 8px;
@@ -27664,4 +28035,4 @@ html[data-mode="dashboard"] body.has-sub-menu #main-mount-point {
 }
 
 
-/*# sourceMappingURL=main.6434351334040f6c33b2.css.map*/
+/*# sourceMappingURL=main.b2ff0ebeb7fa558c53b0.css.map*/