@arco-themes/react-devspace 0.0.1 → 0.0.3

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@arco-themes/react-devspace",
-  "version": "0.0.1",
+  "version": "0.0.3",
   "description": "",
   "author": "linhui-plus",
   "owners": [],

package/theme.css

@@ -32,7 +32,7 @@ body {
   --color-fill-4: #ffffff;
   --color-border-1: #cbd5e1;
   --color-border-2: #e2e8f0;
-  --color-border-3: #ffffff;
+  --color-border-3: #f2f5fc;
   --color-border-4: var(--color-neutral-6);
   --color-primary-light-1: rgb(var(--primary-1));
   --color-primary-light-2: rgb(var(--primary-2));
@@ -298,7 +298,7 @@ body {
   --danger-3: 252, 211, 211;
   --danger-4: 250, 181, 181;
   --danger-5: 248, 152, 152;
-  --danger-6: 239, 68, 68;
+  --danger-6: 245, 108, 108;
   --danger-7: 196, 86, 86;
   --danger-8: var(--red-8);
   --danger-9: var(--red-9);
@@ -314,7 +314,7 @@ body {
   --warning-9: 194, 65, 12;
   --warning-10: 154, 52, 18;
   --color-text-5: #94a3b8;
-  --color-text-6: #94a3b8;
+  --color-text-6: #b3c0d3;
   --color-fill-5: #ffffff;
   --color-bg-6: #d9dde3;
   --tip-1: 252, 246, 236;

package/theme.less

@@ -449,7 +449,7 @@
 @dark-primary-1: rgb(46, 55, 71);
 @dark-cyan-8: #90E9E1;
 @dark-cyan-3: #11838B;
-@danger-6: rgb(239, 68, 68);
+@danger-6: rgb(245, 108, 108);
 @dark-lime-1: #2A4D00;
 @dark-primary-4: rgb(35, 78, 148);
 @dark-success-3: rgb(51, 102, 95);
@@ -625,7 +625,7 @@
 @color-bg-4: rgb(250, 252, 254);
 @dark-color-bg-3: rgb(20, 27, 41);
 @color-bg-2: rgb(248, 250, 253);
-@color-border-3: rgb(255, 255, 255);
+@color-border-3: rgb(242, 245, 252);
 @textarea-prefix-cls: ~'@{prefix}-textarea';
 @color-primary-1: rgb(var(~'@{arco-cssvars-prefix}-primary-1'));
 @color-primary-5: rgb(var(~'@{arco-cssvars-prefix}-primary-5'));
@@ -809,7 +809,7 @@
 @dark-color-bg-6: #d9dde3;
 @color-bg-6: #d9dde3;
 @dark-color-text-5: rgb(119, 136, 158);
-@color-text-6: rgb(148, 163, 184);
+@color-text-6: rgb(179, 192, 211);
 @color-text-5: rgb(148, 163, 184);
 @color-fill-5: #ffffff;
 @dark-color-text-6: rgb(102, 117, 135);

package/tokens.less

@@ -513,7 +513,7 @@
 @danger-3: #fcd3d3;
 @danger-4: #fab5b5;
 @danger-5: #f89898;
-@danger-6: #ef4444;
+@danger-6: #f56c6c;
 @danger-7: #c45656;
 @danger-8: rgb(var(--red-8));
 @danger-9: rgb(var(--red-9));
@@ -552,9 +552,9 @@
 @link-color-bg_active: transparent;
 @link-padding-horizontal: 0;
 @link-color-text: rgb(var(--link-6));
-@link-color-text_hover: rgb(var(--link-5));
-@link-color-text_active: rgb(var(--link-7));
-@link-color-text_disabled: #94a3b8;
+@link-color-text_hover: rgb(var(--primary-6));
+@link-color-text_active: rgb(var(--primary-7));
+@link-color-text_disabled: #b3c0d3;
 @link-color-text_success: rgb(var(--success-6));
 @link-color-text_success_hover: rgb(var(--success-5));
 @link-color-text_success_active: rgb(var(--success-7));
@@ -832,7 +832,7 @@
 @color-fill-4: #ffffff;
 @color-border-1: #cbd5e1;
 @color-border-2: #e2e8f0;
-@color-border-3: #ffffff;
+@color-border-3: #f2f5fc;
 @color-border-4: var(--color-neutral-6);
 @color-primary-light-1: rgb(var(--primary-1));
 @color-primary-light-2: rgb(var(--primary-2));
@@ -866,10 +866,10 @@
 @color-preview-size-small: 22px;
 @color-preview-size-default: 24px;
 @color-preview-size-large: 26px;
-@color-input-bg-color: var(--color-fill-2);
+@color-input-bg-color: #e7ecf0;
 @color-input-bg-color-hover: var(--color-fill-3);
 @color-value-margin-left: 6px;
-@color-value-font-color: var(--color-text-1);
+@color-value-font-color: #334155;
 @color-value-font-color_disabled: var(--color-text-4);
 @color-value-size-mini-font-size: 12px;
 @color-value-size-small-font-size: 14px;
@@ -877,7 +877,7 @@
 @color-value-size-large-font-size: 14px;
 @color-input-border-radius: 2px;
 @color-preview-border-size: 1px;
-@color-preview-border-color: var(--color-border-2);
+@color-preview-border-color: #e7ecf0;
 @color-value-font-size: 400;
 @color-panel-width: 260px;
 @color-panel-padding: 12px;
@@ -911,7 +911,7 @@
 @color-picker-prefix-cls: ~'@{prefix}-color-picker';
 @color-prefix-cls: ~'@{prefix}-color';
 @color-bg-6: #d9dde3;
-@color-text-6: #94a3b8;
+@color-text-6: #b3c0d3;
 @color-text-5: #94a3b8;
 @color-fill-5: #ffffff;
 @color-tip-1: rgb(var(--tip-1));
@@ -1083,7 +1083,7 @@
 @input-color-bg: #ffffff;
 @input-color-bg_hover: #ffffff;
 @input-color-bg_focus: #ffffff;
-@input-color-bg_disabled: #e2e8f0;
+@input-color-bg_disabled: #e7ecf0;
 @input-color-addon-bg: #ffffff;
 @input-color-addon-border: #cbd5e1;
 @input-border-addon-separator-width: 1px;
@@ -1093,7 +1093,7 @@
 @input-color-addon-border_default: transparent;
 @input-color-text: #334155;
 @input-color-placeholder-text: #94a3b8;
-@input-color-text_disabled: #94a3b8;
+@input-color-text_disabled: #b3c0d3;
 @input-color-addon-text: #1e293b;
 @input-color-bg_error: #ffffff;
 @input-color-bg_error_hover: rgb(var(--danger-1));
@@ -1166,7 +1166,7 @@
 @input-tag-size-large-padding_no_tag: 16px;
 @input-tag-color-text_default: #334155;
 @input-tag-color-text_error: var(--color-text-1);
-@input-tag-color-text_disabled: #94a3b8;
+@input-tag-color-text_disabled: #b3c0d3;
 @input-tag-color-placeholder: #7f8c9f;
 @input-tag-color-icon-clear: #334155;
 @input-tag-color-icon-clear-bg_hover: var(--color-fill-4);
@@ -1231,7 +1231,7 @@
 @input-number-size-default-step-button-width: 32px;
 @input-number-size-large-step-button-width: 36px;
 @input-number-step-button-color: #334155;
-@input-number-step-button-color_disabled: #94a3b8;
+@input-number-step-button-color_disabled: #b3c0d3;
 @input-number-step-button-color-border: var(--color-neutral-3);
 @input-number-step-button-color-bg_default: #ffffff;
 @input-number-step-button-color-bg_default_hover: rgb(var(--primary-1));
@@ -1288,7 +1288,7 @@
 @picker-color-shadow_error_focus: var(--color-danger-light-2);
 @picker-size-shadow_error_focus: 0;
 @picker-color-bg: #ffffff;
-@picker-color-bg_hover: #ffffff;
+@picker-color-bg_hover: rgb(var(--primary-2));
 @picker-color-bg_focus: #ffffff;
 @picker-color-bg_disabled: #e2e8f0;
 @picker-color-bg_error: var(--color-danger-light-1);
@@ -1302,9 +1302,9 @@
 @picker-color-border_error_hover: transparent;
 @picker-color-border_error_focus: rgb(var(--danger-6));
 @picker-color-placeholder: #6e7b8d;
-@picker-color-placeholder_disabled: #94a3b8;
+@picker-color-placeholder_disabled: #b3c0d3;
 @picker-color-text: #334155;
-@picker-color-text_disabled: #94a3b8;
+@picker-color-text_disabled: #b3c0d3;
 @picker-color-icon: #6e7b8d;
 @picker-color-icon_disabled: #94a3b8;
 @picker-color-separator: var(--color-text-3);
@@ -1465,8 +1465,8 @@
 @auto-complete-option-font-weight_selected: 400;
 @auto-complete-option-padding-horizontal: 12px;
 @auto-complete-option-color-bg_default: transparent;
-@auto-complete-option-color-bg_hover: rgb(var(--primary-2));
-@auto-complete-option-color-bg_selected: rgb(var(--primary-2));
+@auto-complete-option-color-bg_hover: rgb(var(--primary-1));
+@auto-complete-option-color-bg_selected: rgb(var(--primary-1));
 @auto-complete-option-color-bg_disabled: #e2e8f0;
 @auto-complete-option-color-text_default: #334155;
 @auto-complete-option-color-text_hover: #334155;
@@ -1499,14 +1499,14 @@
 @select-color-text_disabled: #94a3b8;
 @select-color-text_focused: #1e293b;
 @select-color-placeholder_default: #6e7b8d;
-@select-color-placeholder_disabled: #94a3b8;
+@select-color-placeholder_disabled: #b3c0d3;
 @select-color-placeholder_focused: #7f8c9f;
 @select-color-icon_default: #6e7b8d;
-@select-color-icon_disabled: #94a3b8;
+@select-color-icon_disabled: #b3c0d3;
 @select-color-icon_focused: #6e7b8d;
 @select-color-icon-bg_hover: rgb(var(--primary-2));
 @select-color-bg_default: #ffffff;
-@select-color-bg_default_hover: #ffffff;
+@select-color-bg_default_hover: rgb(var(--primary-1));
 @select-color-bg_default_focus: #ffffff;
 @select-color-bg_error_focus: transparent;
 @select-color-bg_error: rgb(var(--danger-1));
@@ -1539,13 +1539,13 @@
 @select-multi-popup-option-padding-horizontal: 4px;
 @select-popup-option-border-radius: 0;
 @select-popup-option-color-bg_default: #ffffff;
-@select-popup-option-color-bg_hover: rgb(var(--primary-2));
-@select-popup-option-color-bg_selected: rgb(var(--primary-2));
+@select-popup-option-color-bg_hover: rgb(var(--primary-1));
+@select-popup-option-color-bg_selected: rgb(var(--primary-1));
 @select-popup-option-color-bg_disabled: #ffffff;
 @select-popup-option-color-text_default: var(--color-text-2);
 @select-popup-option-color-text_hover: var(--color-text-2);
 @select-popup-option-color-text_selected: var(--color-text-2);
-@select-popup-option-color-text_disabled: #94a3b8;
+@select-popup-option-color-text_disabled: #b3c0d3;
 @select-popup-option-color-hightlight-text: #1e293b;
 @select-popup-option-font-hightlight-weight: 500;
 @select-popup-group-title-height: 20px;
@@ -1700,16 +1700,16 @@
 @btn-size-small-font-size: 12px;
 @btn-size-default-font-size: 12px;
 @btn-size-large-font-size: 14px;
-@btn-outline-color-text: #6e7b8d;
-@btn-outline-color-text_disabled: #94a3b8;
+@btn-outline-color-text: #1e293b;
+@btn-outline-color-text_disabled: #b3c0d3;
 @btn-outline-color-text_hover: #6e7b8d;
 @btn-outline-color-text_active: rgb(var(--primary-7));
 @btn-outline-color-bg: transparent;
 @btn-outline-color-bg_disabled: transparent;
 @btn-outline-color-bg_hover: transparent;
 @btn-outline-color-bg_active: #e7ecf0;
-@btn-outline-color-border: #cbd5e1;
-@btn-outline-color-border_disabled: #e2e8f0;
+@btn-outline-color-border: #94a3b8;
+@btn-outline-color-border_disabled: #f2f5fc;
 @btn-outline-color-border_hover: #94a3b8;
 @btn-outline-color-border_active: #94a3b8;
 @btn-outline-color-text_warning: rgb(var(--warning-6));
@@ -1754,7 +1754,7 @@
 @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: rgb(var(--link-3));
+@btn-primary-color-bg_disabled: #e7ecf0;
 @btn-primary-color-bg_hover: rgb(var(--primary-5));
 @btn-primary-color-bg_active: rgb(var(--primary-7));
 @btn-primary-color-border: transparent;
@@ -1803,12 +1803,12 @@
 @btn-secondary-color-text_hover: rgb(var(--primary-5));
 @btn-secondary-color-text_active: rgb(var(--primary-7));
 @btn-secondary-color-bg: transparent;
-@btn-secondary-color-bg_disabled: transparent;
-@btn-secondary-color-bg_hover: rgb(var(--primary-2));
+@btn-secondary-color-bg_disabled: #e7ecf0;
+@btn-secondary-color-bg_hover: rgb(var(--primary-1));
 @btn-secondary-color-bg_active: rgb(var(--primary-3));
 @btn-secondary-color-border: rgb(var(--primary-4));
 @btn-secondary-color-border_disabled: #cbd5e1;
-@btn-secondary-color-border_hover: transparent;
+@btn-secondary-color-border_hover: rgb(var(--primary-3));
 @btn-secondary-color-border_active: transparent;
 @btn-secondary-color-text_warning: rgb(var(--warning-6));
 @btn-secondary-color-text_warning_disabled: rgb(var(--warning-3));
@@ -1848,16 +1848,16 @@
 @btn-secondary-color-border_success_active: transparent;
 @btn-secondary-border-style: solid;
 @btn-dashed-color-text: rgb(var(--primary-6));
-@btn-dashed-color-text_disabled: #94a3b8;
-@btn-dashed-color-text_hover: rgb(var(--primary-7));
+@btn-dashed-color-text_disabled: #b3c0d3;
+@btn-dashed-color-text_hover: rgb(var(--primary-5));
 @btn-dashed-color-text_active: rgb(var(--primary-7));
 @btn-dashed-color-bg: transparent;
-@btn-dashed-color-bg_disabled: transparent;
+@btn-dashed-color-bg_disabled: #e7ecf0;
 @btn-dashed-color-bg_hover: rgb(var(--primary-1));
 @btn-dashed-color-bg_active: rgb(var(--primary-2));
-@btn-dashed-color-border: rgb(var(--primary-4));
-@btn-dashed-color-border_disabled: #e2e8f0;
-@btn-dashed-color-border_hover: transparent;
+@btn-dashed-color-border: #cbd5e1;
+@btn-dashed-color-border_disabled: transparent;
+@btn-dashed-color-border_hover: rgb(var(--primary-3));
 @btn-dashed-color-border_active: transparent;
 @btn-dashed-color-text_warning: rgb(var(--warning-6));
 @btn-dashed-color-text_warning_disabled: rgb(var(--warning-3));
@@ -1959,7 +1959,7 @@
 
 /*********** calendar ***********/
 
-@calendar-color-border: #cbd5e1;
+@calendar-color-border: #f8fafd;
 @calendar-header-padding-horizontal: 24px;
 @calendar-header-padding-vertical: 24px;
 @calendar-panel-date-cell-padding-vertical: 4px;
@@ -1971,7 +1971,7 @@
 @calendar-color-bg-switch-icon_hover: rgb(var(--primary-1));
 @calendar-color-text-title: var(--color-text-1);
 @calendar-color-cell-text-in-view: #1e293b;
-@calendar-color-cell-text-not-in-view: #7f8c9f;
+@calendar-color-cell-text-not-in-view: #94a3b8;
 @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: #e2e8f0;
@@ -2070,8 +2070,8 @@
 @cascader-size-item-icon: 12px;
 @cascader-color-item-text_hover: #334155;
 @cascader-color-item-text_active: #334155;
-@cascader-color-item-text_disabled: #94a3b8;
-@cascader-color-item-text_disabled_active: #94a3b8;
+@cascader-color-item-text_disabled: #b3c0d3;
+@cascader-color-item-text_disabled_active: #b3c0d3;
 @cascader-font-item-weight_active: 500;
 @cascader-color-item-bg_active: rgb(var(--primary-2));
 @cascader-color-item-bg_hover: rgb(var(--primary-2));
@@ -2102,7 +2102,7 @@
 @checkbox-mask-color-border_checked_disabled: #cbd5e1;
 @checkbox-mask-color-border_disabled: #cbd5e1;
 @checkbox-color-text: #334155;
-@checkbox-color-text_disabled: #94a3b8;
+@checkbox-color-text_disabled: #b3c0d3;
 @checkbox-group-spacing: 24px;
 @checkbox-text-mask-spacing: 8px;
 @checkbox-text-font-size: 12px;
@@ -2119,7 +2119,7 @@
 
 @collapse-border-width: 1px;
 @collapse-border-radius: 4px;
-@collapse-color-border: #cbd5e1;
+@collapse-color-border: #e2e8f0;
 @collapse-line-height: 1.5715;
 @collapse-title-line-height: 24px;
 @collapse-title-border-width: 1px;
@@ -2131,10 +2131,10 @@
 @collapse-title-color-bg_active: #ffffff;
 @collapse-title-color-bg_disabled: #ffffff;
 @collapse-title-color-text: #1e293b;
-@collapse-title-color-text_disabled: #94a3b8;
+@collapse-title-color-text_disabled: #b3c0d3;
 @collapse-title-font-weight_active: 500;
 @collapse-content-color-text: #334155;
-@collapse-content-color-text_disabled: #94a3b8;
+@collapse-content-color-text_disabled: #b3c0d3;
 @collapse-content-font-size: 12px;
 @collapse-content-padding-vertical: 8px;
 @collapse-content-color-bg: var(--color-fill-4);
@@ -2151,10 +2151,10 @@
 
 /*********** comment ***********/
 
-@comment-color-author-text: var(--color-text-2);
-@comment-color-datetime-text: #6e7b8d;
-@comment-color-content-text: #334155;
-@comment-color-actions-text: #334155;
+@comment-color-author-text: #94a3b8;
+@comment-color-datetime-text: #94a3b8;
+@comment-color-content-text: #1e293b;
+@comment-color-actions-text: rgb(var(--primary-6));
 @comment-font-size: 12px;
 @comment-font-action-size: 12px;
 @comment-font-author-size: 12px;
@@ -2181,7 +2181,7 @@
 @timepicker-color-text-cell: #334155;
 @timepicker-color-bg-cell_hover: rgb(var(--primary-2));
 @timepicker-color-bg-cell_active: rgb(var(--primary-2));
-@timepicker-color-text-cell_disabled: #94a3b8;
+@timepicker-color-text-cell_disabled: #b3c0d3;
 @timepicker-font-weight-cell: 500;
 @timepicker-font-weight-cell_active: 500;
 @timepicker-color-extra-text: #334155;
@@ -2252,7 +2252,7 @@
 @descriptions-size-large-font-size-text: 14px;
 @descriptions-color-title: #334155;
 @descriptions-color-text-label: #7f8c9f;
-@descriptions-color-text-value: #334155;
+@descriptions-color-text-value: #1e293b;
 @descriptions-font-weight-title: 600;
 @descriptions-font-weight-text-label: 400;
 @descriptions-font-weight-text-value: 400;
@@ -2328,7 +2328,7 @@
 @dropdown-option-color-text_default: #334155;
 @dropdown-option-color-text_hover: #334155;
 @dropdown-option-color-text_selected: #334155;
-@dropdown-option-color-text_disabled: #94a3b8;
+@dropdown-option-color-text_disabled: #b3c0d3;
 @dropdown-group-title-height: 20px;
 @dropdown-group-title-padding-horizontal: 12px;
 @dropdown-group-title-margin-top: 8px;
@@ -2351,13 +2351,13 @@
 
 /*********** empty ***********/
 
-@empty-spacing-padding: 72px;
+@empty-spacing-padding: 32px;
 @empty-color-icon: var(--color-border-1);
-@empty-color-text: #94a3b8;
+@empty-color-text: #b3c0d3;
 @empty-font-size-image: 36px;
 @empty-font-size-text: 12px;
 @empty-spacing-image-margin-bottom: 4px;
-@empty-size-img-height: 64px;
+@empty-size-img-height: 48px;
 @empty-prefix-cls: ~'@{prefix}-empty';
 
 
@@ -2576,7 +2576,7 @@
 @list-line-height: 1.5715;
 @list-color-text-header: #1e293b;
 @list-color-bg-item-hover: rgb(var(--primary-1));
-@list-font-size-header: 12px;
+@list-font-size-header: 14px;
 @list-font-weight-header: 500;
 @list-line-height-header: 1.5;
 @list-size-small-padding-vertical-header: 8px;
@@ -2639,11 +2639,11 @@
 @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: #94a3b8;
-@menu-light-color-icon_default: #94a3b8;
+@menu-light-color-item_disabled: #b3c0d3;
+@menu-light-color-icon_default: #b3c0d3;
 @menu-light-color-icon_hover: rgb(var(--primary-6));
 @menu-light-color-icon_selected: rgb(var(--primary-6));
-@menu-light-color-icon_disabled: #94a3b8;
+@menu-light-color-icon_disabled: #b3c0d3;
 @menu-light-color-group-title: var(--color-text-3);
 @menu-dark-color-bg: var(--color-menu-dark-bg);
 @menu-dark-color-bg-item_default: var(--color-menu-dark-bg);
@@ -2797,9 +2797,9 @@
 @notification-close-icon-top: 12px;
 @notification-close-icon-right: 12px;
 @notification-normal-color-bg: #ffffff;
-@notification-normal-color-icon: #1e293b;
+@notification-normal-color-icon: #6e7b8d;
 @notification-normal-color-text-title: #1e293b;
-@notification-normal-color-text-content: #334155;
+@notification-normal-color-text-content: #6e7b8d;
 @notification-normal-color-border: transparent;
 @notification-info-color-bg: #ffffff;
 @notification-info-color-icon: rgb(var(--primary-6));
@@ -2886,7 +2886,7 @@
 @pagination-color-item-text: #6e7b8d;
 @pagination-color-item-text_hover: #334155;
 @pagination-color-item-text_active: rgb(var(--primary-6));
-@pagination-color-item-text_disabled: #94a3b8;
+@pagination-color-item-text_disabled: #b3c0d3;
 @pagination-color-item-text_active_disabled: rgb(var(--primary-3));
 @pagination-color-item-border: transparent;
 @pagination-color-item-border_active: transparent;
@@ -2898,7 +2898,7 @@
 @pagination-color-icon-arrow-bg_hover: #cbd5e1;
 @pagination-color-icon-arrow-bg_disabled: transparent;
 @pagination-color-icon-arrow-text_hover: rgb(var(--primary-6));
-@pagination-color-icon-arrow-text_disabled: #94a3b8;
+@pagination-color-icon-arrow-text_disabled: #b3c0d3;
 @pagination-simple-input-width: 32px;
 @pagination-simple-color-icon-arrow: #6e7b8d;
 @pagination-simple-color-icon-arrow-bg: transparent;
@@ -3005,9 +3005,9 @@
 @radio-border-radius: var(--border-radius-circle);
 @radio-color-bg_disabled: #e2e8f0;
 @radio-color-bg_checked_disabled: #e2e8f0;
-@radio-color-dot-bg_checked_disabled: #94a3b8;
+@radio-color-dot-bg_checked_disabled: #b3c0d3;
 @radio-color-text: #334155;
-@radio-color-text_disabled: #94a3b8;
+@radio-color-text_disabled: #b3c0d3;
 @radio-color-text_checked_disabled: var(--color-text-4);
 @radio-font-text-size: 12px;
 @radio-font-text-size_large: 14px;
@@ -3032,7 +3032,7 @@
 @radio-button-color-bg: transparent;
 @radio-button-color-text: #334155;
 @radio-button-color-bg_disabled: #e2e8f0;
-@radio-button-color-text_disabled: #94a3b8;
+@radio-button-color-text_disabled: #b3c0d3;
 @radio-button-color-bg_checked_disabled: #f8fafd;
 @radio-button-color-text_checked_disabled: #6e7b8d;
 @radio-button-color-separator-bg: #ffffff;
@@ -3230,7 +3230,7 @@
 @steps-circle-vertical-spacing-tail-bottom: 6px;
 @steps-circle-color-item-bg_wait: #e2e8f0;
 @steps-circle-color-item-border_wait: transparent;
-@steps-circle-color-item-icon-text_wait: #94a3b8;
+@steps-circle-color-item-icon-text_wait: #b3c0d3;
 @steps-circle-color-item-tail_wait: #cbd5e1;
 @steps-circle-color-item-title_wait: #94a3b8;
 @steps-circle-color-item-description_wait: #94a3b8;
@@ -3264,7 +3264,7 @@
 @steps-dot-vertical-item-icon-margin-right: 16px;
 @steps-dot-font-weight-item-title_active: 500;
 @steps-dot-border-radius-item-icon: 50%;
-@steps-dot-color-item-bg_wait: #94a3b8;
+@steps-dot-color-item-bg_wait: #b3c0d3;
 @steps-dot-color-item-border_wait: #e7ecf0;
 @steps-dot-color-item-tail_wait: #cbd5e1;
 @steps-dot-color-item-title_wait: #334155;
@@ -3332,7 +3332,7 @@
 @switch-line-default-width: 36px;
 @switch-line-small-width: 28px;
 @switch-line-height-bg-line: 6px;
-@switch-line-color-dot-shadow: #ffffff;
+@switch-line-color-dot-shadow: #f2f5fc;
 @switch-color-bg_on: rgb(var(--primary-6));
 @switch-color-bg_off: var(--color-fill-1);
 @switch-color-bg_on_disabled: var(--color-primary-light-3);
@@ -3351,7 +3351,7 @@
 @switch-color-dot-icon_on_disabled: rgb(var(--primary-3));
 @switch-color-dot-icon_off_disabled: #e2e8f0;
 @switch-color-dot-icon_on_loading: rgb(var(--primary-3));
-@switch-color-dot-icon_off_loading: #94a3b8;
+@switch-color-dot-icon_off_loading: #b3c0d3;
 @switch-color-box-shadow_checked: var(--color-primary-light-3);
 @switch-color-box-shadow_default: rgb(var(--gray-6));
 @switch-prefix-cls: ~'@{prefix}-switch';
@@ -3386,10 +3386,10 @@
 @table-spacing-expand-button-margin-right: 8px;
 @table-font-size-expand-button: 8px;
 @table-border-radius-expand-button: 2px;
-@table-color-border: #94a3b8;
+@table-color-border: #e2e8f0;
 @table-border-radius: 4px;
 @table-color-text-header-cell: #334155;
-@table-color-bg-header-cell: #334155;
+@table-color-bg-header-cell: #f5f9ff;
 @table-color-bg-header-sorted-cell: transparent;
 @table-color-bg-header-sorted-cell_hover: transparent;
 @table-color-header-filters-icon: #6e7b8d;
@@ -3477,12 +3477,12 @@
 @tabs-size-small-header-height_rounded: 28px;
 @tabs-size-default-header-height_rounded: 32px;
 @tabs-size-large-header-height_rounded: 36px;
-@tabs-padding-title-text-vertical: 1px;
+@tabs-padding-title-text-vertical: 8px;
 @tabs-padding-title-text-horizontal: 8px;
 @tabs-color-title-text: #334155;
 @tabs-color-title-text_active: rgb(var(--primary-6));
 @tabs-color-title-text_hover: #334155;
-@tabs-color-title-text_disabled: #94a3b8;
+@tabs-color-title-text_disabled: #b3c0d3;
 @tabs-color-title-text_disabled_active: rgb(var(--primary-3));
 @tabs-line-size-header-border: 1px;
 @tabs-line-color-header-border: #e2e8f0;
@@ -3492,8 +3492,8 @@
 @tabs-line-font-title-text-weight_active: 500;
 @tabs-line-margin-title-horizontal: 40px;
 @tabs-line-margin-title-horizontal_first: 0;
-@tabs-line-margin-title-vertical: 20px;
-@tabs-line-padding-title-horizontal_vertical: 16px;
+@tabs-line-margin-title-vertical: 12px;
+@tabs-line-padding-title-horizontal_vertical: 12px;
 @tabs-line-color-title-bg: transparent;
 @tabs-line-color-title-bg_active: transparent;
 @tabs-line-color-title-bg_hover: transparent;
@@ -3505,7 +3505,7 @@
 @tabs-card-padding-title-right_editable: 12px;
 @tabs-card-border-radius: 4px;
 @tabs-card-color-title-bg: transparent;
-@tabs-card-color-title-bg_hover: transparent;
+@tabs-card-color-title-bg_hover: #f5f9ff;
 @tabs-card-color-title-bg_disabled: #e2e8f0;
 @tabs-card-color-title-bg_active: rgb(var(--primary-1));
 @tabs-card-border-content-width: 1px;
@@ -3513,7 +3513,7 @@
 @tabs-card-gutter-color-title-bg: #ffffff;
 @tabs-card-gutter-color-title-bg_hover: rgb(var(--primary-1));
 @tabs-card-gutter-color-title-bg_active: rgb(var(--primary-1));
-@tabs-card-gutter-color-title-bg_disabled: #ffffff;
+@tabs-card-gutter-color-title-bg_disabled: #e7ecf0;
 @tabs-text-size-separator-height: 12px;
 @tabs-text-size-separator-width: 2px;
 @tabs-text-color-separator-bg: var(--color-fill-3);
@@ -3584,7 +3584,7 @@
 @tag-color-bg-not-checked_hover: rgb(var(--primary-2));
 @tag-custom-color-text: var(--color-white);
 @tag-custom-color-icon-bg_hover: rgba(255, 255, 255, 0.2);
-@tag-default-color-bg: rgb(var(--primary-2));
+@tag-default-color-bg: rgb(var(--primary-1));
 @tag-default-color-bg_hover: rgb(var(--primary-2));
 @tag-default-color-icon: #6e7b8d;
 @tag-default-color-text: #334155;
@@ -3706,7 +3706,7 @@
 /*********** timeline ***********/
 
 @timeline-color-content-text: #334155;
-@timeline-color-label-text: #7f8c9f;
+@timeline-color-label-text: #94a3b8;
 @timeline-color-dot-bg: rgb(var(--primary-6));
 @timeline-color-line-bg: #e2e8f0;
 @timeline-font-content-size: 12px;
@@ -3794,13 +3794,13 @@
 @tree-color-title-text_active: #334155;
 @tree-color-title-text_disabled: #94a3b8;
 @tree-color-title-text_active_disabled: rgb(var(--primary-3));
-@tree-color-title-bg_hover: rgb(var(--primary-2));
+@tree-color-title-bg_hover: rgb(var(--primary-1));
 @tree-color-title-bg_highlight: rgb(var(--primary-1));
 @tree-color-title-text_highlight: var(--color-text-1);
-@tree-color-title-bg_dragging: var(--color-fill-1);
+@tree-color-title-bg_dragging: #e7ecf0;
 @tree-color-title-text_dragging: #7f8c9f;
 @tree-color-loading-icon: rgb(var(--primary-6));
-@tree-color-switcher-icon: #6e7b8d;
+@tree-color-switcher-icon: #7f8c9f;
 @tree-color-drag-icon: rgb(var(--primary-6));
 @tree-node-border-radius: 4px;
 @tree-margin-checkbox-right: 8px;
@@ -3924,7 +3924,7 @@
 @upload-picture-color-bg_disabled: #e2e8f0;
 @upload-picture-color-text: #334155;
 @upload-picture-color-text_hover: #334155;
-@upload-picture-color-text_disabled: #94a3b8;
+@upload-picture-color-text_disabled: #b3c0d3;
 @upload-drag-font-size: 14px;
 @upload-drag-border-radius: 4px;
 @upload-drag-tip-margin-top: 0;
@@ -3946,7 +3946,7 @@
 @upload-drag-color-icon_active: rgb(var(--primary-6));
 @upload-drag-color-text_hover: #1e293b;
 @upload-drag-color-text_active: #1e293b;
-@upload-drag-color-text_disabled: #94a3b8;
+@upload-drag-color-text_disabled: #b3c0d3;
 @upload-text-item-size-operation-icon: 12px;
 @upload-text-item-margin-top: 12px;
 @upload-text-item-font-size: 12px;