@arco-themes/react-aiux2026 0.0.4 → 0.0.5

package/package.json

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

package/theme.less

@@ -763,7 +763,7 @@
 @transition-timing-function-decelerate: cubic-bezier(0.4, 0.8, 0.74, 1);
 @transition-timing-function-accelerate: cubic-bezier(0.26, 0, 0.6, 0.2);
 @icon-hover-border-radius: var(~'@{arco-cssvars-prefix}-border-radius-circle');
-@icon-hover-color-bg: @color-transparent;
+@icon-hover-color-bg: @color-primary-1;
 @icon-hover-size-default-height: 20px;
 @icon-hover-size-small-height: 20px;
 @icon-hover-size-mini-height: 20px;

package/tokens.less

@@ -536,7 +536,7 @@
 @link-line-height: 1.5715;
 @link-color-bg_hover: transparent;
 @link-color-bg_active: transparent;
-@link-padding-horizontal: 4px;
+@link-padding-horizontal: 0;
 @link-color-text: rgb(var(--link-6));
 @link-color-text_hover: rgb(var(--primary-5));
 @link-color-text_active: rgb(var(--primary-7));
@@ -554,7 +554,7 @@
 @link-color-text_warning_active: rgb(var(--warning-7));
 @link-color-text_warning_disabled: #9ca3b8;
 @link-margin-icon-right: 4px;
-@link-padding-vertical: 1px;
+@link-padding-vertical: 0;
 @link-size-icon: 12px;
 @link-border-radius: var(--border-radius-small);
 @link-color-box-shadow: var(--color-link-light-3);
@@ -970,7 +970,7 @@
 /*********** icon ***********/
 
 @icon-hover-border-radius: var(--border-radius-circle);
-@icon-hover-color-bg: transparent;
+@icon-hover-color-bg: rgb(var(--primary-1));
 @icon-hover-size-default-height: 20px;
 @icon-hover-size-small-height: 20px;
 @icon-hover-size-mini-height: 20px;
@@ -1554,17 +1554,17 @@
 @avatar-font-weight-text: 500;
 @avatar-font-size-text: 20px;
 @avatar-circle-border-radius: var(--border-radius-circle);
-@avatar-square-border-radius: var(--border-radius-medium);
+@avatar-square-border-radius: 8px;
 @avatar-font-size-max-count: 20px;
 @avatar-color-max-count-text: var(--color-white);
 @avatar-size-trigger-button: 20px;
 @avatar-spacing-trigger-button-right: 4px;
 @avatar-spacing-trigger-button-bottom: 4px;
-@avatar-color-trigger-button-bg: var(--color-neutral-2);
-@avatar-color-trigger-button-bg_hover: var(--color-neutral-3);
+@avatar-color-trigger-button-bg: #f5f7fc;
+@avatar-color-trigger-button-bg_hover: rgb(var(--primary-1));
 @avatar-color-trigger-mask-icon: var(--color-white);
 @avatar-opacity-trigger-mask-bg: 60%;
-@avatar-color-trigger-icon-button: var(--color-fill-4);
+@avatar-color-trigger-icon-button: #292f42;
 @avatar-size-trigger-icon: 12px;
 @avatar-border-trigger-button-radius: var(--border-radius-circle);
 @avatar-prefix-cls: ~'@{prefix}-avatar';
@@ -1679,7 +1679,7 @@
 @btn-outline-color-bg: #ffffff;
 @btn-outline-color-bg_disabled: #f5f7fc;
 @btn-outline-color-bg_hover: #ffffff;
-@btn-outline-color-bg_active: transparent;
+@btn-outline-color-bg_active: #ffffff;
 @btn-outline-color-border: rgb(var(--primary-6));
 @btn-outline-color-border_disabled: #c3c7d4;
 @btn-outline-color-border_hover: rgb(var(--primary-5));
@@ -1702,7 +1702,7 @@
 @btn-outline-color-text_danger_active: rgb(var(--danger-7));
 @btn-outline-color-bg_danger: #ffffff;
 @btn-outline-color-bg_danger_disabled: #f5f7fc;
-@btn-outline-color-bg_danger_hover: transparent;
+@btn-outline-color-bg_danger_hover: #ffffff;
 @btn-outline-color-bg_danger_active: #ffffff;
 @btn-outline-color-border_danger: rgb(var(--danger-6));
 @btn-outline-color-border_danger_disabled: #c3c7d4;
