@arco-themes/react-aiux2026 0.0.3 → 0.0.5

package/tokens.less

@@ -536,7 +536,7 @@
 @link-line-height: 1.5715;
 @link-color-bg_hover: transparent;
 @link-color-bg_active: transparent;
-@link-padding-horizontal: 4px;
+@link-padding-horizontal: 0;
 @link-color-text: rgb(var(--link-6));
 @link-color-text_hover: rgb(var(--primary-5));
 @link-color-text_active: rgb(var(--primary-7));
@@ -554,7 +554,7 @@
 @link-color-text_warning_active: rgb(var(--warning-7));
 @link-color-text_warning_disabled: #9ca3b8;
 @link-margin-icon-right: 4px;
-@link-padding-vertical: 1px;
+@link-padding-vertical: 0;
 @link-size-icon: 12px;
 @link-border-radius: var(--border-radius-small);
 @link-color-box-shadow: var(--color-link-light-3);
@@ -970,7 +970,7 @@
 /*********** icon ***********/
 
 @icon-hover-border-radius: var(--border-radius-circle);
-@icon-hover-color-bg: transparent;
+@icon-hover-color-bg: rgb(var(--primary-1));
 @icon-hover-size-default-height: 20px;
 @icon-hover-size-small-height: 20px;
 @icon-hover-size-mini-height: 20px;
@@ -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;
@@ -1554,17 +1554,17 @@
 @avatar-font-weight-text: 500;
 @avatar-font-size-text: 20px;
 @avatar-circle-border-radius: var(--border-radius-circle);
-@avatar-square-border-radius: var(--border-radius-medium);
+@avatar-square-border-radius: 8px;
 @avatar-font-size-max-count: 20px;
 @avatar-color-max-count-text: var(--color-white);
 @avatar-size-trigger-button: 20px;
 @avatar-spacing-trigger-button-right: 4px;
 @avatar-spacing-trigger-button-bottom: 4px;
-@avatar-color-trigger-button-bg: var(--color-neutral-2);
-@avatar-color-trigger-button-bg_hover: var(--color-neutral-3);
+@avatar-color-trigger-button-bg: #f5f7fc;
+@avatar-color-trigger-button-bg_hover: rgb(var(--primary-1));
 @avatar-color-trigger-mask-icon: var(--color-white);
 @avatar-opacity-trigger-mask-bg: 60%;
-@avatar-color-trigger-icon-button: var(--color-fill-4);
+@avatar-color-trigger-icon-button: #292f42;
 @avatar-size-trigger-icon: 12px;
 @avatar-border-trigger-button-radius: var(--border-radius-circle);
 @avatar-prefix-cls: ~'@{prefix}-avatar';
@@ -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';
@@ -1679,7 +1679,7 @@
 @btn-outline-color-bg: #ffffff;
 @btn-outline-color-bg_disabled: #f5f7fc;
 @btn-outline-color-bg_hover: #ffffff;
-@btn-outline-color-bg_active: transparent;
+@btn-outline-color-bg_active: #ffffff;
 @btn-outline-color-border: rgb(var(--primary-6));
 @btn-outline-color-border_disabled: #c3c7d4;
 @btn-outline-color-border_hover: rgb(var(--primary-5));
@@ -1702,7 +1702,7 @@
 @btn-outline-color-text_danger_active: rgb(var(--danger-7));
 @btn-outline-color-bg_danger: #ffffff;
 @btn-outline-color-bg_danger_disabled: #f5f7fc;
-@btn-outline-color-bg_danger_hover: transparent;
+@btn-outline-color-bg_danger_hover: #ffffff;
 @btn-outline-color-bg_danger_active: #ffffff;
 @btn-outline-color-border_danger: rgb(var(--danger-6));
 @btn-outline-color-border_danger_disabled: #c3c7d4;
@@ -1721,10 +1721,10 @@
 @btn-outline-color-border_success_hover: rgb(var(--success-5));
 @btn-outline-color-border_success_active: rgb(var(--success-7));
 @btn-outline-border-style: solid;
-@btn-primary-color-text: #fff;
+@btn-primary-color-text: #ffffff;
 @btn-primary-color-text_disabled: #9ca3b8;
-@btn-primary-color-text_hover: #fff;
-@btn-primary-color-text_active: #fff;
+@btn-primary-color-text_hover: #ffffff;
+@btn-primary-color-text_active: #ffffff;
 @btn-primary-color-bg: rgb(var(--primary-6));
 @btn-primary-color-bg_disabled: #f5f7fc;
 @btn-primary-color-bg_hover: rgb(var(--primary-5));
