npm - @arco-themes/vue-attack1112233 - Versions diffs - 0.0.2 → 0.0.4 - Mend

@arco-themes/vue-attack1112233 0.0.2 → 0.0.4

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (7) hide show

package/package.json CHANGED Viewed

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

package/theme.css CHANGED Viewed

@@ -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-3: #f4f7fb;
-  --color-bg-4: #f7f9fb;
+  --color-bg-2: #ffffff;
+  --color-bg-3: #ffffff;
+  --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;
@@ -263,7 +263,7 @@ body {
   --gray-8: 78, 89, 105;
   --gray-9: 39, 46, 59;
   --gray-10: 29, 33, 41;
-  --primary-1: 233, 243, 254;
+  --primary-1: 242, 248, 254;
   --primary-2: 132, 175, 225;
   --primary-3: 104, 151, 217;
   --primary-4: 73, 130, 208;
@@ -273,7 +273,7 @@ body {
   --primary-8: var(--arcoblue-8);
   --primary-9: var(--arcoblue-9);
   --primary-10: var(--arcoblue-10);
-  --link-1: 174, 206, 249;
+  --link-1: 218, 232, 251;
   --link-2: 133, 180, 246;
   --link-3: 91, 148, 225;
   --link-4: 67, 127, 207;
@@ -283,17 +283,17 @@ body {
   --link-8: var(--arcoblue-8);
   --link-9: var(--arcoblue-9);
   --link-10: var(--arcoblue-10);
-  --success-1: 136, 249, 191;
-  --success-2: 88, 234, 178;
-  --success-3: 74, 228, 170;
-  --success-4: 55, 220, 171;
+  --success-1: 213, 248, 237;
+  --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;
   --success-8: var(--green-8);
   --success-9: var(--green-9);
   --success-10: var(--green-10);
-  --danger-1: var(--red-1);
+  --danger-1: 255, 246, 244;
   --danger-2: var(--red-2);
   --danger-3: var(--red-3);
   --danger-4: var(--red-4);
@@ -316,6 +316,9 @@ body {
   --color-text-5: #7888a8;
   --color-text-6: #97a5bf;
   --color-text-7: #b6c4d4;
+  --color-fill-f0f4f9: #f0f4f9;
+  --color-fill-f4f7fb: #f4f7fb;
+  --color-bg-6: #ffffff;
 }
 body[arco-theme='dark'] {
   --red-1: 77, 0, 10;
@@ -511,5 +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 CHANGED Viewed

@@ -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;
@@ -414,7 +414,7 @@
 @dark-orange-5: #FF8D1F;
 @dark-blue-8: #A1D5FD;
 @dark-orangered-10: #FFF4EB;
-@primary-1: rgb(233, 243, 254);
+@primary-1: rgb(242, 248, 254);
 @dark-red-8: #FBB0A7;
 @success-9: rgb(var(~'@{arco-cssvars-prefix}-green-9'));
 @primary-4: rgb(73, 130, 208);
@@ -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-1: rgb(136, 249, 191);
+@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;
@@ -474,7 +474,7 @@
 @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'));
+@danger-1: rgb(255, 246, 244);
 @dark-primary-7: rgb(var(~'@{arco-cssvars-prefix}-arcoblue-7'));
 @dark-success-5: rgb(var(~'@{arco-cssvars-prefix}-green-5'));
 @dark-blue-5: #469AFA;
@@ -570,7 +570,7 @@
 @dark-arcoblue-2: #041B79;
 @danger-4: rgb(var(~'@{arco-cssvars-prefix}-red-4'));
 @link-7: rgb(20, 77, 154);
-@link-1: rgb(174, 206, 249);
+@link-1: rgb(218, 232, 251);
 @dark-blue-7: #7DC1FC;
 @dark-orangered-6: #F9925A;
 @danger-8: rgb(var(~'@{arco-cssvars-prefix}-red-8'));
@@ -610,21 +610,21 @@
 @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');
 @dark-color-fill-2: rgba(255, 255, 255, 0.08);
 @dark-color-border-3: @dark-gray-4;
 @dark-color-fill-3: rgba(255, 255, 255, 0.12);
-@color-bg-3: rgb(244, 247, 251);
+@color-bg-3: rgb(255, 255, 255);
 @dark-color-bg-2: #232324;
 @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,6 +812,12 @@
 @dark-color-text-6: #485773;
 @color-text-7: #b6c4d4;
 @dark-color-text-7: #22364c;
+@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;
@@ -1241,6 +1247,9 @@
     @{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;
   }
@@ -1438,5 +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 CHANGED Viewed

@@ -465,11 +465,14 @@
 @dark-color-text-5: #3e4d6a;
 @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 ***********/
-@primary-1: #e9f3fe;
+@primary-1: #f2f8fe;
 @primary-2: #84afe1;
 @primary-3: #6897d9;
 @primary-4: #4982d0;
@@ -483,10 +486,10 @@
 /*********** success ***********/
-@success-1: #88f9bf;
-@success-2: #58eab2;
-@success-3: #4ae4aa;
-@success-4: #37dcab;
+@success-1: #d5f8ed;
+@success-2: #70f2c1;
+@success-3: #4ae4b7;
+@success-4: #37dcb4;
 @success-5: #28d6b7;
 @success-6: #1acbab;
 @success-7: #1acbab;
@@ -497,7 +500,7 @@
 /*********** danger ***********/
-@danger-1: rgb(var(--red-1));
+@danger-1: #fff6f4;
 @danger-2: rgb(var(--red-2));
 @danger-3: rgb(var(--red-3));
 @danger-4: rgb(var(--red-4));
@@ -525,7 +528,7 @@
 /*********** link ***********/
-@link-1: #aecef9;
+@link-1: #dae8fb;
 @link-2: #85b4f6;
 @link-3: #5b94e1;
 @link-4: #437fcf;
@@ -589,7 +592,7 @@
 @border-radius-small: 2px;
 @border-radius-medium: 4px;
 @border-radius-large: 8px;
-@border-radius-circle: 50%;
+@border-radius-circle: 100px;
 /*********** shadow ***********/
@@ -752,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-3: #f4f7fb;
-@color-bg-4: #f7f9fb;
+@color-bg-2: #ffffff;
+@color-bg-3: #ffffff;
+@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);
@@ -842,6 +845,9 @@
 @color-text-5: #7888a8;
 @color-text-6: #97a5bf;
 @color-text-7: #b6c4d4;
+@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;
@@ -1035,11 +1041,11 @@
 /*********** input ***********/
-@input-color-bg: #f7f9fb;
+@input-color-bg: #ffffff;
 @input-color-bg_hover: var(--color-fill-3);
 @input-color-bg_focus: var(--color-bg-2);
 @input-color-bg_disabled: var(--color-fill-2);
-@input-color-addon-bg: #f7f9fb;
+@input-color-addon-bg: #ffffff;
 @input-color-addon-border: var(--color-neutral-3);
 @input-border-addon-separator-width: 1px;
 @input-color-border_focus: rgb(var(--primary-6));
@@ -1047,7 +1053,7 @@
 @input-size-shadow_focus: 0;
 @input-color-addon-border_default: transparent;
 @input-color-text: var(--color-text-1);
-@input-color-placeholder-text: var(--color-text-3);
+@input-color-placeholder-text: #b6c4d4;
 @input-color-text_disabled: var(--color-text-4);
 @input-color-bg_error: var(--color-danger-light-1);
 @input-color-bg_error_hover: var(--color-danger-light-2);
@@ -1055,7 +1061,7 @@
 @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-border-radius: var(--border-radius-small);
+@input-border-radius: 2px;
 @input-size-default-height: 32px;
 @input-size-mini-height: 24px;
 @input-size-small-height: 28px;
@@ -1080,8 +1086,8 @@
 @input-size-default-icon-addon-size: 14px;
 @input-size-large-icon-addon-size: 14px;
 @input-size-icon-clear: 12px;
-@input-color-prefix-text: var(--color-text-2);
-@input-color-suffix-text: var(--color-text-2);
+@input-color-prefix-text: #222e4a;
+@input-color-suffix-text: #7888a8;
 @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);
@@ -1162,7 +1168,7 @@
 @input-tag-size-medium-tag-height: 24px;
 @input-tag-size-medium-font-size: 14px;
 @input-number-border-radius: var(--border-radius-small);
-@input-number-step-layer-border-radius: 1px;
+@input-number-step-layer-border-radius: 2px;
 @input-number-size-mini-step-button-width: 24px;
 @input-number-size-small-step-button-width: 28px;
 @input-number-size-default-step-button-width: 32px;
@@ -1179,7 +1185,7 @@
 @input-prefix-cls: ~'@{prefix}-input';
 @input-number-prefix-cls: ~'@{prefix}-input-number';
 @input-tag-prefix-cls: ~'@{prefix}-input-tag';
-@input-color-addon-text: var(--color-text-1);
+@input-color-addon-text: #222e4a;
 @input-size-mini-padding-horizontal: @spacing-4;
 @input-size-small-padding-horizontal: @spacing-6;
 @input-size-large-padding-horizontal: @spacing-7;
@@ -1323,10 +1329,10 @@
 @tag-color-bg-not-checked_hover: var(--color-fill-2);
 @tag-custom-color-text: var(--color-white);
 @tag-custom-color-icon-bg_hover: rgba(255, 255, 255, 0.2);
-@tag-default-color-bg: var(--color-fill-2);
+@tag-default-color-bg: var(--color-neutral-2);
 @tag-default-color-bg_hover: var(--color-fill-3);
-@tag-default-color-icon: var(--color-text-2);
-@tag-default-color-text: var(--color-text-1);
+@tag-default-color-icon: #2f4464;
+@tag-default-color-text: #222e4a;
 @tag-default-color-border: transparent;
 @tag-default-bordered-color-border: var(--color-border-2);
 @tag-default-color-border_hover: transparent;
@@ -1453,18 +1459,18 @@
 @select-popup-padding-vertical: 4px;
 @select-popup-font-size: 14px;
 @select-popup-color-bg: var(--color-bg-popup);
-@select-popup-color-border: var(--color-fill-3);
+@select-popup-color-border: var(--color-neutral-2);
 @select-popup-box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
 @select-popup-option-height: 36px;
 @select-popup-option-font-weight_selected: 500;
 @select-signal-popup-option-padding-horizontal: 12px;
 @select-multi-popup-option-padding-horizontal: 4px;
 @select-popup-option-color-bg_default: var(--color-bg-popup);
-@select-popup-option-color-bg_hover: var(--color-fill-2);
+@select-popup-option-color-bg_hover: rgb(var(--primary-1));
 @select-popup-option-color-bg_selected: var(--color-bg-popup);
 @select-popup-option-color-bg_disabled: var(--color-bg-popup);
 @select-popup-option-color-text_default: var(--color-text-1);
-@select-popup-option-color-text_hover: var(--color-text-1);
+@select-popup-option-color-text_hover: rgb(var(--primary-7));
 @select-popup-option-color-text_selected: var(--color-text-1);
 @select-popup-option-color-text_disabled: var(--color-text-4);
 @select-popup-option-color-highlight-text: var(--color-text-1);
@@ -1474,6 +1480,7 @@
 @select-popup-group-title-padding-top: 8px;
 @select-popup-group-title-font-size: 12px;
 @select-popup-group-title-color-text: var(--color-text-3);
+@select-color-text_default: #222e4a;
 @select-size-mini-height: @size-mini;
 @select-size-small-height: @size-small;
 @select-size-default-height: @size-default;
@@ -1488,7 +1495,6 @@
 @select-signal-size-large-padding: @spacing-7;
 @select-multi-padding: @spacing-2;
 @select-border-radius: @radius-small;
-@select-color-text_default: var(--color-text-1);
 @select-color-text_disabled: var(--color-text-4);
 @select-color-text_focused: var(--color-text-1);
 @select-color-placeholder_default: var(--color-text-3);
@@ -1592,7 +1598,7 @@
 @anchor-line-width: 2px;
 @anchor-line-slider-height: 12px;
 @anchor-line-margin-right: 12px;
-@anchor-color-bg-line: var(--color-fill-3);
+@anchor-color-bg-line: #ebf0f8;
 @anchor-color-bg-line_active: rgb(var(--primary-6));
 @anchor-border-radius-title-hover: var(--border-radius-small);
 @anchor-item-inner-margin-left: 16px;
@@ -2273,7 +2279,7 @@
 @timepicker-column-height: 224px;
 @timepicker-cell-height: 24px;
 @timepicker-cell-spacing: 4px;
-@timepicker-color-border: var(--color-neutral-3);
+@timepicker-color-border: #ebf0f8;
 @timepicker-color-text-cell: var(--color-text-1);
 @timepicker-color-bg-cell_hover: var(--color-fill-2);
 @timepicker-color-bg-cell_active: var(--color-fill-2);
@@ -2344,7 +2350,7 @@
 @descriptions-font-weight-title: 500;
 @descriptions-font-weight-text-label: 500;
 @descriptions-font-weight-text-value: 400;
-@descriptions-border-color-bg-label: var(--color-fill-1);
+@descriptions-border-color-bg-label: #ffffff;
 @descriptions-item-size-mini-spacing-bottom: 2px;
 @descriptions-item-size-small-spacing-bottom: 4px;
 @descriptions-item-size-medium-spacing-bottom: 8px;
@@ -2389,7 +2395,7 @@
 @drawer-padding-footer-vertical: 16px;
 @drawer-padding-content-vertical: 12px;
 @drawer-font-header-weight: 500;
-@drawer-color-border: var(--color-neutral-3);
+@drawer-color-border: transparent;
 @drawer-color-header-text: var(--color-text-1);
 @drawer-color-content-text: var(--color-text-1);
 @drawer-position-close-icon-right: 16px;
@@ -2400,11 +2406,11 @@
 /*********** empty ***********/
 @empty-spacing-padding: 10px;
-@empty-color-text: rgb(var(--gray-5));
+@empty-color-text: #97a5bf;
 @empty-font-size-image: 48px;
 @empty-spacing-image-margin-bottom: 4px;
 @empty-size-img-height: 80px;
-@empty-color-icon: rgb(var(--gray-5));
+@empty-color-icon: #97a5bf;
 @empty-font-size-text: 14px;
 @empty-prefix-cls: ~'@{prefix}-empty';
@@ -2427,8 +2433,8 @@
 @form-inline-margin-item-right: 24px;
 @form-inline-margin-item-bottom: 8px;
 @form-vertical-margin-label-bottom: 8px;
-@form-color-extra-text: var(--color-text-3);
-@form-color-text-label: var(--color-text-2);
+@form-color-extra-text: #2f4464;
+@form-color-text-label: #2f4464;
 @form-margin-tooltip-left: 4px;
 @form-color-text-tooltip: var(--color-text-4);
 @form-color-bg_warning: var(--color-warning-light-1);
@@ -2752,7 +2758,7 @@
 @message-padding-left: 16px;
 @message-padding-right: 16px;
 @message-margin-bottom: 16px;
-@message-border-radius: var(--border-radius-small);
+@message-border-radius: 2px;
 @message-font-size-icon: 20px;
 @message-font-size-content: 14px;
 @message-icon-margin-right: 8px;
@@ -2765,7 +2771,7 @@
 @message-normal-color-bg: var(--color-bg-popup);
 @message-normal-color-icon: var(--color-text-1);
 @message-normal-color-content: var(--color-text-1);
-@message-normal-color-border: var(--color-neutral-3);
+@message-normal-color-border: #ebf0f8;
 @message-info-color-bg: var(--color-bg-popup);
 @message-info-color-icon: rgb(var(--primary-6));
 @message-info-color-content: var(--color-text-1);
@@ -2798,11 +2804,11 @@
 @modal-margin-top: 100px;
 @modal-margin-tip-icon-right: 10px;
 @modal-margin-footer-button-left: 12px;
-@modal-color-border: var(--color-neutral-3);
-@modal-color-header-text: var(--color-text-1);
-@modal-color-content-text: var(--color-text-1);
+@modal-color-border: transparent;
+@modal-color-header-text: #222e4a;
+@modal-color-content-text: #4c6483;
 @modal-font-header-size: 16px;
-@modal-default-padding-horizontal: 20px;
+@modal-default-padding-horizontal: 24px;
 @modal-default-size-header-height: 48px;
 @modal-default-padding-content-vertical: 24px;
 @modal-default-padding-footer-vertical: 16px;
@@ -3020,8 +3026,8 @@
 @progress-line-color-icon_error: rgb(var(--danger-6));
 @progress-line-margin-text-left: 16px;
 @progress-line-margin-icon-left: 4px;
-@progress-line-color-text: var(--color-text-2);
-@progress-line-color-icon_normal: var(--color-text-2);
+@progress-line-color-text: #4c6483;
+@progress-line-color-icon_normal: #97a5bf;
 @progress-line-size-text-width: 32px;
 @progress-line-size-default-icon-size: 12px;
 @progress-line-size-small-icon-size: 12px;
@@ -3141,17 +3147,17 @@
 /*********** result ***********/
 @result-padding-top: 24px;
-@result-padding-top_icon: 32px;
+@result-padding-top_icon: 40px;
 @result-padding-bottom: 24px;
 @result-padding-horizontal: 32px;
 @result-margin-icon-bottom: 16px;
-@result-margin-extra-top: 20px;
+@result-margin-extra-top: 24px;
 @result-margin-content-top: 20px;
 @result-font-title-size: 14px;
 @result-font-title-weight: 500;
 @result-font-subtitle-size: 14px;
-@result-color-title-text: var(--color-text-1);
-@result-color-subtitle-text: var(--color-text-2);
+@result-color-title-text: #222e4a;
+@result-color-subtitle-text: #4c6483;
 @result-size-icon: 20px;
 @result-size-icon-wrapper: 45px;
 @result-size-image-width: 92px;
@@ -3424,7 +3430,7 @@
 @switch-line-color-dot-shadow: var(--color-neutral-6);
 @switch-color-bg_on: rgb(var(--primary-6));
 @switch-color-bg_off: var(--color-fill-4);
-@switch-color-bg_on_disabled: var(--color-primary-light-3);
+@switch-color-bg_on_disabled: rgb(var(--primary-2));
 @switch-color-bg_off_disabled: var(--color-fill-2);
 @switch-color-bg_on_loading: var(--color-primary-light-3);
 @switch-color-bg_off_loading: var(--color-fill-2);
@@ -3472,10 +3478,10 @@
 @table-spacing-expand-button-margin-right: 4px;
 @table-font-size-expand-button: 12px;
 @table-border-radius-expand-button: 2px;
-@table-color-border: var(--color-neutral-3);
+@table-color-border: #ebf0f8;
 @table-border-radius: var(--border-radius-medium);
-@table-color-text-header-cell: rgb(var(--gray-10));
-@table-color-bg-header-cell: var(--color-neutral-2);
+@table-color-text-header-cell: #222e4a;
+@table-color-bg-header-cell: #ffffff;
 @table-color-bg-header-sorted-cell: var(--color-neutral-3);
 @table-color-bg-header-sorted-cell_hover: rgba(var(--gray-4), 0.5);
 @table-color-header-filters-icon: var(--color-text-2);
@@ -3484,7 +3490,7 @@
 @table-font-size-filters-icon: 16px;
 @table-size-filters-width: 24px;
 @table-font-weight-header-text: 500;
-@table-color-text-body-cell: rgb(var(--gray-10));
+@table-color-text-body-cell: #4c6483;
 @table-color-bg-body-cell: #ffffff;
 @table-color-bg-body-sorted-cell: var(--color-fill-1);
 @table-color-bg-body-stripe-row: var(--color-fill-1);
@@ -3581,13 +3587,13 @@
 @tabs-size-default-header-height_text: 32px;
 @tabs-padding-title-text-vertical: 1px;
 @tabs-padding-title-text-horizontal: 8px;
-@tabs-color-title-text: var(--color-text-2);
+@tabs-color-title-text: #4c6483;
 @tabs-color-title-text_active: rgb(var(--primary-6));
-@tabs-color-title-text_hover: var(--color-text-2);
+@tabs-color-title-text_hover: #4c6483;
 @tabs-color-title-text_disabled: var(--color-text-4);
 @tabs-color-title-text_disabled_active: var(--color-primary-light-3);
 @tabs-line-size-header-border: 1px;
-@tabs-line-color-header-border: var(--color-neutral-3);
+@tabs-line-color-header-border: #ebf0f8;
 @tabs-line-size-ink-stroke: 2px;
 @tabs-line-color-ink-bg: rgb(var(--primary-6));
 @tabs-line-color-ink-bg_disabled: var(--color-primary-light-3);
@@ -3710,7 +3716,7 @@
 @transfer-height-title: 40px;
 @transfer-height-footer: 40px;
 @transfer-padding-horizontal-footer: 8px;
-@transfer-border-color: var(--color-neutral-3);
+@transfer-border-color: #ebf0f8;
 @transfer-border-width: 1px;
 @transfer-border-radius: var(--border-radius-small);
 @transfer-font-size-header: 14px;
@@ -3757,8 +3763,8 @@
 @tree-color-title-text: var(--color-text-1);
 @tree-color-title-text_hover: var(--color-text-1);
 @tree-color-title-text_active: rgb(var(--primary-6));
-@tree-color-title-text_disabled: var(--color-text-4);
-@tree-color-title-text_active_disabled: var(--color-primary-light-3);
+@tree-color-title-text_disabled: #97a5bf;
+@tree-color-title-text_active_disabled: rgb(var(--primary-7));
 @tree-color-title-bg_hover: var(--color-fill-2);
 @tree-color-title-bg_highlight: var(--color-primary-light-1);
 @tree-color-title-text_highlight: var(--color-text-1);