@arco-themes/vue-attack1112233 0.0.3 → 0.0.5

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@arco-themes/vue-attack1112233",
-  "version": "0.0.3",
+  "version": "0.0.5",
   "description": "",
   "author": "1282000569",
   "owners": [],

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: #f0f4f9;
+  --color-bg-2: #ffffff;
   --color-bg-3: #ffffff;
-  --color-bg-4: #f7f9fb;
+  --color-bg-4: #ffffff;
   --color-bg-5: #fff;
   --color-bg-white: #fff;
   --color-neutral-1: rgb(var(--gray-1));
@@ -26,7 +26,7 @@ body {
   --color-text-2: #222e4a;
   --color-text-3: #2f4464;
   --color-text-4: #4c6483;
-  --color-fill-1: var(--color-neutral-1);
+  --color-fill-1: #f7f9fb;
   --color-fill-2: var(--color-neutral-2);
   --color-fill-3: var(--color-neutral-3);
   --color-fill-4: var(--color-neutral-4);
@@ -62,7 +62,7 @@ body {
   --border-radius-small: 2px;
   --border-radius-medium: 4px;
   --border-radius-large: 8px;
-  --border-radius-circle: 50%;
+  --border-radius-circle: 100px;
   --color-tooltip-bg: rgb(var(--gray-10));
   --color-spin-layer-bg: rgba(255, 255, 255, 0.6);
   --color-menu-dark-bg: #232324;
@@ -284,9 +284,9 @@ body {
   --link-9: var(--arcoblue-9);
   --link-10: var(--arcoblue-10);
   --success-1: 213, 248, 237;
-  --success-2: 88, 234, 178;
-  --success-3: 74, 228, 170;
-  --success-4: 55, 220, 171;
+  --success-2: 112, 242, 193;
+  --success-3: 74, 228, 183;
+  --success-4: 55, 220, 180;
   --success-5: 40, 214, 183;
   --success-6: 26, 203, 171;
   --success-7: 26, 203, 171;
@@ -316,7 +316,9 @@ body {
   --color-text-5: #7888a8;
   --color-text-6: #97a5bf;
   --color-text-7: #b6c4d4;
-  --color-bg-6: #f4f7fb;
+  --color-fill-f0f4f9: #f0f4f9;
+  --color-fill-f4f7fb: #f4f7fb;
+  --color-bg-6: #ffffff;
 }
 body[arco-theme='dark'] {
   --red-1: 77, 0, 10;
@@ -512,6 +514,8 @@ body[arco-theme='dark'] {
   --color-text-5: #3e4d6a;
   --color-text-6: #485773;
   --color-text-7: #22364c;
+  --color-fill-f0f4f9: #192c4d;
+  --color-fill-f4f7fb: #253363;
   --color-bg-6: #283861;
 }
 

package/theme.less

@@ -73,7 +73,7 @@
 @border-radius-small: 2px;
 @border-radius-medium: 4px;
 @border-radius-large: 8px;
-@border-radius-circle: 50%;
+@border-radius-circle: 100px;
 @border-none: 0;
 @border-1: 1px;
 @border-2: 2px;
@@ -454,15 +454,15 @@
 @dark-primary-4: rgb(var(~'@{arco-cssvars-prefix}-arcoblue-4'));
 @dark-success-3: rgb(var(~'@{arco-cssvars-prefix}-green-3'));
 @dark-orange-8: #FFCD87;
-@success-4: rgb(55, 220, 171);
+@success-4: rgb(55, 220, 180);
 @dark-cyan-7: #66DFD7;
-@success-2: rgb(88, 234, 178);
+@success-2: rgb(112, 242, 193);
 @success-1: rgb(213, 248, 237);
 @success-8: rgb(var(~'@{arco-cssvars-prefix}-green-8'));
 @dark-cyan-1: #00424D;
 @dark-gray-2: #2e2e30;
 @dark-lime-3: #629412;
-@success-3: rgb(74, 228, 170);
+@success-3: rgb(74, 228, 183);
 @dark-primary-3: rgb(var(~'@{arco-cssvars-prefix}-arcoblue-3'));
 @dark-gold-8: #FCE995;
 @dark-arcoblue-1: #000D4D;
@@ -610,7 +610,7 @@
 @color-bg-1: #ffffff;
 @color-border-1: rgb(235, 240, 248);
 @dark-color-border-2: @dark-gray-3;
-@color-fill-1: var(~'@{arco-cssvars-prefix}-color-neutral-1');
+@color-fill-1: rgb(247, 249, 251);
 @dark-color-border-4: @dark-gray-6;
 @dark-color-fill-1: rgba(255, 255, 255, 0.04);
 @color-border-4: var(~'@{arco-cssvars-prefix}-color-neutral-6');
@@ -622,9 +622,9 @@
 @dark-color-bg-4: #313132;
 @dark-color-bg-5: #373739;
 @color-bg-5: #ffffff;
-@color-bg-4: rgb(247, 249, 251);
+@color-bg-4: rgb(255, 255, 255);
 @dark-color-bg-3: #2a2a2b;
-@color-bg-2: rgb(240, 244, 249);
+@color-bg-2: rgb(255, 255, 255);
 @color-border-3: var(~'@{arco-cssvars-prefix}-color-neutral-4');
 @textarea-prefix-cls: ~'@{prefix}-textarea';
 @color-primary-1: rgb(var(~'@{arco-cssvars-prefix}-primary-1'));
@@ -812,8 +812,12 @@
 @dark-color-text-6: #485773;
 @color-text-7: #b6c4d4;
 @dark-color-text-7: #22364c;
-@color-bg-6: #f4f7fb;
+@color-bg-6: rgb(255, 255, 255);
 @dark-color-bg-6: #283861;
+@dark-color-fill-f0f4f9: #192c4d;
+@color-fill-f0f4f9: #f0f4f9;
+@color-fill-f4f7fb: #f4f7fb;
+@dark-color-fill-f4f7fb: #253363;
 
 
   @arco-theme-tag: body;
@@ -1243,6 +1247,8 @@
     @{arco-cssvars-prefix}-color-text-5: @color-text-5;
 @{arco-cssvars-prefix}-color-text-6: @color-text-6;
 @{arco-cssvars-prefix}-color-text-7: @color-text-7;
+@{arco-cssvars-prefix}-color-fill-f0f4f9: @color-fill-f0f4f9;
+@{arco-cssvars-prefix}-color-fill-f4f7fb: @color-fill-f4f7fb;
 @{arco-cssvars-prefix}-color-bg-6: @color-bg-6;
 
   }
@@ -1441,6 +1447,8 @@
     @{arco-cssvars-prefix}-color-text-5: @dark-color-text-5;
 @{arco-cssvars-prefix}-color-text-6: @dark-color-text-6;
 @{arco-cssvars-prefix}-color-text-7: @dark-color-text-7;
+@{arco-cssvars-prefix}-color-fill-f0f4f9: @dark-color-fill-f0f4f9;
+@{arco-cssvars-prefix}-color-fill-f4f7fb: @dark-color-fill-f4f7fb;
 @{arco-cssvars-prefix}-color-bg-6: @dark-color-bg-6;
 
   }

package/tokens.less

@@ -466,6 +466,8 @@
 @dark-color-text-6: #485773;
 @dark-color-text-7: #22364c;
 @dark-color-bg-6: #283861;
+@dark-color-fill-f0f4f9: #192c4d;
+@dark-color-fill-f4f7fb: #253363;
 
 
 /*********** primary ***********/
@@ -485,9 +487,9 @@
 /*********** success ***********/
 
 @success-1: #d5f8ed;
-@success-2: #58eab2;
-@success-3: #4ae4aa;
-@success-4: #37dcab;
+@success-2: #70f2c1;
+@success-3: #4ae4b7;
+@success-4: #37dcb4;
 @success-5: #28d6b7;
 @success-6: #1acbab;
 @success-7: #1acbab;
@@ -590,7 +592,7 @@
 @border-radius-small: 2px;
 @border-radius-medium: 4px;
 @border-radius-large: 8px;
-@border-radius-circle: 50%;
+@border-radius-circle: 100px;
 
 
 /*********** shadow ***********/
@@ -753,16 +755,16 @@
 @color-border: rgb(var(--gray-3));
 @color-bg-popup: var(--color-bg-5);
 @color-bg-1: #ffffff;
-@color-bg-2: #f0f4f9;
+@color-bg-2: #ffffff;
 @color-bg-3: #ffffff;
-@color-bg-4: #f7f9fb;
+@color-bg-4: #ffffff;
 @color-bg-5: #ffffff;
 @color-bg-white: #ffffff;
 @color-text-1: #101e3f;
 @color-text-2: #222e4a;
 @color-text-3: #2f4464;
 @color-text-4: #4c6483;
-@color-fill-1: var(--color-neutral-1);
+@color-fill-1: #f7f9fb;
 @color-fill-2: var(--color-neutral-2);
 @color-fill-3: var(--color-neutral-3);
 @color-fill-4: var(--color-neutral-4);
@@ -843,7 +845,9 @@
 @color-text-5: #7888a8;
 @color-text-6: #97a5bf;
 @color-text-7: #b6c4d4;
-@color-bg-6: #f4f7fb;
+@color-bg-6: #ffffff;
+@color-fill-f0f4f9: #f0f4f9;
+@color-fill-f4f7fb: #f4f7fb;
 @color-value-size-default-font-size: @font-size-body-3;
 @color-input-size-large-padding-horizontal: 5px;
 @color-input-size-default-padding-horizontal: @spacing-2;
@@ -1477,6 +1481,8 @@
 @select-popup-group-title-font-size: 12px;
 @select-popup-group-title-color-text: var(--color-text-3);
 @select-color-text_default: #222e4a;
+@select-color-bg_default_hover: #f7f9fb;
+@select-color-shadow_default_focus: rgb(var(--primary-1));
 @select-size-mini-height: @size-mini;
 @select-size-small-height: @size-small;
 @select-size-default-height: @size-default;
@@ -1497,11 +1503,9 @@
 @select-color-placeholder_disabled: var(--color-text-4);
 @select-color-placeholder_focused: var(--color-text-3);
 @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: var(--color-danger-light-1);
 @select-color-shadow_error_focus: var(--color-danger-light-2);
-@select-color-shadow_default_focus: var(--color-primary-light-2);
 @select-shadow-distance_error_focus: @shadow-distance-none;
 @select-shadow-distance_default_focus: @shadow-distance-none;
 @select-color-bg_error_hover: var(--color-danger-light-2);

package/variables.less

@@ -67,7 +67,7 @@
 @border-radius-small: 2px;
 @border-radius-medium: 4px;
 @border-radius-large: 8px;
-@border-radius-circle: 50%;
+@border-radius-circle: 100px;
 @border-none: 0;
 @border-1: 1px;
 @border-2: 2px;
@@ -448,15 +448,15 @@
 @dark-primary-4: rgb(var(~'@{arco-cssvars-prefix}-arcoblue-4'));
 @dark-success-3: rgb(var(~'@{arco-cssvars-prefix}-green-3'));
 @dark-orange-8: #FFCD87;
-@success-4: rgb(55, 220, 171);
+@success-4: rgb(55, 220, 180);
 @dark-cyan-7: #66DFD7;
-@success-2: rgb(88, 234, 178);
+@success-2: rgb(112, 242, 193);
 @success-1: rgb(213, 248, 237);
 @success-8: rgb(var(~'@{arco-cssvars-prefix}-green-8'));
 @dark-cyan-1: #00424D;
 @dark-gray-2: #2e2e30;
 @dark-lime-3: #629412;
-@success-3: rgb(74, 228, 170);
+@success-3: rgb(74, 228, 183);
 @dark-primary-3: rgb(var(~'@{arco-cssvars-prefix}-arcoblue-3'));
 @dark-gold-8: #FCE995;
 @dark-arcoblue-1: #000D4D;
@@ -604,7 +604,7 @@
 @color-bg-1: #ffffff;
 @color-border-1: rgb(235, 240, 248);
 @dark-color-border-2: @dark-gray-3;
-@color-fill-1: var(~'@{arco-cssvars-prefix}-color-neutral-1');
+@color-fill-1: rgb(247, 249, 251);
 @dark-color-border-4: @dark-gray-6;
 @dark-color-fill-1: rgba(255, 255, 255, 0.04);
 @color-border-4: var(~'@{arco-cssvars-prefix}-color-neutral-6');
@@ -616,9 +616,9 @@
 @dark-color-bg-4: #313132;
 @dark-color-bg-5: #373739;
 @color-bg-5: #ffffff;
-@color-bg-4: rgb(247, 249, 251);
+@color-bg-4: rgb(255, 255, 255);
 @dark-color-bg-3: #2a2a2b;
-@color-bg-2: rgb(240, 244, 249);
+@color-bg-2: rgb(255, 255, 255);
 @color-border-3: var(~'@{arco-cssvars-prefix}-color-neutral-4');
 @textarea-prefix-cls: ~'@{prefix}-textarea';
 @color-primary-1: rgb(var(~'@{arco-cssvars-prefix}-primary-1'));
@@ -807,12 +807,12 @@
 @color-text-7: #b6c4d4;
 @dark-color-text-7: #22364c;
 @table-color-bg-body-cell: @color-bg-1;
-@input-color-bg: @color-bg-4;
+@input-color-bg: @color-fill-1;
 @input-color-bg_error_focus: @color-danger-1;
-@descriptions-border-color-bg-label: @color-bg-4;
+@descriptions-border-color-bg-label: @color-fill-1;
 @empty-color-text: @color-text-6;
 @empty-color-icon: @color-text-6;
-@table-color-bg-header-cell: @color-bg-4;
+@table-color-bg-header-cell: @color-fill-1;
 @table-color-text-header-cell: @color-text-2;
 @table-color-text-body-cell: @color-text-4;
 @table-color-border: @color-border-1;
@@ -838,7 +838,7 @@
 @switch-color-bg_on_disabled: @color-primary-2;
 @transfer-border-color: @color-border-1;
 @timepicker-color-border: @color-border-1;
-@color-bg-6: #f4f7fb;
+@color-bg-6: rgb(255, 255, 255);
 @dark-color-bg-6: #283861;
 @drawer-color-border: @color-transparent;
 @message-normal-color-border: @color-border-1;
@@ -856,3 +856,9 @@
 @result-color-title-text: @color-text-2;
 @result-color-subtitle-text: @color-text-4;
 @anchor-color-bg-line: @color-border-1;
+@dark-color-fill-f0f4f9: #192c4d;
+@color-fill-f0f4f9: #f0f4f9;
+@color-fill-f4f7fb: #f4f7fb;
+@dark-color-fill-f4f7fb: #253363;
+@select-color-bg_default_hover: @color-fill-1;
+@select-color-shadow_default_focus: @color-primary-1;