@arco-themes/vue-rb-node-saas-web 0.0.7 → 0.0.8

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@arco-themes/vue-rb-node-saas-web",
-  "version": "0.0.7",
+  "version": "0.0.8",
   "description": "",
   "author": "k5v1n",
   "owners": [],

package/theme.css

@@ -315,6 +315,7 @@ body {
   --warning-10: 77, 25, 0;
   --color-fill-table-td: #f8f9fb;
   --color-fill-table-th: #f0f2f7;
+  --color-fill-capsule: #e9ecee;
 }
 body[arco-theme='dark'] {
   --red-1: 77, 0, 10;
@@ -509,5 +510,6 @@ body[arco-theme='dark'] {
   --warning-10: 255, 247, 232;
   --color-fill-table-td: #f8f9fb;
   --color-fill-table-th: #f0f2f7;
+  --color-fill-capsule: #e9ecee;
 }
 

package/theme.less

@@ -810,6 +810,8 @@
 @dark-color-fill-table-td: #f8f9fb;
 @dark-color-fill-table-th: #f0f2f7;
 @color-fill-table-th: #f0f2f7;
+@color-fill-capsule: #e9ecee;
+@dark-color-fill-capsule: #e9ecee;
 
 
   @arco-theme-tag: body;
@@ -1238,6 +1240,7 @@
 
     @{arco-cssvars-prefix}-color-fill-table-td: @color-fill-table-td;
 @{arco-cssvars-prefix}-color-fill-table-th: @color-fill-table-th;
+@{arco-cssvars-prefix}-color-fill-capsule: @color-fill-capsule;
 
   }
 
@@ -1434,5 +1437,6 @@
     @{arco-cssvars-prefix}-warning-10: if(iscolor(@dark-warning-10), .getColorRgbStr(@dark-warning-10)[], replace(~'@{dark-warning-10}', 'rgb\((.*)\)$', '$1'));
     @{arco-cssvars-prefix}-color-fill-table-td: @dark-color-fill-table-td;
 @{arco-cssvars-prefix}-color-fill-table-th: @dark-color-fill-table-th;
+@{arco-cssvars-prefix}-color-fill-capsule: @dark-color-fill-capsule;
 
   }

package/tokens.less

@@ -464,6 +464,7 @@
 @dark-color-border-3: #5f5f60;
 @dark-color-fill-table-td: #f8f9fb;
 @dark-color-fill-table-th: #f0f2f7;
+@dark-color-fill-capsule: #e9ecee;
 
 
 /*********** primary ***********/
@@ -840,6 +841,7 @@
 @color-prefix-cls: ~'@{prefix}-color';
 @color-fill-table-td: #f8f9fb;
 @color-fill-table-th: #f0f2f7;
+@color-fill-capsule: #e9ecee;
 @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;
@@ -1045,7 +1047,7 @@
 @input-size-shadow_focus: 3px;
 @input-color-addon-border_default: transparent;
 @input-color-text: var(--color-text-1);
-@input-color-placeholder-text: #4e5969;
+@input-color-placeholder-text: #86909c;
 @input-color-text_disabled: #e5e6eb;
 @input-color-bg_error: var(--color-danger-light-1);
 @input-color-bg_error_hover: var(--color-danger-light-2);
@@ -1615,7 +1617,7 @@
 @avatar-size-default: 40px;
 @avatar-font-size-text: 20px;
 @avatar-color-text: var(--color-white);
-@avatar-color-bg: #e5e6eb;
+@avatar-color-bg: var(--color-neutral-3);
 @avatar-color-group-item-border: var(--color-bg-2);
 @avatar-group-item-border-width: 2px;
 @avatar-group-item-margin-left: -10px;
@@ -2119,8 +2121,8 @@
 @dropdown-option-padding-horizontal: 12px;
 @dropdown-option-font-weight_selected: 500;
 @dropdown-option-color-bg_default: transparent;
