@arco-themes/react-devspace 0.0.1 → 0.0.2

package/package.json

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

package/theme.css

@@ -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);

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);

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));
@@ -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;
@@ -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;
@@ -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);
@@ -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;
@@ -1700,7 +1700,7 @@
 @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: #1e293b;
 @btn-outline-color-text_disabled: #94a3b8;
 @btn-outline-color-text_hover: #6e7b8d;
 @btn-outline-color-text_active: rgb(var(--primary-7));
@@ -1708,7 +1708,7 @@
 @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: #94a3b8;
 @btn-outline-color-border_disabled: #e2e8f0;
 @btn-outline-color-border_hover: #94a3b8;
 @btn-outline-color-border_active: #94a3b8;
@@ -1855,7 +1855,7 @@
 @btn-dashed-color-bg_disabled: transparent;
 @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: #cbd5e1;
 @btn-dashed-color-border_disabled: #e2e8f0;
 @btn-dashed-color-border_hover: transparent;
 @btn-dashed-color-border_active: transparent;
@@ -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;
@@ -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;
@@ -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;
@@ -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;
@@ -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-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;
@@ -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));
@@ -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,7 +3477,7 @@
 @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));
@@ -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;

package/variables.less

@@ -443,7 +443,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);
@@ -848,7 +848,7 @@
 @descriptions-color-title: @color-text-2;
 @tag-default-color-text: @color-text-2;
 @card-size-default-font-size: @font-size-body-2;
-@calendar-color-border: @color-border-1;
+@calendar-color-border: @color-bg-2;
 @steps-dot-horizontal-item-description-margin-top: @spacing-2;
 @steps-dot-size-item-icon: @size-2;
 @radio-button-color-bg_active: @color-primary-6;
@@ -856,7 +856,7 @@
 @pagination-item-border-radius: @border-radius-medium;
 @avatar-font-size-text: @font-size-title-1;
 @table-color-bg-body-row_hover: @color-bg-3;
-@tabs-card-color-title-bg_hover: @color-transparent;
+@tabs-card-color-title-bg_hover: @color-bg-3;
 @table-size-mini-padding-vertical: 2px;
 @tabs-color-icon: var(~'@{arco-cssvars-prefix}-color-text-2');
 @btn-outline-color-text_disabled: @color-text-6;
@@ -870,7 +870,7 @@
 @divider-margin-vertical_text: @spacing-8;
 @notification-error-color-border: @color-transparent;
 @input-size-small-height: @size-small;
-@table-color-bg-header-cell: @color-text-2;
+@table-color-bg-header-cell: @color-bg-3;
 @transfer-item-padding-horizontal: @spacing-5;
 @btn-size-small-padding-horizontal: @spacing-7;
 @auto-complete-popup-color-border: @color-transparent;
@@ -939,7 +939,7 @@
 @picker-color-border_focus: @color-primary-6;
 @timepicker-color-extra-text: @color-text-2;
 @list-border-color: @color-border-2;
-@tree-color-title-bg_hover: @color-primary-2;
+@tree-color-title-bg_hover: @color-primary-1;
 @upload-picture-item-border-radius: @border-radius-medium;
 @form-size-small-font-label-size: @font-size-body-3;
 @input-tag-color-bg_error_focus: @color-bg-white;
@@ -974,7 +974,7 @@
 @steps-navigation-margin-right: @spacing-10;
 @alert-warning-color-text-content_title: @color-text-4;
 @btn-text-color-text_success_disabled: @color-success-3;
-@tag-default-color-bg: @color-primary-2;
+@tag-default-color-bg: @color-primary-1;
 @btn-secondary-color-text_danger_active: @color-danger-7;
 @list-size-large-padding-vertical-header: @spacing-7;
 @cascader-color-item-bg_active: @color-primary-2;
@@ -1079,7 +1079,7 @@
 @select-popup-option-height: @size-9;
 @progress-line-margin-text-left: @spacing-7;
 @btn-outline-color-bg: @color-transparent;
