npm - @arco-themes/vue-rb-node-saas-web - Versions diffs - 0.0.1 → 0.0.2 - Mend

@arco-themes/vue-rb-node-saas-web 0.0.1 → 0.0.2

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/tokens.less CHANGED Viewed

@@ -2,7 +2,7 @@
 /*********** font ***********/
-@font-family: Inter, -apple-system, BlinkMacSystemFont, PingFang SC, Hiragino Sans GB, noto sans, Microsoft YaHei, Helvetica Neue, Helvetica, Arial, sans-serif;
+@font-family: Inter, PingFang SC, sans-serif, -apple-system, BlinkMacSystemFont, Hiragino Sans GB, noto sans, Microsoft YaHei, Helvetica Neue, Helvetica, Arial;
 @font-size-display-3: 56px;
 @font-size-display-2: 48px;
 @font-size-display-1: 36px;
@@ -363,56 +363,56 @@
 @dark-gray-8: #c5c5c5;
 @dark-gray-9: #dfdfdf;
 @dark-gray-10: #f6f6f6;
-@dark-primary-1: rgb(var(--arcoblue-1));
-@dark-primary-2: rgb(var(--arcoblue-2));
-@dark-primary-3: rgb(var(--arcoblue-3));
-@dark-primary-4: rgb(var(--arcoblue-4));
-@dark-primary-5: rgb(var(--arcoblue-5));
-@dark-primary-6: rgb(var(--arcoblue-6));
-@dark-primary-7: rgb(var(--arcoblue-7));
-@dark-primary-8: rgb(var(--arcoblue-8));
-@dark-primary-9: rgb(var(--arcoblue-9));
-@dark-primary-10: rgb(var(--arcoblue-10));
-@dark-success-1: rgb(var(--green-1));
-@dark-success-2: rgb(var(--green-2));
-@dark-success-3: rgb(var(--green-3));
-@dark-success-4: rgb(var(--green-4));
-@dark-success-5: rgb(var(--green-5));
-@dark-success-6: rgb(var(--green-6));
-@dark-success-7: rgb(var(--green-7));
-@dark-success-8: rgb(var(--green-8));
-@dark-success-9: rgb(var(--green-9));
-@dark-success-10: rgb(var(--green-10));
-@dark-danger-1: rgb(var(--red-1));
-@dark-danger-2: rgb(var(--red-2));
-@dark-danger-3: rgb(var(--red-3));
-@dark-danger-4: rgb(var(--red-4));
-@dark-danger-5: rgb(var(--red-5));
-@dark-danger-6: rgb(var(--red-6));
-@dark-danger-7: rgb(var(--red-7));
-@dark-danger-8: rgb(var(--red-8));
-@dark-danger-9: rgb(var(--red-9));
-@dark-danger-10: rgb(var(--red-10));
-@dark-warning-1: rgb(var(--orange-1));
-@dark-warning-2: rgb(var(--orange-2));
-@dark-warning-3: rgb(var(--orange-3));
-@dark-warning-4: rgb(var(--orange-4));
-@dark-warning-5: rgb(var(--orange-5));
-@dark-warning-6: rgb(var(--orange-6));
-@dark-warning-7: rgb(var(--orange-7));
-@dark-warning-8: rgb(var(--orange-8));
-@dark-warning-9: rgb(var(--orange-9));
-@dark-warning-10: rgb(var(--orange-10));
-@dark-link-1: rgb(var(--arcoblue-1));
-@dark-link-2: rgb(var(--arcoblue-2));
-@dark-link-3: rgb(var(--arcoblue-3));
-@dark-link-4: rgb(var(--arcoblue-4));
-@dark-link-5: rgb(var(--arcoblue-5));
-@dark-link-6: rgb(var(--arcoblue-6));
-@dark-link-7: rgb(var(--arcoblue-7));
-@dark-link-8: rgb(var(--arcoblue-8));
-@dark-link-9: rgb(var(--arcoblue-9));
-@dark-link-10: rgb(var(--arcoblue-10));
+@dark-primary-1: #001c4d;
+@dark-primary-2: #002d71;
+@dark-primary-3: #054495;
+@dark-primary-4: #0e5eba;
+@dark-primary-5: #197bde;
+@dark-primary-6: #238be5;
+@dark-primary-7: #51a9eb;
+@dark-primary-8: #81c5f2;
+@dark-primary-9: #b4e0f8;
+@dark-primary-10: #e9f7ff;
+@dark-success-1: #004d42;
+@dark-success-2: #056c5b;
+@dark-success-3: #0d8b72;
+@dark-success-4: #19ab88;
+@dark-success-5: #27ca9e;
+@dark-success-6: #34d5a5;
+@dark-success-7: #5cdfb4;
+@dark-success-8: #89eac6;
+@dark-success-9: #b8f4dd;
+@dark-success-10: #ecfff7;
+@dark-danger-1: #4d0005;
+@dark-danger-2: #790408;
+@dark-danger-3: #a60f0f;
+@dark-danger-4: #d22620;
+@dark-danger-5: #ff4336;
+@dark-danger-6: #ff5845;
+@dark-danger-7: #ff826e;
+@dark-danger-8: #ffa897;
+@dark-danger-9: #ffccc0;
+@dark-danger-10: #ffede8;
+@dark-warning-1: #4d1900;
+@dark-warning-2: #792e04;
+@dark-warning-3: #a6480a;
+@dark-warning-4: #d26613;
+@dark-warning-5: #ff871f;
+@dark-warning-6: #ff9326;
+@dark-warning-7: #ffb057;
+@dark-warning-8: #ffcb87;
+@dark-warning-9: #ffe2b8;
+@dark-warning-10: #fff7e8;
+@dark-link-1: #001c4d;
+@dark-link-2: #002d71;
+@dark-link-3: #054495;
+@dark-link-4: #0e5eba;
+@dark-link-5: #197bde;
+@dark-link-6: #238be5;
+@dark-link-7: #51a9eb;
+@dark-link-8: #81c5f2;
+@dark-link-9: #b4e0f8;
+@dark-link-10: #e9f7ff;
 @dark-color-white: rgba(255, 255, 255, 0.9);
 @dark-color-black: #000000;
 @dark-mask-color-bg: rgba(23, 23, 26, 0.6);
