@arco-themes/react-aiux2026 1.0.0 → 1.0.2

package/package.json

@@ -1,8 +1,8 @@
 {
   "name": "@arco-themes/react-aiux2026",
-  "version": "1.0.0",
+  "version": "1.0.2",
   "description": "",
-  "author": "bitjjj",
+  "author": "dobe25381-gif",
   "owners": [],
   "license": "MIT",
   "unpkg": "latest",
@@ -14,6 +14,6 @@
   "depLibrary": "@arco-design/web-react",
   "tag": "latest",
   "peerDependencies": {
-    "@arco-design/web-react": "^2.66.12"
+    "@arco-design/web-react": "^2.66.14"
   }
 }

package/theme.css

@@ -73,24 +73,24 @@ body {
 body[arco-theme='dark'] {
   --color-black: #000000;
   --color-border: #333335;
-  --color-bg-1: #17171a;
-  --color-bg-2: #232324;
-  --color-bg-3: #2a2a2b;
-  --color-bg-4: #313132;
-  --color-bg-5: #373739;
-  --color-bg-white: #f6f6f6;
-  --color-text-1: rgba(255, 255, 255, 0.9);
-  --color-text-2: rgba(255, 255, 255, 0.7);
-  --color-text-3: rgba(255, 255, 255, 0.5);
+  --color-bg-1: #191a23;
+  --color-bg-2: #1a1b26;
+  --color-bg-3: #1d1e2b;
+  --color-bg-4: #191a22;
+  --color-bg-5: #21232e;
+  --color-bg-white: rgba(255, 255, 255, 0.01);
+  --color-text-1: #ffffff;
+  --color-text-2: rgba(255, 255, 255, 0.8);
+  --color-text-3: rgba(255, 255, 255, 0.7);
   --color-text-4: rgba(255, 255, 255, 0.3);
-  --color-fill-1: rgba(255, 255, 255, 0.04);
+  --color-fill-1: rgba(255, 255, 255, 0.02);
   --color-fill-2: rgba(255, 255, 255, 0.08);
   --color-fill-3: rgba(255, 255, 255, 0.12);
   --color-fill-4: rgba(255, 255, 255, 0.16);
-  --color-border-1: var(--color-neutral-2);
-  --color-border-2: var(--color-neutral-3);
-  --color-border-3: var(--color-neutral-4);
-  --color-border-4: var(--color-neutral-6);
+  --color-border-1: rgba(255, 255, 255, 0.04);
+  --color-border-2: rgba(255, 255, 255, 0.08);
+  --color-border-3: rgba(255, 255, 255, 0.12);
+  --color-border-4: rgba(255, 255, 255, 0.2);
   --color-primary-light-1: rgba(var(--primary-6), 0.2);
   --color-primary-light-2: rgba(var(--primary-6), 0.35);
   --color-primary-light-3: rgba(var(--primary-6), 0.5);
@@ -475,7 +475,7 @@ body[arco-theme='dark'] {
   --gray-8: 197, 197, 197;
   --gray-9: 223, 223, 223;
   --gray-10: 246, 246, 246;
-  --primary-1: var(--arcoblue-1);
+  --primary-1: 25, 26, 35;
   --primary-2: var(--arcoblue-2);
   --primary-3: var(--arcoblue-3);
   --primary-4: var(--arcoblue-4);
@@ -485,7 +485,7 @@ body[arco-theme='dark'] {
   --primary-8: var(--arcoblue-8);
   --primary-9: var(--arcoblue-9);
   --primary-10: var(--arcoblue-10);
-  --link-1: var(--arcoblue-1);
+  --link-1: 25, 26, 35;
   --link-2: var(--arcoblue-2);
   --link-3: var(--arcoblue-3);
   --link-4: var(--arcoblue-4);
@@ -495,13 +495,13 @@ body[arco-theme='dark'] {
   --link-8: var(--arcoblue-8);
   --link-9: var(--arcoblue-9);
   --link-10: var(--arcoblue-10);
-  --success-1: var(--green-1);
-  --success-2: var(--green-2);
-  --success-3: var(--green-3);
-  --success-4: var(--green-4);
-  --success-5: var(--green-5);
-  --success-6: var(--green-6);
-  --success-7: var(--green-7);
+  --success-1: 0, 77, 68;
+  --success-2: 1, 105, 90;
+  --success-3: 6, 134, 110;
+  --success-4: 1, 162, 129;
+  --success-5: 12, 191, 146;
+  --success-6: 47, 204, 159;
+  --success-7: 87, 217, 175;
   --success-8: var(--green-8);
   --success-9: var(--green-9);
   --success-10: var(--green-10);
@@ -521,27 +521,27 @@ body[arco-theme='dark'] {
   --warning-4: var(--orange-4);
   --warning-5: var(--orange-5);
   --warning-6: var(--orange-6);
-  --warning-7: var(--orange-7);
+  --warning-7: 255, 179, 87;
   --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-1: 62, 19, 143;
+  --badge-2: 217, 46, 217;
+  --badge-3: 26, 188, 242;
+  --badge-4: 12, 191, 146;
+  --badge-5: 247, 126, 69;
+  --badge-6: 142, 81, 218;
+  --badge-7: 247, 192, 52;
   --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-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);

package/theme.less

@@ -429,7 +429,7 @@
 @dark-yellow-8: #FDFA9D;
 @dark-magenta-2: #770850;
 @dark-green-7: #50D266;
-@dark-success-1: rgb(var(~'@{arco-cssvars-prefix}-green-1'));
+@dark-success-1: rgb(0, 77, 68);
 @dark-blue-3: #134CA3;
 @dark-blue-1: #001A4D;
 @dark-pinkpurple-1: #42004D;
@@ -446,13 +446,13 @@
 @dark-pinkpurple-6: #E13DDB;
 @dark-cyan-6: #3FD4CF;
 @dark-primary-10: rgb(var(~'@{arco-cssvars-prefix}-arcoblue-10'));
-@dark-primary-1: rgb(var(~'@{arco-cssvars-prefix}-arcoblue-1'));
+@dark-primary-1: rgb(25, 26, 35);
 @dark-cyan-8: #90E9E1;
 @dark-cyan-3: #11838B;
 @danger-6: rgb(229, 46, 45);
 @dark-lime-1: #2A4D00;
 @dark-primary-4: rgb(var(~'@{arco-cssvars-prefix}-arcoblue-4'));
-@dark-success-3: rgb(var(~'@{arco-cssvars-prefix}-green-3'));
+@dark-success-3: rgb(6, 134, 110);
 @dark-orange-8: #FFCD87;
 @success-4: rgb(87, 217, 175);
 @dark-cyan-7: #66DFD7;
@@ -472,17 +472,17 @@
 @dark-purple-7: #A974E3;
 @dark-primary-9: rgb(var(~'@{arco-cssvars-prefix}-arcoblue-9'));
 @warning-4: rgb(247, 183, 106);
-@dark-success-2: rgb(var(~'@{arco-cssvars-prefix}-green-2'));
+@dark-success-2: rgb(1, 105, 90);
 @dark-lime-5: #A8DB39;
 @danger-1: rgb(255, 240, 237);
 @dark-primary-7: rgb(var(~'@{arco-cssvars-prefix}-arcoblue-7'));
-@dark-success-5: rgb(var(~'@{arco-cssvars-prefix}-green-5'));
+@dark-success-5: rgb(12, 191, 146);
 @dark-blue-5: #469AFA;
 @dark-purple-8: #C59AED;
 @dark-arcoblue-6: #3C7EFF;
 @dark-gold-6: #F9CC44;
 @dark-gray-9: #dfdfdf;
-@dark-warning-7: rgb(var(~'@{arco-cssvars-prefix}-orange-7'));
+@dark-warning-7: rgb(255, 179, 87);
 @dark-pinkpurple-10: #FFF2FD;
 @dark-yellow-10: #FEFFF0;
 @dark-green-10: #EBFFEC;
@@ -517,7 +517,7 @@
 @dark-danger-9: rgb(var(~'@{arco-cssvars-prefix}-red-9'));
 @dark-gray-8: #c5c5c5;
 @dark-magenta-8: #FB9EC8;
-@dark-success-4: rgb(var(~'@{arco-cssvars-prefix}-green-4'));
+@dark-success-4: rgb(1, 162, 129);
 @dark-danger-7: rgb(var(~'@{arco-cssvars-prefix}-red-7'));
 @dark-lime-8: #DEF198;
 @dark-arcoblue-10: #EAF4FF;
@@ -530,7 +530,7 @@
 @link-4: rgb(106, 149, 246);
 @dark-warning-5: rgb(var(~'@{arco-cssvars-prefix}-orange-5'));
 @dark-magenta-5: #F545A6;
-@dark-success-6: rgb(var(~'@{arco-cssvars-prefix}-green-6'));
+@dark-success-6: rgb(47, 204, 159);
 @dark-lime-6: #B8E24B;
 @warning-6: rgb(241, 134, 25);
 @link-6: rgb(24, 79, 242);
@@ -546,7 +546,7 @@
 @dark-link-2: rgb(var(~'@{arco-cssvars-prefix}-arcoblue-2'));
 @primary-10: rgb(var(~'@{arco-cssvars-prefix}-arcoblue-10'));
 @dark-blue-2: #052F78;
-@dark-success-7: rgb(var(~'@{arco-cssvars-prefix}-green-7'));
+@dark-success-7: rgb(87, 217, 175);
 @warning-8: rgb(var(~'@{arco-cssvars-prefix}-orange-8'));
 @danger-3: rgb(245, 162, 153);
 @dark-link-4: rgb(var(~'@{arco-cssvars-prefix}-arcoblue-4'));
@@ -561,7 +561,7 @@
 @danger-7: rgb(191, 30, 34);
 @dark-warning-2: rgb(var(~'@{arco-cssvars-prefix}-orange-2'));
 @dark-purple-3: #3E138F;
-@dark-link-1: rgb(var(~'@{arco-cssvars-prefix}-arcoblue-1'));
+@dark-link-1: rgb(25, 26, 35);
 @dark-green-6: #27C346;
 @dark-danger-4: rgb(var(~'@{arco-cssvars-prefix}-red-4'));
 @dark-link-3: rgb(var(~'@{arco-cssvars-prefix}-arcoblue-3'));
@@ -589,41 +589,41 @@
 @dark-link-5: rgb(var(~'@{arco-cssvars-prefix}-arcoblue-5'));
 @dark-danger-1: rgb(var(~'@{arco-cssvars-prefix}-red-1'));
 @orange-4: #FFB65D;
-@dark-color-text-1: rgba(255, 255, 255, 0.9);
+@dark-color-text-1: rgb(255, 255, 255);
 @color-text-1: rgb(15, 19, 31);
 @color-bg-white: #ffffff;
 @color-white: #ffffff;
-@dark-color-text-2: rgba(255, 255, 255, 0.7);
-@dark-color-white: rgba(255, 255, 255, 0.9);
+@dark-color-text-2: rgba(255,255,255,0.8);
+@dark-color-white: rgb(255, 255, 255);
 @color-text-3: rgb(100, 108, 133);
 @color-text-2: rgb(41, 47, 66);
 @color-text-4: rgb(156, 163, 184);
-@dark-color-text-3: rgba(255, 255, 255, 0.5);
+@dark-color-text-3: rgba(255,255,255,0.7);
 @color-border-2: rgb(223, 226, 235);
 @color-fill-4: rgb(195, 199, 212);
 @color-fill-2: rgb(245, 247, 252);
 @color-fill-3: rgb(235, 238, 245);
-@dark-color-bg-1: #17171A;
+@dark-color-bg-1: rgb(25, 26, 35);
 @dark-color-fill-4: rgba(255, 255, 255, 0.16);
-@dark-color-bg-white: #f6f6f6;
-@dark-color-border-1: @dark-gray-2;
+@dark-color-bg-white: rgba(255,255,255,0.01);
+@dark-color-border-1: rgba(255,255,255,0.04);
 @color-bg-1: #ffffff;
 @color-border-1: rgb(235, 238, 245);
-@dark-color-border-2: @dark-gray-3;
+@dark-color-border-2: rgba(255,255,255,0.08);
 @color-fill-1: rgb(250, 251, 255);
-@dark-color-border-4: @dark-gray-6;
-@dark-color-fill-1: rgba(255, 255, 255, 0.04);
+@dark-color-border-4: rgba(255,255,255,0.2);
+@dark-color-fill-1: rgba(255,255,255,0.02);
 @color-border-4: rgb(156, 163, 184);
 @dark-color-fill-2: rgba(255, 255, 255, 0.08);
-@dark-color-border-3: @dark-gray-4;
+@dark-color-border-3: rgba(255,255,255,0.12);
 @dark-color-fill-3: rgba(255, 255, 255, 0.12);
 @color-bg-3: #ffffff;
-@dark-color-bg-2: #232324;
-@dark-color-bg-4: #313132;
-@dark-color-bg-5: #373739;
+@dark-color-bg-2: rgb(26, 27, 38);
+@dark-color-bg-4: rgb(25, 26, 34);
+@dark-color-bg-5: rgb(33, 35, 46);
 @color-bg-5: #ffffff;
 @color-bg-4: #ffffff;
-@dark-color-bg-3: #2a2a2b;
+@dark-color-bg-3: rgb(29, 30, 43);
 @color-bg-2: #ffffff;
 @color-border-3: rgb(195, 199, 212);
 @textarea-prefix-cls: ~'@{prefix}-textarea';
@@ -809,14 +809,14 @@
 @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;
+@dark-badge-1: rgb(62, 19, 143);
 @color-badge-2: rgb(var(~'@{arco-cssvars-prefix}-badge-2'));
-@dark-badge-7: #689FFF;
+@dark-badge-7: rgb(247, 192, 52);
 @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;
+@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);
@@ -826,12 +826,12 @@
 @badge-7: rgb(242, 188, 23);
 @badge-8: #072CA6;
 @color-badge-9: rgb(var(~'@{arco-cssvars-prefix}-badge-9'));
-@dark-badge-4: #1D4DD2;
+@dark-badge-4: rgb(12, 191, 146);
 @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-6: rgb(142, 81, 218);
+@dark-badge-3: rgb(26, 188, 242);
 @dark-badge-9: #BEDAFF;
 @dark-badge-10: #EAF4FF;
 @badge-5: rgb(242, 79, 25);
@@ -840,13 +840,13 @@
 @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-1: rgb(249, 237, 255);
+@dark-tag-2: rgb(255, 237, 243);
 @dark-tag-8: #93BEFF;
 @tag-7: rgb(255, 253, 237);
-@dark-tag-4: #1D4DD2;
+@dark-tag-4: rgb(241, 255, 237);
 @color-tag-6: rgb(var(~'@{arco-cssvars-prefix}-tag-6'));
-@dark-tag-3: #0E32A6;
+@dark-tag-3: rgb(236, 253, 254);
 @dark-tag-9: #BEDAFF;
 @tag-6: rgb(245, 237, 255);
 @tag-4: rgb(241, 255, 237);
@@ -860,10 +860,10 @@
 @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-5: rgb(255, 245, 237);
 @dark-tag-10: #EAF4FF;
-@dark-tag-7: #689FFF;
-@dark-tag-6: #3C7EFF;
+@dark-tag-7: rgb(255, 253, 237);
+@dark-tag-6: rgb(245, 237, 255);
 @tag-5: rgb(255, 245, 237);
 @color-tag-10: rgb(var(~'@{arco-cssvars-prefix}-tag-10'));
 
@@ -1608,10 +1608,13 @@
   color: var(--color-text-2);
   border-width: 0 !important;
   box-shadow: 0 4px 12px 2px rgba(0, 0, 0, 0.1);
-  padding: 8px 12px;
+  padding: 12px 12px;
   font-size: 12px;
   border-radius: 4px;
   line-height: 1.5715;
+  &.arco-tooltip-mini {
+    padding: 8px 12px;
+  }
 }
 
 .arco-tooltip .arco-trigger-arrow {
@@ -1751,6 +1754,15 @@
 }
 
 // Input
+.arco-input:disabled:not(:placeholder-shown) {
+  background-color: var(--color-fill-2);
+  border-color: var(--color-border-3);
+  cursor: not-allowed;
+  &:hover {
+    border-color: var(--color-border-3);
+  }
+}
+
 .arco-input-group > :first-child.arco-input-inner-wrapper.arco-input-inner-wrapper-focus:not(:only-child) {
   border-top-left-radius: 4px;
   border-bottom-left-radius: 4px;
@@ -2027,7 +2039,7 @@
   .arco-input-group-addbefore,
   .arco-input-group-addafter {
     border-color: var(--color-border-3);
-    .arco-input-number-step-button {
+    .arco-input-number-step-button:not(.arco-input-number-step-button-disabled) {
       &:hover {
         background-color: transparent;
         border-color: rgb(var(--primary-5));
@@ -2040,15 +2052,15 @@
   }
   .arco-input-group-addbefore {
     &:hover, &:active {
-      + .arco-input-inner-wrapper {
+      + .arco-input-inner-wrapper:not(.arco-input-inner-wrapper-disabled) {
         border-left-color: rgb(var(--primary-5));
       }
     }
   }
-  &:has(.arco-input-inner-wrapper + .arco-input-group-addafter:hover) .arco-input-inner-wrapper {
+  &:has(.arco-input-inner-wrapper + .arco-input-group-addafter:hover) .arco-input-inner-wrapper:not(.arco-input-inner-wrapper-disabled) {
     border-right-color: rgb(var(--primary-5));
   }
-  &:has(.arco-input-inner-wrapper + .arco-input-group-addafter:active) .arco-input-inner-wrapper {
+  &:has(.arco-input-inner-wrapper + .arco-input-group-addafter:active) .arco-input-inner-wrapper:not(.arco-input-inner-wrapper-disabled) {
     border-right-color: rgb(var(--primary-7));
   }
   .arco-input-inner-wrapper {
@@ -2247,12 +2259,14 @@
   }
 }
 .arco-collapse {
-  .arco-collapse-item-header-icon {
-    &:hover {
-      color: rgb(var(--primary-5));
-    }
-    &:active {
-      color: rgb(var(--primary-7));
+  .arco-icon-hover:not(.arco-icon-hover-disabled) {
+    .arco-collapse-item-header-icon {
+      &:hover {
+        color: rgb(var(--primary-5));
+      }
+      &:active {
+        color: rgb(var(--primary-7));
+      }
     }
   }
 }
@@ -2261,6 +2275,16 @@
     &::before {
       display: none;
     }
+  }
+  .arco-tabs-header-title.arco-tabs-header-title-disabled {
+    .arco-tabs-icon-hover {
+      color: var(--color-text-4);
+    }
+  }
+  .arco-tabs-header-title:not(.arco-tabs-header-title-disabled) .arco-tabs-icon-hover, .arco-tabs-add-icon-hover {
+    &::before {
+      display: none;
+    }
     &:hover {
       color: rgb(var(--primary-5));
     }
@@ -2287,10 +2311,21 @@
     }
   }
 }
+.arco-calendar-header-icon:not(.arco-calendar-header-icon-hidden),
+.arco-picker-header-icon:not(.arco-picker-header-icon-hidden) {
+  &:hover {
+    color: rgb(var(--primary-5));
+    background-color: transparent;
+  }
+  &:active {
+    color: rgb(var(--primary-7));
+  }
+}
 .arco-drawer,
 .arco-message,
 .arco-modal,
-.arco-notification {
+.arco-notification,
+.arco-input-tag {
   .arco-icon-hover {
     &::before {
       display: none;
@@ -2325,4 +2360,68 @@
   .arco-select-option:hover {
     background-color: rgb(var(--primary-1));
   }
+}
+
+.arco-modal {
+  border-width: 0;
+  .arco-modal-header {
+    border-bottom: none;
+  }
+  .arco-modal-footer {
+    border-top: none;
+  }
+}
+.arco-message,
+.arco-popconfirm-content,
+.arco-notification,
+.arco-popover-content {
+  border-width: 0;
+}
+.arco-popconfirm {
+  .arco-popconfirm-arrow.arco-trigger-arrow {
+    border-width: 0;
+  }
+}
+.arco-popover {
+  .arco-popover-arrow.arco-trigger-arrow {
+    border-width: 0;
+  }
+}
+
+.arco-popover-title,
+.arco-notification-title,
+.arco-modal-title,
+.arco-popconfirm-has-content .arco-popconfirm-title,
+.arco-popconfirm-title {
+  font-weight: 600;
+}
+
+body[arco-theme='dark'] {
+  .arco-tooltip {
+    .arco-tooltip-content {
+      border-width: 1px !important;
+      border-color: var(--color-border-2);
+    }
+    .arco-trigger-arrow.arco-tooltip-arrow {
+      border-color: var(--color-border-2) !important;
+    }
+  }
+  .arco-modal,
+  .arco-message,
+  .arco-popconfirm-content,
+  .arco-popover-content,
+  .arco-notification {
+    border-width: 1px;
+  }
+  .arco-popconfirm {
+    .arco-popconfirm-arrow.arco-trigger-arrow {
+      border-width: 1px;
+    }
+  }
+  .arco-popover {
+    .arco-popover-arrow.arco-trigger-arrow {
+      border-width: 1px;
+    }
+  }
+
 }