@@ -1721,10 +1721,10 @@
 @btn-outline-color-border_success_hover: rgb(var(--success-5));
 @btn-outline-color-border_success_active: rgb(var(--success-7));
 @btn-outline-border-style: solid;
-@btn-primary-color-text: #fff;
+@btn-primary-color-text: #ffffff;
 @btn-primary-color-text_disabled: #9ca3b8;
-@btn-primary-color-text_hover: #fff;
-@btn-primary-color-text_active: #fff;
+@btn-primary-color-text_hover: #ffffff;
+@btn-primary-color-text_active: #ffffff;
 @btn-primary-color-bg: rgb(var(--primary-6));
 @btn-primary-color-bg_disabled: #f5f7fc;
 @btn-primary-color-bg_hover: rgb(var(--primary-5));
@@ -1733,10 +1733,10 @@
 @btn-primary-color-border_disabled: #c3c7d4;
 @btn-primary-color-border_hover: transparent;
 @btn-primary-color-border_active: transparent;
-@btn-primary-color-text_warning: #fff;
+@btn-primary-color-text_warning: #ffffff;
 @btn-primary-color-text_warning_disabled: #9ca3b8;
-@btn-primary-color-text_warning_hover: #fff;
-@btn-primary-color-text_warning_active: #fff;
+@btn-primary-color-text_warning_hover: #ffffff;
+@btn-primary-color-text_warning_active: #ffffff;
 @btn-primary-color-bg_warning: rgb(var(--warning-6));
 @btn-primary-color-bg_warning_disabled: #f5f7fc;
 @btn-primary-color-bg_warning_hover: rgb(var(--warning-5));
@@ -1745,10 +1745,10 @@
 @btn-primary-color-border_warning_disabled: #c3c7d4;
 @btn-primary-color-border_warning_hover: transparent;
 @btn-primary-color-border_warning_active: transparent;
-@btn-primary-color-text_danger: #fff;
+@btn-primary-color-text_danger: #ffffff;
 @btn-primary-color-text_danger_disabled: #9ca3b8;
-@btn-primary-color-text_danger_hover: #fff;
-@btn-primary-color-text_danger_active: #fff;
+@btn-primary-color-text_danger_hover: #ffffff;
+@btn-primary-color-text_danger_active: #ffffff;
 @btn-primary-color-bg_danger: rgb(var(--danger-6));
 @btn-primary-color-bg_danger_disabled: #f5f7fc;
 @btn-primary-color-bg_danger_hover: rgb(var(--danger-5));
@@ -1757,10 +1757,10 @@
 @btn-primary-color-border_danger_disabled: #c3c7d4;
 @btn-primary-color-border_danger_hover: transparent;
 @btn-primary-color-border_danger_active: transparent;
-@btn-primary-color-text_success: #fff;
+@btn-primary-color-text_success: #ffffff;
 @btn-primary-color-text_success_disabled: #9ca3b8;
 @btn-primary-color-text_success_hover: #fff;
-@btn-primary-color-text_success_active: #fff;
+@btn-primary-color-text_success_active: #ffffff;
 @btn-primary-color-bg_success: rgb(var(--success-6));
 @btn-primary-color-bg_success_disabled: #f5f7fc;
 @btn-primary-color-bg_success_hover: rgb(var(--success-5));
@@ -1931,7 +1931,7 @@
 
 /*********** calendar ***********/
 
-@calendar-color-border: var(--color-neutral-3);
+@calendar-color-border: #dfe2eb;
 @calendar-header-padding-horizontal: 24px;
 @calendar-header-padding-vertical: 24px;
 @calendar-panel-date-cell-padding-vertical: 4px;
@@ -1939,14 +1939,14 @@
 @calendar-panel-year-cell-padding-vertical: 4px;
 @calendar-panel-year-cell-circle-height: 24px;
 @calendar-color-switch-icon: var(--color-text-2);
-@calendar-color-bg-switch-icon: var(--color-bg-5);
-@calendar-color-bg-switch-icon_hover: var(--color-fill-3);
+@calendar-color-bg-switch-icon: transparent;
+@calendar-color-bg-switch-icon_hover: rgb(var(--primary-1));
 @calendar-color-text-title: var(--color-text-1);
-@calendar-color-cell-text-in-view: var(--color-text-1);
-@calendar-color-cell-text-not-in-view: var(--color-text-4);
+@calendar-color-cell-text-in-view: #0f131f;
+@calendar-color-cell-text-not-in-view: #9ca3b8;
 @calendar-color-bg-circle_selected: rgb(var(--primary-6));
 @calendar-color-bg-cell-in-range: var(--color-primary-light-1);
