@arco-themes/react-aiux2026 0.0.2 → 0.0.4

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@arco-themes/react-aiux2026",
-  "version": "0.0.2",
+  "version": "0.0.4",
   "description": "",
   "author": "dobe25381-gif",
   "owners": [],

package/tokens.less

@@ -1054,10 +1054,10 @@
 
 @input-color-bg: #ffffff;
 @input-color-bg_hover: #ffffff;
-@input-color-bg_focus: var(--color-bg-2);
+@input-color-bg_focus: #ffffff;
 @input-color-bg_disabled: var(--color-fill-2);
-@input-color-addon-bg: #ffffff;
-@input-color-addon-border: var(--color-neutral-3);
+@input-color-addon-bg: #f5f7fc;
+@input-color-addon-border: #dfe2eb;
 @input-border-addon-separator-width: 1px;
 @input-color-border_focus: rgb(var(--primary-6));
 @input-color-shadow_focus: var(--color-primary-light-2);
@@ -1066,7 +1066,7 @@
 @input-color-text: #292f42;
 @input-color-placeholder-text: #9ca3b8;
 @input-color-text_disabled: var(--color-text-4);
-@input-color-addon-text: var(--color-text-1);
+@input-color-addon-text: #292f42;
 @input-color-bg_error: #ffffff;
 @input-color-bg_error_hover: #ffffff;
 @input-color-bg_error_focus: #ffffff;
@@ -1075,7 +1075,7 @@
 @input-size-shadow_error_focus: 0;
 @input-color-bg_warning: var(--color-warning-light-1);
 @input-color-bg_warning_hover: var(--color-warning-light-2);
-@input-color-bg_warning_focus: var(--color-bg-2);
+@input-color-bg_warning_focus: #ffffff;
 @input-color-border_warning_focus: rgb(var(--warning-6));
 @input-color-shadow_warning_focus: var(--color-warning-light-2);
 @input-size-shadow_warning_focus: 0;
@@ -1119,7 +1119,7 @@
 @input-padding-word-limit-left: 8px;
 @input-group-border-radius_compact: var(--border-radius-small);
 @input-group-border-separator-width: 1px;
-@input-group-color-separator-border: var(--color-neutral-3);
+@input-group-color-separator-border: #292f42;
 @input-tag-size-mini-height: 24px;
 @input-tag-size-small-height: 28px;
 @input-tag-size-default-height: 32px;
@@ -1185,7 +1185,7 @@
 @input-tag-color-border_warning_focus: rgb(var(--warning-6));
 @input-tag-color-bg_warning: var(--color-warning-light-1);
 @input-tag-color-bg_warning_hover: var(--color-warning-light-2);
-@input-tag-color-bg_warning_focus: var(--color-bg-2);
+@input-tag-color-bg_warning_focus: #ffffff;
 @input-tag-color-shadow_warning_focus: var(--color-warning-light-2);
 @input-tag-size-shadow_warning_focus: 0;
 @input-tag-addon-padding-horizontal: 12px;
@@ -1273,7 +1273,7 @@
 @picker-color-border_error: transparent;
 @picker-color-border_error_hover: transparent;
 @picker-color-border_error_focus: rgb(var(--danger-6));
-@picker-color-placeholder: var(--color-text-3);
+@picker-color-placeholder: #9ca3b8;
 @picker-color-placeholder_disabled: var(--color-text-4);
 @picker-color-text: var(--color-text-1);
 @picker-color-text_disabled: var(--color-text-4);
@@ -1288,7 +1288,7 @@
 @picker-size-shadow_warning_focus: 0;
 @picker-color-bg_warning: var(--color-warning-light-1);
 @picker-color-bg_warning_hover: var(--color-warning-light-2);
-@picker-color-bg_warning_focus: var(--color-bg-2);
+@picker-color-bg_warning_focus: #ffffff;
 @picker-color-border_warning: transparent;
 @picker-color-border_warning_hover: transparent;
 @picker-color-border_warning_focus: rgb(var(--warning-6));