-@dropdown-option-color-bg_hover: var(--color-fill-2);
-@dropdown-option-color-bg_selected: transparent;
+@dropdown-option-color-bg_hover: rgb(var(--primary-1));
+@dropdown-option-color-bg_selected: rgb(var(--primary-1));
 @dropdown-option-color-bg_disabled: transparent;
 @dropdown-option-color-text_default: var(--color-text-1);
 @dropdown-option-color-text_hover: var(--color-text-1);
@@ -2373,7 +2375,7 @@
 @divider-font-weight: 500;
 @divider-size: 1px;
 @divider-line-style: solid;
-@divider-color-bg: var(--color-neutral-3);
+@divider-color-bg: #e5e6eb;
 @divider-color-text: var(--color-text-1);
 @divider-prefix-cls: ~'@{prefix}-divider';
 
@@ -2672,7 +2674,7 @@
 @menu-font-size: 14px;
 @menu-line-height: 1.5715;
 @menu-border-radius: var(--border-radius-small);
-@menu-font-weight-item-selected: 500;
+@menu-font-weight-item-selected: 700;
 @menu-color-label-item-selected: rgb(var(--primary-6));
 @menu-height-label-item-selected: 3px;
 @menu-margin-left-item-suffix-icon: 6px;
@@ -2685,8 +2687,8 @@
 @menu-border-radius-collapse-button: var(--border-radius-small);
 @menu-light-color-bg: var(--color-menu-light-bg);
 @menu-light-color-bg-item_default: var(--color-menu-light-bg);
-@menu-light-color-bg-item_hover: var(--color-fill-2);
-@menu-light-color-bg-item_selected: var(--color-fill-2);
+@menu-light-color-bg-item_hover: rgb(var(--primary-1));
+@menu-light-color-bg-item_selected: rgb(var(--primary-1));
 @menu-light-color-bg-item_disabled: var(--color-menu-light-bg);
 @menu-light-color-item_default: var(--color-text-2);
 @menu-light-color-item_hover: var(--color-text-2);
@@ -3081,7 +3083,7 @@
 @radio-size-mask-height: 24px;
 @radio-mask-bg-color-bg: var(--color-fill-2);
 @radio-group-margin-right: 20px;
-@radio-group-button-color-bg: var(--color-fill-2);
+@radio-group-button-color-bg: #e9ecee;
 @radio-button-padding-horizontal: 12px;
 @radio-button-spacing: 3px;
 @radio-button-color-bg_active: var(--color-bg-5);
@@ -3185,7 +3187,7 @@
 
 /*********** skeleton ***********/
 
-@skeleton-color-bg-base: var(--color-fill-2);
+@skeleton-color-bg-base: #f1f2f8;
 @skeleton-radius-image-border: var(--border-radius-small);
 @skeleton-size-image_default: 48px;
 @skeleton-size-image_small: 36px;
@@ -3482,7 +3484,7 @@
 @table-font-size-filters-icon: 16px;
 @table-size-filters-width: 24px;
 @table-font-weight-header-text: 700;
-@table-color-text-body-cell: rgb(var(--gray-10));
+@table-color-text-body-cell: #333333;
 @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: #f8f9fb;
@@ -3596,7 +3598,7 @@
 @tabs-line-padding-title-horizontal_vertical: 20px;
 @tabs-line-color-title-bg: transparent;
 @tabs-line-color-title-bg_active: transparent;
-@tabs-line-color-title-bg_hover: var(--color-fill-2);
+@tabs-line-color-title-bg_hover: #f1f2f8;
 @tabs-line-font-title-text-weight_hover: 400;
 @tabs-line-border-radius: var(--border-radius-small);
 @tabs-card-border-width: 1px;
@@ -3605,7 +3607,7 @@
 @tabs-card-padding-title-right_editable: 12px;
 @tabs-card-border-radius: var(--border-radius-small);
 @tabs-card-color-title-bg: transparent;
-@tabs-card-color-title-bg_hover: var(--color-fill-3);
+@tabs-card-color-title-bg_hover: #f1f2f8;
 @tabs-card-color-title-bg_disabled: transparent;
 @tabs-card-color-title-bg_active: transparent;
 @tabs-card-border-content-width: 1px;
