@arco-themes/react-aiux2026 0.0.6 → 0.0.8

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@arco-themes/react-aiux2026",
-  "version": "0.0.6",
+  "version": "0.0.8",
   "description": "",
   "author": "dobe25381-gif",
   "owners": [],
@@ -14,6 +14,6 @@
   "depLibrary": "@arco-design/web-react",
   "tag": "latest",
   "peerDependencies": {
-    "@arco-design/web-react": "^2.66.11"
+    "@arco-design/web-react": "^2.66.12"
   }
 }

package/theme.css

@@ -313,6 +313,26 @@ body {
   --warning-8: var(--orange-8);
   --warning-9: var(--orange-9);
   --warning-10: var(--orange-10);
+  --badge-1: 133, 24, 242;
+  --badge-2: 242, 24, 133;
+  --badge-3: 26, 188, 242;
+  --badge-4: 22, 217, 22;
+  --badge-5: 242, 79, 25;
+  --badge-6: 79, 24, 242;
+  --badge-7: 242, 188, 23;
+  --badge-8: var(--arcoblue-8);
+  --badge-9: var(--arcoblue-9);
+  --badge-10: var(--arcoblue-10);
+  --tag-1: 249, 237, 255;
+  --tag-2: 255, 237, 243;
+  --tag-3: 236, 253, 254;
+  --tag-4: 241, 255, 237;
+  --tag-5: 255, 245, 237;
+  --tag-6: 245, 237, 255;
+  --tag-7: 255, 253, 237;
+  --tag-8: var(--arcoblue-8);
+  --tag-9: var(--arcoblue-9);
+  --tag-10: var(--arcoblue-10);
 }
 body[arco-theme='dark'] {
   --red-1: 77, 0, 10;
@@ -505,5 +525,25 @@ body[arco-theme='dark'] {
   --warning-8: var(--orange-8);
   --warning-9: var(--orange-9);
   --warning-10: var(--orange-10);
+  --badge-1: var(--arcoblue-1);
+  --badge-2: var(--arcoblue-2);
+  --badge-3: var(--arcoblue-3);
+  --badge-4: var(--arcoblue-4);
+  --badge-5: var(--arcoblue-5);
+  --badge-6: var(--arcoblue-6);
+  --badge-7: var(--arcoblue-7);
+  --badge-8: var(--arcoblue-8);
+  --badge-9: var(--arcoblue-9);
+  --badge-10: var(--arcoblue-10);
+  --tag-1: var(--arcoblue-1);
+  --tag-2: var(--arcoblue-2);
+  --tag-3: var(--arcoblue-3);
+  --tag-4: var(--arcoblue-4);
+  --tag-5: var(--arcoblue-5);
+  --tag-6: var(--arcoblue-6);
+  --tag-7: var(--arcoblue-7);
+  --tag-8: var(--arcoblue-8);
+  --tag-9: var(--arcoblue-9);
+  --tag-10: var(--arcoblue-10);
 }
 

package/theme.less

@@ -763,7 +763,7 @@
 @transition-timing-function-decelerate: cubic-bezier(0.4, 0.8, 0.74, 1);
 @transition-timing-function-accelerate: cubic-bezier(0.26, 0, 0.6, 0.2);
 @icon-hover-border-radius: var(~'@{arco-cssvars-prefix}-border-radius-circle');
-@icon-hover-color-bg: @color-primary-1;
+@icon-hover-color-bg: @color-transparent;
 @icon-hover-size-default-height: 20px;
 @icon-hover-size-small-height: 20px;
 @icon-hover-size-mini-height: 20px;
@@ -806,6 +806,66 @@
 @watermark-prefix-cls: ~'@{prefix}-watermark';
 @verification-code-prefix-cls: ~'@{prefix}-verification-code';
 @color-prefix-cls: ~'@{prefix}-color';
+@badge-1: rgb(133, 24, 242);
+@color-badge-5: rgb(var(~'@{arco-cssvars-prefix}-badge-5'));
+@color-badge-4: rgb(var(~'@{arco-cssvars-prefix}-badge-4'));
+@dark-badge-1: #000D4D;
+@color-badge-2: rgb(var(~'@{arco-cssvars-prefix}-badge-2'));
+@dark-badge-7: #689FFF;
+@badge-4: rgb(22, 217, 22);
+@color-badge-6: rgb(var(~'@{arco-cssvars-prefix}-badge-6'));
+@badge-9: #031A79;
+@dark-badge-5: #306FFF;
+@dark-badge-2: #041B79;
+@badge-6: rgb(79, 24, 242);
+@badge-2: rgb(242, 24, 133);
+@badge-3: rgb(26, 188, 242);
+@color-badge-8: rgb(var(~'@{arco-cssvars-prefix}-badge-8'));
+@color-badge-1: rgb(var(~'@{arco-cssvars-prefix}-badge-1'));
+@color-badge-3: rgb(var(~'@{arco-cssvars-prefix}-badge-3'));
+@badge-7: rgb(242, 188, 23);
+@badge-8: #072CA6;
+@color-badge-9: rgb(var(~'@{arco-cssvars-prefix}-badge-9'));
+@dark-badge-4: #1D4DD2;
+@color-badge-7: rgb(var(~'@{arco-cssvars-prefix}-badge-7'));
+@color-badge-10: rgb(var(~'@{arco-cssvars-prefix}-badge-10'));
+@dark-badge-8: #93BEFF;
+@dark-badge-6: #3C7EFF;
+@dark-badge-3: #0E32A6;
+@dark-badge-9: #BEDAFF;
+@dark-badge-10: #EAF4FF;
+@badge-5: rgb(242, 79, 25);
+@badge-10: #000D4D;
+@tag-8: #072CA6;
+@tag-3: rgb(236, 253, 254);
+@color-tag-9: rgb(var(~'@{arco-cssvars-prefix}-tag-9'));
+@color-tag-5: rgb(var(~'@{arco-cssvars-prefix}-tag-5'));
+@dark-tag-1: #000D4D;
+@dark-tag-2: #041B79;
+@dark-tag-8: #93BEFF;
+@tag-7: rgb(255, 253, 237);
+@dark-tag-4: #1D4DD2;
+@color-tag-6: rgb(var(~'@{arco-cssvars-prefix}-tag-6'));
+@dark-tag-3: #0E32A6;
+@dark-tag-9: #BEDAFF;
+@tag-6: rgb(245, 237, 255);
+@tag-4: rgb(241, 255, 237);
+@color-tag-8: rgb(var(~'@{arco-cssvars-prefix}-tag-8'));
+@tag-1: rgb(249, 237, 255);
+@color-tag-2: rgb(var(~'@{arco-cssvars-prefix}-tag-2'));
+@tag-2: rgb(255, 237, 243);
+@color-tag-3: rgb(var(~'@{arco-cssvars-prefix}-tag-3'));
+@tag-10: #000D4D;
+@color-tag-4: rgb(var(~'@{arco-cssvars-prefix}-tag-4'));
+@tag-9: #031A79;
+@color-tag-1: rgb(var(~'@{arco-cssvars-prefix}-tag-1'));
+@color-tag-7: rgb(var(~'@{arco-cssvars-prefix}-tag-7'));
+@dark-tag-5: #306FFF;
+@dark-tag-10: #EAF4FF;
+@dark-tag-7: #689FFF;
+@dark-tag-6: #3C7EFF;
+@tag-5: rgb(255, 245, 237);
+@color-tag-10: rgb(var(~'@{arco-cssvars-prefix}-tag-10'));
 
 
   @arco-theme-tag: body;
@@ -1232,7 +1292,27 @@
   @{arco-cssvars-prefix}-warning-9: if(iscolor(@warning-9), .getColorRgbStr(@warning-9)[], replace(~'@{warning-9}', 'rgb\((.*)\)$', '$1'));
   @{arco-cssvars-prefix}-warning-10: if(iscolor(@warning-10), .getColorRgbStr(@warning-10)[], replace(~'@{warning-10}', 'rgb\((.*)\)$', '$1'));
 
-    
+    @{arco-cssvars-prefix}-badge-1: if(iscolor(@badge-1), .getColorRgbStr(@badge-1)[], replace(~'@{badge-1}', 'rgb\((.*)\)$', '$1'));
+@{arco-cssvars-prefix}-badge-2: if(iscolor(@badge-2), .getColorRgbStr(@badge-2)[], replace(~'@{badge-2}', 'rgb\((.*)\)$', '$1'));
+@{arco-cssvars-prefix}-badge-3: if(iscolor(@badge-3), .getColorRgbStr(@badge-3)[], replace(~'@{badge-3}', 'rgb\((.*)\)$', '$1'));
+@{arco-cssvars-prefix}-badge-4: if(iscolor(@badge-4), .getColorRgbStr(@badge-4)[], replace(~'@{badge-4}', 'rgb\((.*)\)$', '$1'));
+@{arco-cssvars-prefix}-badge-5: if(iscolor(@badge-5), .getColorRgbStr(@badge-5)[], replace(~'@{badge-5}', 'rgb\((.*)\)$', '$1'));
+@{arco-cssvars-prefix}-badge-6: if(iscolor(@badge-6), .getColorRgbStr(@badge-6)[], replace(~'@{badge-6}', 'rgb\((.*)\)$', '$1'));
+@{arco-cssvars-prefix}-badge-7: if(iscolor(@badge-7), .getColorRgbStr(@badge-7)[], replace(~'@{badge-7}', 'rgb\((.*)\)$', '$1'));
+@{arco-cssvars-prefix}-badge-8: if(iscolor(@badge-8), .getColorRgbStr(@badge-8)[], replace(~'@{badge-8}', 'rgb\((.*)\)$', '$1'));
+@{arco-cssvars-prefix}-badge-9: if(iscolor(@badge-9), .getColorRgbStr(@badge-9)[], replace(~'@{badge-9}', 'rgb\((.*)\)$', '$1'));
+@{arco-cssvars-prefix}-badge-10: if(iscolor(@badge-10), .getColorRgbStr(@badge-10)[], replace(~'@{badge-10}', 'rgb\((.*)\)$', '$1'));
+@{arco-cssvars-prefix}-tag-1: if(iscolor(@tag-1), .getColorRgbStr(@tag-1)[], replace(~'@{tag-1}', 'rgb\((.*)\)$', '$1'));
+@{arco-cssvars-prefix}-tag-2: if(iscolor(@tag-2), .getColorRgbStr(@tag-2)[], replace(~'@{tag-2}', 'rgb\((.*)\)$', '$1'));
+@{arco-cssvars-prefix}-tag-3: if(iscolor(@tag-3), .getColorRgbStr(@tag-3)[], replace(~'@{tag-3}', 'rgb\((.*)\)$', '$1'));
+@{arco-cssvars-prefix}-tag-4: if(iscolor(@tag-4), .getColorRgbStr(@tag-4)[], replace(~'@{tag-4}', 'rgb\((.*)\)$', '$1'));
+@{arco-cssvars-prefix}-tag-5: if(iscolor(@tag-5), .getColorRgbStr(@tag-5)[], replace(~'@{tag-5}', 'rgb\((.*)\)$', '$1'));
+@{arco-cssvars-prefix}-tag-6: if(iscolor(@tag-6), .getColorRgbStr(@tag-6)[], replace(~'@{tag-6}', 'rgb\((.*)\)$', '$1'));
+@{arco-cssvars-prefix}-tag-7: if(iscolor(@tag-7), .getColorRgbStr(@tag-7)[], replace(~'@{tag-7}', 'rgb\((.*)\)$', '$1'));
+@{arco-cssvars-prefix}-tag-8: if(iscolor(@tag-8), .getColorRgbStr(@tag-8)[], replace(~'@{tag-8}', 'rgb\((.*)\)$', '$1'));
+@{arco-cssvars-prefix}-tag-9: if(iscolor(@tag-9), .getColorRgbStr(@tag-9)[], replace(~'@{tag-9}', 'rgb\((.*)\)$', '$1'));
+@{arco-cssvars-prefix}-tag-10: if(iscolor(@tag-10), .getColorRgbStr(@tag-10)[], replace(~'@{tag-10}', 'rgb\((.*)\)$', '$1'));
+
   }
 
   @{arco-theme-tag}[arco-theme='dark'] {
@@ -1426,5 +1506,25 @@
     @{arco-cssvars-prefix}-warning-8: if(iscolor(@dark-warning-8), .getColorRgbStr(@dark-warning-8)[], replace(~'@{dark-warning-8}', 'rgb\((.*)\)$', '$1'));
     @{arco-cssvars-prefix}-warning-9: if(iscolor(@dark-warning-9), .getColorRgbStr(@dark-warning-9)[], replace(~'@{dark-warning-9}', 'rgb\((.*)\)$', '$1'));
     @{arco-cssvars-prefix}-warning-10: if(iscolor(@dark-warning-10), .getColorRgbStr(@dark-warning-10)[], replace(~'@{dark-warning-10}', 'rgb\((.*)\)$', '$1'));
-    
+    @{arco-cssvars-prefix}-badge-1: if(iscolor(@dark-badge-1), .getColorRgbStr(@dark-badge-1)[], replace(~'@{dark-badge-1}', 'rgb\((.*)\)$', '$1'));
+@{arco-cssvars-prefix}-badge-2: if(iscolor(@dark-badge-2), .getColorRgbStr(@dark-badge-2)[], replace(~'@{dark-badge-2}', 'rgb\((.*)\)$', '$1'));
+@{arco-cssvars-prefix}-badge-3: if(iscolor(@dark-badge-3), .getColorRgbStr(@dark-badge-3)[], replace(~'@{dark-badge-3}', 'rgb\((.*)\)$', '$1'));
+@{arco-cssvars-prefix}-badge-4: if(iscolor(@dark-badge-4), .getColorRgbStr(@dark-badge-4)[], replace(~'@{dark-badge-4}', 'rgb\((.*)\)$', '$1'));
+@{arco-cssvars-prefix}-badge-5: if(iscolor(@dark-badge-5), .getColorRgbStr(@dark-badge-5)[], replace(~'@{dark-badge-5}', 'rgb\((.*)\)$', '$1'));
+@{arco-cssvars-prefix}-badge-6: if(iscolor(@dark-badge-6), .getColorRgbStr(@dark-badge-6)[], replace(~'@{dark-badge-6}', 'rgb\((.*)\)$', '$1'));
+@{arco-cssvars-prefix}-badge-7: if(iscolor(@dark-badge-7), .getColorRgbStr(@dark-badge-7)[], replace(~'@{dark-badge-7}', 'rgb\((.*)\)$', '$1'));
+@{arco-cssvars-prefix}-badge-8: if(iscolor(@dark-badge-8), .getColorRgbStr(@dark-badge-8)[], replace(~'@{dark-badge-8}', 'rgb\((.*)\)$', '$1'));
+@{arco-cssvars-prefix}-badge-9: if(iscolor(@dark-badge-9), .getColorRgbStr(@dark-badge-9)[], replace(~'@{dark-badge-9}', 'rgb\((.*)\)$', '$1'));
+@{arco-cssvars-prefix}-badge-10: if(iscolor(@dark-badge-10), .getColorRgbStr(@dark-badge-10)[], replace(~'@{dark-badge-10}', 'rgb\((.*)\)$', '$1'));
+@{arco-cssvars-prefix}-tag-1: if(iscolor(@dark-tag-1), .getColorRgbStr(@dark-tag-1)[], replace(~'@{dark-tag-1}', 'rgb\((.*)\)$', '$1'));
+@{arco-cssvars-prefix}-tag-2: if(iscolor(@dark-tag-2), .getColorRgbStr(@dark-tag-2)[], replace(~'@{dark-tag-2}', 'rgb\((.*)\)$', '$1'));
+@{arco-cssvars-prefix}-tag-3: if(iscolor(@dark-tag-3), .getColorRgbStr(@dark-tag-3)[], replace(~'@{dark-tag-3}', 'rgb\((.*)\)$', '$1'));
+@{arco-cssvars-prefix}-tag-4: if(iscolor(@dark-tag-4), .getColorRgbStr(@dark-tag-4)[], replace(~'@{dark-tag-4}', 'rgb\((.*)\)$', '$1'));
+@{arco-cssvars-prefix}-tag-5: if(iscolor(@dark-tag-5), .getColorRgbStr(@dark-tag-5)[], replace(~'@{dark-tag-5}', 'rgb\((.*)\)$', '$1'));
+@{arco-cssvars-prefix}-tag-6: if(iscolor(@dark-tag-6), .getColorRgbStr(@dark-tag-6)[], replace(~'@{dark-tag-6}', 'rgb\((.*)\)$', '$1'));
+@{arco-cssvars-prefix}-tag-7: if(iscolor(@dark-tag-7), .getColorRgbStr(@dark-tag-7)[], replace(~'@{dark-tag-7}', 'rgb\((.*)\)$', '$1'));
+@{arco-cssvars-prefix}-tag-8: if(iscolor(@dark-tag-8), .getColorRgbStr(@dark-tag-8)[], replace(~'@{dark-tag-8}', 'rgb\((.*)\)$', '$1'));
+@{arco-cssvars-prefix}-tag-9: if(iscolor(@dark-tag-9), .getColorRgbStr(@dark-tag-9)[], replace(~'@{dark-tag-9}', 'rgb\((.*)\)$', '$1'));
+@{arco-cssvars-prefix}-tag-10: if(iscolor(@dark-tag-10), .getColorRgbStr(@dark-tag-10)[], replace(~'@{dark-tag-10}', 'rgb\((.*)\)$', '$1'));
+
   }