@@ -1531,7 +1531,7 @@
 @select-color-addon-border_default: transparent;
 @select-border-addon-separator-width: 1px;
 @select-color-addon-text: var(--color-text-1);
-@select-color-bg_warning_focus: var(--color-bg-2);
+@select-color-bg_warning_focus: #ffffff;
 @select-color-bg_warning: var(--color-warning-light-1);
 @select-color-bg_warning_hover: var(--color-warning-light-2);
 @select-color-border_warning: transparent;
@@ -1618,12 +1618,12 @@
 
 /*********** breadcrumb ***********/
 
-@breadcrumb-color-text: var(--color-text-2);
+@breadcrumb-color-text: #646c85;
 @breadcrumb-color-text_active: var(--color-text-1);
 @breadcrumb-color-link-text: var(--color-text-2);
-@breadcrumb-color-separator: var(--color-text-4);
+@breadcrumb-color-separator: #646c85;
 @breadcrumb-color-bg: transparent;
-@breadcrumb-color-bg_hover: var(--color-fill-2);
+@breadcrumb-color-bg_hover: transparent;
 @breadcrumb-margin-separator-horizontal: 4px;
 @breadcrumb-margin-dropdown-icon-left: 4px;
 @breadcrumb-padding-text-horizontal: 4px;
@@ -1632,8 +1632,8 @@
 @breadcrumb-size-dropdown-icon: 12px;
 @breadcrumb-size-font-size: 14px;
 @breadcrumb-font-weight_active: 500;
-@breadcrumb-color-icon: var(--color-text-3);
-@breadcrumb-color-link-text_hover: rgb(var(--link-6));
+@breadcrumb-color-icon: #292f42;
+@breadcrumb-color-link-text_hover: rgb(var(--link-5));
 @breadcrumb-color-dropdown-icon: var(--color-text-2);
 @breadcrumb-color-box-shadow: rgb(var(--primary-6));
 @breadcrumb-prefix-cls: ~'@{prefix}-breadcrumb';
@@ -1989,7 +1989,7 @@
 @card-color-title-extra: rgb(var(--primary-6));
 @card-color-body: var(--color-text-2);
 @card-color-action: var(--color-text-2);
-@card-color-action_hover: rgb(var(--primary-6));
+@card-color-action_hover: rgb(var(--primary-5));
 @card-color-box-shadow: rgb(var(--gray-2));
 @card-color-box-shadow_dark: rgba(var(--gray-1), 40%);
 @card-border-width: 1px;
@@ -2112,7 +2112,7 @@
 @collapse-content-color-bg: #ffffff;
 @collapse-expand-icon-size: 14px;
 @collapse-expand-icon-size-bg: 16px;
-@collapse-expand-icon-color-bg: #ffffff;
+@collapse-expand-icon-color-bg: transparent;
 @collapse-expand-icon-spacing-text: 5px;
 @collapse-color-expand-icon: #292f42;
 @collapse-item-color-border: #dfe2eb;
@@ -2260,7 +2260,7 @@
 @divider-size: 1px;
 @divider-line-style: solid;
 @divider-color-bg: #dfe2eb;
-@divider-color-text: var(--color-text-1);
+@divider-color-text: #292f42;
 @divider-prefix-cls: ~'@{prefix}-divider';
 
 
@@ -2601,19 +2601,19 @@
 @menu-width-collapse-button: 24px;
 @menu-height-collapse-button: 24px;
 @menu-border-radius-collapse-button: var(--border-radius-small);