-@calendar-color-bg-cell-disabled: var(--color-fill-1);
+@calendar-color-bg-cell-disabled: #f5f7fc;
 @calendar-color-text-cell-range-boundary: var(--color-white);
 @calendar-color-bg-cell-range-boundary: rgb(var(--primary-6));
 @calendar-color-bg-cell-hover-in-range: var(--color-primary-light-1);
@@ -1971,22 +1971,22 @@
 @card-size-small-padding-horizontal-title: 16px;
 @card-size-small-padding-horizontal-body: 16px;
 @card-size-small-padding-vertical-body: 12px;
-@card-size-default-height-title: 46px;
+@card-size-default-height-title: 56px;
 @card-size-default-font-size-title: 16px;
 @card-size-default-font-size-title-extra: 14px;
 @card-size-default-font-size: 14px;
-@card-size-default-padding-horizontal-title: 16px;
-@card-size-default-padding-horizontal-body: 16px;
-@card-size-default-padding-vertical-body: 16px;
+@card-size-default-padding-horizontal-title: 24px;
+@card-size-default-padding-horizontal-body: 24px;
+@card-size-default-padding-vertical-body: 24px;
 @card-line-height: 1.5715;
 @card-font-weight-title: 500;
-@card-margin-top-meta-footer: 20px;
+@card-margin-top-meta-footer: 16px;
 @card-margin-top-meta-description: 4px;
 @card-margin-right-action-item: 12px;
 @card-color-bg: var(--color-bg-2);
-@card-color-border: #dfe2eb;
+@card-color-border: var(--color-border-2);
 @card-color-title: var(--color-text-1);
-@card-color-title-extra: rgb(var(--primary-6));
+@card-color-title-extra: #292f42;
 @card-color-body: var(--color-text-2);
 @card-color-action: var(--color-text-2);
 @card-color-action_hover: rgb(var(--primary-5));
@@ -1994,8 +1994,8 @@
 @card-color-box-shadow_dark: rgba(var(--gray-1), 40%);
 @card-border-width: 1px;
 @card-border-width-title-bottom: 1px;
-@card-border-radius: 12px;
-@card-border-radius-no-border: var(--border-radius-none);
+@card-border-radius: 8px;
+@card-border-radius-no-border: 8px;
 @card-prefix-cls: ~'@{prefix}-card';
 
 
@@ -2063,7 +2063,7 @@
 @checkbox-mask-border-radius: var(--border-radius-small);
 @checkbox-mask-height: 14px;
 @checkbox-mask-bg-height: 24px;
-@checkbox-mask-bg-color-bg: transparent;
+@checkbox-mask-bg-color-bg: rgb(var(--primary-1));
 @checkbox-mask-color-bg: var(--color-bg-2);
 @checkbox-mask-color-bg_checked: rgb(var(--primary-6));
 @checkbox-mask-color-bg_disabled: var(--color-fill-2);
@@ -2090,19 +2090,19 @@
 /*********** collapse ***********/
 
 @collapse-border-width: 1px;
-@collapse-border-radius: var(--border-radius-medium);
+@collapse-border-radius: 4px;
 @collapse-color-border: #dfe2eb;
 @collapse-line-height: 1.5715;
 @collapse-title-line-height: 24px;
 @collapse-title-border-width: 1px;
 @collapse-title-color-border: #dfe2eb;
 @collapse-title-font-size: 14px;
-@collapse-title-padding-horizontal: 13px;
-@collapse-title-padding-vertical: 8px;
+@collapse-title-padding-horizontal: 12px;
+@collapse-title-padding-vertical: 9px;
 @collapse-title-color-bg: var(--color-bg-2);
 @collapse-title-color-bg_active: var(--color-bg-2);
 @collapse-title-color-bg_disabled: var(--color-bg-2);
-@collapse-title-color-text: var(--color-text-1);
+@collapse-title-color-text: #292f42;
 @collapse-title-color-text_disabled: var(--color-text-4);
 @collapse-title-font-weight_active: 500;
 @collapse-content-color-text: #292f42;
@@ -2113,7 +2113,7 @@
 @collapse-expand-icon-size: 14px;
 @collapse-expand-icon-size-bg: 16px;
 @collapse-expand-icon-color-bg: transparent;