@@ -1733,10 +1733,10 @@
 @btn-primary-color-border_disabled: #c3c7d4;
 @btn-primary-color-border_hover: transparent;
 @btn-primary-color-border_active: transparent;
-@btn-primary-color-text_warning: #fff;
+@btn-primary-color-text_warning: #ffffff;
 @btn-primary-color-text_warning_disabled: #9ca3b8;
-@btn-primary-color-text_warning_hover: #fff;
-@btn-primary-color-text_warning_active: #fff;
+@btn-primary-color-text_warning_hover: #ffffff;
+@btn-primary-color-text_warning_active: #ffffff;
 @btn-primary-color-bg_warning: rgb(var(--warning-6));
 @btn-primary-color-bg_warning_disabled: #f5f7fc;
 @btn-primary-color-bg_warning_hover: rgb(var(--warning-5));
@@ -1745,10 +1745,10 @@
 @btn-primary-color-border_warning_disabled: #c3c7d4;
 @btn-primary-color-border_warning_hover: transparent;
 @btn-primary-color-border_warning_active: transparent;
-@btn-primary-color-text_danger: #fff;
+@btn-primary-color-text_danger: #ffffff;
 @btn-primary-color-text_danger_disabled: #9ca3b8;
-@btn-primary-color-text_danger_hover: #fff;
-@btn-primary-color-text_danger_active: #fff;
+@btn-primary-color-text_danger_hover: #ffffff;
+@btn-primary-color-text_danger_active: #ffffff;
 @btn-primary-color-bg_danger: rgb(var(--danger-6));
 @btn-primary-color-bg_danger_disabled: #f5f7fc;
 @btn-primary-color-bg_danger_hover: rgb(var(--danger-5));
@@ -1757,10 +1757,10 @@
 @btn-primary-color-border_danger_disabled: #c3c7d4;
 @btn-primary-color-border_danger_hover: transparent;
 @btn-primary-color-border_danger_active: transparent;
-@btn-primary-color-text_success: #fff;
+@btn-primary-color-text_success: #ffffff;
 @btn-primary-color-text_success_disabled: #9ca3b8;
 @btn-primary-color-text_success_hover: #fff;
-@btn-primary-color-text_success_active: #fff;
+@btn-primary-color-text_success_active: #ffffff;
 @btn-primary-color-bg_success: rgb(var(--success-6));
 @btn-primary-color-bg_success_disabled: #f5f7fc;
 @btn-primary-color-bg_success_hover: rgb(var(--success-5));
@@ -1931,7 +1931,7 @@
 
 /*********** calendar ***********/
 
-@calendar-color-border: var(--color-neutral-3);
+@calendar-color-border: #dfe2eb;
 @calendar-header-padding-horizontal: 24px;
 @calendar-header-padding-vertical: 24px;
 @calendar-panel-date-cell-padding-vertical: 4px;
@@ -1939,14 +1939,14 @@
 @calendar-panel-year-cell-padding-vertical: 4px;
 @calendar-panel-year-cell-circle-height: 24px;
 @calendar-color-switch-icon: var(--color-text-2);
-@calendar-color-bg-switch-icon: var(--color-bg-5);
-@calendar-color-bg-switch-icon_hover: var(--color-fill-3);
+@calendar-color-bg-switch-icon: transparent;
+@calendar-color-bg-switch-icon_hover: rgb(var(--primary-1));
 @calendar-color-text-title: var(--color-text-1);
-@calendar-color-cell-text-in-view: var(--color-text-1);
-@calendar-color-cell-text-not-in-view: var(--color-text-4);
+@calendar-color-cell-text-in-view: #0f131f;
+@calendar-color-cell-text-not-in-view: #9ca3b8;
 @calendar-color-bg-circle_selected: rgb(var(--primary-6));
 @calendar-color-bg-cell-in-range: var(--color-primary-light-1);
-@calendar-color-bg-cell-disabled: var(--color-fill-1);
+@calendar-color-bg-cell-disabled: #f5f7fc;
 @calendar-color-text-cell-range-boundary: var(--color-white);
 @calendar-color-bg-cell-range-boundary: rgb(var(--primary-6));
 @calendar-color-bg-cell-hover-in-range: var(--color-primary-light-1);