-@menu-light-color-bg: var(--color-menu-light-bg);
-@menu-light-color-bg-item_default: var(--color-menu-light-bg);
-@menu-light-color-bg-item_hover: var(--color-fill-2);
-@menu-light-color-bg-item_selected: var(--color-fill-2);
-@menu-light-color-bg-item_disabled: var(--color-menu-light-bg);
-@menu-light-color-item_default: var(--color-text-2);
-@menu-light-color-item_hover: var(--color-text-2);
+@menu-light-color-bg: #f5f7fc;
+@menu-light-color-bg-item_default: #f5f7fc;
+@menu-light-color-bg-item_hover: #ffffff;
+@menu-light-color-bg-item_selected: #ffffff;
+@menu-light-color-bg-item_disabled: #f5f7fc;
+@menu-light-color-item_default: #0f131f;
+@menu-light-color-item_hover: #0f131f;
 @menu-light-color-item_selected: rgb(var(--primary-6));
 @menu-light-color-submenu_selected: rgb(var(--primary-6));
 @menu-light-color-bg-submenu_selected_hover: var(--color-fill-2);
 @menu-light-color-item_disabled: var(--color-text-4);
-@menu-light-color-icon_default: var(--color-text-3);
-@menu-light-color-icon_hover: var(--color-text-3);
+@menu-light-color-icon_default: #0f131f;
+@menu-light-color-icon_hover: #0f131f;
 @menu-light-color-icon_selected: rgb(var(--primary-6));
 @menu-light-color-icon_disabled: var(--color-text-4);
 @menu-light-color-group-title: var(--color-text-3);
@@ -2633,10 +2633,10 @@
 @menu-dark-color-icon_selected: var(--color-white);
 @menu-dark-color-icon_disabled: var(--color-text-2);
 @menu-dark-color-group-title: var(--color-text-3);
-@menu-color-border-popup: var(--color-neutral-3);
-@menu-light-color-bg-button: var(--color-fill-1);
-@menu-light-color-bg-button_hover: var(--color-fill-3);
-@menu-light-color-button: var(--color-text-3);
+@menu-color-border-popup: transparent;
+@menu-light-color-bg-button: #f5f7fc;
+@menu-light-color-bg-button_hover: #f5f7fc;
+@menu-light-color-button: #0f131f;
 @menu-dark-color-bg-button: rgb(var(--primary-6));
 @menu-dark-color-bg-button_hover: rgb(var(--primary-7));
 @menu-dark-color-button: var(--color-white);
@@ -2675,34 +2675,34 @@
 @message-border-width: 1px;
 @message-border-style: solid;
 @message-box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
-@message-color-close-icon: var(--color-text-1);
+@message-color-close-icon: #292f42;
 @message-close-icon-font-size: 12px;
 @message-close-icon-top: 14px;
 @message-close-icon-right: 12px;
 @message-close-icon-left: 14px;
-@message-normal-color-bg: var(--color-bg-popup);
+@message-normal-color-bg: #ffffff;
 @message-normal-color-icon: #292f42;
 @message-normal-color-content: #292f42;
 @message-normal-color-border: transparent;
-@message-info-color-bg: var(--color-bg-popup);
+@message-info-color-bg: #ffffff;
 @message-info-color-icon: rgb(var(--primary-6));
-@message-info-color-content: var(--color-text-1);
+@message-info-color-content: #292f42;
 @message-info-color-border: transparent;
-@message-success-color-bg: var(--color-bg-popup);
+@message-success-color-bg: #ffffff;
 @message-success-color-icon: rgb(var(--success-6));
-@message-success-color-content: var(--color-text-1);
+@message-success-color-content: #292f42;
 @message-success-color-border: transparent;
-@message-warning-color-bg: var(--color-bg-popup);
+@message-warning-color-bg: #ffffff;
 @message-warning-color-icon: rgb(var(--warning-6));
-@message-warning-color-content: var(--color-text-1);
+@message-warning-color-content: #292f42;
 @message-warning-color-border: transparent;
-@message-error-color-bg: var(--color-bg-popup);
+@message-error-color-bg: #ffffff;
 @message-error-color-icon: rgb(var(--danger-6));
-@message-error-color-content: var(--color-text-1);
+@message-error-color-content: #292f42;
 @message-error-color-border: transparent;
-@message-loading-color-bg: var(--color-bg-popup);
+@message-loading-color-bg: #ffffff;
 @message-loading-color-icon: rgb(var(--primary-6));