@@ -466,72 +466,72 @@
 /*********** primary ***********/
-@primary-1: rgb(var(--arcoblue-1));
-@primary-2: rgb(var(--arcoblue-2));
-@primary-3: rgb(var(--arcoblue-3));
-@primary-4: rgb(var(--arcoblue-4));
-@primary-5: rgb(var(--arcoblue-5));
-@primary-6: rgb(var(--arcoblue-6));
-@primary-7: rgb(var(--arcoblue-7));
-@primary-8: rgb(var(--arcoblue-8));
-@primary-9: rgb(var(--arcoblue-9));
-@primary-10: rgb(var(--arcoblue-10));
+@primary-1: #e8f7ff;
+@primary-2: #b5e0f8;
+@primary-3: #84c6f2;
+@primary-4: #56abeb;
+@primary-5: #2a8ee5;
+@primary-6: #016fde;
+@primary-7: #0157ba;
+@primary-8: #004195;
+@primary-9: #002d71;
+@primary-10: #001c4d;
 /*********** success ***********/
-@success-1: rgb(var(--green-1));
-@success-2: rgb(var(--green-2));
-@success-3: rgb(var(--green-3));
-@success-4: rgb(var(--green-4));
-@success-5: rgb(var(--green-5));
-@success-6: rgb(var(--green-6));
-@success-7: rgb(var(--green-7));
-@success-8: rgb(var(--green-8));
-@success-9: rgb(var(--green-9));
-@success-10: rgb(var(--green-10));
+@success-1: #e8fff5;
+@success-2: #b4f4db;
+@success-3: #84eac4;
+@success-4: #57dfb2;
+@success-5: #2ed5a3;
+@success-6: #09ca96;
+@success-7: #06ab84;
+@success-8: #038b70;
+@success-9: #016c5a;
+@success-10: #004d42;
 /*********** danger ***********/
-@danger-1: rgb(var(--red-1));
-@danger-2: rgb(var(--red-2));
-@danger-3: rgb(var(--red-3));
-@danger-4: rgb(var(--red-4));
-@danger-5: rgb(var(--red-5));
-@danger-6: rgb(var(--red-6));
-@danger-7: rgb(var(--red-7));
-@danger-8: rgb(var(--red-8));
-@danger-9: rgb(var(--red-9));
-@danger-10: rgb(var(--red-10));
+@danger-1: #ffede8;
+@danger-2: #ffccc0;
+@danger-3: #ffa998;
+@danger-4: #ff836f;
+@danger-5: #ff5a47;
+@danger-6: #ff2e1f;
+@danger-7: #d21a13;
+@danger-8: #a60a0a;
+@danger-9: #790408;
+@danger-10: #4d0005;
 /*********** warning ***********/
