@arco-themes/react-devspace 0.0.2 → 0.0.4

package/variables.less

@@ -619,7 +619,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'));
@@ -827,13 +827,13 @@
 @btn-size-mini-icon-vertical-align: -1px;
 @popup-font-size: @font-size-body-2;
 @auto-complete-option-color-text_default: @color-text-2;
-@select-popup-option-color-bg_hover: @color-primary-2;
+@select-popup-option-color-bg_hover: @color-primary-1;
 @select-color-bg_error_focus: @color-transparent;
 @input-tag-size-default-tag-height: @size-6;
 @calendar-color-bg-switch-icon: @color-transparent;
 @steps-circle-color-item-title_finish: @color-text-2;
 @card-border-radius: @border-radius-medium;
-@select-popup-option-color-text_hover: var(~'@{arco-cssvars-prefix}-color-text-2');
+@select-popup-option-color-text_hover: @color-text-1;
 @tree-color-title-text_active: @color-text-2;
 @alert-padding-horizontal_with_title: @spacing-7;
 @transfer-item-color-bg_hover: @color-primary-2;
@@ -859,7 +859,7 @@
 @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;
+@btn-outline-color-text_disabled: @color-text-5;
 @btn-outline-color-border_hover: @color-text-5;
 @rate-min-height: @size-default;
 @table-size-default-padding-vertical: @spacing-5;
@@ -878,7 +878,7 @@
 @page-header-padding-left: @spacing-none;
 @transfer-height-title: @size-9;
 @upload-picture-item-width: @size-15;
-@btn-secondary-color-bg_hover: @color-primary-2;
+@btn-secondary-color-bg_hover: @color-primary-1;
 @cascader-color-checkbox-bg_hover: @color-transparent;
 @form-color-extra-text: @color-text-5;
 @table-size-filters-width: 24px;
@@ -927,7 +927,7 @@
 @avatar-group-item-border-width: 2px;
 @popconfirm-margin-title-bottom: @spacing-7;
 @radio-button-spacing: @spacing-none;
-@link-color-text_hover: @color-link-5;
+@link-color-text_hover: @color-primary-6;
 @tabs-line-color-title-bg_hover: @color-transparent;
 @result-size-icon-wrapper: @size-9;
 @transfer-color-text-header-unit: var(~'@{arco-cssvars-prefix}-color-text-3');
@@ -987,7 +987,7 @@
 @btn-size-large-padding-horizontal: 19px;
 @tabs-size-small-font-size_card: @font-size-body-3;
 @btn-outline-color-text_hover: @color-text-3;
-@select-color-bg_default_hover: @color-fill-4;
+@select-color-bg_default_hover: @color-primary-1;
 @tooltip-color-text: @color-text-2;
 @list-font-size: @font-size-body-2;
 @tabs-card-gutter-color-title-bg_hover: @color-primary-1;
@@ -999,7 +999,7 @@
 @input-tag-tag-color-border: @color-transparent;
 @message-warning-color-bg: @color-bg-1;
 @result-padding-top: @spacing-9;
-@link-color-text_disabled: @color-text-6;
+@link-color-text_disabled: @color-text-5;
 @badge-size-count-height: @size-5;
 @modal-default-size-header-height: @size-16;
 @tag-gray-color-icon: rgb(var(~'@{arco-cssvars-prefix}-gray-6'));
@@ -1037,7 +1037,7 @@
 @notification-warning-color-border: @color-transparent;
 @btn-outline-color-bg_warning_disabled: @color-transparent;
 @btn-text-color-text_danger_hover: @color-danger-5;
-@dropdown-option-color-bg_hover: @color-primary-2;
+@dropdown-option-color-bg_hover: @color-primary-1;
 @progress-line-size-small-margin-text-left: @spacing-7;
 @descriptions-color-border: @color-border-2;
 @radio-color-bg_disabled: @color-fill-2;
@@ -1112,7 +1112,7 @@
 @table-size-middle-padding-horizontal: @spacing-6;
 @modal-simple-align-footer: right;
 @list-size-small-padding-vertical-item: 9px;
-@btn-outline-color-border_disabled: @color-border-2;
+@btn-outline-color-border_disabled: @color-border-3;
 @btn-size-default-height: @size-8;
 @result-padding-bottom: @spacing-9;
 @btn-size-small-icon-spacing: @spacing-2;
@@ -1121,7 +1121,7 @@
 @slider-color-mark-font: @color-text-3;
 @radio-button-color-text_disabled: @color-text-6;
 @timepicker-color-border: @color-transparent;
-@select-popup-option-color-bg_disabled: @color-fill-5;
+@select-popup-option-color-bg_disabled: @color-fill-3;
 @tabs-line-color-ink-bg: @color-primary-6;
 @transfer-item-draggable-color_blink: var(~'@{arco-cssvars-prefix}-color-primary-light-1');
 @btn-dashed-color-bg_active: @color-primary-2;
@@ -1134,7 +1134,7 @@
 @search-size-icon: 14px;
 @cascader-size-item-height: @size-9;
 @page-header-size-back-icon-bg_hover: 30px;