-@message-loading-color-content: var(--color-text-1);
+@message-loading-color-content: #292f42;
 @message-loading-color-border: transparent;
 @message-prefix-cls: ~'@{prefix}-message';
 
@@ -2852,14 +2852,14 @@
 @pagination-border-width: 0;
 @pagination-color-bg-item: transparent;
 @pagination-color-bg-item_active: var(--color-primary-light-1);
-@pagination-color-bg-item_hover: var(--color-fill-1);
+@pagination-color-bg-item_hover: rgb(var(--primary-1));
 @pagination-color-bg-item_disabled: transparent;
-@pagination-color-bg-item_active_disabled: var(--color-fill-1);
+@pagination-color-bg-item_active_disabled: #f5f7fc;
 @pagination-color-item-text: var(--color-text-2);
 @pagination-color-item-text_hover: var(--color-text-2);
 @pagination-color-item-text_active: rgb(var(--primary-6));
 @pagination-color-item-text_disabled: var(--color-text-4);
-@pagination-color-item-text_active_disabled: var(--color-primary-light-3);
+@pagination-color-item-text_active_disabled: #9ca3b8;
 @pagination-color-item-border: transparent;
 @pagination-color-item-border_active: transparent;
 @pagination-color-item-border_hover: transparent;
@@ -2867,23 +2867,23 @@
 @pagination-color-item-border_active_disabled: transparent;
 @pagination-color-icon-arrow: var(--color-text-2);
 @pagination-color-icon-arrow-bg: transparent;
-@pagination-color-icon-arrow-bg_hover: var(--color-fill-1);
+@pagination-color-icon-arrow-bg_hover: rgb(var(--primary-1));
 @pagination-color-icon-arrow-bg_disabled: transparent;
-@pagination-color-icon-arrow-text_hover: rgb(var(--primary-6));
+@pagination-color-icon-arrow-text_hover: #292f42;
 @pagination-color-icon-arrow-text_disabled: var(--color-text-4);
 @pagination-simple-input-width: 40px;
 @pagination-simple-color-icon-arrow: var(--color-text-2);
 @pagination-simple-color-icon-arrow-bg: transparent;
-@pagination-simple-color-icon-arrow-bg_hover: var(--color-fill-1);
+@pagination-simple-color-icon-arrow-bg_hover: rgb(var(--primary-1));
 @pagination-simple-color-icon-arrow-bg_disabled: transparent;
-@pagination-simple-color-icon-arrow-text_hover: rgb(var(--primary-6));
+@pagination-simple-color-icon-arrow-text_hover: #292f42;
 @pagination-simple-color-icon-arrow-text_disabled: var(--color-text-4);
 @pagination-simple-margin-prev-right: 4px;
 @pagination-simple-margin-next-left: 12px;
 @pagination-simple-margin-separator-left: 12px;
 @pagination-simple-margin-separator-right: 12px;
 @pagination-color-jumper-goto: var(--color-text-2);
-@pagination-color-text-total: var(--color-text-1);
+@pagination-color-text-total: #292f42;
 
 
 /*********** patination ***********/
@@ -3038,10 +3038,10 @@
 
 /*********** resizeBox ***********/
 
-@resizeBox-trigger-color-background: var(--color-neutral-3);
+@resizeBox-trigger-color-background: #ebeef5;
 @resizeBox-trigger-size-icon-wrapper: 6px;
 @resizeBox-trigger-font-size-icon: 12px;
-@resizeBox-trigger-color-icon: var(--color-text-1);
+@resizeBox-trigger-color-icon: #292f42;
 @resizeBox-trigger-icon-empty: 18px;
 
 
@@ -3066,7 +3066,7 @@
 @result-font-title-weight: 500;
 @result-font-subtitle-size: 14px;
 @result-color-title-text: var(--color-text-1);
-@result-color-subtitle-text: var(--color-text-2);
+@result-color-subtitle-text: #646c85;
 @result-size-icon: 20px;
 @result-size-icon-wrapper: 45px;
 @result-size-image-width: 92px;
