@arco-themes/react-xingcheng 0.0.2 → 0.0.4

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@arco-themes/react-xingcheng",
-  "version": "0.0.2",
+  "version": "0.0.4",
   "description": "",
   "author": "BerylZBY",
   "owners": [],

package/theme.css

@@ -264,14 +264,14 @@ body {
   --gray-9: 39, 46, 59;
   --gray-10: 29, 33, 41;
   --primary-1: 250, 232, 255;
-  --primary-2: 216, 171, 232;
-  --primary-3: 182, 118, 209;
-  --primary-4: 148, 72, 186;
-  --primary-5: 116, 35, 163;
-  --primary-6: 87, 6, 140;
-  --primary-7: 72, 4, 124;
-  --primary-8: 59, 2, 108;
-  --primary-9: 47, 1, 92;
+  --primary-2: 216, 176, 230;
+  --primary-3: 182, 127, 205;
+  --primary-4: 148, 85, 180;
+  --primary-5: 117, 51, 155;
+  --primary-6: 88, 24, 130;
+  --primary-7: 73, 16, 117;
+  --primary-8: 60, 10, 103;
+  --primary-9: 47, 4, 90;
   --primary-10: 36, 0, 77;
   --link-1: 250, 232, 255;
   --link-2: 216, 171, 232;
@@ -456,15 +456,15 @@ body[arco-theme='dark'] {
   --gray-9: 223, 223, 223;
   --gray-10: 246, 246, 246;
   --primary-1: 36, 0, 77;
-  --primary-2: 48, 3, 92;
-  --primary-3: 62, 8, 108;
-  --primary-4: 76, 14, 124;
-  --primary-5: 93, 21, 140;
-  --primary-6: 115, 31, 163;
-  --primary-7: 147, 69, 186;
-  --primary-8: 181, 116, 209;
-  --primary-9: 216, 170, 232;
-  --primary-10: 250, 233, 255;
+  --primary-2: 47, 5, 90;
+  --primary-3: 61, 13, 103;
+  --primary-4: 76, 23, 117;
+  --primary-5: 92, 34, 130;
+  --primary-6: 117, 52, 155;
+  --primary-7: 149, 87, 180;
+  --primary-8: 183, 130, 205;
+  --primary-9: 217, 180, 230;
+  --primary-10: 251, 238, 255;
   --link-1: 36, 0, 77;
   --link-2: 48, 3, 92;
   --link-3: 62, 8, 108;

package/theme.less

@@ -394,14 +394,14 @@
 @dark-yellow-2: #785E07;
 @dark-pinkpurple-3: #8A0D93;
 @dark-gold-5: #F7C034;
-@dark-primary-6: rgb(115, 31, 163);
+@dark-primary-6: rgb(117, 52, 155);
 @dark-arcoblue-8: #93BEFF;
 @dark-green-8: #7EE18B;
 @dark-arcoblue-3: #0E32A6;
 @success-6: rgb(var(~'@{arco-cssvars-prefix}-green-6'));
 @dark-gray-1: #17171a;
 @dark-yellow-4: #CFB325;
-@dark-primary-8: rgb(181, 116, 209);
+@dark-primary-8: rgb(183, 130, 205);
 @dark-purple-10: #F7EDFF;
 @success-10: rgb(var(~'@{arco-cssvars-prefix}-green-10'));
 @dark-orange-3: #A64B0A;
@@ -417,7 +417,7 @@
 @primary-1: rgb(250, 232, 255);
 @dark-red-8: #FBB0A7;
 @success-9: rgb(var(~'@{arco-cssvars-prefix}-green-9'));
-@primary-4: rgb(148, 72, 186);
+@primary-4: rgb(148, 85, 180);
 @dark-lime-10: #FDFFEE;
 @dark-gray-5: #78787a;
 @dark-yellow-5: #FAE13C;
@@ -433,7 +433,7 @@
 @dark-blue-3: #134CA3;
 @dark-blue-1: #001A4D;
 @dark-pinkpurple-1: #42004D;
-@dark-primary-2: rgb(48, 3, 92);
+@dark-primary-2: rgb(47, 5, 90);
 @dark-pinkpurple-2: #650370;
 @dark-green-5: #1DB440;
 @dark-purple-1: #16004D;
@@ -442,16 +442,16 @@
 @dark-red-1: #4D000A;
 @dark-purple-4: #5A25B0;
 @dark-green-9: #B2F0B7;
-@primary-6: rgb(87, 6, 140);
+@primary-6: rgb(88, 24, 130);
 @dark-pinkpurple-6: #E13DDB;
 @dark-cyan-6: #3FD4CF;
-@dark-primary-10: rgb(250, 233, 255);
+@dark-primary-10: rgb(251, 238, 255);
 @dark-primary-1: rgb(36, 0, 77);
 @dark-cyan-8: #90E9E1;
 @dark-cyan-3: #11838B;
 @danger-6: rgb(var(~'@{arco-cssvars-prefix}-red-6'));
 @dark-lime-1: #2A4D00;
-@dark-primary-4: rgb(76, 14, 124);
+@dark-primary-4: rgb(76, 23, 117);
 @dark-success-3: rgb(var(~'@{arco-cssvars-prefix}-green-3'));
 @dark-orange-8: #FFCD87;
 @success-4: rgb(var(~'@{arco-cssvars-prefix}-green-4'));
@@ -463,19 +463,19 @@
 @dark-gray-2: #2e2e30;
 @dark-lime-3: #629412;
 @success-3: rgb(var(~'@{arco-cssvars-prefix}-green-3'));
-@dark-primary-3: rgb(62, 8, 108);
+@dark-primary-3: rgb(61, 13, 103);
 @dark-gold-8: #FCE995;
 @dark-arcoblue-1: #000D4D;
 @dark-blue-6: #5AAAFB;
 @dark-orangered-5: #F77E45;
 @dark-red-4: #CB2E34;
 @dark-purple-7: #A974E3;
-@dark-primary-9: rgb(216, 170, 232);
+@dark-primary-9: rgb(217, 180, 230);
 @warning-4: rgb(var(~'@{arco-cssvars-prefix}-orange-4'));
 @dark-success-2: rgb(var(~'@{arco-cssvars-prefix}-green-2'));
 @dark-lime-5: #A8DB39;
 @danger-1: rgb(var(~'@{arco-cssvars-prefix}-red-1'));
-@dark-primary-7: rgb(147, 69, 186);
+@dark-primary-7: rgb(149, 87, 180);
 @dark-success-5: rgb(var(~'@{arco-cssvars-prefix}-green-5'));
 @dark-blue-5: #469AFA;
 @dark-purple-8: #C59AED;
@@ -489,8 +489,8 @@
 @dark-green-3: #0A802D;
 @dark-orangered-2: #771E05;
 @warning-5: rgb(var(~'@{arco-cssvars-prefix}-orange-5'));
-@primary-7: rgb(72, 4, 124);
-@primary-9: rgb(47, 1, 92);
+@primary-7: rgb(73, 16, 117);
+@primary-9: rgb(47, 4, 90);
 @dark-cyan-9: #BEF4ED;
 @link-3: rgb(182, 118, 209);
 @dark-magenta-4: #CB2B88;
@@ -498,7 +498,7 @@
 @dark-success-10: rgb(var(~'@{arco-cssvars-prefix}-green-10'));
 @success-7: rgb(var(~'@{arco-cssvars-prefix}-green-7'));
 @dark-warning-4: rgb(var(~'@{arco-cssvars-prefix}-orange-4'));
-@dark-primary-5: rgb(93, 21, 140);
+@dark-primary-5: rgb(92, 34, 130);
 @dark-gold-10: #FFFCE8;
 @dark-danger-2: rgb(var(~'@{arco-cssvars-prefix}-red-2'));
 @warning-9: rgb(var(~'@{arco-cssvars-prefix}-orange-9'));
@@ -506,7 +506,7 @@
 @danger-5: rgb(var(~'@{arco-cssvars-prefix}-red-5'));
 @dark-danger-6: rgb(var(~'@{arco-cssvars-prefix}-red-6'));
 @link-8: rgb(59, 2, 108);
-@primary-2: rgb(216, 171, 232);
+@primary-2: rgb(216, 176, 230);
 @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(var(~'@{arco-cssvars-prefix}-orange-6'));
 @link-6: rgb(87, 6, 140);
 @dark-danger-3: rgb(var(~'@{arco-cssvars-prefix}-red-3'));
-@primary-5: rgb(116, 35, 163);
+@primary-5: rgb(117, 51, 155);
 @dark-orange-9: #FFE3B8;
 @dark-warning-9: rgb(var(~'@{arco-cssvars-prefix}-orange-9'));
-@primary-3: rgb(182, 118, 209);
+@primary-3: rgb(182, 127, 205);
 @warning-3: rgb(var(~'@{arco-cssvars-prefix}-orange-3'));
 @dark-orange-6: #FF9626;
 @dark-purple-5: #7B3DD1;
@@ -566,7 +566,7 @@
 @dark-danger-4: rgb(var(~'@{arco-cssvars-prefix}-red-4'));
 @dark-link-3: rgb(62, 8, 108);
 @dark-warning-1: rgb(var(~'@{arco-cssvars-prefix}-orange-1'));
-@primary-8: rgb(59, 2, 108);
+@primary-8: rgb(60, 10, 103);
 @dark-arcoblue-2: #041B79;
 @danger-4: rgb(var(~'@{arco-cssvars-prefix}-red-4'));
 @link-7: rgb(72, 4, 124);

package/tokens.less

@@ -364,15 +364,15 @@
 @dark-gray-9: #dfdfdf;
 @dark-gray-10: #f6f6f6;
 @dark-primary-1: #24004d;
-@dark-primary-2: #30035c;
-@dark-primary-3: #3e086c;
-@dark-primary-4: #4c0e7c;
-@dark-primary-5: #5d158c;
-@dark-primary-6: #731fa3;
-@dark-primary-7: #9345ba;
-@dark-primary-8: #b574d1;
-@dark-primary-9: #d8aae8;
-@dark-primary-10: #fae9ff;
+@dark-primary-2: #2f055a;
+@dark-primary-3: #3d0d67;
+@dark-primary-4: #4c1775;
+@dark-primary-5: #5c2282;
+@dark-primary-6: #75349b;
+@dark-primary-7: #9557b4;
+@dark-primary-8: #b782cd;
+@dark-primary-9: #d9b4e6;
+@dark-primary-10: #fbeeff;
 @dark-success-1: rgb(var(--green-1));
 @dark-success-2: rgb(var(--green-2));
 @dark-success-3: rgb(var(--green-3));
@@ -467,14 +467,14 @@
 /*********** primary ***********/
 
 @primary-1: #fae8ff;
-@primary-2: #d8abe8;
-@primary-3: #b676d1;
-@primary-4: #9448ba;
-@primary-5: #7423a3;
-@primary-6: #57068c;
-@primary-7: #48047c;
-@primary-8: #3b026c;
-@primary-9: #2f015c;
+@primary-2: #d8b0e6;
+@primary-3: #b67fcd;
+@primary-4: #9455b4;
+@primary-5: #75339b;
+@primary-6: #581882;
+@primary-7: #491075;
+@primary-8: #3c0a67;
+@primary-9: #2f045a;
 @primary-10: #24004d;
 
 
@@ -1052,30 +1052,30 @@
 
 /*********** input ***********/
 
-@input-color-bg: var(--color-fill-2);
-@input-color-bg_hover: var(--color-fill-3);
-@input-color-bg_focus: var(--color-bg-2);
+@input-color-bg: transparent;
+@input-color-bg_hover: transparent;
+@input-color-bg_focus: transparent;
 @input-color-bg_disabled: var(--color-fill-2);
-@input-color-addon-bg: var(--color-fill-2);
+@input-color-addon-bg: transparent;
 @input-color-addon-border: var(--color-neutral-3);
 @input-border-addon-separator-width: 1px;
 @input-color-border_focus: rgb(var(--primary-6));
 @input-color-shadow_focus: var(--color-primary-light-2);
-@input-size-shadow_focus: 0;
+@input-size-shadow_focus: 2px;
 @input-color-addon-border_default: transparent;
 @input-color-text: var(--color-text-1);
 @input-color-placeholder-text: var(--color-text-3);
 @input-color-text_disabled: var(--color-text-4);
 @input-color-addon-text: var(--color-text-1);
-@input-color-bg_error: var(--color-danger-light-1);
-@input-color-bg_error_hover: var(--color-danger-light-2);
-@input-color-bg_error_focus: var(--color-bg-2);
+@input-color-bg_error: transparent;
+@input-color-bg_error_hover: transparent;
+@input-color-bg_error_focus: transparent;
 @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-size-shadow_error_focus: 2px;
 @input-color-bg_warning: var(--color-warning-light-1);
 @input-color-bg_warning_hover: var(--color-warning-light-2);
-@input-color-bg_warning_focus: var(--color-bg-2);
+@input-color-bg_warning_focus: transparent;
 @input-color-border_warning_focus: rgb(var(--warning-6));
 @input-color-shadow_warning_focus: var(--color-warning-light-2);
 @input-size-shadow_warning_focus: 0;
@@ -1085,11 +1085,11 @@
 @input-size-small-height: 28px;
 @input-size-large-height: 36px;
 @input-border-width: 1px;
-@input-color-border: transparent;
-@input-color-border_disabled: transparent;
-@input-color-border_hover: transparent;
-@input-color-border_error: transparent;
-@input-color-border_error_hover: transparent;
+@input-color-border: var(--color-neutral-3);
+@input-color-border_disabled: var(--color-neutral-3);
+@input-color-border_hover: rgb(var(--primary-7));
+@input-color-border_error: rgb(var(--danger-6));
+@input-color-border_error_hover: rgb(var(--danger-5));
 @input-color-border_warning: transparent;
 @input-color-border_warning_hover: transparent;
 @input-size-default-font-size: 14px;
@@ -1110,7 +1110,7 @@
 @input-color-suffix-text: var(--color-text-2);
 @input-color-tip-text: var(--color-text-3);
 @input-color-icon-clear: var(--color-text-2);
-@input-color-icon-clear-bg_hover: var(--color-fill-4);
+@input-color-icon-clear-bg_hover: transparent;
 @input-padding-horizontal: 12px;
 @input-size-mini-padding-horizontal: 8px;
 @input-size-small-padding-horizontal: 12px;
@@ -1142,27 +1142,27 @@
 @input-tag-color-placeholder: var(--color-text-3);
 @input-tag-color-icon-clear: var(--color-text-2);
 @input-tag-color-icon-clear-bg_hover: var(--color-fill-4);
-@input-tag-color-border_default: transparent;
-@input-tag-color-border_default_hover: transparent;
+@input-tag-color-border_default: var(--color-neutral-3);
+@input-tag-color-border_default_hover: rgb(var(--primary-6));
 @input-tag-color-border_default_focus: rgb(var(--primary-6));
-@input-tag-color-border_error: transparent;
-@input-tag-color-border_error_hover: transparent;
+@input-tag-color-border_error: rgb(var(--danger-6));
+@input-tag-color-border_error_hover: rgb(var(--danger-6));
 @input-tag-color-border_error_focus: rgb(var(--danger-6));
-@input-tag-color-border_disabled: transparent;
-@input-tag-color-border_disabled_hover: transparent;
-@input-tag-color-border_disabled_focus: transparent;
-@input-tag-color-bg_default: var(--color-fill-2);
-@input-tag-color-bg_default_hover: var(--color-fill-3);
-@input-tag-color-bg_default_focus: var(--color-bg-2);
-@input-tag-color-bg_error: rgb(var(--danger-1));
-@input-tag-color-bg_error_hover: rgb(var(--danger-2));
+@input-tag-color-border_disabled: var(--color-neutral-3);
+@input-tag-color-border_disabled_hover: var(--color-neutral-3);
+@input-tag-color-border_disabled_focus: var(--color-neutral-3);
+@input-tag-color-bg_default: transparent;
+@input-tag-color-bg_default_hover: transparent;
+@input-tag-color-bg_default_focus: transparent;
+@input-tag-color-bg_error: transparent;
+@input-tag-color-bg_error_hover: transparent;
 @input-tag-color-bg_error_focus: var(--color-bg-2);
 @input-tag-color-bg_disabled: var(--color-fill-2);
 @input-tag-color-bg_disabled_hover: var(--color-fill-2);
 @input-tag-color-shadow_default_focus: rgb(var(--primary-2));
 @input-tag-color-shadow_error_focus: rgb(var(--danger-2));
-@input-tag-size-shadow_error_focus: 0;
-@input-tag-size-shadow_default_focus: 0;
+@input-tag-size-shadow_error_focus: 2px;
+@input-tag-size-shadow_default_focus: 2px;
 @input-tag-tag-margin-right: 4px;
 @input-tag-tag-margin-vertical: 2px;
 @input-tag-padding-horizontal: 4px;
@@ -1185,11 +1185,11 @@
 @input-tag-color-border_warning_focus: rgb(var(--warning-6));
 @input-tag-color-bg_warning: var(--color-warning-light-1);
 @input-tag-color-bg_warning_hover: var(--color-warning-light-2);
-@input-tag-color-bg_warning_focus: var(--color-bg-2);
+@input-tag-color-bg_warning_focus: transparent;
 @input-tag-color-shadow_warning_focus: var(--color-warning-light-2);
 @input-tag-size-shadow_warning_focus: 0;
 @input-tag-addon-padding-horizontal: 12px;
-@input-tag-color-addon-bg: var(--color-fill-2);
+@input-tag-color-addon-bg: transparent;
 @input-tag-color-addon-border: var(--color-border-2);
 @input-tag-color-addon-border_default: transparent;
 @input-tag-border-addon-separator-width: 1px;
@@ -1256,20 +1256,20 @@
 @picker-size-large-font-size-text: 14px;
 @picker-input-border-radius: var(--border-radius-small);
 @picker-color-shadow_focus: var(--color-primary-light-2);
-@picker-size-shadow_focus: 0;
+@picker-size-shadow_focus: 2px;
 @picker-color-shadow_error_focus: var(--color-danger-light-2);
 @picker-size-shadow_error_focus: 0;
-@picker-color-bg: var(--color-fill-2);
-@picker-color-bg_hover: var(--color-fill-3);
-@picker-color-bg_focus: var(--color-bg-2);
+@picker-color-bg: transparent;
+@picker-color-bg_hover: transparent;
+@picker-color-bg_focus: transparent;
 @picker-color-bg_disabled: var(--color-fill-2);
 @picker-color-bg_error: var(--color-danger-light-1);
 @picker-color-bg_error_hover: var(--color-danger-light-2);
 @picker-color-bg_error_focus: var(--color-bg-2);
-@picker-color-border: transparent;
-@picker-color-border_hover: transparent;
+@picker-color-border: var(--color-neutral-3);
+@picker-color-border_hover: rgb(var(--primary-5));
 @picker-color-border_focus: rgb(var(--primary-6));
-@picker-color-border_disabled: transparent;
+@picker-color-border_disabled: var(--color-neutral-3);
 @picker-color-border_error: transparent;
 @picker-color-border_error_hover: transparent;
 @picker-color-border_error_focus: rgb(var(--danger-6));
@@ -1288,7 +1288,7 @@
 @picker-size-shadow_warning_focus: 0;
 @picker-color-bg_warning: var(--color-warning-light-1);
 @picker-color-bg_warning_hover: var(--color-warning-light-2);
-@picker-color-bg_warning_focus: var(--color-bg-2);
+@picker-color-bg_warning_focus: transparent;
 @picker-color-border_warning: transparent;
 @picker-color-border_warning_hover: transparent;
 @picker-color-border_warning_focus: rgb(var(--warning-6));
@@ -1477,24 +1477,24 @@
 @select-color-icon_disabled: var(--color-text-4);
 @select-color-icon_focused: var(--color-text-2);
 @select-color-icon-bg_hover: var(--color-fill-4);
-@select-color-bg_default: var(--color-fill-2);
-@select-color-bg_default_hover: var(--color-fill-3);
-@select-color-bg_default_focus: var(--color-bg-2);
-@select-color-bg_error_focus: var(--color-bg-2);
-@select-color-bg_error: var(--color-danger-light-1);
-@select-color-bg_error_hover: var(--color-danger-light-2);
+@select-color-bg_default: transparent;
+@select-color-bg_default_hover: transparent;
+@select-color-bg_default_focus: transparent;
+@select-color-bg_error_focus: transparent;
+@select-color-bg_error: transparent;
+@select-color-bg_error_hover: transparent;
 @select-color-bg_disabled: var(--color-fill-2);
 @select-color-bg_disabled_hover: var(--color-fill-2);
-@select-color-border_default: transparent;
-@select-color-border_default_hover: transparent;
+@select-color-border_default: var(--color-neutral-3);
+@select-color-border_default_hover: rgb(var(--primary-6));
 @select-color-border_default_focus: rgb(var(--primary-6));
-@select-color-border_error: transparent;
-@select-color-border_error_hover: transparent;
+@select-color-border_error: rgb(var(--danger-6));
+@select-color-border_error_hover: rgb(var(--danger-6));
 @select-color-border_error_focus: rgb(var(--danger-6));
-@select-color-border_disabled: transparent;
-@select-color-border_disabled_hover: transparent;
-@select-shadow-distance_default_focus: 0;
-@select-shadow-distance_error_focus: 0;
+@select-color-border_disabled: var(--color-neutral-3);
+@select-color-border_disabled_hover: var(--color-neutral-3);
+@select-shadow-distance_default_focus: 2px;
+@select-shadow-distance_error_focus: 2px;
 @select-color-shadow_default_focus: var(--color-primary-light-2);
 @select-color-shadow_error_focus: var(--color-danger-light-2);
 @select-popup-max-height: 200px;
@@ -1526,19 +1526,19 @@
 @select-popup-group-title-font-size: 12px;
 @select-popup-group-title-color-text: var(--color-text-3);
 @select-addon-padding-horizontal: 12px;
-@select-color-addon-bg: var(--color-fill-2);
+@select-color-addon-bg: transparent;
 @select-color-addon-border: var(--color-border-2);
 @select-color-addon-border_default: transparent;
 @select-border-addon-separator-width: 1px;
 @select-color-addon-text: var(--color-text-1);
-@select-color-bg_warning_focus: var(--color-bg-2);
+@select-color-bg_warning_focus: transparent;
 @select-color-bg_warning: var(--color-warning-light-1);
 @select-color-bg_warning_hover: var(--color-warning-light-2);
 @select-color-border_warning: transparent;
 @select-color-border_warning_hover: transparent;
 @select-color-border_warning_focus: rgb(var(--warning-6));
 @select-color-shadow_warning_focus: var(--color-warning-light-2);
-@select-shadow-distance_warning_focus: 0;
+@select-shadow-distance_warning_focus: 2px;
 @select-prefix-cls-rtl: ~'@{prefix}-select-rtl';
 
 
@@ -1774,50 +1774,50 @@
 @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-2);
-@btn-secondary-color-bg: var(--color-secondary);
+@btn-secondary-color-bg: transparent;
 @btn-secondary-color-bg_disabled: var(--color-secondary-disabled);
-@btn-secondary-color-bg_hover: var(--color-secondary-hover);
-@btn-secondary-color-bg_active: var(--color-secondary-active);
-@btn-secondary-color-border: transparent;
-@btn-secondary-color-border_disabled: transparent;
-@btn-secondary-color-border_hover: transparent;
-@btn-secondary-color-border_active: transparent;
+@btn-secondary-color-bg_hover: transparent;
+@btn-secondary-color-bg_active: transparent;
+@btn-secondary-color-border: var(--color-neutral-3);
+@btn-secondary-color-border_disabled: var(--color-neutral-3);
+@btn-secondary-color-border_hover: rgb(var(--primary-7));
+@btn-secondary-color-border_active: rgb(var(--primary-7));
 @btn-secondary-color-text_warning: rgb(var(--warning-6));
 @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: transparent;
 @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-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-bg_warning_hover: transparent;
+@btn-secondary-color-bg_warning_active: transparent;
+@btn-secondary-color-border_warning: rgb(var(--warning-6));
+@btn-secondary-color-border_warning_disabled: rgb(var(--warning-2));
+@btn-secondary-color-border_warning_hover: rgb(var(--warning-5));
+@btn-secondary-color-border_warning_active: rgb(var(--warning-7));
 @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_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: transparent;
 @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-border_danger: transparent;
-@btn-secondary-color-border_danger_disabled: transparent;
-@btn-secondary-color-border_danger_hover: transparent;
-@btn-secondary-color-border_danger_active: transparent;
+@btn-secondary-color-bg_danger_hover: transparent;
+@btn-secondary-color-bg_danger_active: transparent;
+@btn-secondary-color-border_danger: rgb(var(--danger-6));
+@btn-secondary-color-border_danger_disabled: rgb(var(--danger-2));
+@btn-secondary-color-border_danger_hover: rgb(var(--danger-5));
+@btn-secondary-color-border_danger_active: rgb(var(--danger-7));
 @btn-secondary-color-text_success: rgb(var(--success-6));
 @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: transparent;
 @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_active: var(--color-success-light-3);
-@btn-secondary-color-border_success: transparent;
-@btn-secondary-color-border_success_disabled: transparent;
-@btn-secondary-color-border_success_hover: transparent;
-@btn-secondary-color-border_success_active: transparent;
+@btn-secondary-color-bg_success_hover: transparent;
+@btn-secondary-color-bg_success_active: transparent;
+@btn-secondary-color-border_success: rgb(var(--success-6));
+@btn-secondary-color-border_success_disabled: rgb(var(--success-2));
+@btn-secondary-color-border_success_hover: rgb(var(--success-5));
+@btn-secondary-color-border_success_active: rgb(var(--success-7));
 @btn-secondary-border-style: solid;
 @btn-dashed-color-text: var(--color-text-2);
 @btn-dashed-color-text_disabled: var(--color-text-4);
@@ -2090,7 +2090,7 @@
 /*********** collapse ***********/
 
 @collapse-border-width: 1px;
-@collapse-border-radius: var(--border-radius-medium);
+@collapse-border-radius: 6px;
 @collapse-color-border: var(--color-neutral-3);
 @collapse-line-height: 1.5715;
 @collapse-title-line-height: 24px;
@@ -2151,7 +2151,7 @@
 @timepicker-color-border: var(--color-neutral-3);
 @timepicker-color-cell-border: var(--color-neutral-3);
 @timepicker-color-text-cell: var(--color-text-1);
-@timepicker-color-bg-cell_hover: var(--color-fill-2);
+@timepicker-color-bg-cell_hover: var(--color-neutral-1);
 @timepicker-color-bg-cell_active: var(--color-fill-2);
 @timepicker-color-text-cell_disabled: var(--color-text-4);
 @timepicker-font-weight-cell: 500;
@@ -2210,7 +2210,7 @@
 @descriptions-border-width: 1px;
 @descriptions-border-style: solid;
 @descriptions-color-border: var(--color-neutral-3);
-@descriptions-border-radius: var(--border-radius-medium);
+@descriptions-border-radius: 6px;
 @descriptions-font-size-title: 16px;
 @descriptions-size-mini-title-margin-bottom: 6px;
 @descriptions-size-small-title-margin-bottom: 8px;
@@ -2359,34 +2359,34 @@
 @form-color-text-label: var(--color-text-2);
 @form-color-text-tooltip: var(--color-text-4);
 @form-margin-tooltip-left: 4px;
-@form-color-bg_warning: var(--color-warning-light-1);
+@form-color-bg_warning: transparent;
 @form-color-bg_warning_hover: var(--color-warning-light-2);
 @form-color-bg_warning_focus: var(--color-bg-2);
-@form-color-border_warning: transparent;
+@form-color-border_warning: rgb(var(--warning-6));
 @form-color-border_warning_focus: rgb(var(--warning-6));
 @form-color-border_warning_hover: transparent;
 @form-size-shadow_warning_focus: 0;
 @form-color-shadow_warning_focus: var(--color-warning-light-2);
-@form-color-bg_success: var(--color-fill-2);
+@form-color-bg_success: transparent;
 @form-color-bg_success_hover: var(--color-fill-3);
 @form-color-bg_success_focus: var(--color-bg-2);
-@form-color-border_success: transparent;
+@form-color-border_success: rgb(var(--success-6));
 @form-color-border_success_focus: rgb(var(--success-6));
 @form-color-border_success_hover: transparent;
 @form-size-shadow_success_focus: 0;
 @form-color-shadow_success_focus: var(--color-success-light-2);
-@form-color-bg_error: var(--color-danger-light-1);
+@form-color-bg_error: transparent;
 @form-color-bg_error_hover: var(--color-danger-light-2);
 @form-color-bg_error_focus: var(--color-bg-2);
-@form-color-border_error: transparent;
+@form-color-border_error: rgb(var(--danger-6));
 @form-color-border_error_focus: rgb(var(--danger-6));
 @form-color-border_error_hover: transparent;
 @form-size-shadow_error_focus: 0;
 @form-color-shadow_error_focus: var(--color-danger-light-2);
-@form-color-bg_validating: var(--color-fill-2);
+@form-color-bg_validating: transparent;
 @form-color-bg_validating_hover: var(--color-fill-3);
 @form-color-bg_validating_focus: var(--color-bg-2);
-@form-color-border_validating: transparent;
+@form-color-border_validating: var(--color-neutral-3);
 @form-color-border_validating_focus: rgb(var(--primary-6));
 @form-color-border_validating_hover: transparent;
 @form-size-shadow_validating_focus: 0;
@@ -2542,7 +2542,7 @@
 
 @list-border-width: 1px;
 @list-border-color: var(--color-neutral-3);
-@list-border-radius: var(--border-radius-medium);
+@list-border-radius: 6px;
 @list-color-text: var(--color-text-1);
 @list-font-size: 14px;
 @list-line-height: 1.5715;
@@ -3359,7 +3359,7 @@
 @table-font-size-expand-button: 12px;
 @table-border-radius-expand-button: 2px;
 @table-color-border: var(--color-neutral-3);
-@table-border-radius: var(--border-radius-medium);
+@table-border-radius: 6px;
 @table-color-text-header-cell: rgb(var(--gray-10));
 @table-color-bg-header-cell: var(--color-neutral-2);
 @table-color-bg-header-sorted-cell: var(--color-neutral-3);