@@ -1971,31 +1971,31 @@
 @card-size-small-padding-horizontal-title: 16px;
 @card-size-small-padding-horizontal-body: 16px;
 @card-size-small-padding-vertical-body: 12px;
-@card-size-default-height-title: 46px;
+@card-size-default-height-title: 56px;
 @card-size-default-font-size-title: 16px;
 @card-size-default-font-size-title-extra: 14px;
 @card-size-default-font-size: 14px;
-@card-size-default-padding-horizontal-title: 16px;
-@card-size-default-padding-horizontal-body: 16px;
-@card-size-default-padding-vertical-body: 16px;
+@card-size-default-padding-horizontal-title: 24px;
+@card-size-default-padding-horizontal-body: 24px;
+@card-size-default-padding-vertical-body: 24px;
 @card-line-height: 1.5715;
 @card-font-weight-title: 500;
-@card-margin-top-meta-footer: 20px;
+@card-margin-top-meta-footer: 16px;
 @card-margin-top-meta-description: 4px;
 @card-margin-right-action-item: 12px;
 @card-color-bg: var(--color-bg-2);
-@card-color-border: #dfe2eb;
+@card-color-border: var(--color-border-2);
 @card-color-title: var(--color-text-1);
-@card-color-title-extra: rgb(var(--primary-6));
+@card-color-title-extra: #292f42;
 @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;
 @card-border-width-title-bottom: 1px;
-@card-border-radius: 12px;
-@card-border-radius-no-border: var(--border-radius-none);
+@card-border-radius: 8px;
+@card-border-radius-no-border: 8px;
 @card-prefix-cls: ~'@{prefix}-card';
 
 
@@ -2063,7 +2063,7 @@
 @checkbox-mask-border-radius: var(--border-radius-small);
 @checkbox-mask-height: 14px;
 @checkbox-mask-bg-height: 24px;
-@checkbox-mask-bg-color-bg: transparent;
+@checkbox-mask-bg-color-bg: rgb(var(--primary-1));
 @checkbox-mask-color-bg: var(--color-bg-2);
 @checkbox-mask-color-bg_checked: rgb(var(--primary-6));
 @checkbox-mask-color-bg_disabled: var(--color-fill-2);
@@ -2090,19 +2090,19 @@
 /*********** collapse ***********/
 
 @collapse-border-width: 1px;
-@collapse-border-radius: var(--border-radius-medium);
+@collapse-border-radius: 4px;
 @collapse-color-border: #dfe2eb;
 @collapse-line-height: 1.5715;
 @collapse-title-line-height: 24px;
 @collapse-title-border-width: 1px;
 @collapse-title-color-border: #dfe2eb;
 @collapse-title-font-size: 14px;
-@collapse-title-padding-horizontal: 13px;
-@collapse-title-padding-vertical: 8px;
+@collapse-title-padding-horizontal: 12px;
+@collapse-title-padding-vertical: 9px;
 @collapse-title-color-bg: var(--color-bg-2);
 @collapse-title-color-bg_active: var(--color-bg-2);
 @collapse-title-color-bg_disabled: var(--color-bg-2);
-@collapse-title-color-text: var(--color-text-1);
+@collapse-title-color-text: #292f42;
 @collapse-title-color-text_disabled: var(--color-text-4);
 @collapse-title-font-weight_active: 500;
 @collapse-content-color-text: #292f42;
@@ -2112,8 +2112,8 @@
 @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-spacing-text: 5px;
+@collapse-expand-icon-color-bg: transparent;
+@collapse-expand-icon-spacing-text: 4px;
 @collapse-color-expand-icon: #292f42;
 @collapse-item-color-border: #dfe2eb;
 @collapse-item-border-width: 1px;
@@ -2125,7 +2125,7 @@
 
 @comment-color-author-text: var(--color-text-2);
 @comment-color-datetime-text: var(--color-text-3);
-@comment-color-content-text: var(--color-text-1);
+@comment-color-content-text: #292f42;
 @comment-color-actions-text: var(--color-text-2);
 @comment-font-size: 14px;
 @comment-font-action-size: 14px;
@@ -2134,7 +2134,7 @@
 @comment-margin-avatar-right: 12px;
 @comment-margin-author-right: 8px;
 @comment-margin-actions-top: 8px;
-@comment-margin-bottom: 20px;
+@comment-margin-bottom: 16px;
 @comment-margin-actions-right: 8px;
 @comment-size-avatar-width: 32px;
 @comment-prefix-cls: ~'@{prefix}-comment';