-@collapse-color-border: @color-border-1;
+@collapse-color-border: @color-border-2;
 @picker-header-font-size: @font-size-body;
 @menu-light-color-bg-item_selected: @color-primary-2;
 @modal-font-size-close-icon: @size-4;
@@ -1185,7 +1185,7 @@
 @typography-color-blockquote-border-left: var(~'@{arco-cssvars-prefix}-color-neutral-6');
 @notification-font-size-icon: 24px;
 @steps-arrow-color-item-description_finish: @color-text-3;
-@card-color-bg: @color-fill-4;
+@card-color-bg: @color-bg-white;
 @input-tag-size-default-height: @size-8;
 @calendar-color-switch-icon: @color-text-3;
 @badge-margin-status-text-left: @spacing-4;
@@ -1247,7 +1247,7 @@
 @pagination-size-small-font-size: @font-size-body-3;
 @btn-text-color-text_success_active: @color-success-7;
 @radio-button-color-text_active: @color-white;
-@picker-color-bg_hover: @color-bg-white;
+@picker-color-bg_hover: @color-primary-2;
 @input-size-small-icon-addon-size: 14px;
 @table-size-default-font-size: @font-size-body-2;
 @list-pagination-margin-top: @spacing-8;
@@ -1338,7 +1338,7 @@
 @btn-primary-color-bg_warning_hover: @color-warning-4;
 @switch-color-bg_on_loading: @color-primary-3;
 @table-size-small-font-size: @font-size-body-3;
-@auto-complete-option-color-bg_selected: @color-primary-2;
+@auto-complete-option-color-bg_selected: @color-primary-1;
 @alert-info-color-text-content: @color-text-2;
 @btn-dashed-color-bg_danger_active: @color-danger-2;
 @slider-size-tick-width: 1px;
@@ -1381,7 +1381,7 @@
 @upload-picture-border-radius: @border-radius-medium;
 @table-size-selection-col-width: @size-12;
 @btn-border-radius: @border-radius-medium;
-@descriptions-color-text-value: @color-text-2;
+@descriptions-color-text-value: @color-text-1;
 @input-tag-tag-color-border_disabled: @color-transparent;
 @btn-text-color-text_hover: @color-primary-5;
 @menu-font-size: @font-size-body-3;
@@ -1403,7 +1403,7 @@
 @slider-size-button-width: @size-3;
 @btn-outline-color-border_warning_disabled: @color-warning-2;
 @table-color-bg-header-sorted-cell: @color-transparent;
-@btn-outline-color-border: @color-border-1;
+@btn-outline-color-border: @color-text-5;
 @modal-simple-padding-horizontal: @spacing-9;
 @popup-color-border: @color-transparent;
 @textarea-color-tip-text: @color-text-3;
@@ -1418,7 +1418,7 @@
 @picker-range-color-bg-input_focus: @color-transparent;
 @list-action-margin-top: @spacing-2;
 @switch-size-dot-default: @size-3;
-@table-color-border: @color-text-6;
+@table-color-border: @color-border-2;
 @radio-button-color-separator-bg: @color-bg-white;
 @select-size-small-height: @size-small;
 @btn-text-color-bg_success_hover: @color-transparent;
@@ -1485,12 +1485,12 @@
 @upload-text-item-size-status-icon: @size-3;
 @form-color-border_error_hover: @color-danger-6;
 @notification-success-color-bg: @color-bg-1;
-@input-color-bg_disabled: @color-fill-2;
+@input-color-bg_disabled: @color-fill-3;
 @btn-secondary-color-text: @color-primary-6;
 @timeline-color-content-text: @color-text-2;
 @notification-info-color-text-title: @color-text-1;
 @select-border-radius: @border-radius-medium;
-@list-font-size-header: @font-size-body-2;
+@list-font-size-header: @font-size-body-3;
 @input-color-border: @color-border-1;
 @picker-input-border-radius: @border-radius-medium;
 @btn-size-mini-padding-horizontal: 11px;
@@ -1524,7 +1524,7 @@
 @checkbox-text-font-size: @font-size-body-2;
 @upload-text-item-color-link: @color-link-6;
 @list-size-default-padding-vertical-header: @spacing-5;