-@select-popup-option-color-text_selected: var(~'@{arco-cssvars-prefix}-color-text-2');
+@select-popup-option-color-text_selected: @color-text-1;
 @progress-line-color-icon_normal: @color-text-2;
 @input-tag-tag-color-bg_disabled: @color-fill-2;
 @btn-outline-color-border_danger_disabled: @color-danger-2;
@@ -1266,7 +1266,7 @@
 @steps-circle-color-item-bg_finish: @color-transparent;
 @btn-dashed-color-text_danger_hover: @color-danger-6;
 @btn-dashed-color-border_danger_active: @color-transparent;
-@btn-secondary-color-bg_disabled: @color-transparent;
+@btn-secondary-color-bg_disabled: @color-fill-3;
 @btn-dashed-color-border_success: @color-success-3;
 @input-color-border_error: @color-danger-6;
 @select-popup-option-color-hightlight-text: @color-text-1;
@@ -1292,9 +1292,9 @@
 @btn-secondary-color-bg_warning_disabled: @color-transparent;
 @cascader-color-item-text_active: @color-text-2;
 @list-color-text-header: @color-text-1;
-@select-popup-option-color-bg_selected: @color-primary-2;
+@select-popup-option-color-bg_selected: @color-primary-1;
 @switch-color-text_on: @color-bg-white;
-@btn-dashed-color-text_hover: @color-primary-7;
+@btn-dashed-color-text_hover: @color-primary-5;
 @avatar-color-group-item-border: @color-bg-1;
 @btn-dashed-color-border_warning_hover: @color-transparent;
 @switch-color-text_off_loading: @color-white;
@@ -1394,7 +1394,7 @@
 @switch-line-color-dot-shadow: @color-border-3;
 @tag-default-color-icon: @color-text-3;
 @btn-dashed-color-text_danger_active: @color-danger-7;
-@link-color-text_active: @color-link-7;
+@link-color-text_active: @color-primary-7;
 @steps-arrow-color-item-description_wait: @color-text-3;
 @divider-margin-text: @spacing-7;
 @upload-text-item-margin-status-left: @spacing-6;
@@ -1468,7 +1468,7 @@
 @btn-secondary-color-text_hover: @color-primary-5;
 @btn-primary-color-bg_warning_disabled: @color-warning-1;
 @picker-size-default: @size-8;
-@picker-panel-color-bg-cell_hover: @color-transparent;
+@picker-panel-color-bg-cell_hover: @color-primary-2;
 @btn-secondary-color-border_success: @color-success-6;
 @btn-size-small-font-size: @font-size-body-2;
 @form-color-bg_error_focus: @color-bg-white;
@@ -1510,7 +1510,7 @@
 @btn-primary-color-bg_warning_active: @color-warning-7;
 @form-color-bg_warning: @color-warning-1;
 @message-info-color-content: @color-text-2;
-@dropdown-option-color-text_hover: @color-text-2;
+@dropdown-option-color-text_hover: @color-primary-6;
 @modal-color-content-text: @color-text-2;
 @pagination-color-bg-item_active: @color-primary-2;
 @tree-margin-checkbox-right: @spacing-4;
@@ -1599,7 +1599,7 @@
 @input-color-placeholder-text: @color-text-5;
 @descriptions-border-radius: @border-radius-large;
 @slider-size-road-width: 2px;
-@btn-dashed-color-border_disabled: @color-border-2;
+@btn-dashed-color-border_disabled: @color-primary-1;
 @menu-light-color-bg-button: @color-fill-1;
 @btn-dashed-color-text_success_hover: @color-success-6;
 @tabs-text-color-title-bg_hover: var(~'@{arco-cssvars-prefix}-color-fill-2');
@@ -1609,7 +1609,7 @@
 @auto-complete-option-color-text_disabled: @color-text-5;
 @list-size-default-padding-horizontal-header: @spacing-6;
 @btn-primary-color-text_success: @color-white;
-@select-popup-option-color-text_disabled: @color-text-6;
+@select-popup-option-color-text_disabled: @color-text-5;
 @steps-label-vertical-content-width: 140px;
 @collapse-title-color-border: @color-border-2;
 @pagination-color-item-text_hover: @color-text-2;
@@ -1664,7 +1664,7 @@
 @upload-picture-color-border: @color-border-1;
 @breadcrumb-color-text: @color-text-5;
 @breadcrumb-color-dropdown-icon: @color-text-4;
-@btn-dashed-color-bg_disabled: @color-transparent;
+@btn-dashed-color-bg_disabled: @color-fill-3;
 @pagination-color-jumper-goto: @color-text-2;
 @input-tag-color-addon-text: @color-text-2;
 @form-color-bg_success_hover: @color-fill-2;
@@ -1697,7 +1697,7 @@
 @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;
+@btn-text-color-text_disabled: @color-text-5;
 @select-color-addon-bg: @color-border-2;
 @popup-color-title-text: @color-text-1;
 @notification-info-color-border: @color-transparent;