package/tokens.less

@@ -462,6 +462,26 @@
 @dark-color-border-2: #484849;
 @dark-color-border-4: #929293;
 @dark-color-border-3: #5f5f60;
+@dark-badge-1: rgb(var(--arcoblue-1));
+@dark-badge-7: rgb(var(--arcoblue-7));
+@dark-badge-5: rgb(var(--arcoblue-5));
+@dark-badge-2: rgb(var(--arcoblue-2));
+@dark-badge-4: rgb(var(--arcoblue-4));
+@dark-badge-8: rgb(var(--arcoblue-8));
+@dark-badge-6: rgb(var(--arcoblue-6));
+@dark-badge-3: rgb(var(--arcoblue-3));
+@dark-badge-9: rgb(var(--arcoblue-9));
+@dark-badge-10: rgb(var(--arcoblue-10));
+@dark-tag-1: rgb(var(--arcoblue-1));
+@dark-tag-2: rgb(var(--arcoblue-2));
+@dark-tag-8: rgb(var(--arcoblue-8));
+@dark-tag-4: rgb(var(--arcoblue-4));
+@dark-tag-3: rgb(var(--arcoblue-3));
+@dark-tag-9: rgb(var(--arcoblue-9));
+@dark-tag-5: rgb(var(--arcoblue-5));
+@dark-tag-10: rgb(var(--arcoblue-10));
+@dark-tag-7: rgb(var(--arcoblue-7));
+@dark-tag-6: rgb(var(--arcoblue-6));
 
 
 /*********** primary ***********/