-@warning-1: rgb(var(--orange-1));
-@warning-2: rgb(var(--orange-2));
-@warning-3: rgb(var(--orange-3));
-@warning-4: rgb(var(--orange-4));
-@warning-5: rgb(var(--orange-5));
-@warning-6: rgb(var(--orange-6));
-@warning-7: rgb(var(--orange-7));
-@warning-8: rgb(var(--orange-8));
-@warning-9: rgb(var(--orange-9));
-@warning-10: rgb(var(--orange-10));
+@warning-1: #fff7e8;
+@warning-2: #ffe3ba;
+@warning-3: #ffcd8b;
+@warning-4: #ffb35d;
+@warning-5: #ff972e;
+@warning-6: #ff7700;
+@warning-7: #d25b00;
+@warning-8: #a64200;
+@warning-9: #792c00;
+@warning-10: #4d1900;
 /*********** link ***********/
-@link-1: rgb(var(--arcoblue-1));
-@link-2: rgb(var(--arcoblue-2));
-@link-3: rgb(var(--arcoblue-3));
-@link-4: rgb(var(--arcoblue-4));
-@link-5: rgb(var(--arcoblue-5));
-@link-6: rgb(var(--arcoblue-6));
-@link-7: rgb(var(--arcoblue-7));
-@link-8: rgb(var(--arcoblue-8));
-@link-9: rgb(var(--arcoblue-9));
-@link-10: rgb(var(--arcoblue-10));
+@link-1: #e8f7ff;
+@link-2: #b5e0f8;
+@link-3: #84c6f2;
+@link-4: #56abeb;
+@link-5: #2a8ee5;
+@link-6: #016fde;
+@link-7: #0157ba;
+@link-8: #004195;
+@link-9: #002d71;
+@link-10: #001c4d;
 @link-font-size: 14px;
 @link-color-bg_hover: var(--color-fill-2);
 @link-color-bg_active: var(--color-fill-3);
@@ -583,8 +583,8 @@
 @border-dashed: dashed;
 @border-dotted: dotted;
 @border-radius-none: 0;
-@border-radius-small: 2px;
-@border-radius-medium: 4px;
+@border-radius-small: 4px;
+@border-radius-medium: 6px;
 @border-radius-large: 8px;
 @border-radius-circle: 50%;
@@ -754,16 +754,16 @@
 @color-bg-4: #ffffff;
 @color-bg-5: #ffffff;
 @color-bg-white: #ffffff;
-@color-text-1: var(--color-neutral-10);
-@color-text-2: var(--color-neutral-8);
-@color-text-3: var(--color-neutral-6);
+@color-text-1: #333333;
+@color-text-2: #7f7f7f;
+@color-text-3: #c4c4c4;
 @color-text-4: var(--color-neutral-4);
 @color-fill-1: var(--color-neutral-1);
-@color-fill-2: var(--color-neutral-2);
+@color-fill-2: #f1f2f8;
 @color-fill-3: var(--color-neutral-3);
 @color-fill-4: var(--color-neutral-4);
 @color-border-1: var(--color-neutral-2);
-@color-border-2: var(--color-neutral-3);
+@color-border-2: #dedede;
 @color-border-3: var(--color-neutral-4);
 @color-border-4: var(--color-neutral-6);
 @color-primary-light-1: rgb(var(--primary-1));
@@ -806,13 +806,13 @@
 @color-value-size-small-font-size: 14px;
 @color-value-size-medium-font-size: 14px;
 @color-value-size-large-font-size: 14px;
-@color-input-border-radius: 2px;
+@color-input-border-radius: 4px;
 @color-preview-border-size: 1px;
 @color-preview-border-color: var(--color-border-2);
 @color-value-font-size: 400;
 @color-panel-width: 260px;
 @color-panel-padding: 12px;
-@color-panel-border-radius: 2px;
+@color-panel-border-radius: 4px;
 @color-panel-bg-color: var(--color-bg-1);
 @color-panel-box-shadow: 0 8px 20px 0 rgba(0, 0, 0, 0.1);
 @color-palette-height: 178px;