@@ -3622,14 +3624,14 @@
 @tabs-text-color-title-bg_active: transparent;
 @tabs-text-color-title-bg_disabled: transparent;
 @tabs-text-color-title-bg_disabled_active: var(--color-primary-light-3);
-@tabs-text-color-title-bg_hover: var(--color-fill-2);
+@tabs-text-color-title-bg_hover: #f1f2f8;
 @tabs-rounded-padding-title-horizontal: 16px;
 @tabs-rounded-margin-title-horizontal: 12px;
 @tabs-rounded-color-title-bg: transparent;
-@tabs-rounded-color-title-bg_active: var(--color-fill-2);
+@tabs-rounded-color-title-bg_active: #f1f2f8;
 @tabs-rounded-color-title-bg_disabled: transparent;
-@tabs-rounded-color-title-bg_hover: var(--color-fill-2);
-@tabs-capsule-color-header-bg: var(--color-fill-2);
+@tabs-rounded-color-title-bg_hover: #f1f2f8;
+@tabs-capsule-color-header-bg: #e9ecee;
 @tabs-capsule-margin-title-horizontal: 3px;
 @tabs-capsule-padding-title-horizontal: 12px;
 @tabs-capsule-padding-header-vertical: 3px;
@@ -3637,7 +3639,7 @@
 @tabs-capsule-border-header-radius: var(--border-radius-small);
 @tabs-capsule-color-title-bg: transparent;
 @tabs-capsule-color-title-bg_active: var(--color-bg-2);
-@tabs-capsule-color-title-bg_hover: var(--color-bg-2);
+@tabs-capsule-color-title-bg_hover: var(--color-neutral-1);
 @tabs-capsule-size-separator-width: 1px;
 @tabs-capsule-size-separator-height: 14px;
 @tabs-capsule-color-separator-bg: var(--color-fill-3);
@@ -3810,7 +3812,7 @@
 @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);
+@typography-text-color-text-secondary: #86909c;
 @typography-text-color-text-success: rgb(var(--success-6));
 @typography-text-color-text-warning: rgb(var(--warning-6));
 @typography-text-color-text-error: rgb(var(--danger-6));

package/variables.less

@@ -860,8 +860,8 @@
 @pagination-color-bg-item_hover: @color-primary-1;
 @pagination-color-item-text_hover: @color-primary-6;
 @pagination-color-icon-arrow-bg_hover: @color-primary-1;
-@input-color-placeholder-text: @color-text-2;
-@avatar-color-bg: @color-border-2;
+@input-color-placeholder-text: @color-text-3;
+@avatar-color-bg: @color-fill-3;
 @picker-panel-color-bg-cell_hover: @color-primary-2;
 @btn-size-large-padding-horizontal: @spacing-7;
 @btn-size-default-padding-horizontal: 14px;
@@ -894,3 +894,22 @@
 @dark-color-fill-table-td: #f8f9fb;
 @dark-color-fill-table-th: #f0f2f7;
 @color-fill-table-th: #f0f2f7;
+@typography-text-color-text-secondary: @color-text-3;
+@divider-color-bg: @color-border-2;
+@table-color-text-body-cell: @color-text-1;
+@tabs-card-color-title-bg_hover: @color-fill-2;
+@tabs-rounded-color-title-bg_active: @color-fill-2;
+@tabs-text-color-title-bg_hover: @color-fill-2;
+@tabs-line-color-title-bg_hover: @color-fill-2;
+@tabs-rounded-color-title-bg_hover: @color-fill-2;
+@color-fill-capsule: #e9ecee;
+@dark-color-fill-capsule: #e9ecee;
+@tabs-capsule-color-header-bg: @color-fill-capsule;
+@tabs-capsule-color-title-bg_hover: @color-fill-1;
+@radio-group-button-color-bg: @color-fill-capsule;
+@skeleton-color-bg-base: @color-fill-2;
+@menu-light-color-bg-item_hover: @color-primary-1;
+@menu-light-color-bg-item_selected: @color-primary-1;
+@menu-font-weight-item-selected: @font-weight-700;
+@dropdown-option-color-bg_hover: @color-primary-1;
+@dropdown-option-color-bg_selected: @color-primary-1;