@@ -896,6 +916,26 @@
 @color-panel-block-border-radius: 2px;
 @color-picker-prefix-cls: ~'@{prefix}-color-picker';
 @color-prefix-cls: ~'@{prefix}-color';
+@color-badge-5: rgb(var(--badge-5));
+@color-badge-4: rgb(var(--badge-4));
+@color-badge-2: rgb(var(--badge-2));
+@color-badge-6: rgb(var(--badge-6));
+@color-badge-8: rgb(var(--badge-8));
+@color-badge-1: rgb(var(--badge-1));
+@color-badge-3: rgb(var(--badge-3));
+@color-badge-9: rgb(var(--badge-9));
+@color-badge-7: rgb(var(--badge-7));
+@color-badge-10: rgb(var(--badge-10));
+@color-tag-9: rgb(var(--tag-9));
+@color-tag-5: rgb(var(--tag-5));
+@color-tag-6: rgb(var(--tag-6));
+@color-tag-8: rgb(var(--tag-8));
+@color-tag-2: rgb(var(--tag-2));
+@color-tag-3: rgb(var(--tag-3));
+@color-tag-4: rgb(var(--tag-4));
+@color-tag-1: rgb(var(--tag-1));
+@color-tag-7: rgb(var(--tag-7));
+@color-tag-10: rgb(var(--tag-10));
 
 
 /*********** shadow1 ***********/