-@comment-color-datetime-text: @color-text-3;
+@comment-color-datetime-text: @color-text-5;
 @table-spacing-expand-button-margin-right: @spacing-4;
 @picker-color-placeholder: @color-text-3;
 @collapse-title-padding-horizontal: @spacing-6;
@@ -1544,13 +1544,13 @@
 @btn-primary-color-bg_danger_active: @color-danger-7;
 @btn-size-large-height: @size-large;
 @collapse-content-color-text_disabled: @color-text-6;
-@tabs-line-padding-title-horizontal_vertical: @spacing-7;
+@tabs-line-padding-title-horizontal_vertical: @spacing-6;
 @avatar-color-bg: @color-fill-1;
 @popconfirm-margin-icon-right: @spacing-4;
 @descriptions-font-weight-title: @font-weight-600;
 @page-header-padding-vertical: @spacing-8;
 @select-color-shadow_default_focus: @color-primary-2;
-@btn-dashed-color-border: @color-primary-4;
+@btn-dashed-color-border: @color-border-1;
 @calendar-color-cell-text-in-view: @color-text-1;
 @input-color-icon-clear: @color-text-2;
 @tabs-size-small-header-height: @size-7;
@@ -1630,7 +1630,7 @@
 @switch-circle-default-width: @size-7;
 @anchor-color-title: @color-text-2;
 @checkbox-mask-color-bg_checked: @color-primary-6;
-@tabs-line-margin-title-vertical: @spacing-8;
+@tabs-line-margin-title-vertical: @spacing-6;
 @form-color-shadow_error_focus: @color-danger-2;
 @breadcrumb-color-separator: @color-text-4;
 @menu-light-color-item_hover: @color-primary-6;
@@ -1642,7 +1642,7 @@
 @collapse-expand-icon-color-bg: @color-transparent;
 @result-size-icon_custom: 45px;
 @transfer-item-color_disabled: @color-text-4;
-@empty-spacing-padding: @spacing-17;
+@empty-spacing-padding: @spacing-10;
 @upload-picture-color-border_disabled: @color-border-2;
 @table-size-mini-padding-horizontal: @spacing-6;
 @tabs-size-small-header-height_line: @size-9;
@@ -1694,7 +1694,7 @@
 @dropdown-option-color-text_selected: @color-text-2;
 @select-color-shadow_error_focus: @color-danger-2;
 @menu-pop-button-margin-bottom: @spacing-6;
-@comment-color-content-text: @color-text-2;
+@comment-color-content-text: @color-text-1;
 @btn-dashed-color-text_success_disabled: @color-success-3;
 @message-loading-color-content: @color-text-2;
 @btn-text-color-text_disabled: @color-text-6;
@@ -1702,7 +1702,7 @@
 @popup-color-title-text: @color-text-1;
 @notification-info-color-border: @color-transparent;
 @btn-primary-color-text_success_hover: @color-white;
-@auto-complete-option-color-bg_hover: @color-primary-2;
+@auto-complete-option-color-bg_hover: @color-primary-1;
 @search-color-icon: @color-text-2;
 @tabs-text-color-title-bg_active: @color-primary-6;
 @btn-outline-color-text_success_hover: @color-success-6;
@@ -1735,7 +1735,7 @@
 @form-color-shadow_warning_focus: @color-warning-2;
 @btn-outline-color-border_success_active: @color-success-6;
 @select-size-default-font-size: @font-size-body-2;
-@empty-size-img-height: @size-16;
+@empty-size-img-height: @size-12;
 @radio-font-text-size_small: @font-size-body-2;
 @form-color-bg_success_focus: @color-bg-white;
 @tabs-line-font-title-text-weight_hover: @font-weight-500;
@@ -1782,7 +1782,7 @@
 @auto-complete-popup-border-radius: @border-radius-medium;
 @checkbox-color-check-icon: var(~'@{arco-cssvars-prefix}-color-white');
 @select-color-bg_disabled: @color-fill-2;