@@ -3131,7 +3131,7 @@
 @slider-size-input_range-height: 32px;
 @slider-size-input_range_content-width: 8px;
 @slider-size-input_range_content-height: 2px;
-@slider-color-input_range_content-bg: rgb(var(--gray-6));
+@slider-color-input_range_content-bg: #9ca3b8;
 @slider-size-height_vertical: 200px;
 @slider-spacing-mark-left: 3px;
 @slider-prefix: ~'@{prefix}-slider';
@@ -3200,28 +3200,28 @@
 @steps-circle-vertical-item-description-margin-top: 2px;
 @steps-circle-vertical-spacing-tail-top: 6px;
 @steps-circle-vertical-spacing-tail-bottom: 6px;
-@steps-circle-color-item-bg_wait: var(--color-fill-2);
+@steps-circle-color-item-bg_wait: #f5f7fc;
 @steps-circle-color-item-border_wait: transparent;
 @steps-circle-color-item-icon-text_wait: var(--color-text-2);
-@steps-circle-color-item-tail_wait: var(--color-neutral-3);
+@steps-circle-color-item-tail_wait: #dfe2eb;
 @steps-circle-color-item-title_wait: var(--color-text-2);
 @steps-circle-color-item-description_wait: var(--color-text-3);
 @steps-circle-color-item-bg_process: rgb(var(--primary-6));
 @steps-circle-color-item-border_process: transparent;
 @steps-circle-color-item-icon-text_process: var(--color-white);
 @steps-circle-color-item-tail_process: rgb(var(--primary-6));
-@steps-circle-color-item-title_process: var(--color-text-1);
+@steps-circle-color-item-title_process: #292f42;
 @steps-circle-color-item-description_process: var(--color-text-3);
 @steps-circle-color-item-bg_finish: var(--color-primary-light-1);
 @steps-circle-color-item-border_finish: transparent;
 @steps-circle-color-item-icon-text_finish: rgb(var(--primary-6));
-@steps-circle-color-item-title_finish: var(--color-text-1);
+@steps-circle-color-item-title_finish: #292f42;
 @steps-circle-color-item-description_finish: var(--color-text-3);
 @steps-circle-color-item-bg_error: rgb(var(--danger-6));
 @steps-circle-color-item-border_error: transparent;
 @steps-circle-color-item-icon-text_error: var(--color-white);
 @steps-circle-color-item-tail_error: rgb(var(--danger-6));
-@steps-circle-color-item-title_error: var(--color-text-1);
+@steps-circle-color-item-title_error: #292f42;
 @steps-circle-color-item-description_error: var(--color-text-3);
 @steps-dot-horizontal-item-title-margin-top: 4px;
 @steps-dot-horizontal-item-description-margin-top: 4px;
@@ -3238,22 +3238,22 @@
 @steps-dot-border-radius-item-icon: var(--border-radius-circle);
 @steps-dot-color-item-bg_wait: var(--color-fill-4);
 @steps-dot-color-item-border_wait: var(--color-fill-4);
-@steps-dot-color-item-tail_wait: var(--color-neutral-3);
+@steps-dot-color-item-tail_wait: #dfe2eb;
 @steps-dot-color-item-title_wait: var(--color-text-2);
 @steps-dot-color-item-description_wait: var(--color-text-3);
 @steps-dot-color-item-bg_process: rgb(var(--primary-6));
 @steps-dot-color-item-border_process: rgb(var(--primary-6));
 @steps-dot-color-item-tail_process: rgb(var(--primary-6));
-@steps-dot-color-item-title_process: var(--color-text-1);
+@steps-dot-color-item-title_process: #292f42;
 @steps-dot-color-item-description_process: var(--color-text-3);
 @steps-dot-color-item-bg_finish: rgb(var(--primary-6));
 @steps-dot-color-item-border_finish: rgb(var(--primary-6));