@@ -970,7 +1010,7 @@
 /*********** icon ***********/
 
 @icon-hover-border-radius: var(--border-radius-circle);
-@icon-hover-color-bg: rgb(var(--primary-1));
+@icon-hover-color-bg: transparent;
 @icon-hover-size-default-height: 20px;
 @icon-hover-size-small-height: 20px;
 @icon-hover-size-mini-height: 20px;
@@ -1058,7 +1098,7 @@
 @input-color-bg_disabled: var(--color-fill-2);
 @input-color-addon-bg: #f5f7fc;
 @input-color-addon-border: transparent;
-@input-border-addon-separator-width: 1px;
+@input-border-addon-separator-width: 0;
 @input-color-border_focus: rgb(var(--primary-6));
 @input-color-shadow_focus: var(--color-primary-light-2);
 @input-size-shadow_focus: 0;
@@ -1118,7 +1158,7 @@
 @input-spacing-clear-icon-right: 8px;
 @input-padding-word-limit-left: 8px;
 @input-group-border-radius_compact: 4px;
-@input-group-border-separator-width: 1px;
+@input-group-border-separator-width: 0;
 @input-group-color-separator-border: transparent;
 @input-tag-size-mini-height: 24px;
 @input-tag-size-small-height: 28px;
@@ -1602,18 +1642,28 @@
 @badge-color-dot-bg_error: rgb(var(--danger-6));
 @badge-font-count-weight: 500;
 @badge-red-color-dot-bg: rgb(var(--danger-6));