-@collapse-expand-icon-spacing-text: 5px;
+@collapse-expand-icon-spacing-text: 4px;
 @collapse-color-expand-icon: #292f42;
 @collapse-item-color-border: #dfe2eb;
 @collapse-item-border-width: 1px;
@@ -2125,7 +2125,7 @@
 
 @comment-color-author-text: var(--color-text-2);
 @comment-color-datetime-text: var(--color-text-3);
-@comment-color-content-text: var(--color-text-1);
+@comment-color-content-text: #292f42;
 @comment-color-actions-text: var(--color-text-2);
 @comment-font-size: 14px;
 @comment-font-action-size: 14px;
@@ -2134,7 +2134,7 @@
 @comment-margin-avatar-right: 12px;
 @comment-margin-author-right: 8px;
 @comment-margin-actions-top: 8px;
-@comment-margin-bottom: 20px;
+@comment-margin-bottom: 16px;
 @comment-margin-actions-right: 8px;
 @comment-size-avatar-width: 32px;
 @comment-prefix-cls: ~'@{prefix}-comment';
@@ -2323,9 +2323,9 @@
 
 /*********** empty ***********/
 
-@empty-spacing-padding: 10px;
+@empty-spacing-padding: 16px;
 @empty-color-icon: rgb(var(--gray-5));
-@empty-color-text: rgb(var(--gray-5));
+@empty-color-text: #0f131f;
 @empty-font-size-image: 48px;
 @empty-font-size-text: 14px;
 @empty-spacing-image-margin-bottom: 4px;
@@ -2426,7 +2426,7 @@
 @image-color-title_footer_outer-text: var(--color-text-1);
 @image-color-title_footer_inner-text: var(--color-white);
 @image-color-description_footer_inner-text: var(--color-white);
-@image-color-description_footer_outer-text: var(--color-neutral-6);
+@image-color-description_footer_outer-text: #646c85;
 @image-spacing-actions-left: 12px;
 @image-font-size-actions-item: 14px;
 @image-padding-actions-item-vertical: 0;
@@ -2434,8 +2434,8 @@
 @image-spacing-actions-item-left: 12px;
 @image-radius-actions-item: var(--border-radius-small);
 @image-color-actions-item_footer_inner_hover-bg: rgba(0, 0, 0, 0.5);
-@image-color-actions-item_footer_outer_hover-bg: var(--color-neutral-2);
-@image-color-actions-item_trigger-text: var(--color-neutral-8);
+@image-color-actions-item_footer_outer_hover-bg: rgb(var(--primary-1));
+@image-color-actions-item_trigger-text: #292f42;
 @image-color-actions-item_trigger_hover-bg: var(--color-neutral-2);
 @image-spacing-actions-trigger-item-vertical: 5px;
 @image-spacing-actions-trigger-item-horizontal: 4px;
@@ -2445,20 +2445,20 @@
 @image-padding-footer_inner_horizontal: 16px;
 @image-spacing-footer_inner_simple-vertical: 12px;
 @image-spacing-footer_inner_simple-horizontal: 16px;
-@image-color-footer_outer-text: var(--color-neutral-8);
+@image-color-footer_outer-text: #292f42;
 @image-spacing-footer-top: 4px;
-@image-color-error-bg: var(--color-neutral-1);
-@image-color-error-text: var(--color-neutral-4);
+@image-color-error-bg: #f5f7fc;
+@image-color-error-text: #9ca3b8;
 @image-font-size-error-icon: 60px;
 @image-font-size-error-text: 12px;
 @image-line-height-error-text: 1.6667;
 @image-size-error-min-height: 100px;
 @image-spacing-error-padding: 16px;
-@image-color-loader-bg: var(--color-neutral-1);
+@image-color-loader-bg: #f5f7fc;
 @image-size-loader-min-height: 100px;
 @image-font-size-loader-spin: 32px;
 @image-color-loader-spin-text: rgb(var(--primary-6));
-@image-color-loader-spin-text-text: var(--color-neutral-6);
+@image-color-loader-spin-text-text: #646c85;
 @image-font-size-loader-spin-text: 16px;
 @image-preview-color-mask-bg: var(--color-mask-bg);
 @image-preview-size-scale-value-height: 32px;
@@ -2475,10 +2475,10 @@
 @image-preview-spacing-toolbar-vertical_simple: 4px;
 @image-preview-position-toolbar-bottom: 46px;
 @image-preview-font-size-action: 14px;