@@ -1029,35 +1029,35 @@
 /*********** input ***********/
-@input-color-bg: var(--color-fill-2);
-@input-color-bg_hover: var(--color-fill-3);
+@input-color-bg: #ffffff;
+@input-color-bg_hover: #ffffff;
 @input-color-bg_focus: var(--color-bg-2);
 @input-color-bg_disabled: var(--color-fill-2);
-@input-color-addon-bg: var(--color-fill-2);
+@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));
 @input-color-shadow_focus: var(--color-primary-light-2);
-@input-size-shadow_focus: 0;
+@input-size-shadow_focus: 3px;
 @input-color-addon-border_default: transparent;
 @input-color-text: var(--color-text-1);
 @input-color-placeholder-text: var(--color-text-3);
-@input-color-text_disabled: var(--color-text-4);
+@input-color-text_disabled: #dedede;
 @input-color-bg_error: var(--color-danger-light-1);
 @input-color-bg_error_hover: var(--color-danger-light-2);
 @input-color-bg_error_focus: var(--color-bg-2);
 @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-size-shadow_error_focus: 3px;
 @input-border-radius: var(--border-radius-small);
 @input-size-default-height: 32px;
 @input-size-mini-height: 24px;
 @input-size-small-height: 28px;
 @input-size-large-height: 36px;
 @input-border-width: 1px;
-@input-color-border: transparent;
+@input-color-border: #dedede;
 @input-color-border_disabled: transparent;
-@input-color-border_hover: transparent;
+@input-color-border_hover: rgb(var(--primary-6));
 @input-color-border_error: transparent;
 @input-color-border_error_hover: transparent;
 @input-size-default-font-size: 14px;
@@ -1079,7 +1079,7 @@
 @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);
-@input-padding-horizontal: 12px;
+@input-padding-horizontal: 8px;
 @input-margin-left-clear-btn: 12px;
 @input-spacing-clear-icon-right: 8px;
 @input-padding-word-limit-left: 8px;
@@ -1112,10 +1112,10 @@
 @input-tag-color-text_default: var(--color-text-1);
 @input-tag-color-text_error: var(--color-text-1);
 @input-tag-color-text_disabled: var(--color-text-4);
-@input-tag-color-placeholder: var(--color-text-3);
+@input-tag-color-placeholder: #333333;
 @input-tag-color-icon-clear: var(--color-text-2);
-@input-tag-color-icon-clear-bg_hover: var(--color-fill-4);
-@input-tag-color-border_default: transparent;
+@input-tag-color-icon-clear-bg_hover: #ffffff;
+@input-tag-color-border_default: #dedede;
 @input-tag-color-border_default_hover: transparent;
 @input-tag-color-border_default_focus: rgb(var(--primary-6));
 @input-tag-color-border_error: transparent;
@@ -1124,16 +1124,16 @@
 @input-tag-color-border_disabled: transparent;
 @input-tag-color-border_disabled_hover: transparent;
 @input-tag-color-border_disabled_focus: transparent;
-@input-tag-color-bg_default: var(--color-fill-2);
-@input-tag-color-bg_default_hover: var(--color-fill-3);
-@input-tag-color-bg_default_focus: var(--color-bg-2);
-@input-tag-color-bg_error: rgb(var(--danger-1));
-@input-tag-color-bg_error_hover: rgb(var(--danger-2));
+@input-tag-color-bg_default: #f1f2f8;
+@input-tag-color-bg_default_hover: #ffffff;
+@input-tag-color-bg_default_focus: #ffffff;
+@input-tag-color-bg_error: #ffffff;
+@input-tag-color-bg_error_hover: #ffffff;
 @input-tag-color-bg_error_focus: var(--color-bg-2);
 @input-tag-color-bg_disabled: var(--color-fill-2);
 @input-tag-color-bg_disabled_hover: var(--color-fill-2);
 @input-tag-color-shadow_default_focus: rgb(var(--primary-2));
-@input-tag-color-shadow_error_focus: rgb(var(--danger-2));
+@input-tag-color-shadow_error_focus: #ffffff;
 @input-tag-size-shadow_error_focus: 0;
 @input-tag-size-shadow_default_focus: 0;
 @input-tag-tag-margin-right: 4px;
@@ -1144,8 +1144,8 @@
 @input-tag-size-icon-clear: 12px;
 @input-tag-size-icon-clear_hover: 20px;
 @input-tag-tag-font-size: 12px;