-@badge-orangered-color-dot-bg: #f77234;
-@badge-orange-color-dot-bg: rgb(var(--orange-6));
-@badge-lime-color-dot-bg: rgb(var(--lime-6));
+@badge-orangered-color-dot-bg: rgb(var(--badge-5));
+@badge-orange-color-dot-bg: rgb(var(--warning-6));
+@badge-lime-color-dot-bg: rgb(var(--badge-4));
 @badge-gold-color-dot-bg: rgb(var(--gold-6));
 @badge-green-color-dot-bg: rgb(var(--success-6));
-@badge-cyan-color-dot-bg: rgb(var(--cyan-6));
+@badge-cyan-color-dot-bg: rgb(var(--badge-3));
 @badge-arcoblue-color-dot-bg: rgb(var(--primary-6));
-@badge-pinkpurple-color-dot-bg: rgb(var(--pinkpurple-6));
-@badge-purple-color-dot-bg: rgb(var(--purple-6));
-@badge-magenta-color-dot-bg: rgb(var(--magenta-6));
+@badge-pinkpurple-color-dot-bg: rgb(var(--badge-1));
+@badge-purple-color-dot-bg: rgb(var(--badge-6));
+@badge-magenta-color-dot-bg: rgb(var(--badge-2));
 @badge-gray-color-dot-bg: rgb(var(--gray-4));
 @badge-prefix-cls: ~'@{prefix}-badge';
+@badge-1: #8518f2;
+@badge-4: #16d916;
+@badge-9: rgb(var(--arcoblue-9));
+@badge-6: #4f18f2;
+@badge-2: #f21885;
+@badge-3: #1abcf2;
+@badge-7: #f2bc17;
+@badge-8: rgb(var(--arcoblue-8));
+@badge-5: #f24f19;
+@badge-10: rgb(var(--arcoblue-10));
 
 
 /*********** breadcrumb ***********/
@@ -1676,10 +1726,10 @@
 @btn-outline-color-text_disabled: #9ca3b8;
 @btn-outline-color-text_hover: rgb(var(--primary-5));
 @btn-outline-color-text_active: rgb(var(--primary-7));
-@btn-outline-color-bg: #ffffff;
-@btn-outline-color-bg_disabled: #f5f7fc;
-@btn-outline-color-bg_hover: #ffffff;
-@btn-outline-color-bg_active: #ffffff;
+@btn-outline-color-bg: transparent;
+@btn-outline-color-bg_disabled: transparent;
+@btn-outline-color-bg_hover: transparent;
+@btn-outline-color-bg_active: transparent;
 @btn-outline-color-border: rgb(var(--primary-6));
 @btn-outline-color-border_disabled: #c3c7d4;
 @btn-outline-color-border_hover: rgb(var(--primary-5));