@@ -1714,8 +1714,8 @@
 @steps-arrow-color-item-title_error: @color-white;
 @btn-outline-color-bg_success_active: @color-success-1;
 @badge-color-count-text: @color-white;
-@select-color-text_disabled: @color-text-6;
-@select-color-placeholder_disabled: @color-text-6;
+@select-color-text_disabled: @color-text-5;
+@select-color-placeholder_disabled: @color-text-5;
 @table-border-width: @border-1;
 @tabs-line-margin-title-horizontal_first: @spacing-none;
 @steps-circle-color-item-tail_wait: @color-border-1;
@@ -1763,7 +1763,7 @@
 @select-color-icon-bg_hover: @color-primary-2;
 @btn-primary-color-text_warning_disabled: @color-warning-3;
 @progress-circle-size-mini-color-mask-stroke: @color-primary-3;
-@btn-primary-color-bg_disabled: @color-link-3;
+@btn-primary-color-bg_disabled: @color-fill-3;
 @alert-warning-color-text-content: @color-white;
 @steps-size-default-font-size-icon: @size-4;
 @result-padding-horizontal: @spacing-10;
@@ -1781,7 +1781,7 @@
 @picker-color-placeholder_disabled: @color-text-6;
 @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;
+@select-color-bg_disabled: @color-fill-3;
 @btn-outline-color-text: @color-text-1;
 @tabs-rounded-color-title-bg_disabled: @color-fill-2;
 @notification-warning-color-bg: @color-bg-1;
@@ -1804,10 +1804,10 @@
 @menu-collapse-width: @size-11;
 @btn-primary-color-bg_success: @color-success-6;
 @steps-circle-color-item-icon-text_wait: @color-text-6;
-@color-text-6: rgb(148, 163, 184);
+@color-text-6: rgb(179, 192, 211);
 @card-size-small-padding-vertical-body: @spacing-6;
 @color-text-5: rgb(148, 163, 184);
-@btn-dashed-color-border_hover: @color-transparent;
+@btn-dashed-color-border_hover: @color-primary-3;
 @picker-color-icon: @color-text-3;
 @btn-secondary-color-border_success_disabled: @color-success-2;
 @picker-color-text: @color-text-2;
@@ -1824,7 +1824,7 @@
 @modal-size-tip-icon: @size-4;
 @btn-dashed-color-bg_success_active: @color-success-2;
 @input-color-shadow_error_focus: @color-danger-2;
-@btn-secondary-color-text_disabled: @color-text-6;
+@btn-secondary-color-text_disabled: @color-text-5;
 @message-normal-color-content: @color-text-2;
 @upload-picture-color-text_hover: @color-text-2;
 @pagination-simple-margin-separator-left: @spacing-4;
@@ -1988,7 +1988,7 @@
 @picker-color-border_disabled: @color-border-2;
 @progress-circle-size-mini-color-mask-stroke_success: @color-success-3;
 @table-size-small-font-header-size: @font-size-body-3;
-@picker-color-bg-cell-range-boundary: @color-transparent;
+@picker-color-bg-cell-range-boundary: @color-primary-6;
 @steps-size-small-arrow: @size-9;
 @steps-dot-color-item-title_finish: @color-text-1;
 @menu-dark-color-button: @color-white;
@@ -2028,9 +2028,9 @@
 @btn-secondary-color-border_danger_disabled: @color-danger-2;
 @alert-error-color-bg: @color-danger-1;
 @steps-circle-color-item-description_process: @color-primary-6;
-@tree-color-title-text_active_disabled: @color-primary-3;
+@tree-color-title-text_active_disabled: @color-primary-2;
 @table-color-header-sorter-icon: @color-text-3;
-@dropdown-option-color-text_disabled: @color-text-6;
+@dropdown-option-color-text_disabled: @color-text-5;
 @menu-dark-color-item_default: @color-text-4;
 @tree-size-small-font-size: @font-size-body-3;
 @card-size-small-padding-horizontal-title: @spacing-8;
@@ -2041,7 +2041,7 @@
 @pagination-size-icon-arrow_default: @size-3;
 @cascader-color-item-icon: @color-text-2;
 @radio-button-color-bg_disabled: @color-fill-2;
-@switch-color-bg_off: var(~'@{arco-cssvars-prefix}-color-fill-1');
+@switch-color-bg_off: @color-fill-1;
 @select-color-placeholder_focused: @color-text-4;
 @slider-color-road-bg_disabled: @color-fill-2;
 @empty-color-text: @color-text-6;
@@ -2087,7 +2087,11 @@
 @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;
+@tree-color-title-bg_dragging: @color-primary-1;
 @color-input-bg-color: @color-fill-3;
 @color-value-font-color: @color-text-2;
 @color-preview-border-color: @color-fill-3;
+@btn-secondary-color-border_hover: @color-primary-3;
+@btn-outline-color-text_active: @color-text-1;
+@picker-panel-color-text-cell_hover: @color-primary-6;
+@tabs-capsule-color-separator-bg: @color-border-2;