@@ -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';
 
 
@@ -2323,9 +2323,9 @@
 
 /*********** empty ***********/
 
-@empty-spacing-padding: 10px;
+@empty-spacing-padding: 16px;
 @empty-color-icon: rgb(var(--gray-5));
-@empty-color-text: rgb(var(--gray-5));
+@empty-color-text: #0f131f;
 @empty-font-size-image: 48px;
 @empty-font-size-text: 14px;
 @empty-spacing-image-margin-bottom: 4px;
@@ -2426,7 +2426,7 @@
 @image-color-title_footer_outer-text: var(--color-text-1);
 @image-color-title_footer_inner-text: var(--color-white);
 @image-color-description_footer_inner-text: var(--color-white);
-@image-color-description_footer_outer-text: var(--color-neutral-6);
+@image-color-description_footer_outer-text: #646c85;
 @image-spacing-actions-left: 12px;
 @image-font-size-actions-item: 14px;
 @image-padding-actions-item-vertical: 0;
@@ -2434,8 +2434,8 @@
 @image-spacing-actions-item-left: 12px;
 @image-radius-actions-item: var(--border-radius-small);
 @image-color-actions-item_footer_inner_hover-bg: rgba(0, 0, 0, 0.5);
-@image-color-actions-item_footer_outer_hover-bg: var(--color-neutral-2);
-@image-color-actions-item_trigger-text: var(--color-neutral-8);
+@image-color-actions-item_footer_outer_hover-bg: rgb(var(--primary-1));
+@image-color-actions-item_trigger-text: #292f42;
 @image-color-actions-item_trigger_hover-bg: var(--color-neutral-2);
 @image-spacing-actions-trigger-item-vertical: 5px;
 @image-spacing-actions-trigger-item-horizontal: 4px;
@@ -2445,20 +2445,20 @@
 @image-padding-footer_inner_horizontal: 16px;
 @image-spacing-footer_inner_simple-vertical: 12px;
 @image-spacing-footer_inner_simple-horizontal: 16px;
-@image-color-footer_outer-text: var(--color-neutral-8);
+@image-color-footer_outer-text: #292f42;
 @image-spacing-footer-top: 4px;
-@image-color-error-bg: var(--color-neutral-1);
-@image-color-error-text: var(--color-neutral-4);
+@image-color-error-bg: #f5f7fc;
+@image-color-error-text: #9ca3b8;
 @image-font-size-error-icon: 60px;
 @image-font-size-error-text: 12px;
 @image-line-height-error-text: 1.6667;
 @image-size-error-min-height: 100px;
 @image-spacing-error-padding: 16px;
-@image-color-loader-bg: var(--color-neutral-1);
+@image-color-loader-bg: #f5f7fc;
 @image-size-loader-min-height: 100px;
 @image-font-size-loader-spin: 32px;
 @image-color-loader-spin-text: rgb(var(--primary-6));
-@image-color-loader-spin-text-text: var(--color-neutral-6);
+@image-color-loader-spin-text-text: #646c85;
 @image-font-size-loader-spin-text: 16px;
 @image-preview-color-mask-bg: var(--color-mask-bg);
 @image-preview-size-scale-value-height: 32px;
@@ -2475,10 +2475,10 @@
 @image-preview-spacing-toolbar-vertical_simple: 4px;
 @image-preview-position-toolbar-bottom: 46px;
 @image-preview-font-size-action: 14px;
-@image-preview-color-action-text: var(--color-neutral-8);
+@image-preview-color-action-text: #292f42;
 @image-preview-radius-action: var(--border-radius-small);
 @image-preview-color-action-bg: transparent;
-@image-preview-color-action_hover-bg: var(--color-neutral-2);
+@image-preview-color-action_hover-bg: rgb(var(--primary-1));
 @image-preview-color-action_hover-text: rgb(var(--primary-6));
 @image-preview-color-action_disabled-bg: transparent;
 @image-preview-color-action_disabled-text: var(--color-text-4);
@@ -2547,7 +2547,7 @@
 @list-font-size: 14px;
 @list-line-height: 1.5715;
 @list-color-text-header: var(--color-text-1);
-@list-color-bg-item-hover: var(--color-fill-1);
+@list-color-bg-item-hover: rgb(var(--primary-1));
 @list-font-size-header: 16px;
 @list-font-weight-header: 500;
 @list-line-height-header: 1.5;