@@ -1688,10 +1738,10 @@
 @btn-outline-color-text_warning_disabled: #9ca3b8;
 @btn-outline-color-text_warning_hover: rgb(var(--warning-5));
 @btn-outline-color-text_warning_active: rgb(var(--warning-7));
-@btn-outline-color-bg_warning: #ffffff;
-@btn-outline-color-bg_warning_disabled: #f5f7fc;
+@btn-outline-color-bg_warning: transparent;
+@btn-outline-color-bg_warning_disabled: transparent;
 @btn-outline-color-bg_warning_hover: transparent;
-@btn-outline-color-bg_warning_active: #ffffff;
+@btn-outline-color-bg_warning_active: transparent;
 @btn-outline-color-border_warning: rgb(var(--warning-6));
 @btn-outline-color-border_warning_disabled: #c3c7d4;
 @btn-outline-color-border_warning_hover: rgb(var(--warning-5));
@@ -1700,10 +1750,10 @@
 @btn-outline-color-text_danger_disabled: #9ca3b8;
 @btn-outline-color-text_danger_hover: rgb(var(--danger-5));
 @btn-outline-color-text_danger_active: rgb(var(--danger-7));
-@btn-outline-color-bg_danger: #ffffff;
-@btn-outline-color-bg_danger_disabled: #f5f7fc;
-@btn-outline-color-bg_danger_hover: #ffffff;
-@btn-outline-color-bg_danger_active: #ffffff;
+@btn-outline-color-bg_danger: transparent;
+@btn-outline-color-bg_danger_disabled: transparent;
+@btn-outline-color-bg_danger_hover: transparent;
+@btn-outline-color-bg_danger_active: transparent;
 @btn-outline-color-border_danger: rgb(var(--danger-6));
 @btn-outline-color-border_danger_disabled: #c3c7d4;
 @btn-outline-color-border_danger_hover: rgb(var(--danger-5));
@@ -1712,10 +1762,10 @@
 @btn-outline-color-text_success_disabled: #9ca3b8;
 @btn-outline-color-text_success_hover: rgb(var(--success-5));
 @btn-outline-color-text_success_active: rgb(var(--success-7));
-@btn-outline-color-bg_success: #ffffff;
-@btn-outline-color-bg_success_disabled: #f5f7fc;
-@btn-outline-color-bg_success_hover: #ffffff;
-@btn-outline-color-bg_success_active: #ffffff;
+@btn-outline-color-bg_success: transparent;
+@btn-outline-color-bg_success_disabled: transparent;
+@btn-outline-color-bg_success_hover: transparent;
+@btn-outline-color-bg_success_active: transparent;
 @btn-outline-color-border_success: rgb(var(--success-6));
 @btn-outline-color-border_success_disabled: #c3c7d4;
 @btn-outline-color-border_success_hover: rgb(var(--success-5));
@@ -3102,13 +3152,13 @@
 
 @slider-size-road-width: 2px;
 @slider-color-road-bg: var(--color-fill-3);
-@slider-color-road-bg_disabled: #ebeef5;
+@slider-color-road-bg_disabled: #f5f7fc;
 @slider-color-bar-bg: rgb(var(--primary-6));
-@slider-color-bar-bg_disabled: #9ca3b8;
+@slider-color-bar-bg_disabled: #ebeef5;
 @slider-color-button-bg: var(--color-bg-2);
 @slider-border-size-button: 2px;
 @slider-color-button-border: rgb(var(--primary-6));
-@slider-color-button-border_disabled: #9ca3b8;
+@slider-color-button-border_disabled: #ebeef5;
 @slider-shadow-button_active: 0 2px 5px rgba(0, 0, 0, 0.1);
 @slider-color-box-shadow-button_focus: var(--color-primary-light-3);
 @slider-size-button-width: 12px;
@@ -3563,54 +3613,54 @@
 @tag-default-color-border: transparent;
 @tag-default-bordered-color-border: var(--color-border-2);
 @tag-default-color-border_hover: transparent;
-@tag-red-color-bg: rgb(var(--red-1));
+@tag-red-color-bg: rgb(var(--danger-1));
 @tag-red-color-bg_hover: rgb(var(--red-2));
 @tag-red-color-border: transparent;
-@tag-red-bordered-color-border: rgb(var(--red-6));
+@tag-red-bordered-color-border: rgb(var(--danger-6));
 @tag-red-color-border_hover: transparent;
-@tag-red-color-icon: rgb(var(--red-6));
+@tag-red-color-icon: rgb(var(--danger-6));
 @tag-red-color-icon-bg_hover: rgb(var(--red-2));
-@tag-red-color-text: rgb(var(--red-6));
-@tag-orangered-color-bg: rgb(var(--orangered-1));
+@tag-red-color-text: rgb(var(--danger-6));
+@tag-orangered-color-bg: rgb(var(--tag-5));
 @tag-orangered-color-bg_hover: rgb(var(--orangered-2));
 @tag-orangered-color-border: transparent;
