@arco-themes/react-aiux2026 1.0.7 → 1.0.8

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@arco-themes/react-aiux2026",
-  "version": "1.0.7",
+  "version": "1.0.8",
   "description": "",
   "author": "dobe25381-gif",
   "owners": [],

package/theme.css

@@ -9,7 +9,7 @@ body {
   --color-bg-1: #fff;
   --color-bg-2: #fff;
   --color-bg-3: #fff;
-  --color-bg-4: #fff;
+  --color-bg-4: #f5f7fc;
   --color-bg-5: #fff;
   --color-bg-white: #fff;
   --color-neutral-1: rgb(var(--gray-1));

package/theme.less

@@ -622,7 +622,7 @@
 @dark-color-bg-4: rgb(25, 26, 34);
 @dark-color-bg-5: rgb(33, 35, 46);
 @color-bg-5: #ffffff;
-@color-bg-4: #ffffff;
+@color-bg-4: rgb(245, 247, 252);
 @dark-color-bg-3: rgb(29, 30, 43);
 @color-bg-2: #ffffff;
 @color-border-3: rgb(195, 199, 212);
@@ -808,21 +808,21 @@
 @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'));
 @color-badge-2: rgb(var(~'@{arco-cssvars-prefix}-badge-2'));
+@color-badge-4: rgb(var(~'@{arco-cssvars-prefix}-badge-4'));
 @dark-badge-1: rgb(62, 19, 143);
 @dark-badge-7: rgb(247, 192, 52);
 @badge-4: rgb(22, 217, 22);
+@dark-badge-5: rgb(247, 126, 69);
 @color-badge-6: rgb(var(~'@{arco-cssvars-prefix}-badge-6'));
 @badge-9: #031A79;
-@dark-badge-5: rgb(247, 126, 69);
 @dark-badge-2: rgb(217, 46, 217);
 @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'));
+@color-badge-1: rgb(var(~'@{arco-cssvars-prefix}-badge-1'));
 @badge-7: rgb(242, 188, 23);
 @badge-8: #072CA6;
 @color-badge-10: rgb(var(~'@{arco-cssvars-prefix}-badge-10'));
@@ -830,14 +830,14 @@
 @dark-badge-4: rgb(12, 191, 146);
 @color-badge-7: rgb(var(~'@{arco-cssvars-prefix}-badge-7'));
 @dark-badge-6: rgb(142, 81, 218);
-@dark-badge-9: #BEDAFF;
 @dark-badge-8: #93BEFF;
+@dark-badge-9: #BEDAFF;
 @dark-badge-3: rgb(26, 188, 242);
 @dark-badge-10: #EAF4FF;
 @badge-5: rgb(242, 79, 25);
 @badge-10: #000D4D;
-@tag-8: #072CA6;
 @tag-3: rgb(236, 253, 254);
+@tag-8: #072CA6;
 @color-tag-9: rgb(var(~'@{arco-cssvars-prefix}-tag-9'));
 @color-tag-5: rgb(var(~'@{arco-cssvars-prefix}-tag-5'));
 @dark-tag-1: rgb(249, 237, 255);
@@ -847,15 +847,15 @@
 @color-tag-6: rgb(var(~'@{arco-cssvars-prefix}-tag-6'));
 @dark-tag-4: rgb(241, 255, 237);
 @dark-tag-3: rgb(236, 253, 254);
-@tag-4: rgb(241, 255, 237);
 @dark-tag-9: #BEDAFF;
 @color-tag-8: rgb(var(~'@{arco-cssvars-prefix}-tag-8'));
 @tag-6: rgb(245, 237, 255);
+@tag-4: rgb(241, 255, 237);
 @tag-1: rgb(249, 237, 255);
 @color-tag-2: rgb(var(~'@{arco-cssvars-prefix}-tag-2'));
+@tag-2: rgb(255, 237, 243);
 @tag-10: #000D4D;
 @color-tag-3: rgb(var(~'@{arco-cssvars-prefix}-tag-3'));
-@tag-2: rgb(255, 237, 243);
 @color-tag-4: rgb(var(~'@{arco-cssvars-prefix}-tag-4'));
 @tag-9: #031A79;
 @color-tag-1: rgb(var(~'@{arco-cssvars-prefix}-tag-1'));

package/tokens.less

@@ -468,8 +468,8 @@
 @dark-badge-2: #d92ed9;
 @dark-badge-4: #0cbf92;
 @dark-badge-6: #8e51da;
-@dark-badge-9: rgb(var(--arcoblue-9));
 @dark-badge-8: rgb(var(--arcoblue-8));
+@dark-badge-9: rgb(var(--arcoblue-9));
 @dark-badge-3: #1abcf2;
 @dark-badge-10: rgb(var(--arcoblue-10));
 @dark-tag-1: #f9edff;
@@ -825,7 +825,7 @@
 @color-bg-1: #ffffff;
 @color-bg-2: #ffffff;
 @color-bg-3: #ffffff;
-@color-bg-4: #ffffff;
+@color-bg-4: #f5f7fc;
 @color-bg-5: #ffffff;
 @color-bg-white: #ffffff;
 @color-text-1: #0f131f;
@@ -917,12 +917,12 @@
 @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-4: rgb(var(--badge-4));
 @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-1: rgb(var(--badge-1));
 @color-badge-10: rgb(var(--badge-10));
 @color-badge-9: rgb(var(--badge-9));
 @color-badge-7: rgb(var(--badge-7));
@@ -3718,14 +3718,14 @@
 @tag-gray-color-icon-bg_hover: transparent;
 @tag-gray-color-text: #292f42;
 @tag-prefix-cls: ~'@{prefix}-tag';
-@tag-8: rgb(var(--arcoblue-8));
 @tag-3: #ecfdfe;
+@tag-8: rgb(var(--arcoblue-8));
 @tag-7: #fffded;
-@tag-4: #f1ffed;
 @tag-6: #f5edff;
+@tag-4: #f1ffed;
 @tag-1: #f9edff;
-@tag-10: rgb(var(--arcoblue-10));
 @tag-2: #ffedf3;
+@tag-10: rgb(var(--arcoblue-10));
 @tag-9: rgb(var(--arcoblue-9));
 @tag-5: #fff5ed;
 

package/variables.less

@@ -616,7 +616,7 @@
 @dark-color-bg-4: rgb(25, 26, 34);
 @dark-color-bg-5: rgb(33, 35, 46);
 @color-bg-5: #ffffff;
-@color-bg-4: #ffffff;
+@color-bg-4: rgb(245, 247, 252);
 @dark-color-bg-3: rgb(29, 30, 43);
 @color-bg-2: #ffffff;
 @color-border-3: rgb(195, 199, 212);
@@ -1482,21 +1482,21 @@
 @password-size-eye-icon: @size-3;
 @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'));
 @color-badge-2: rgb(var(~'@{arco-cssvars-prefix}-badge-2'));
+@color-badge-4: rgb(var(~'@{arco-cssvars-prefix}-badge-4'));
 @dark-badge-1: rgb(62, 19, 143);
 @dark-badge-7: rgb(247, 192, 52);
 @badge-4: rgb(22, 217, 22);
+@dark-badge-5: rgb(247, 126, 69);
 @color-badge-6: rgb(var(~'@{arco-cssvars-prefix}-badge-6'));
 @badge-9: rgb(var(~'@{arco-cssvars-prefix}-arcoblue-9'));
-@dark-badge-5: rgb(247, 126, 69);
 @dark-badge-2: rgb(217, 46, 217);
 @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'));
+@color-badge-1: rgb(var(~'@{arco-cssvars-prefix}-badge-1'));
 @badge-7: rgb(242, 188, 23);
 @badge-8: rgb(var(~'@{arco-cssvars-prefix}-arcoblue-8'));
 @color-badge-10: rgb(var(~'@{arco-cssvars-prefix}-badge-10'));
@@ -1504,8 +1504,8 @@
 @dark-badge-4: rgb(12, 191, 146);
 @color-badge-7: rgb(var(~'@{arco-cssvars-prefix}-badge-7'));
 @dark-badge-6: rgb(142, 81, 218);
-@dark-badge-9: rgb(var(~'@{arco-cssvars-prefix}-arcoblue-9'));
 @dark-badge-8: rgb(var(~'@{arco-cssvars-prefix}-arcoblue-8'));
+@dark-badge-9: rgb(var(~'@{arco-cssvars-prefix}-arcoblue-9'));
 @dark-badge-3: rgb(26, 188, 242);
 @dark-badge-10: rgb(var(~'@{arco-cssvars-prefix}-arcoblue-10'));
 @badge-5: rgb(242, 79, 25);
@@ -1521,8 +1521,8 @@
 @tag-red-color-icon: @color-danger-6;
 @tag-red-color-text: @color-danger-6;
 @tag-orangered-color-bg: @color-tag-5;
-@tag-8: rgb(var(~'@{arco-cssvars-prefix}-arcoblue-8'));
 @tag-3: rgb(236, 253, 254);
+@tag-8: rgb(var(~'@{arco-cssvars-prefix}-arcoblue-8'));
 @color-tag-9: rgb(var(~'@{arco-cssvars-prefix}-tag-9'));
 @color-tag-5: rgb(var(~'@{arco-cssvars-prefix}-tag-5'));
 @dark-tag-1: rgb(249, 237, 255);
@@ -1532,15 +1532,15 @@
 @color-tag-6: rgb(var(~'@{arco-cssvars-prefix}-tag-6'));
 @dark-tag-4: rgb(241, 255, 237);
 @dark-tag-3: rgb(236, 253, 254);
-@tag-4: rgb(241, 255, 237);
 @dark-tag-9: rgb(var(~'@{arco-cssvars-prefix}-arcoblue-9'));
 @color-tag-8: rgb(var(~'@{arco-cssvars-prefix}-tag-8'));
 @tag-6: rgb(245, 237, 255);
+@tag-4: rgb(241, 255, 237);
 @tag-1: rgb(249, 237, 255);
 @color-tag-2: rgb(var(~'@{arco-cssvars-prefix}-tag-2'));
+@tag-2: rgb(255, 237, 243);
 @tag-10: rgb(var(~'@{arco-cssvars-prefix}-arcoblue-10'));
 @color-tag-3: rgb(var(~'@{arco-cssvars-prefix}-tag-3'));
-@tag-2: rgb(255, 237, 243);
 @color-tag-4: rgb(var(~'@{arco-cssvars-prefix}-tag-4'));
 @tag-9: rgb(var(~'@{arco-cssvars-prefix}-arcoblue-9'));
 @color-tag-1: rgb(var(~'@{arco-cssvars-prefix}-tag-1'));