-@steps-dot-color-item-title_finish: var(--color-text-1);
+@steps-dot-color-item-title_finish: #292f42;
 @steps-dot-color-item-description_finish: var(--color-text-3);
 @steps-dot-color-item-bg_error: rgb(var(--danger-6));
 @steps-dot-color-item-border_error: rgb(var(--danger-6));
 @steps-dot-color-item-tail_error: rgb(var(--danger-6));
-@steps-dot-color-item-title_error: var(--color-text-1);
+@steps-dot-color-item-title_error: #292f42;
 @steps-dot-color-item-description_error: var(--color-text-3);
 @steps-arrow-size-item-gap: 4px;
 @steps-arrow-size-default-title-padding-left: 16px;
@@ -3900,7 +3900,7 @@
 @upload-drag-font-size: 14px;
 @upload-drag-border-radius: var(--border-radius-small);
 @upload-drag-tip-margin-top: 0;
-@upload-drag-color-text: #292f42;
+@upload-drag-color-text: #0f131f;
 @upload-drag-border-style: dashed;
 @upload-drag-border-width: 1px;
 @upload-drag-padding-vertical: 50px;
@@ -3929,15 +3929,15 @@
 @upload-text-item-margin-remove-icon-left: 12px;
 @upload-text-item-color-remove-icon: var(--color-text-2);
 @upload-text-item-color-status-icon: var(--color-white);
-@upload-text-item-color-file-icon_success: rgb(var(--primary-6));
+@upload-text-item-color-file-icon_success: #292f42;
 @upload-text-item-color-progress-bg_hover: rgba(var(--gray-10), 0.2);
 @upload-text-item-color-progress-bg_hover_active: rgb(var(--primary-6));
 @upload-text-item-size-file-icon: 16px;
 @upload-text-item-margin-file-icon-right: 12px;
-@upload-text-item-color-file-icon: rgb(var(--primary-6));
+@upload-text-item-color-file-icon: #292f42;
 @upload-text-item-padding-right: 10px;
 @upload-text-item-color-link: rgb(var(--link-6));
-@upload-text-item-color-reupload-icon: rgb(var(--primary-6));
+@upload-text-item-color-reupload-icon: #292f42;
 @upload-text-item-color-reupload-icon_hover: rgb(var(--primary-5));
 @upload-text-item-size-status-icon: 12px;
 @upload-text-item-color-error-icon: rgb(var(--danger-6));

package/variables.less

@@ -964,10 +964,10 @@
 @collapse-color-border: @color-border-2;
 @collapse-title-color-border: @color-border-2;
 @collapse-content-color-text_disabled: @color-text-4;
-@collapse-content-color-bg: @color-bg-white;
+@collapse-content-color-bg: @color-bg-2;
 @collapse-item-color-border: @color-border-2;
 @collapse-color-expand-icon: @color-text-2;
-@collapse-expand-icon-color-bg: @color-bg-white;
+@collapse-expand-icon-color-bg: @color-transparent;
 @descriptions-color-text-value: @color-text-2;
 @collapse-content-color-text: @color-text-2;
 @descriptions-color-border: @color-border-2;
@@ -1022,28 +1022,28 @@
 @tree-color-title-text_active_disabled: @color-text-4;
 @tree-showline-color-plus-icon-bg: @color-transparent;
 @tree-showline-color-line-bg: @color-border-2;
-@input-color-bg: @color-bg-white;
+@input-color-bg: @color-bg-2;
 @input-color-border: @color-border-3;
 @input-color-placeholder-text: @color-text-4;
 @input-color-border_disabled: @color-border-3;
-@input-color-bg_hover: @color-bg-white;
+@input-color-bg_hover: @color-bg-2;
 @input-color-border_hover: @color-primary-5;
-@input-color-bg_error: @color-bg-white;
+@input-color-bg_error: @color-bg-2;
 @input-color-border_error: @color-danger-6;
-@input-color-bg_error_hover: @color-bg-white;
+@input-color-bg_error_hover: @color-bg-2;
 @input-color-border_error_hover: @color-danger-5;