-@tag-orangered-bordered-color-border: rgb(var(--orangered-6));
+@tag-orangered-bordered-color-border: rgb(var(--badge-5));
 @tag-orangered-color-border_hover: transparent;
-@tag-orangered-color-icon: rgb(var(--orangered-6));
+@tag-orangered-color-icon: rgb(var(--badge-5));
 @tag-orangered-color-icon-bg_hover: rgb(var(--orangered-2));
-@tag-orangered-color-text: rgb(var(--orangered-6));
-@tag-orange-color-bg: rgb(var(--orange-1));
+@tag-orangered-color-text: rgb(var(--badge-5));
+@tag-orange-color-bg: rgb(var(--warning-1));
 @tag-orange-color-bg_hover: rgb(var(--orange-2));
 @tag-orange-color-border: transparent;
-@tag-orange-bordered-color-border: rgb(var(--orange-6));
+@tag-orange-bordered-color-border: rgb(var(--warning-6));
 @tag-orange-color-border_hover: transparent;
-@tag-orange-color-icon: rgb(var(--orange-6));
+@tag-orange-color-icon: rgb(var(--warning-6));
 @tag-orange-color-icon-bg_hover: rgb(var(--orange-2));
-@tag-orange-color-text: rgb(var(--orange-6));
-@tag-gold-color-bg: rgb(var(--gold-1));
+@tag-orange-color-text: rgb(var(--warning-6));
+@tag-gold-color-bg: rgb(var(--tag-7));
 @tag-gold-color-bg_hover: rgb(var(--gold-3));
 @tag-gold-color-border: transparent;
-@tag-gold-bordered-color-border: rgb(var(--gold-6));
+@tag-gold-bordered-color-border: rgb(var(--badge-7));
 @tag-gold-color-border_hover: transparent;
-@tag-gold-color-icon: rgb(var(--gold-6));
+@tag-gold-color-icon: rgb(var(--badge-7));
 @tag-gold-color-icon-bg_hover: rgb(var(--gold-2));
-@tag-gold-color-text: rgb(var(--gold-6));
-@tag-lime-color-bg: rgb(var(--lime-1));
+@tag-gold-color-text: rgb(var(--badge-7));
+@tag-lime-color-bg: rgb(var(--tag-4));
 @tag-lime-color-bg_hover: rgb(var(--lime-2));
 @tag-lime-color-border: transparent;
-@tag-lime-bordered-color-border: rgb(var(--lime-6));
+@tag-lime-bordered-color-border: rgb(var(--badge-4));
 @tag-lime-color-border_hover: transparent;
-@tag-lime-color-icon: rgb(var(--lime-6));
+@tag-lime-color-icon: rgb(var(--badge-4));
 @tag-lime-color-icon-bg_hover: rgb(var(--lime-2));
-@tag-lime-color-text: rgb(var(--lime-6));
-@tag-green-color-bg: rgb(var(--green-1));
+@tag-lime-color-text: rgb(var(--badge-4));
+@tag-green-color-bg: rgb(var(--success-1));
 @tag-green-color-bg_hover: rgb(var(--green-2));
 @tag-green-color-border: transparent;
-@tag-green-bordered-color-border: rgb(var(--green-6));
+@tag-green-bordered-color-border: rgb(var(--success-6));
 @tag-green-color-border_hover: transparent;
-@tag-green-color-icon: rgb(var(--green-6));
+@tag-green-color-icon: rgb(var(--success-6));
 @tag-green-color-icon-bg_hover: rgb(var(--green-2));
-@tag-green-color-text: rgb(var(--green-6));
+@tag-green-color-text: rgb(var(--success-6));
 @tag-cyan-color-bg: rgb(var(--cyan-1));
 @tag-cyan-color-bg_hover: rgb(var(--cyan-2));
 @tag-cyan-color-border: transparent;
@@ -3619,55 +3669,65 @@
 @tag-cyan-color-icon: rgb(var(--cyan-6));
 @tag-cyan-color-icon-bg_hover: rgb(var(--cyan-2));
 @tag-cyan-color-text: rgb(var(--cyan-6));
-@tag-blue-color-bg: rgb(var(--blue-1));
+@tag-blue-color-bg: rgb(var(--tag-3));
 @tag-blue-color-bg_hover: rgb(var(--blue-2));
 @tag-blue-color-border: transparent;
-@tag-blue-bordered-color-border: rgb(var(--blue-6));
+@tag-blue-bordered-color-border: rgb(var(--badge-3));
 @tag-blue-color-border_hover: transparent;
-@tag-blue-color-icon: rgb(var(--blue-6));
+@tag-blue-color-icon: rgb(var(--badge-3));
 @tag-blue-color-icon-bg_hover: rgb(var(--blue-2));
