@arco-themes/vue-cube-theme 0.0.2-beta.1 → 0.0.3

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@arco-themes/vue-cube-theme",
-  "version": "0.0.2-beta.1",
+  "version": "0.0.3",
   "description": "",
   "author": "yangjh168",
   "owners": [],
@@ -12,8 +12,8 @@
   ],
   "customIcon": {},
   "depLibrary": "@arco-design/web-vue",
-  "tag": "beta",
+  "tag": "latest",
   "peerDependencies": {
-    "@arco-design/web-vue": "^2.58.0"
+    "@arco-design/web-vue": "^2.59.0"
   }
 }

package/theme.css

@@ -7,9 +7,9 @@ body {
   --color-border: rgb(var(--gray-3));
   --color-bg-popup: var(--color-bg-5);
   --color-bg-1: #fff;
-  --color-bg-2: #fff;
-  --color-bg-3: #fff;
-  --color-bg-4: #fff;
+  --color-bg-2: #ffffff;
+  --color-bg-3: #f0f1f3;
+  --color-bg-4: rgba(0, 0, 0, 0.1);
   --color-bg-5: #fff;
   --color-bg-white: #fff;
   --color-neutral-1: rgb(var(--gray-1));
@@ -25,10 +25,10 @@ body {
   --color-text-1: #000000;
   --color-text-2: rgba(0, 0, 0, 0.56);
   --color-text-3: rgba(0, 0, 0, 0.24);
-  --color-text-4: #c2c2c2;
+  --color-text-4: rgba(0, 0, 0, 0.24);
   --color-fill-1: #fafafa;
   --color-fill-2: var(--color-neutral-2);
-  --color-fill-3: var(--color-neutral-3);
+  --color-fill-3: #e6e7e9;
   --color-fill-4: var(--color-neutral-4);
   --color-border-1: #ebeef5;
   --color-border-2: #e5e6eb;
@@ -263,13 +263,13 @@ body {
   --gray-8: 78, 89, 105;
   --gray-9: 39, 46, 59;
   --gray-10: 29, 33, 41;
-  --primary-1: 3, 194, 128;
-  --primary-2: 3, 194, 128;
-  --primary-3: 3, 194, 128;
-  --primary-4: 3, 194, 128;
-  --primary-5: 29, 200, 141;
+  --primary-1: 214, 244, 232;
+  --primary-2: 107, 119, 113;
+  --primary-3: 229, 245, 239;
+  --primary-4: 0, 134, 80;
+  --primary-5: 0, 135, 84;
   --primary-6: 3, 194, 128;
-  --primary-7: 3, 194, 128;
+  --primary-7: 0, 127, 82;
   --primary-8: var(--arcoblue-8);
   --primary-9: var(--arcoblue-9);
   --primary-10: var(--arcoblue-10);

package/theme.less

@@ -210,10 +210,10 @@
 @spacing-20: 96px;
 @spacing-21: 100px;
 @spacing-22: 120px;
-@size-mini: @size-6;
-@size-small: @size-7;
-@size-default: @size-8;
-@size-large: @size-9;
+@size-mini: @size-7;
+@size-small: @size-8;
+@size-default: @size-9;
+@size-large: @size-12;
 @upload-prefix-cls: ~'@{prefix}-upload';
 @steps-prefix-cls: ~'@{prefix}-steps';
 @image-prefix-cls: ~'@{prefix}-image';
@@ -414,10 +414,10 @@
 @dark-orange-5: #FF8D1F;
 @dark-blue-8: #A1D5FD;
 @dark-orangered-10: #FFF4EB;
-@primary-1: rgb(3, 194, 128);
+@primary-1: rgb(214, 244, 232);
 @dark-red-8: #FBB0A7;
 @success-9: rgb(var(~'@{arco-cssvars-prefix}-green-9'));
-@primary-4: rgb(3, 194, 128);
+@primary-4: rgb(0, 134, 80);
 @dark-lime-10: #FDFFEE;
 @dark-gray-5: #78787a;
 @dark-yellow-5: #FAE13C;
@@ -489,7 +489,7 @@
 @dark-green-3: #0A802D;
 @dark-orangered-2: #771E05;
 @warning-5: rgb(255, 169, 35);
-@primary-7: rgb(3, 194, 128);
+@primary-7: rgb(0, 127, 82);
 @primary-9: rgb(var(~'@{arco-cssvars-prefix}-arcoblue-9'));
 @dark-cyan-9: #BEF4ED;
 @link-3: rgb(var(~'@{arco-cssvars-prefix}-arcoblue-3'));
@@ -506,7 +506,7 @@
 @danger-5: rgb(255, 88, 78);
 @dark-danger-6: rgb(255, 59, 48);
 @link-8: rgb(var(~'@{arco-cssvars-prefix}-arcoblue-8'));
-@primary-2: rgb(3, 194, 128);
+@primary-2: rgb(107, 119, 113);
 @dark-cyan-10: #F0FFFC;
 @dark-gray-10: #f6f6f6;
 @dark-warning-3: rgb(var(~'@{arco-cssvars-prefix}-orange-3'));
@@ -535,10 +535,10 @@
 @warning-6: rgb(255, 159, 10);
 @link-6: rgb(10, 132, 255);
 @dark-danger-3: rgb(var(~'@{arco-cssvars-prefix}-red-3'));
-@primary-5: rgb(29, 200, 141);
+@primary-5: rgb(0, 135, 84);
 @dark-orange-9: #FFE3B8;
 @dark-warning-9: rgb(var(~'@{arco-cssvars-prefix}-orange-9'));
-@primary-3: rgb(3, 194, 128);
+@primary-3: rgb(229, 245, 239);
 @warning-3: rgb(var(~'@{arco-cssvars-prefix}-orange-3'));
 @dark-orange-6: #FF9626;
 @dark-purple-5: #7B3DD1;
@@ -597,12 +597,12 @@
 @dark-color-white: rgba(255, 255, 255, 0.9);
 @color-text-3: rgba(0,0,0,0.24);
 @color-text-2: rgba(0,0,0,0.56);
-@color-text-4: rgb(194, 194, 194);
+@color-text-4: rgba(0,0,0,0.24);
 @dark-color-text-3: rgba(255,255,255,0.32);
 @color-border-2: rgb(229, 230, 235);
 @color-fill-4: var(~'@{arco-cssvars-prefix}-color-neutral-4');
 @color-fill-2: var(~'@{arco-cssvars-prefix}-color-neutral-2');
-@color-fill-3: var(~'@{arco-cssvars-prefix}-color-neutral-3');
+@color-fill-3: rgb(230, 231, 233);
 @dark-color-bg-1: #17171A;
 @dark-color-fill-4: rgba(255, 255, 255, 0.16);
 @dark-color-bg-white: #f6f6f6;
@@ -617,14 +617,14 @@
 @dark-color-fill-2: rgba(255, 255, 255, 0.08);
 @dark-color-border-3: @dark-gray-4;
 @dark-color-fill-3: rgba(255, 255, 255, 0.12);
-@color-bg-3: #ffffff;
+@color-bg-3: rgb(240, 241, 243);
 @dark-color-bg-2: #232324;
 @dark-color-bg-4: #313132;
 @dark-color-bg-5: #373739;
 @color-bg-5: #ffffff;
-@color-bg-4: #ffffff;
+@color-bg-4: rgba(0,0,0,0.1);
 @dark-color-bg-3: #2a2a2b;
-@color-bg-2: #ffffff;
+@color-bg-2: rgb(255, 255, 255);
 @color-border-3: rgb(220, 223, 230);
 @textarea-prefix-cls: ~'@{prefix}-textarea';
 @color-primary-1: rgb(var(~'@{arco-cssvars-prefix}-primary-1'));

package/tokens.less

@@ -466,13 +466,13 @@
 
 /*********** primary ***********/
 
-@primary-1: #03c280;
-@primary-2: #03c280;
-@primary-3: #03c280;
-@primary-4: #03c280;
-@primary-5: #1dc88d;
+@primary-1: #d6f4e8;
+@primary-2: #6b7771;
+@primary-3: #e5f5ef;
+@primary-4: #008650;
+@primary-5: #008754;
 @primary-6: #03c280;
-@primary-7: #03c280;
+@primary-7: #007f52;
 @primary-8: rgb(var(--arcoblue-8));
 @primary-9: rgb(var(--arcoblue-9));
 @primary-10: rgb(var(--arcoblue-10));
@@ -653,10 +653,10 @@
 @size-48: 192px;
 @size-49: 196px;
 @size-50: 200px;
-@size-mini: 24px;
-@size-small: 28px;
-@size-default: 32px;
-@size-large: 36px;
+@size-mini: 28px;
+@size-small: 32px;
+@size-default: 36px;
+@size-large: 48px;
 
 
 /*********** spacing ***********/
@@ -750,17 +750,17 @@
 @color-bg-popup: var(--color-bg-5);
 @color-bg-1: #ffffff;
 @color-bg-2: #ffffff;
-@color-bg-3: #ffffff;
-@color-bg-4: #ffffff;
+@color-bg-3: #f0f1f3;
+@color-bg-4: rgba(0, 0, 0, 0.1);
 @color-bg-5: #ffffff;
 @color-bg-white: #ffffff;
 @color-text-1: #000000;
 @color-text-2: rgba(0, 0, 0, 0.56);
 @color-text-3: rgba(0, 0, 0, 0.24);
-@color-text-4: #c2c2c2;
+@color-text-4: rgba(0, 0, 0, 0.24);
 @color-fill-1: #fafafa;
 @color-fill-2: var(--color-neutral-2);
-@color-fill-3: var(--color-neutral-3);
+@color-fill-3: #e6e7e9;
 @color-fill-4: var(--color-neutral-4);
 @color-border-1: #ebeef5;
 @color-border-2: #e5e6eb;
@@ -794,10 +794,10 @@
 @color-preview-size-small: 22px;
 @color-preview-size-medium: 24px;
 @color-preview-size-large: 26px;
-@color-input-size-mini-padding: 4px 4px;
-@color-input-size-small-padding: 3px 4px;
-@color-input-size-medium-padding: 4px 4px;
-@color-input-size-large-padding: 5px 5px;
+@color-input-size-mini-padding: 6px 4px;
+@color-input-size-small-padding: 5px 4px;
+@color-input-size-medium-padding: 6px 4px;
+@color-input-size-large-padding: 11px 5px;
 @color-input-bg-color: var(--color-fill-2);
 @color-value-margin-left: 4px;
 @color-value-font-color: var(--color-text-1);
@@ -915,7 +915,7 @@
 
 /*********** global ***********/
 
-@size-medium: 32px;
+@size-medium: 36px;
 @icon-hover-size-medium-height: 20px;
 @icon-hover-size-medium-icon: 12px;
 
@@ -1029,11 +1029,11 @@
 
 /*********** input ***********/
 
-@input-color-bg: transparent;
-@input-color-bg_hover: transparent;
-@input-color-bg_focus: var(--color-bg-2);
+@input-color-bg: var(--color-neutral-2);
+@input-color-bg_hover: var(--color-neutral-2);
+@input-color-bg_focus: var(--color-neutral-2);
 @input-color-bg_disabled: var(--color-fill-1);
-@input-color-addon-bg: transparent;
+@input-color-addon-bg: var(--color-neutral-2);
 @input-color-addon-border: var(--color-neutral-3);
 @input-border-addon-separator-width: 1px;
 @input-color-border_focus: rgb(var(--primary-6));
@@ -1043,20 +1043,20 @@
 @input-color-text: var(--color-text-1);
 @input-color-placeholder-text: var(--color-text-4);
 @input-color-text_disabled: var(--color-text-4);
-@input-color-bg_error: var(--color-bg-2);
-@input-color-bg_error_hover: var(--color-bg-2);
-@input-color-bg_error_focus: var(--color-bg-2);
+@input-color-bg_error: var(--color-neutral-2);
+@input-color-bg_error_hover: var(--color-neutral-2);
+@input-color-bg_error_focus: var(--color-neutral-2);
 @input-color-border_error_focus: rgb(var(--danger-6));
 @input-color-shadow_error_focus: var(--color-danger-light-2);
 @input-size-shadow_error_focus: 0;
-@input-border-radius: var(--border-radius-small);
-@input-size-default-height: 32px;
-@input-size-mini-height: 24px;
-@input-size-small-height: 28px;
-@input-size-large-height: 36px;
+@input-border-radius: 8px;
+@input-size-default-height: 36px;
+@input-size-mini-height: 28px;
+@input-size-small-height: 32px;
+@input-size-large-height: 48px;
 @input-border-width: 1px;
-@input-color-border: var(--color-border-3);
-@input-color-border_disabled: var(--color-border-2);
+@input-color-border: transparent;
+@input-color-border_disabled: transparent;
 @input-color-border_hover: var(--color-border-4);
 @input-color-border_error: rgb(var(--danger-6));
 @input-color-border_error_hover: rgb(var(--danger-5));
@@ -1086,7 +1086,7 @@
 @input-group-border-radius_compact: var(--border-radius-small);
 @input-group-border-separator-width: 1px;
 @input-group-color-separator-border: var(--color-neutral-3);
-@input-size-medium-height: 32px;
+@input-size-medium-height: 36px;
 @input-size-medium-font-size: 14px;
 @input-size-mini-line-height: 1.667;
 @input-size-small-line-height: 1.5715;
@@ -1097,10 +1097,10 @@
 @input-feedback-icon-color_warning: rgb(var(--warning-6));
 @input-feedback-icon-color_validating: rgb(var(--primary-6));
 @input-label-prefix-cls: ~'@{prefix}-input-label';
-@input-tag-size-mini-height: 24px;
-@input-tag-size-small-height: 28px;
-@input-tag-size-default-height: 32px;
-@input-tag-size-large-height: 36px;
+@input-tag-size-mini-height: 28px;
+@input-tag-size-small-height: 32px;
+@input-tag-size-default-height: 36px;
+@input-tag-size-large-height: 48px;
 @input-tag-size-mini-tag-height: 20px;
 @input-tag-size-small-tag-height: 20px;
 @input-tag-size-default-tag-height: 24px;
@@ -1152,15 +1152,15 @@
 @input-tag-tag-color-border_focus: var(--color-fill-3);
 @input-tag-tag-remove-icon-color-bg: var(--color-fill-2);
 @input-tag-tag-remove-icon-color-bg_focus: var(--color-fill-3);
-@input-tag-size-medium-height: 32px;
+@input-tag-size-medium-height: 36px;
 @input-tag-size-medium-tag-height: 24px;
 @input-tag-size-medium-font-size: 14px;
 @input-number-border-radius: var(--border-radius-small);
 @input-number-step-layer-border-radius: 1px;
-@input-number-size-mini-step-button-width: 24px;
-@input-number-size-small-step-button-width: 28px;
-@input-number-size-default-step-button-width: 32px;
-@input-number-size-large-step-button-width: 36px;
+@input-number-size-mini-step-button-width: 28px;
+@input-number-size-small-step-button-width: 32px;
+@input-number-size-default-step-button-width: 36px;
+@input-number-size-large-step-button-width: 48px;
 @input-number-step-button-color: var(--color-text-2);
 @input-number-step-button-color_disabled: var(--color-text-4);
 @input-number-step-button-color-border: var(--color-neutral-3);
@@ -1191,7 +1191,7 @@
 @textarea-font-tip-size: 12px;
 @textarea-layout-tip-right: 10px;
 @textarea-layout-tip-bottom: 6px;
-@textarea-size-min-height: 32px;
+@textarea-size-min-height: 36px;
 @textarea-size-icon-clear: 12px;
 @textarea-layout-top-icon-clear: 10px;
 @textarea-prefix-cls: ~'@{prefix}-textarea';
@@ -1212,10 +1212,10 @@
 
 /*********** picker ***********/
 
-@picker-size-mini: 24px;
-@picker-size-small: 28px;
-@picker-size-default: 32px;
-@picker-size-large: 36px;
+@picker-size-mini: 28px;
+@picker-size-small: 32px;
+@picker-size-default: 36px;
+@picker-size-large: 48px;
 @picker-size-mini-font-size-text: 12px;
 @picker-size-small-font-size-text: 14px;
 @picker-size-default-font-size-text: 14px;
@@ -1593,10 +1593,12 @@
 @anchor-title-padding-horizontal: 8px;
 @anchor-title-padding-vertical: 4px;
 @anchor-title-margin-bottom: 2px;
+@anchor-title-margin-left_horizontal: 16px;
 @anchor-color-title: var(--color-text-2);
 @anchor-color-title_hover: var(--color-text-1);
 @anchor-color-title_active: var(--color-text-1);
 @anchor-font-weight-title_hover: 500;
+@anchor-font-weight-title_horizontal_hover: 400;
 @anchor-font-weight-title_active: 500;
 @anchor-color-bg-title_hover: var(--color-fill-2);
 @anchor-font-size-title: 14px;
@@ -1611,7 +1613,7 @@
 @avatar-size-default: 40px;
 @avatar-font-size-text: 20px;
 @avatar-color-text: var(--color-white);
-@avatar-color-bg: var(--color-neutral-3);
+@avatar-color-bg: #e6e7e9;
 @avatar-color-group-item-border: var(--color-bg-2);
 @avatar-group-item-border-width: 2px;
 @avatar-group-item-margin-left: -10px;
@@ -1706,20 +1708,20 @@
 /*********** btn ***********/
 
 @btn-font-weight: 400;
-@btn-border-width: 1px;
-@btn-border-radius: var(--border-radius-small);
-@btn-size-mini-radius: var(--border-radius-small);
-@btn-size-small-radius: var(--border-radius-small);
-@btn-size-default-radius: var(--border-radius-small);
-@btn-size-large-radius: var(--border-radius-small);
-@btn-size-mini-height: 24px;
-@btn-size-small-height: 28px;
-@btn-size-default-height: 32px;
-@btn-size-large-height: 36px;
-@btn-size-mini-border-width: 1px;
-@btn-size-small-border-width: 1px;
-@btn-size-default-border-width: 1px;
-@btn-size-large-border-width: 1px;
+@btn-border-width: 0;
+@btn-border-radius: 8px;
+@btn-size-mini-radius: 8px;
+@btn-size-small-radius: 8px;
+@btn-size-default-radius: 8px;
+@btn-size-large-radius: 8px;
+@btn-size-mini-height: 28px;
+@btn-size-small-height: 32px;
+@btn-size-default-height: 36px;
+@btn-size-large-height: 48px;
+@btn-size-mini-border-width: 0;
+@btn-size-small-border-width: 0;
+@btn-size-default-border-width: 0;
+@btn-size-large-border-width: 0;
 @btn-size-mini-icon-spacing: 6px;
 @btn-size-small-icon-spacing: 4px;
 @btn-size-default-icon-spacing: 8px;
@@ -1786,11 +1788,11 @@
 @btn-outline-color-border_success_active: rgb(var(--success-7));
 @btn-outline-border-style: solid;
 @btn-primary-color-text: #fff;
-@btn-primary-color-text_disabled: #fff;
+@btn-primary-color-text_disabled: rgba(0, 0, 0, 0.24);
 @btn-primary-color-text_hover: #fff;
 @btn-primary-color-text_active: #fff;
 @btn-primary-color-bg: rgb(var(--primary-6));
-@btn-primary-color-bg_disabled: var(--color-primary-light-3);
+@btn-primary-color-bg_disabled: #e6e7e9;
 @btn-primary-color-bg_hover: rgb(var(--primary-5));
 @btn-primary-color-bg_active: rgb(var(--primary-7));
 @btn-primary-color-border: transparent;
@@ -1798,11 +1800,11 @@
 @btn-primary-color-border_hover: transparent;
 @btn-primary-color-border_active: transparent;
 @btn-primary-color-text_warning: #fff;
-@btn-primary-color-text_warning_disabled: #fff;
+@btn-primary-color-text_warning_disabled: rgba(0, 0, 0, 0.24);
 @btn-primary-color-text_warning_hover: #fff;
 @btn-primary-color-text_warning_active: #fff;
 @btn-primary-color-bg_warning: rgb(var(--warning-6));
-@btn-primary-color-bg_warning_disabled: var(--color-warning-light-3);
+@btn-primary-color-bg_warning_disabled: #e6e7e9;
 @btn-primary-color-bg_warning_hover: rgb(var(--warning-5));
 @btn-primary-color-bg_warning_active: rgb(var(--warning-7));
 @btn-primary-color-border_warning: transparent;
@@ -1810,11 +1812,11 @@
 @btn-primary-color-border_warning_hover: transparent;
 @btn-primary-color-border_warning_active: transparent;
 @btn-primary-color-text_danger: #fff;
-@btn-primary-color-text_danger_disabled: #fff;
+@btn-primary-color-text_danger_disabled: rgba(0, 0, 0, 0.24);
 @btn-primary-color-text_danger_hover: #fff;
 @btn-primary-color-text_danger_active: #fff;
 @btn-primary-color-bg_danger: rgb(var(--danger-6));
-@btn-primary-color-bg_danger_disabled: var(--color-danger-light-3);
+@btn-primary-color-bg_danger_disabled: #e6e7e9;
 @btn-primary-color-bg_danger_hover: rgb(var(--danger-5));
 @btn-primary-color-bg_danger_active: rgb(var(--danger-7));
 @btn-primary-color-border_danger: transparent;
@@ -1822,11 +1824,11 @@
 @btn-primary-color-border_danger_hover: transparent;
 @btn-primary-color-border_danger_active: transparent;
 @btn-primary-color-text_success: #fff;
-@btn-primary-color-text_success_disabled: #fff;
+@btn-primary-color-text_success_disabled: rgba(0, 0, 0, 0.24);
 @btn-primary-color-text_success_hover: #fff;
 @btn-primary-color-text_success_active: #fff;
 @btn-primary-color-bg_success: rgb(var(--success-6));
-@btn-primary-color-bg_success_disabled: var(--color-success-light-3);
+@btn-primary-color-bg_success_disabled: #e6e7e9;
 @btn-primary-color-bg_success_hover: rgb(var(--success-5));
 @btn-primary-color-bg_success_active: rgb(var(--success-7));
 @btn-primary-color-border_success: transparent;
@@ -1838,10 +1840,10 @@
 @btn-secondary-color-text_disabled: var(--color-text-4);
 @btn-secondary-color-text_hover: var(--color-text-2);
 @btn-secondary-color-text_active: var(--color-text-1);
-@btn-secondary-color-bg: transparent;
+@btn-secondary-color-bg: #f0f1f3;
 @btn-secondary-color-bg_disabled: var(--color-fill-1);
-@btn-secondary-color-bg_hover: transparent;
-@btn-secondary-color-bg_active: var(--color-fill-2);
+@btn-secondary-color-bg_hover: rgba(0, 0, 0, 0.1);
+@btn-secondary-color-bg_active: rgba(0, 0, 0, 0.1);
 @btn-secondary-color-border: var(--color-border-3);
 @btn-secondary-color-border_disabled: var(--color-border-2);
 @btn-secondary-color-border_hover: var(--color-border-3);
@@ -1850,22 +1852,22 @@
 @btn-secondary-color-text_warning_disabled: var(--color-warning-light-3);
 @btn-secondary-color-text_warning_hover: rgb(var(--warning-6));
 @btn-secondary-color-text_warning_active: rgb(var(--warning-6));
-@btn-secondary-color-bg_warning: var(--color-warning-light-1);
-@btn-secondary-color-bg_warning_disabled: var(--color-warning-light-1);
-@btn-secondary-color-bg_warning_hover: var(--color-warning-light-2);
-@btn-secondary-color-bg_warning_active: var(--color-warning-light-3);
+@btn-secondary-color-bg_warning: #f0f1f3;
+@btn-secondary-color-bg_warning_disabled: #fafafa;
+@btn-secondary-color-bg_warning_hover: rgba(0, 0, 0, 0.1);
+@btn-secondary-color-bg_warning_active: rgba(0, 0, 0, 0.1);
 @btn-secondary-color-border_warning: transparent;
 @btn-secondary-color-border_warning_disabled: transparent;
 @btn-secondary-color-border_warning_hover: transparent;
 @btn-secondary-color-border_warning_active: transparent;
 @btn-secondary-color-text_danger: rgb(var(--danger-6));
-@btn-secondary-color-text_danger_disabled: var(--color-danger-light-3);
+@btn-secondary-color-text_danger_disabled: rgb(var(--danger-2));
 @btn-secondary-color-text_danger_hover: rgb(var(--danger-6));
 @btn-secondary-color-text_danger_active: rgb(var(--danger-6));
-@btn-secondary-color-bg_danger: var(--color-danger-light-1);
-@btn-secondary-color-bg_danger_disabled: var(--color-danger-light-1);
-@btn-secondary-color-bg_danger_hover: var(--color-danger-light-2);
-@btn-secondary-color-bg_danger_active: var(--color-danger-light-3);
+@btn-secondary-color-bg_danger: #f0f1f3;
+@btn-secondary-color-bg_danger_disabled: #fafafa;
+@btn-secondary-color-bg_danger_hover: rgba(0, 0, 0, 0.1);
+@btn-secondary-color-bg_danger_active: #f0f1f3;
 @btn-secondary-color-border_danger: transparent;
 @btn-secondary-color-border_danger_disabled: transparent;
 @btn-secondary-color-border_danger_hover: transparent;
@@ -1874,9 +1876,9 @@
 @btn-secondary-color-text_success_disabled: var(--color-success-light-3);
 @btn-secondary-color-text_success_hover: rgb(var(--success-6));
 @btn-secondary-color-text_success_active: rgb(var(--success-6));
-@btn-secondary-color-bg_success: var(--color-success-light-1);
-@btn-secondary-color-bg_success_disabled: var(--color-success-light-1);
-@btn-secondary-color-bg_success_hover: var(--color-success-light-2);
+@btn-secondary-color-bg_success: #f0f1f3;
+@btn-secondary-color-bg_success_disabled: #fafafa;
+@btn-secondary-color-bg_success_hover: rgba(0, 0, 0, 0.1);
 @btn-secondary-color-bg_success_active: var(--color-success-light-3);
 @btn-secondary-color-border_success: transparent;
 @btn-secondary-color-border_success_disabled: transparent;
@@ -1981,13 +1983,13 @@
 @btn-text-color-border_success_hover: transparent;
 @btn-text-color-border_success_active: transparent;
 @btn-text-border-style: solid;
-@btn-size-medium-radius: var(--border-radius-small);
-@btn-size-medium-border-width: 1px;
+@btn-size-medium-radius: 8px;
+@btn-size-medium-border-width: 0;
 @btn-size-medium-icon-spacing: 8px;
 @btn-size-medium-icon-vertical-align: -2px;
 @btn-size-medium-padding-horizontal: 15px;
 @btn-size-medium-font-size: 14px;
-@btn-size-medium-height: 32px;
+@btn-size-medium-height: 36px;
 @btn-box-shadow-radius: 0.25em;
 @btn-primary-color-box-shadow: rgb(var(--primary-3));
 @btn-outline-color-box-shadow: rgb(var(--primary-3));
@@ -2916,10 +2918,10 @@
 @pagination-margin-total-spacing: 8px;
 @pagination-margin-option-left: 8px;
 @pagination-margin-jumper-left: 8px;
-@pagination-size-mini: 24px;
-@pagination-size-small: 28px;
-@pagination-size-default: 32px;
-@pagination-size-large: 36px;
+@pagination-size-mini: 28px;
+@pagination-size-small: 32px;
+@pagination-size-default: 36px;
+@pagination-size-large: 48px;
 @pagination-padding-horizontal: 8px;
 @pagination-size-mini-font-size: 12px;
 @pagination-size-small-font-size: 14px;
@@ -3096,10 +3098,10 @@
 @radio-button-color-separator-bg: var(--color-neutral-3);
 @radio-button-size-separator-width: 1px;
 @radio-button-size-separator-height: 14px;
-@radio-size-default-height: 32px;
-@radio-size-small-height: 28px;
-@radio-size-mini-height: 24px;
-@radio-size-large-height: 36px;
+@radio-size-default-height: 36px;
+@radio-size-small-height: 32px;
+@radio-size-mini-height: 28px;
+@radio-size-large-height: 48px;
 @radio-group-size-line-height_vertical: 32px;
 @radio-prefix-cls: ~'@{prefix}-radio';
 @radio-group-button-color-bg_dark: var(--color-bg-3);
@@ -3108,7 +3110,7 @@
 
 /*********** rate ***********/
 
-@rate-min-height: 32px;
+@rate-min-height: 36px;
 @rate-gap-size: 8px;
 @rate-font-size: 24px;
 @rate-scale_active: 1.2;
@@ -3788,10 +3790,10 @@
 @tree-size-small-font-size: 14px;
 @tree-size-default-font-size: 14px;
 @tree-size-large-font-size: 14px;
-@tree-size-mini-line-height: 24px;
-@tree-size-small-line-height: 28px;
-@tree-size-default-line-height: 32px;
-@tree-size-large-line-height: 36px;
+@tree-size-mini-line-height: 28px;
+@tree-size-small-line-height: 32px;
+@tree-size-default-line-height: 36px;
+@tree-size-large-line-height: 48px;
 @tree-node-prefix-cls: ~'@{prefix}-tree-node';