-@image-preview-color-action-text: var(--color-neutral-8);
+@image-preview-color-action-text: #292f42;
 @image-preview-radius-action: var(--border-radius-small);
 @image-preview-color-action-bg: transparent;
-@image-preview-color-action_hover-bg: var(--color-neutral-2);
+@image-preview-color-action_hover-bg: rgb(var(--primary-1));
 @image-preview-color-action_hover-text: rgb(var(--primary-6));
 @image-preview-color-action_disabled-bg: transparent;
 @image-preview-color-action_disabled-text: var(--color-text-4);
@@ -2547,7 +2547,7 @@
 @list-font-size: 14px;
 @list-line-height: 1.5715;
 @list-color-text-header: var(--color-text-1);
-@list-color-bg-item-hover: var(--color-fill-1);
+@list-color-bg-item-hover: rgb(var(--primary-1));
 @list-font-size-header: 16px;
 @list-font-weight-header: 500;
 @list-line-height-header: 1.5;
@@ -2570,9 +2570,9 @@
 @list-meta-margin-bottom-title: 2px;
 @list-meta-padding-horizontal: 0;
 @list-meta-padding-vertical: 4px;
-@list-action-gap: 20px;
-@list-action-margin-top: 4px;
-@list-pagination-margin-top: 24px;
+@list-action-gap: 12px;
+@list-action-margin-top: 8px;
+@list-pagination-margin-top: 16px;
 @list-prefix-cls: ~'@{prefix}-list';
 
 
@@ -3482,10 +3482,10 @@
 @tabs-card-color-title-bg_active: transparent;
 @tabs-card-border-content-width: 1px;
 @tabs-card-gutter-spacing-horizontal: 4px;
-@tabs-card-gutter-color-title-bg: var(--color-fill-1);
-@tabs-card-gutter-color-title-bg_hover: var(--color-fill-3);
+@tabs-card-gutter-color-title-bg: #f5f7fc;
+@tabs-card-gutter-color-title-bg_hover: rgb(var(--primary-1));
 @tabs-card-gutter-color-title-bg_active: transparent;
-@tabs-card-gutter-color-title-bg_disabled: var(--color-fill-1);
+@tabs-card-gutter-color-title-bg_disabled: #f5f7fc;
 @tabs-text-size-separator-height: 12px;
 @tabs-text-size-separator-width: 2px;
 @tabs-text-color-separator-bg: #dfe2eb;
@@ -3835,7 +3835,7 @@
 @typography-heading-margin-top: 1em;
 @typography-heading-margin-bottom: 0.5em;
 @typography-heading-font-weight: 500;
-@typography-color-text: var(--color-text-1);
+@typography-color-text: #0f131f;
 @typography-text-color-text-primary: rgb(var(--primary-6));
 @typography-text-color-text-secondary: var(--color-text-2);
 @typography-text-color-text-success: rgb(var(--success-6));
@@ -3845,27 +3845,27 @@
 @typography-text-color-bg-mark: rgb(var(--yellow-4));
 @typography-text-font-weight-bold: 500;
 @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);
+@typography-text-color-code-border: #dfe2eb;
+@typography-text-color-code-bg: #f5f7fc;
 @typography-text-padding-code-vertical: 2px;
 @typography-text-padding-code-horizontal: 8px;
 @typography-text-margin-code-horizontal: 2px;
 @typography-paragraph-line-height: 1.5715;
 @typography-paragraph-line-height-close: 1.3;
-@typography-operation-margin-left: 2px;
+@typography-operation-margin-left: 8px;
 @typography-color-icon-copy: var(--color-text-2);
 @typography-color-bg-icon-copy: transparent;
-@typography-color-icon-copy_hover: var(--color-text-2);
-@typography-color-bg-icon-copy_hover: var(--color-fill-2);
+@typography-color-icon-copy_hover: rgb(var(--primary-5));
+@typography-color-bg-icon-copy_hover: transparent;
 @typography-color-icon-copy_copied: rgb(var(--success-6));
 @typography-color-icon-edit: var(--color-text-2);
 @typography-color-bg-icon-edit: transparent;
-@typography-color-icon-edit_hover: var(--color-text-2);
-@typography-color-bg-icon-edit_hover: var(--color-fill-2);
+@typography-color-icon-edit_hover: rgb(var(--primary-5));
+@typography-color-bg-icon-edit_hover: transparent;
 @typography-color-expand-text: rgb(var(--primary-6));
 @typography-color-expand-text_hover: rgb(var(--primary-5));
 @typography-color-blockquote-border-width: 2px;
