@arco-themes/react-devspace 0.0.2 → 0.0.4

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@arco-themes/react-devspace",
-  "version": "0.0.2",
+  "version": "0.0.4",
   "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));
@@ -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

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

@@ -552,8 +552,8 @@
 @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_hover: rgb(var(--primary-6));
+@link-color-text_active: rgb(var(--primary-7));
 @link-color-text_disabled: #94a3b8;
 @link-color-text_success: rgb(var(--success-6));
 @link-color-text_success_hover: rgb(var(--success-5));
@@ -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));
@@ -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));
@@ -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));
@@ -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);
@@ -1349,15 +1349,15 @@
 @picker-color-bg-cell-in-range: transparent;
 @picker-color-bg-cell-disabled: #e2e8f0;
 @picker-color-text-cell-range-boundary: var(--color-white);
-@picker-color-bg-cell-range-boundary: transparent;
+@picker-color-bg-cell-range-boundary: rgb(var(--primary-6));
 @picker-color-bg-cell-hover-in-range: transparent;
 @picker-color-text-cell-hover-range-boundary: var(--color-text-1);
 @picker-color-bg-cell-hover-range-boundary: var(--color-primary-light-2);
 @picker-color-text-week-list-item: #334155;
 @picker-font-weight-week-list-item: 500;
 @picker-panel-color-border: #cbd5e1;
-@picker-panel-color-text-cell_hover: var(--color-text-1);
-@picker-panel-color-bg-cell_hover: transparent;
+@picker-panel-color-text-cell_hover: rgb(var(--primary-6));
+@picker-panel-color-bg-cell_hover: rgb(var(--primary-2));
 @picker-panel-color-text-cell_selected: #ffffff;
 @picker-panel-color-bg-cell_selected: rgb(var(--primary-6));
 @picker-panel-color-current-time-dot: rgb(var(--primary-6));
@@ -1502,17 +1502,17 @@
 @select-color-placeholder_disabled: #94a3b8;
 @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));
 @select-color-bg_error_hover: rgb(var(--danger-1));
-@select-color-bg_disabled: #e2e8f0;
-@select-color-bg_disabled_hover: #e2e8f0;
+@select-color-bg_disabled: #e7ecf0;
+@select-color-bg_disabled_hover: #e7ecf0;
 @select-color-border_default: #cbd5e1;
 @select-color-border_default_hover: rgb(var(--primary-6));
 @select-color-border_default_focus: #cbd5e1;
@@ -1539,12 +1539,12 @@
 @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_disabled: #ffffff;
+@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: #e7ecf0;
 @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_hover: #1e293b;
+@select-popup-option-color-text_selected: #1e293b;
 @select-popup-option-color-text_disabled: #94a3b8;
 @select-popup-option-color-hightlight-text: #1e293b;
 @select-popup-option-font-hightlight-weight: 500;
@@ -1703,13 +1703,13 @@
 @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));
+@btn-outline-color-text_active: #1e293b;
 @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: #94a3b8;
-@btn-outline-color-border_disabled: #e2e8f0;
+@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: #cbd5e1;
-@btn-dashed-color-border_disabled: #e2e8f0;
-@btn-dashed-color-border_hover: transparent;
+@btn-dashed-color-border_disabled: rgb(var(--primary-1));
+@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));
@@ -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;
@@ -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);
@@ -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;
@@ -2322,11 +2322,11 @@
 @dropdown-option-padding-horizontal: 12px;
 @dropdown-option-font-weight_selected: 500;
 @dropdown-option-color-bg_default: transparent;
-@dropdown-option-color-bg_hover: rgb(var(--primary-2));
+@dropdown-option-color-bg_hover: rgb(var(--primary-1));
 @dropdown-option-color-bg_selected: rgb(var(--primary-2));
 @dropdown-option-color-bg_disabled: transparent;
 @dropdown-option-color-text_default: #334155;
-@dropdown-option-color-text_hover: #334155;
+@dropdown-option-color-text_hover: rgb(var(--primary-6));
 @dropdown-option-color-text_selected: #334155;
 @dropdown-option-color-text_disabled: #94a3b8;
 @dropdown-group-title-height: 20px;
@@ -2353,7 +2353,7 @@
 
 @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;
@@ -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);
@@ -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,9 +3332,9 @@
 @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_off: #cbd5e1;
 @switch-color-bg_on_disabled: var(--color-primary-light-3);
 @switch-color-bg_off_disabled: #e2e8f0;
 @switch-color-bg_on_loading: rgb(var(--primary-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';
@@ -3482,7 +3482,7 @@
 @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;
@@ -3541,7 +3541,7 @@
 @tabs-capsule-color-title-bg_hover: transparent;
 @tabs-capsule-size-separator-width: 1px;
 @tabs-capsule-size-separator-height: 14px;
-@tabs-capsule-color-separator-bg: var(--color-fill-3);
+@tabs-capsule-color-separator-bg: #e2e8f0;
 @tabs-margin-close-icon-left: 8px;
 @tabs-size-icon: 12px;
 @tabs-size-icon-bg: 16px;
@@ -3793,11 +3793,11 @@
 @tree-color-title-text_hover: #334155;
 @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-text_active_disabled: 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: #e7ecf0;
+@tree-color-title-bg_dragging: rgb(var(--primary-1));
 @tree-color-title-text_dragging: #7f8c9f;
 @tree-color-loading-icon: rgb(var(--primary-6));
 @tree-color-switcher-icon: #7f8c9f;
@@ -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;