-@tag-blue-color-text: rgb(var(--blue-6));
-@tag-arcoblue-color-bg: rgb(var(--arcoblue-1));
+@tag-blue-color-text: rgb(var(--badge-3));
+@tag-arcoblue-color-bg: rgb(var(--primary-1));
 @tag-arcoblue-color-bg_hover: rgb(var(--arcoblue-2));
 @tag-arcoblue-color-border: transparent;
 @tag-arcoblue-bordered-color-border: rgb(var(--arcoblue-6));
 @tag-arcoblue-color-border_hover: transparent;
-@tag-arcoblue-color-icon: rgb(var(--arcoblue-6));
+@tag-arcoblue-color-icon: rgb(var(--primary-6));
 @tag-arcoblue-color-icon-bg_hover: rgb(var(--arcoblue-2));
-@tag-arcoblue-color-text: rgb(var(--arcoblue-6));
-@tag-purple-color-bg: rgb(var(--purple-1));
+@tag-arcoblue-color-text: rgb(var(--primary-6));
+@tag-purple-color-bg: rgb(var(--tag-6));
 @tag-purple-color-bg_hover: rgb(var(--purple-2));
 @tag-purple-color-border: transparent;
-@tag-purple-bordered-color-border: rgb(var(--purple-6));
+@tag-purple-bordered-color-border: rgb(var(--badge-6));
 @tag-purple-color-border_hover: transparent;
-@tag-purple-color-icon: rgb(var(--purple-6));
+@tag-purple-color-icon: rgb(var(--badge-6));
 @tag-purple-color-icon-bg_hover: rgb(var(--purple-2));
-@tag-purple-color-text: rgb(var(--purple-6));
-@tag-pinkpurple-color-bg: rgb(var(--pinkpurple-1));
+@tag-purple-color-text: rgb(var(--badge-6));
+@tag-pinkpurple-color-bg: rgb(var(--tag-1));
 @tag-pinkpurple-color-bg_hover: rgb(var(--pinkpurple-2));
 @tag-pinkpurple-color-border: transparent;
-@tag-pinkpurple-bordered-color-border: rgb(var(--pinkpurple-6));
+@tag-pinkpurple-bordered-color-border: rgb(var(--badge-1));
 @tag-pinkpurple-color-border_hover: transparent;
-@tag-pinkpurple-color-icon: rgb(var(--pinkpurple-6));
+@tag-pinkpurple-color-icon: rgb(var(--badge-1));
 @tag-pinkpurple-color-icon-bg_hover: rgb(var(--pinkpurple-2));
-@tag-pinkpurple-color-text: rgb(var(--pinkpurple-6));
-@tag-magenta-color-bg: rgb(var(--magenta-1));
+@tag-pinkpurple-color-text: rgb(var(--badge-1));
+@tag-magenta-color-bg: rgb(var(--tag-2));
 @tag-magenta-color-bg_hover: rgb(var(--magenta-2));
 @tag-magenta-color-border: transparent;
-@tag-magenta-bordered-color-border: rgb(var(--magenta-6));
+@tag-magenta-bordered-color-border: rgb(var(--badge-2));
 @tag-magenta-color-border_hover: transparent;
-@tag-magenta-color-icon: rgb(var(--magenta-6));
+@tag-magenta-color-icon: rgb(var(--badge-2));
 @tag-magenta-color-icon-bg_hover: rgb(var(--magenta-2));
-@tag-magenta-color-text: rgb(var(--magenta-6));
-@tag-gray-color-bg: rgb(var(--gray-2));
+@tag-magenta-color-text: rgb(var(--badge-2));
+@tag-gray-color-bg: #f5f7fc;
 @tag-gray-color-bg_hover: rgb(var(--gray-3));
 @tag-gray-color-border: transparent;
-@tag-gray-bordered-color-border: rgb(var(--gray-6));
+@tag-gray-bordered-color-border: #dfe2eb;
 @tag-gray-color-border_hover: transparent;
-@tag-gray-color-icon: rgb(var(--gray-6));
+@tag-gray-color-icon: #292f42;
 @tag-gray-color-icon-bg_hover: rgb(var(--gray-3));
-@tag-gray-color-text: rgb(var(--gray-6));
+@tag-gray-color-text: #292f42;
 @tag-prefix-cls: ~'@{prefix}-tag';
+@tag-8: rgb(var(--arcoblue-8));
+@tag-3: #ecfdfe;
+@tag-7: #fffded;
+@tag-6: #f5edff;
+@tag-4: #f1ffed;
+@tag-1: #f9edff;
+@tag-2: #ffedf3;
+@tag-10: rgb(var(--arcoblue-10));
+@tag-9: rgb(var(--arcoblue-9));
+@tag-5: #fff5ed;
 
 
 /*********** colors ***********/
@@ -3744,7 +3804,7 @@
 @transfer-item-color_hover: #292f42;
 @transfer-item-color_disabled: var(--color-text-4);
 @transfer-item-height: 36px;
-@transfer-item-padding-horizontal: 12px;
+@transfer-item-padding-horizontal: 10px;
 @transfer-item-font-size: 14px;
 @transfer-item-draggable-height-gap: 2px;
 @transfer-item-draggable-color-bg-gap: rgb(var(--primary-6));