-@typography-color-blockquote-border-left: var(--color-neutral-6);
+@typography-color-blockquote-border-left: #9ca3b8;
 @typography-color-blockquote-bg: var(--color-bg-2);
 @typography-color-box-shadow: var(--color-primary-light-3);
 @typography-prefix-cls: ~'@{prefix}-typography';

package/variables.less

@@ -757,7 +757,7 @@
 @transition-timing-function-decelerate: cubic-bezier(0.4, 0.8, 0.74, 1);
 @transition-timing-function-accelerate: cubic-bezier(0.26, 0, 0.6, 0.2);
 @icon-hover-border-radius: var(~'@{arco-cssvars-prefix}-border-radius-circle');
-@icon-hover-color-bg: @color-transparent;
+@icon-hover-color-bg: @color-primary-1;
 @icon-hover-size-default-height: 20px;
 @icon-hover-size-small-height: 20px;
 @icon-hover-size-mini-height: 20px;
@@ -802,10 +802,10 @@
 @color-prefix-cls: ~'@{prefix}-color';
 @btn-secondary-color-text_hover: @color-primary-5;
 @btn-secondary-color-text_active: @color-primary-7;
-@btn-secondary-color-bg: @color-bg-white;
+@btn-secondary-color-bg: @color-bg-2;
 @btn-secondary-color-bg_disabled: @color-fill-2;
-@btn-secondary-color-bg_hover: @color-bg-white;
-@btn-secondary-color-bg_active: @color-bg-white;
+@btn-secondary-color-bg_hover: @color-bg-2;
+@btn-secondary-color-bg_active: @color-bg-2;
 @btn-secondary-color-border: @color-border-3;
 @btn-secondary-color-border_disabled: @color-border-3;
 @btn-secondary-color-border_hover: @color-primary-5;
@@ -814,10 +814,10 @@
 @btn-secondary-color-text_warning_disabled: @color-text-4;
 @btn-secondary-color-text_warning_hover: @color-warning-5;
 @btn-secondary-color-text_warning_active: @color-warning-7;
-@btn-secondary-color-bg_warning: @color-bg-white;
+@btn-secondary-color-bg_warning: @color-bg-2;
 @btn-secondary-color-bg_warning_disabled: @color-fill-2;
-@btn-secondary-color-bg_warning_hover: @color-bg-white;
-@btn-secondary-color-bg_warning_active: @color-bg-white;
+@btn-secondary-color-bg_warning_hover: @color-bg-2;
+@btn-secondary-color-bg_warning_active: @color-bg-2;
 @btn-secondary-color-border_warning: @color-warning-6;
 @btn-secondary-color-border_warning_disabled: @color-border-3;
 @btn-secondary-color-border_warning_active: @color-warning-7;
@@ -856,9 +856,9 @@
 @btn-primary-color-text_success_disabled: @color-text-4;
 @btn-primary-color-bg_success_disabled: @color-fill-2;
 @btn-primary-color-border_success_disabled: @color-border-3;
-@btn-dashed-color-bg: @color-bg-white;
+@btn-dashed-color-bg: @color-bg-2;
 @btn-dashed-color-bg_hover: @color-bg-white;
-@btn-dashed-color-bg_active: @color-bg-white;
+@btn-dashed-color-bg_active: @color-bg-2;
 @btn-dashed-color-border: @color-border-3;
 @btn-dashed-color-border_disabled: @color-border-3;
 @btn-dashed-color-border_hover: @color-primary-5;
@@ -866,53 +866,53 @@
 @btn-dashed-color-text_hover: @color-primary-5;
 @btn-dashed-color-text_active: @color-primary-7;
 @btn-dashed-color-text_warning_disabled: @color-text-4;
-@btn-dashed-color-bg_warning: @color-bg-white;
+@btn-dashed-color-bg_warning: @color-bg-2;
 @btn-dashed-color-bg_warning_disabled: @color-fill-2;
-@btn-dashed-color-bg_warning_hover: @color-bg-white;
-@btn-dashed-color-bg_warning_active: @color-bg-white;
+@btn-dashed-color-bg_warning_hover: @color-bg-2;
+@btn-dashed-color-bg_warning_active: @color-bg-2;
 @btn-dashed-color-border_warning: @color-warning-6;
 @btn-dashed-color-border_warning_disabled: @color-border-3;
 @btn-dashed-color-border_warning_hover: @color-warning-5;
 @btn-dashed-color-text_danger_disabled: @color-text-4;
 @btn-dashed-color-text_danger_hover: @color-danger-5;
 @btn-dashed-color-text_danger_active: @color-danger-7;