@@ -2570,9 +2570,9 @@
 @list-meta-margin-bottom-title: 2px;
 @list-meta-padding-horizontal: 0;
 @list-meta-padding-vertical: 4px;
-@list-action-gap: 20px;
-@list-action-margin-top: 4px;
-@list-pagination-margin-top: 24px;
+@list-action-gap: 12px;
+@list-action-margin-top: 8px;
+@list-pagination-margin-top: 16px;
 @list-prefix-cls: ~'@{prefix}-list';
 
 
@@ -2612,8 +2612,8 @@
 @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: #292f42;
-@menu-light-color-icon_hover: #292f42;
+@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);
@@ -2634,9 +2634,9 @@
 @menu-dark-color-icon_disabled: var(--color-text-2);
 @menu-dark-color-group-title: var(--color-text-3);
 @menu-color-border-popup: transparent;
-@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-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';
 
@@ -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;
@@ -3482,10 +3482,10 @@
 @tabs-card-color-title-bg_active: transparent;
 @tabs-card-border-content-width: 1px;
 @tabs-card-gutter-spacing-horizontal: 4px;
-@tabs-card-gutter-color-title-bg: var(--color-fill-1);
-@tabs-card-gutter-color-title-bg_hover: var(--color-fill-3);
+@tabs-card-gutter-color-title-bg: #f5f7fc;
+@tabs-card-gutter-color-title-bg_hover: rgb(var(--primary-1));
 @tabs-card-gutter-color-title-bg_active: transparent;
-@tabs-card-gutter-color-title-bg_disabled: var(--color-fill-1);
+@tabs-card-gutter-color-title-bg_disabled: #f5f7fc;
 @tabs-text-size-separator-height: 12px;
 @tabs-text-size-separator-width: 2px;
 @tabs-text-color-separator-bg: #dfe2eb;
@@ -3835,7 +3835,7 @@
 @typography-heading-margin-top: 1em;
 @typography-heading-margin-bottom: 0.5em;
 @typography-heading-font-weight: 500;
-@typography-color-text: var(--color-text-1);
+@typography-color-text: #0f131f;
 @typography-text-color-text-primary: rgb(var(--primary-6));
 @typography-text-color-text-secondary: var(--color-text-2);
 @typography-text-color-text-success: rgb(var(--success-6));
@@ -3845,27 +3845,27 @@
 @typography-text-color-bg-mark: rgb(var(--yellow-4));
 @typography-text-font-weight-bold: 500;
 @typography-text-color-code: var(--color-text-2);
-@typography-text-color-code-border: var(--color-neutral-3);
-@typography-text-color-code-bg: var(--color-neutral-2);
+@typography-text-color-code-border: #dfe2eb;
+@typography-text-color-code-bg: #f5f7fc;
 @typography-text-padding-code-vertical: 2px;
 @typography-text-padding-code-horizontal: 8px;
 @typography-text-margin-code-horizontal: 2px;
 @typography-paragraph-line-height: 1.5715;
 @typography-paragraph-line-height-close: 1.3;
-@typography-operation-margin-left: 2px;
+@typography-operation-margin-left: 8px;
 @typography-color-icon-copy: var(--color-text-2);
 @typography-color-bg-icon-copy: transparent;
-@typography-color-icon-copy_hover: var(--color-text-2);
-@typography-color-bg-icon-copy_hover: var(--color-fill-2);
+@typography-color-icon-copy_hover: rgb(var(--primary-5));
+@typography-color-bg-icon-copy_hover: transparent;
 @typography-color-icon-copy_copied: rgb(var(--success-6));
 @typography-color-icon-edit: var(--color-text-2);
 @typography-color-bg-icon-edit: transparent;
-@typography-color-icon-edit_hover: var(--color-text-2);
-@typography-color-bg-icon-edit_hover: var(--color-fill-2);
+@typography-color-icon-edit_hover: rgb(var(--primary-5));
+@typography-color-bg-icon-edit_hover: transparent;
 @typography-color-expand-text: rgb(var(--primary-6));
 @typography-color-expand-text_hover: rgb(var(--primary-5));
 @typography-color-blockquote-border-width: 2px;
-@typography-color-blockquote-border-left: var(--color-neutral-6);
+@typography-color-blockquote-border-left: #9ca3b8;
 @typography-color-blockquote-bg: var(--color-bg-2);
 @typography-color-box-shadow: var(--color-primary-light-3);
 @typography-prefix-cls: ~'@{prefix}-typography';
@@ -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));