-@input-tag-tag-color-bg: var(--color-bg-2);
-@input-tag-tag-color-bg_focus: var(--color-fill-2);
+@input-tag-tag-color-bg: #ffffff;
+@input-tag-tag-color-bg_focus: #ffffff;
 @input-tag-tag-color-bg_disabled: var(--color-fill-2);
 @input-tag-tag-color-border: var(--color-fill-3);
 @input-tag-tag-color-border_disabled: var(--color-fill-3);
@@ -1222,18 +1222,18 @@
 @picker-size-large-font-size-text: 14px;
 @picker-input-border-radius: var(--border-radius-small);
 @picker-color-shadow_focus: var(--color-primary-light-2);
-@picker-size-shadow_focus: 0;
+@picker-size-shadow_focus: 3px;
 @picker-color-shadow_error_focus: var(--color-danger-light-2);
 @picker-size-shadow_error_focus: 0;
-@picker-color-bg: var(--color-fill-2);
-@picker-color-bg_hover: var(--color-fill-3);
+@picker-color-bg: #ffffff;
+@picker-color-bg_hover: #ffffff;
 @picker-color-bg_focus: var(--color-bg-2);
 @picker-color-bg_disabled: var(--color-fill-2);
 @picker-color-bg_error: var(--color-danger-light-1);
 @picker-color-bg_error_hover: var(--color-danger-light-2);
 @picker-color-bg_error_focus: var(--color-bg-2);
-@picker-color-border: transparent;
-@picker-color-border_hover: transparent;
+@picker-color-border: #dedede;
+@picker-color-border_hover: rgb(var(--primary-6));
 @picker-color-border_focus: rgb(var(--primary-6));
 @picker-color-border_disabled: transparent;
 @picker-color-border_error: transparent;
@@ -1249,7 +1249,7 @@
 @picker-color-separator_disabled: var(--color-text-4);
 @picker-range-color-bg-input_focus: var(--color-fill-2);
 @picker-padding-horizontal: 4px;
-@picker-input-padding-horizontal: 8px;
+@picker-input-padding-horizontal: 4px;
 @picker-container-border-radius: var(--border-radius-medium);
 @picker-header-padding-horizontal: 24px;
 @picker-header-padding-vertical: 24px;
@@ -1468,6 +1468,10 @@
 @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-icon-bg_hover: #ffffff;
+@select-color-bg_error: #ffffff;
+@select-shadow-distance_error_focus: 3px;
+@select-color-bg_error_hover: #ffffff;
 @select-size-mini-height: @size-mini;
 @select-size-small-height: @size-small;
 @select-size-default-height: @size-default;
@@ -1491,12 +1495,9 @@
 @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);
 @select-color-bg_error_focus: var(--color-bg-2);
 @select-color-bg_disabled: var(--color-fill-2);
 @select-color-border_default: @color-transparent;
@@ -1507,7 +1508,6 @@
 @select-color-border_error_focus: @color-danger-6;
 @select-color-border_disabled: @color-transparent;
 @select-color-icon_default: var(--color-text-2);
-@select-color-icon-bg_hover: var(--color-fill-4);
 @select-color-icon_focused: var(--color-text-2);
 @select-color-icon_disabled: var(--color-text-4);
 @select-popup-option-font-hightlight-weight: @font-weight-500;
@@ -1690,7 +1690,7 @@
 @breadcrumb-color-bg: transparent;
 @breadcrumb-margin-separator-horizontal: 4px;
 @breadcrumb-margin-dropdown-icon-left: 4px;
-@breadcrumb-padding-text-horizontal: 4px;
+@breadcrumb-padding-text-horizontal: 2px;
 @breadcrumb-border-text-radius_hover: var(--border-radius-small);
 @breadcrumb-size-text-height: 24px;
 @breadcrumb-size-separator-height: 12px;
@@ -1838,7 +1838,7 @@
 @btn-secondary-color-text_disabled: var(--color-text-4);
 @btn-secondary-color-text_hover: var(--color-text-2);
 @btn-secondary-color-text_active: var(--color-text-2);
-@btn-secondary-color-bg: var(--color-secondary);
+@btn-secondary-color-bg: #f1f2f8;
 @btn-secondary-color-bg_disabled: var(--color-secondary-disabled);
 @btn-secondary-color-bg_hover: var(--color-secondary-hover);
 @btn-secondary-color-bg_active: var(--color-secondary-active);