-@btn-dashed-color-bg_danger: @color-bg-white;
+@btn-dashed-color-bg_danger: @color-bg-2;
 @btn-dashed-color-bg_danger_disabled: @color-fill-2;
-@btn-dashed-color-bg_danger_hover: @color-bg-white;
-@btn-dashed-color-bg_danger_active: @color-bg-white;
+@btn-dashed-color-bg_danger_hover: @color-bg-2;
+@btn-dashed-color-bg_danger_active: @color-bg-2;
 @btn-dashed-color-border_danger: @color-danger-6;
 @btn-dashed-color-border_danger_disabled: @color-border-3;
 @btn-dashed-color-border_danger_hover: @color-danger-5;
 @btn-dashed-color-text_success_disabled: @color-text-4;
 @btn-dashed-color-text_success_hover: @color-success-5;
 @btn-dashed-color-text_success_active: @color-success-7;
-@btn-dashed-color-bg_success: @color-bg-white;
+@btn-dashed-color-bg_success: @color-bg-2;
 @btn-dashed-color-bg_success_disabled: @color-fill-2;
-@btn-dashed-color-bg_success_active: @color-bg-white;
-@btn-dashed-color-bg_success_hover: @color-bg-white;
+@btn-dashed-color-bg_success_active: @color-bg-2;
+@btn-dashed-color-bg_success_hover: @color-bg-2;
 @btn-dashed-color-border_success: @color-success-6;
 @btn-dashed-color-border_success_disabled: @color-border-3;
 @btn-dashed-color-border_success_active: @color-success-7;
 @btn-outline-color-text_disabled: @color-text-4;
 @btn-outline-color-bg_disabled: @color-fill-2;
-@btn-outline-color-bg_hover: @color-bg-white;
-@btn-outline-color-bg: @color-bg-white;
+@btn-outline-color-bg_hover: @color-bg-2;
+@btn-outline-color-bg: @color-bg-2;
 @btn-outline-color-border_disabled: @color-border-3;
 @btn-outline-color-text_warning_disabled: @color-text-4;
-@btn-outline-color-bg_warning: @color-bg-white;
+@btn-outline-color-bg_warning: @color-bg-2;
 @btn-outline-color-bg_warning_disabled: @color-fill-2;
-@btn-outline-color-bg_warning_active: @color-bg-white;
+@btn-outline-color-bg_warning_active: @color-bg-2;
 @btn-outline-color-border_warning_disabled: @color-border-3;
 @btn-outline-color-text_danger_disabled: @color-text-4;
-@btn-outline-color-bg_danger: @color-bg-white;
+@btn-outline-color-bg_danger: @color-bg-2;
 @btn-outline-color-bg_danger_disabled: @color-fill-2;
-@btn-outline-color-bg_danger_active: @color-bg-white;
+@btn-outline-color-bg_danger_active: @color-bg-2;
 @btn-outline-color-border_danger_disabled: @color-border-3;
 @btn-outline-color-text_success_disabled: @color-text-4;
-@btn-outline-color-bg_success: @color-bg-white;
+@btn-outline-color-bg_success: @color-bg-2;
 @btn-outline-color-bg_success_disabled: @color-fill-2;
-@btn-outline-color-bg_success_hover: @color-bg-white;
-@btn-outline-color-bg_success_active: @color-bg-white;
+@btn-outline-color-bg_success_hover: @color-bg-2;
+@btn-outline-color-bg_success_active: @color-bg-2;
 @btn-outline-color-border_success_disabled: @color-border-3;
 @btn-text-color-text_disabled: @color-text-4;
 @btn-text-color-bg_hover: @color-transparent;
@@ -959,8 +959,8 @@
 @divider-color-bg: @color-border-2;
 @avatar-color-bg: @color-primary-4;
 @badge-size-dot-width: @size-2;
-@card-color-border: @color-border-2;
-@card-border-radius: 12px;
+@card-color-border: var(~'@{arco-cssvars-prefix}-color-border-2');
+@card-border-radius: @border-radius-large;
 @collapse-color-border: @color-border-2;
 @collapse-title-color-border: @color-border-2;
 @collapse-content-color-text_disabled: @color-text-4;
