@arco-themes/react-devspace 0.0.1 → 0.0.3

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);
@@ -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,7 +827,7 @@
 @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;
@@ -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;
@@ -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');
@@ -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;
@@ -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;
@@ -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;
@@ -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;
@@ -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;
@@ -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;
@@ -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;
@@ -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;
@@ -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;
@@ -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-transparent;
 @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');
@@ -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;
@@ -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;
@@ -1694,15 +1694,15 @@
 @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;
+@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;
 @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;
@@ -1714,7 +1714,7 @@
 @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-text_disabled: @color-text-5;
 @select-color-placeholder_disabled: @color-text-6;
 @table-border-width: @border-1;
 @tabs-line-margin-title-horizontal_first: @spacing-none;
@@ -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;
@@ -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;
@@ -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;
@@ -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;
@@ -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,11 @@
 @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;
+@btn-secondary-color-border_hover: @color-primary-3;