-@input-color-bg_error_focus: @color-bg-white;
+@input-color-bg_error_focus: @color-bg-2;
 @auto-complete-popup-color-border: @color-bg-white;
 @auto-complete-option-color-bg_selected: @color-primary-1;
 @auto-complete-option-color-bg_hover: @color-primary-1;
 @auto-complete-option-color-text_selected: @color-primary-6;
 @select-color-border_default: @color-border-3;
 @select-color-placeholder_default: @color-text-4;
-@select-color-bg_default: @color-bg-white;
+@select-color-bg_default: @color-bg-2;
 @select-color-icon-bg_hover: @color-primary-1;
 @select-color-border_disabled: @color-border-3;
 @select-color-placeholder_focused: @color-text-4;
-@select-color-bg_default_hover: @color-bg-white;
+@select-color-bg_default_hover: @color-bg-2;
 @select-color-border_default_hover: @color-primary-5;
 @select-color-bg_error: @color-bg-white;
 @select-color-border_error: @color-danger-6;
@@ -1069,10 +1069,10 @@
 @color-value-font-color: @color-text-2;
 @color-input-bg-color: @color-fill-2;
 @color-value-font-color_disabled: @color-text-4;
-@picker-color-bg: @color-bg-white;
+@picker-color-bg: @color-bg-2;
 @picker-color-border: @color-border-3;
 @picker-color-border_disabled: @color-border-3;
-@picker-color-bg_hover: @color-bg-white;
+@picker-color-bg_hover: @color-bg-2;
 @picker-color-border_hover: @color-primary-5;
 @picker-range-color-bg-input_focus: @color-primary-1;
 @picker-panel-color-border: @color-border-2;
@@ -1122,14 +1122,14 @@
 @input-tag-tag-remove-icon-color-bg_focus: @color-primary-1;
 @input-tag-tag-color-border_disabled: @color-transparent;
 @input-tag-tag-color-bg_disabled: @color-fill-3;
-@input-number-step-button-color-bg_default: @color-bg-white;
+@input-number-step-button-color-bg_default: @color-bg-2;
 @input-number-step-button-color-bg_default_hover: @color-primary-1;
 @input-number-step-button-color-bg_default_active: @color-primary-1;
 @rate-color-bg_default: @color-fill-3;
 @rate-color-bg_active: @color-warning-5;
 @radio-color-border: @color-border-3;
 @radio-border-width: @border-1;
-@radio-mask-bg-color-bg: @color-bg-white;
+@radio-mask-bg-color-bg: @color-bg-2;
 @radio-color-border_hover: @color-primary-5;
 @radio-color-bg_checked_disabled: @color-border-3;
 @radio-color-dot-bg_checked_disabled: @color-text-4;
@@ -1155,17 +1155,17 @@
 @upload-picture-text-item-color-bg_error: @color-fill-2;
 @upload-picture-text-item-color-text_success: @color-text-1;
 @upload-picture-text-item-color-text_uploading: @color-text-1;
-@upload-picture-color-bg: @color-bg-white;
+@upload-picture-color-bg: @color-bg-2;
 @upload-picture-color-border: @color-border-3;
 @upload-picture-color-border_hover: @color-primary-5;
-@upload-picture-color-bg_hover: @color-bg-white;
+@upload-picture-color-bg_hover: @color-bg-2;
 @upload-picture-color-text_hover: @color-primary-5;
 @upload-picture-color-bg_disabled: @color-fill-2;
 @upload-picture-color-border_disabled: @color-border-3;
 @upload-picture-color-text: @color-text-2;
 @upload-drag-color-border: @color-border-3;
-@upload-drag-color-bg: @color-bg-white;
-@upload-drag-color-bg_hover: @color-bg-white;
+@upload-drag-color-bg: @color-bg-2;
+@upload-drag-color-bg_hover: @color-bg-2;
 @upload-drag-color-border_hover: @color-primary-5;
 @upload-drag-color-icon_hover: @color-primary-5;
 @upload-drag-color-bg_disabled: @color-fill-2;