@@ -2180,7 +2180,7 @@
 @checkbox-mask-color-bg_disabled: var(--color-fill-2);
 @checkbox-mask-color-bg_checked_disabled: var(--color-primary-light-3);
 @checkbox-mask-color-border: var(--color-fill-3);
-@checkbox-mask-color-border_hover: var(--color-fill-4);
+@checkbox-mask-color-border_hover: rgb(var(--primary-6));
 @checkbox-mask-color-border_checked: transparent;
 @checkbox-mask-color-border_checked_disabled: transparent;
 @checkbox-mask-color-border_disabled: var(--color-fill-3);
@@ -2932,15 +2932,15 @@
 @pagination-size-icon-ellipsis: 16px;
 @pagination-border-width: 0;
 @pagination-color-bg-item: transparent;
-@pagination-color-bg-item_active: var(--color-primary-light-1);
-@pagination-color-bg-item_hover: var(--color-fill-1);
+@pagination-color-bg-item_active: rgb(var(--primary-6));
+@pagination-color-bg-item_hover: rgb(var(--primary-1));
 @pagination-color-bg-item_disabled: transparent;
-@pagination-color-bg-item_active_disabled: var(--color-fill-1);
+@pagination-color-bg-item_active_disabled: #f1f2f8;
 @pagination-color-item-text: var(--color-text-2);
-@pagination-color-item-text_hover: var(--color-text-2);
-@pagination-color-item-text_active: rgb(var(--primary-6));
+@pagination-color-item-text_hover: rgb(var(--primary-6));
+@pagination-color-item-text_active: #ffffff;
 @pagination-color-item-text_disabled: var(--color-text-4);
-@pagination-color-item-text_active_disabled: var(--color-primary-light-3);
+@pagination-color-item-text_active_disabled: var(--color-neutral-4);
 @pagination-color-item-border: transparent;
 @pagination-color-item-border_active: transparent;
 @pagination-color-item-border_hover: transparent;
@@ -2948,7 +2948,7 @@
 @pagination-color-item-border_active_disabled: transparent;
 @pagination-color-icon-arrow: var(--color-text-2);
 @pagination-color-icon-arrow-bg: transparent;
-@pagination-color-icon-arrow-bg_hover: var(--color-fill-1);
+@pagination-color-icon-arrow-bg_hover: rgb(var(--primary-1));
 @pagination-color-icon-arrow-bg_disabled: transparent;
 @pagination-color-icon-arrow-text_hover: rgb(var(--primary-6));
 @pagination-color-icon-arrow-text_disabled: var(--color-text-4);
@@ -3058,7 +3058,7 @@
 @radio-color-border: var(--color-neutral-3);
 @radio-border-width: 2px;
 @radio-layout-height: 14px;
-@radio-color-border_hover: var(--color-neutral-3);
+@radio-color-border_hover: rgb(var(--primary-6));
 @radio-color-border_disabled: var(--color-neutral-3);
 @radio-color-bg: var(--color-bg-2);
 @radio-color-bg_checked: rgb(var(--primary-6));
@@ -3445,20 +3445,20 @@
 /*********** table ***********/
 @table-size-default-padding-horizontal: 16px;
-@table-size-default-padding-vertical: 9px;
-@table-size-middle-padding-horizontal: 16px;
-@table-size-middle-padding-vertical: 7px;
-@table-size-small-padding-horizontal: 16px;
-@table-size-small-padding-vertical: 5px;
-@table-size-mini-padding-horizontal: 16px;
+@table-size-default-padding-vertical: 8px;
+@table-size-middle-padding-horizontal: 12px;
+@table-size-middle-padding-vertical: 6px;
+@table-size-small-padding-horizontal: 10px;
+@table-size-small-padding-vertical: 4px;
+@table-size-mini-padding-horizontal: 8px;
 @table-size-mini-padding-vertical: 2px;
 @table-size-default-font-size: 14px;
 @table-size-middle-font-size: 14px;
 @table-size-small-font-size: 14px;
 @table-size-mini-font-size: 12px;
-@table-size-default-font-header-size: 14px;
-@table-size-middle-font-header-size: 14px;
-@table-size-small-font-header-size: 14px;
+@table-size-default-font-header-size: 12px;
+@table-size-middle-font-header-size: 12px;
+@table-size-small-font-header-size: 12px;
 @table-size-mini-font-header-size: 12px;
 @table-border-width: 1px;
 @table-border-style: solid;