@@ -1270,3 +1270,75 @@
 @steps-dot-color-item-tail_wait: @color-border-2;
 @resizeBox-trigger-color-icon: @color-text-2;
 @resizeBox-trigger-color-background: @color-fill-3;
+@typography-color-text: @color-text-1;
+@typography-color-blockquote-border-left: @color-text-4;
+@typography-color-bg-icon-copy_hover: @color-transparent;
+@typography-color-bg-icon-edit_hover: @color-transparent;
+@btn-primary-color-text_hover: @color-white;
+@btn-primary-color-text_active: @color-white;
+@btn-primary-color-text: @color-white;
+@btn-primary-color-text_warning: @color-white;
+@btn-primary-color-text_warning_hover: @color-white;
+@btn-primary-color-text_warning_active: @color-white;
+@btn-primary-color-text_danger: @color-white;
+@btn-primary-color-text_danger_hover: @color-white;
+@btn-primary-color-text_danger_active: @color-white;
+@btn-primary-color-text_success: @color-white;
+@btn-primary-color-text_success_active: @color-white;
+@btn-outline-color-bg_active: @color-bg-2;
+@btn-outline-color-bg_danger_hover: @color-bg-2;
+@link-padding-horizontal: @spacing-none;
+@link-padding-vertical: @spacing-none;
+@tabs-card-gutter-color-title-bg_hover: @color-primary-1;
+@tabs-card-gutter-color-title-bg_disabled: @color-fill-2;
+@tabs-card-gutter-color-title-bg: @color-fill-2;
+@typography-operation-margin-left: @spacing-4;
+@typography-color-icon-copy_hover: @color-primary-5;
+@typography-text-color-code-border: @color-border-2;
+@typography-text-color-code-bg: @color-fill-2;
+@typography-color-icon-edit_hover: @color-primary-5;
+@divider-margin-vertical: @spacing-8;
+@avatar-square-border-radius: @border-radius-large;
+@avatar-color-trigger-icon-button: @color-text-2;
+@avatar-color-trigger-button-bg: @color-fill-2;
+@avatar-color-trigger-button-bg_hover: @color-primary-1;
+@badge-font-status-text-size: @font-size-body-3;
+@card-size-default-height-title: @size-14;
+@card-size-default-padding-horizontal-title: @spacing-9;
+@card-size-default-padding-horizontal-body: @spacing-9;
+@card-size-default-padding-vertical-body: @spacing-9;
+@card-color-title-extra: @color-text-2;
+@card-margin-top-meta-footer: @spacing-7;
+@card-border-radius-no-border: @border-radius-large;
+@card-size-small-padding-horizontal-title: @spacing-7;
+@card-size-small-padding-horizontal-body: @spacing-7;
+@calendar-color-border: @color-border-2;
+@calendar-color-cell-text-in-view: @color-text-1;
+@calendar-color-bg-cell-disabled: @color-fill-2;
+@calendar-color-cell-text-not-in-view: @color-text-4;
+@calendar-color-bg-switch-icon: @color-transparent;
+@calendar-color-bg-switch-icon_hover: @color-primary-1;
+@collapse-border-radius: @border-radius-medium;
+@collapse-title-color-text: @color-text-2;
+@collapse-title-padding-vertical: 9px;
+@collapse-title-padding-horizontal: @spacing-6;
+@collapse-expand-icon-spacing-text: @spacing-2;
+@comment-color-content-text: @color-text-2;
+@comment-margin-bottom: @spacing-7;
+@empty-color-text: @color-text-1;
+@empty-spacing-padding: @spacing-7;
+@image-color-description_footer_outer-text: @color-text-3;
+@image-color-footer_outer-text: @color-text-2;
+@image-color-actions-item_footer_outer_hover-bg: @color-primary-1;
+@image-color-actions-item_trigger-text: @color-text-2;
+@image-color-loader-spin-text-text: @color-text-3;
+@image-color-loader-bg: @color-fill-2;
+@image-color-error-bg: @color-fill-2;
+@image-color-error-text: @color-text-4;
+@image-preview-color-action-text: @color-text-2;
+@image-preview-color-action_hover-bg: @color-primary-1;
+@list-color-bg-item-hover: @color-primary-1;
+@list-pagination-margin-top: @spacing-7;
+@list-action-gap: @spacing-6;
+@list-action-margin-top: @spacing-4;
+@list-meta-margin-right-avatar: @spacing-7;