-@btn-outline-color-text: @color-text-3;
+@btn-outline-color-text: @color-text-1;
 @tabs-rounded-color-title-bg_disabled: @color-fill-2;
 @notification-warning-color-bg: @color-bg-1;
 @btn-secondary-color-bg_danger: @color-transparent;
@@ -1851,7 +1851,7 @@
 @table-color-header-filters-icon: @color-text-3;
 @alert-warning-color-bg: @color-warning-1;
 @message-padding-top: @spacing-4;
-@tree-color-title-text_disabled: @color-text-6;
+@tree-color-title-text_disabled: @color-text-5;
 @tabs-capsule-color-header-bg: @color-transparent;
 @message-close-icon-top: @spacing-5;
 @btn-secondary-color-border_danger: @color-danger-6;
@@ -1890,7 +1890,7 @@
 @select-popup-font-size: @font-size-body-2;
 @btn-outline-color-text_success_active: @color-success-7;
 @form-color-bg_validating: @color-fill-2;
-@notification-normal-color-text-content: @color-text-2;
+@notification-normal-color-text-content: @color-text-3;
 @statistic-color-title-text: @color-text-4;
 @btn-outline-color-border_active: @color-text-5;
 @btn-primary-color-bg_success_hover: @color-success-5;
@@ -1910,17 +1910,17 @@
 @select-popup-color-border: @color-transparent;
 @empty-font-size-text: @font-size-body-2;
 @timeline-font-content-size: @font-size-body-2;
-@timeline-color-label-text: @color-text-4;
+@timeline-color-label-text: @color-text-5;
 @select-size-icon: @size-4;
 @input-tag-color-text_disabled: @color-text-6;
 @pagination-color-item-text_active: @color-primary-6;
 @upload-picture-text-item-padding-vertical: @spacing-4;
 @table-size-middle-font-header-size: @font-size-body-3;
-@tree-color-switcher-icon: @color-text-3;
+@tree-color-switcher-icon: @color-text-4;
 @select-color-text_focused: @color-text-1;
 @tabs-rounded-color-title-bg_active: @color-primary-1;
 @collapse-title-color-bg_disabled: @color-bg-white;
-@calendar-color-cell-text-not-in-view: @color-text-4;
+@calendar-color-cell-text-not-in-view: @color-text-5;
 @alert-font-size-text-content: @font-size-body-2;
 @input-number-step-button-color: @color-text-2;
 @anchor-color-title_hover: @color-primary-6;
@@ -2010,12 +2010,12 @@
 @select-popup-option-color-text_default: var(~'@{arco-cssvars-prefix}-color-text-2');
 @upload-text-item-color-bg: @color-fill-3;
 @descriptions-border-item-size-small-padding-horizontal: @spacing-8;
-@notification-normal-color-icon: @color-text-1;
+@notification-normal-color-icon: @color-text-3;
 @table-size-mini-font-header-size: @font-size-body-1;
 @message-success-color-border: @color-transparent;
 @upload-picture-color-bg_disabled: @color-fill-2;
 @switch-color-dot-icon_off_loading: @color-text-6;
-@comment-color-actions-text: @color-text-2;
+@comment-color-actions-text: @color-primary-6;
 @dark-color-fill-5: rgb(41, 49, 64);
 @empty-color-icon: var(~'@{arco-cssvars-prefix}-color-border-1');
 @form-color-bg_error: @color-danger-1;
@@ -2084,3 +2084,10 @@
 @color-tip-10: rgb(var(~'@{arco-cssvars-prefix}-tip-10'));
 @color-tip-2: rgb(var(~'@{arco-cssvars-prefix}-tip-2'));
 @dark-tip-10: rgb(var(~'@{arco-cssvars-prefix}-arcoblue-10'));
+@comment-color-author-text: @color-text-5;
+@tabs-card-gutter-color-title-bg_disabled: @color-fill-3;
+@tabs-padding-title-text-vertical: @spacing-4;
+@tree-color-title-bg_dragging: @color-fill-3;
+@color-input-bg-color: @color-fill-3;
+@color-value-font-color: @color-text-2;
+@color-preview-border-color: @color-fill-3;