@@ -3468,8 +3468,8 @@
 @table-border-radius-expand-button: 2px;
 @table-color-border: var(--color-neutral-3);
 @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: #333333;
+@table-color-bg-header-cell: #f1f2f8;
 @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);
@@ -3477,12 +3477,12 @@
 @table-color-bg-header-filters-icon_hover: var(--color-neutral-4);
 @table-font-size-filters-icon: 16px;
 @table-size-filters-width: 24px;
-@table-font-weight-header-text: 500;
+@table-font-weight-header-text: 700;
 @table-color-text-body-cell: rgb(var(--gray-10));
 @table-color-bg-body-cell: var(--color-bg-2);
 @table-color-bg-body-sorted-cell: var(--color-fill-1);
-@table-color-bg-body-stripe-row: var(--color-fill-1);
-@table-color-bg-body-row_hover: var(--color-fill-1);
+@table-color-bg-body-stripe-row: #f1f2f8;
+@table-color-bg-body-row_hover: #f1f2f8;
 @table-color-bg-body-row_active: var(--color-fill-1);
 @table-color-bg-body-row_active_dark: var(--color-neutral-2);
 @table-color-expand-icon: var(--color-text-2);
@@ -3520,13 +3520,13 @@
 @table-size-body-min-width: 40px;
 @table-color-body-background: var(--color-bg-2);
 @table-size-large-padding-horizontal: 16px;
-@table-size-large-padding-vertical: 9px;
+@table-size-large-padding-vertical: 8px;
 @table-size-large-font-size: 14px;
-@table-size-large-font-header-size: 14px;
-@table-size-medium-padding-horizontal: 16px;
-@table-size-medium-padding-vertical: 7px;
+@table-size-large-font-header-size: 12px;
+@table-size-medium-padding-horizontal: 12px;
+@table-size-medium-padding-vertical: 6px;
 @table-size-medium-font-size: 14px;
-@table-size-medium-font-header-size: 14px;
+@table-size-medium-font-header-size: 12px;
 @table-color-bg-tfoot: var(--color-neutral-2);
 @table-filters-icon-bg_hover: var(--color-fill-4);
 @table-color-border_resizing: rgb(var(--primary-6));
@@ -3581,13 +3581,13 @@
 @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: #dedede;
 @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);
 @tabs-line-font-title-text-weight_active: 500;
 @tabs-line-margin-title-horizontal: 32px;
-@tabs-line-margin-title-horizontal_first: 16px;
+@tabs-line-margin-title-horizontal_first: 0;
 @tabs-line-margin-title-vertical: 12px;
 @tabs-line-padding-title-horizontal_vertical: 20px;
 @tabs-line-color-title-bg: transparent;
@@ -3645,7 +3645,7 @@
 @tabs-color-icon: var(--color-text-2);
 @tabs-color-icon_disabled: var(--color-text-4);
 @tabs-spacing-nav-icon-header: 6px;
-@tabs-padding-header-wrapper-horizontal: 10px;
+@tabs-padding-header-wrapper-horizontal: 8px;
 @tabs-padding-header-wrapper-vertical: 6px;
 @tabs-content-padding: 16px;
 @tabs-prefix-cls: ~'@{prefix}-tabs';
@@ -3803,7 +3803,7 @@
 @typography-font-size-h4: 24px;
 @typography-font-size-h5: 20px;
 @typography-font-size-h6: 16px;
-@typography-heading-font-weight: 500;
+@typography-heading-font-weight: 700;
 @typography-color-text: var(--color-text-1);
 @typography-text-color-text-primary: rgb(var(--primary-6));
 @typography-text-color-text-secondary: var(--color-text-2);
@@ -3812,7 +3812,7 @@
 @typography-text-color-text-error: rgb(var(--danger-6));
 @typography-text-color-text_disabled: var(--color-text-4);
 @typography-text-color-bg-mark: rgb(var(--yellow-4));
-@typography-text-font-weight-bold: 500;
+@typography-text-font-weight-bold: 700;
 @typography-text-color-code: var(--color-text-2);
 @typography-text-color-code-border: var(--color-neutral-3);
 @typography-text-color-code-bg: var(--color-neutral-2);