@@ -1204,7 +1204,69 @@
 @transfer-item-color_default: @color-text-2;
 @transfer-item-color_hover: @color-text-2;
 @upload-text-item-color-text: @color-text-2;
-@upload-drag-color-text: @color-text-2;
+@upload-drag-color-text: @color-text-1;
 @message-normal-color-content: @color-text-2;
 @message-normal-color-icon: @color-text-2;
 @notification-normal-color-icon: @color-text-2;
+@pagination-color-text-total: @color-text-2;
+@pagination-color-bg-item_hover: @color-primary-1;
+@pagination-color-bg-item_active_disabled: @color-fill-2;
+@pagination-color-item-text_active_disabled: @color-text-4;
+@pagination-color-icon-arrow-bg_hover: @color-primary-1;
+@pagination-color-icon-arrow-text_hover: @color-text-2;
+@pagination-simple-color-icon-arrow-text_hover: @color-text-2;
+@pagination-simple-color-icon-arrow-bg_hover: @color-primary-1;
+@menu-light-color-bg: @color-fill-2;
+@menu-light-color-icon_default: @color-text-1;
+@menu-light-color-item_default: @color-text-1;
+@menu-light-color-bg-item_hover: @color-bg-2;
+@menu-light-color-item_hover: @color-text-1;
+@menu-light-color-icon_hover: @color-text-1;
+@menu-light-color-bg-item_selected: @color-bg-2;
+@menu-color-border-popup: @color-transparent;
+@slider-color-input_range_content-bg: @color-text-4;
+@breadcrumb-color-text: @color-text-3;
+@divider-color-text: @color-text-2;
+@card-color-action_hover: @color-primary-5;
+@input-color-bg_focus: @color-bg-2;
+@input-color-addon-text: @color-text-2;
+@input-color-addon-bg: @color-fill-2;
+@input-color-addon-border: @color-border-2;
+@input-group-color-separator-border: @color-text-2;
+@picker-color-placeholder: @color-text-4;
+@upload-text-item-color-file-icon: @color-text-2;
+@upload-text-item-color-link: @color-link-6;
+@upload-text-item-color-reupload-icon: @color-text-2;
+@upload-text-item-color-file-icon_success: @color-text-2;
+@drawer-size-header-height: @size-12;
+@message-normal-color-bg: @color-bg-5;
+@message-color-close-icon: @color-text-2;
+@message-info-color-content: @color-text-2;
+@message-success-color-content: @color-text-2;
+@message-info-color-bg: @color-bg-5;
+@message-success-color-bg: @color-bg-5;
+@message-warning-color-bg: @color-bg-5;
+@message-warning-color-content: @color-text-2;
+@message-error-color-bg: @color-bg-5;
+@message-error-color-content: @color-text-2;
+@message-loading-color-bg: @color-bg-5;
+@message-loading-color-content: @color-text-2;
+@result-color-subtitle-text: @color-text-3;
+@menu-light-color-bg-button: @color-fill-2;
+@menu-light-color-bg-button_hover: @color-fill-2;
+@menu-light-color-button: @color-text-1;
+@breadcrumb-color-icon: @color-text-2;
+@breadcrumb-color-separator: @color-text-3;
+@breadcrumb-color-bg_hover: @color-transparent;
+@breadcrumb-color-link-text_hover: @color-link-5;
+@steps-circle-color-item-title_finish: @color-text-2;
+@steps-circle-color-item-title_process: @color-text-2;
+@steps-circle-color-item-title_error: @color-text-2;
+@steps-circle-color-item-bg_wait: @color-fill-2;
+@steps-circle-color-item-tail_wait: @color-border-2;
+@steps-dot-color-item-title_finish: @color-text-2;
+@steps-dot-color-item-title_error: @color-text-2;
+@steps-dot-color-item-title_process: @color-text-2;
+@steps-dot-color-item-tail_wait: @color-border-2;
+@resizeBox-trigger-color-icon: @color-text-2;
+@resizeBox-trigger-color-background: @color-fill-3;