@arco-themes/vue-rb-node-saas-web 0.0.4 → 0.0.6

package/package.json

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

package/theme.css

@@ -313,6 +313,8 @@ body {
   --warning-8: 166, 66, 0;
   --warning-9: 121, 44, 0;
   --warning-10: 77, 25, 0;
+  --color-fill-table-td: #f8f9fb;
+  --color-fill-table-th: #f0f2f7;
 }
 body[arco-theme='dark'] {
   --red-1: 77, 0, 10;
@@ -505,5 +507,7 @@ body[arco-theme='dark'] {
   --warning-8: 255, 203, 135;
   --warning-9: 255, 226, 184;
   --warning-10: 255, 247, 232;
+  --color-fill-table-td: #f8f9fb;
+  --color-fill-table-th: #f0f2f7;
 }
 

package/theme.less

@@ -806,6 +806,10 @@
 @watermark-prefix-cls: ~'@{prefix}-watermark';
 @verification-code-prefix-cls: ~'@{prefix}-verification-code';
 @color-prefix-cls: ~'@{prefix}-color';
+@color-fill-table-td: #f8f9fb;
+@dark-color-fill-table-td: #f8f9fb;
+@dark-color-fill-table-th: #f0f2f7;
+@color-fill-table-th: #f0f2f7;
 
 
   @arco-theme-tag: body;
@@ -1232,7 +1236,9 @@
   @{arco-cssvars-prefix}-warning-9: if(iscolor(@warning-9), .getColorRgbStr(@warning-9)[], replace(~'@{warning-9}', 'rgb\((.*)\)$', '$1'));
   @{arco-cssvars-prefix}-warning-10: if(iscolor(@warning-10), .getColorRgbStr(@warning-10)[], replace(~'@{warning-10}', 'rgb\((.*)\)$', '$1'));
 
-    
+    @{arco-cssvars-prefix}-color-fill-table-td: @color-fill-table-td;
+@{arco-cssvars-prefix}-color-fill-table-th: @color-fill-table-th;
+
   }
 
   @{arco-theme-tag}[arco-theme='dark'] {
@@ -1426,5 +1432,7 @@
     @{arco-cssvars-prefix}-warning-8: if(iscolor(@dark-warning-8), .getColorRgbStr(@dark-warning-8)[], replace(~'@{dark-warning-8}', 'rgb\((.*)\)$', '$1'));
     @{arco-cssvars-prefix}-warning-9: if(iscolor(@dark-warning-9), .getColorRgbStr(@dark-warning-9)[], replace(~'@{dark-warning-9}', 'rgb\((.*)\)$', '$1'));
     @{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;
+
   }

package/tokens.less

@@ -462,6 +462,8 @@
 @dark-color-border-2: #484849;
 @dark-color-border-4: #929293;
 @dark-color-border-3: #5f5f60;
+@dark-color-fill-table-td: #f8f9fb;
+@dark-color-fill-table-th: #f0f2f7;
 
 
 /*********** primary ***********/
@@ -836,6 +838,8 @@
 @color-panel-border-color: var(--color-border-2);
 @color-picker-prefix-cls: ~'@{prefix}-color-picker';
 @color-prefix-cls: ~'@{prefix}-color';
+@color-fill-table-td: #f8f9fb;
+@color-fill-table-th: #f0f2f7;
 @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;
@@ -2067,7 +2071,7 @@
 @card-color-box-shadow_dark: rgba(var(--gray-1), 40%);
 @card-border-width: 1px;
 @card-border-width-title-bottom: 1px;
-@card-border-radius: var(--border-radius-small);
+@card-border-radius: 6px;
 @card-border-radius-no-border: var(--border-radius-none);
 @card-prefix-cls: ~'@{prefix}-card';
 
@@ -2376,18 +2380,18 @@
 
 /*********** drawer ***********/
 
-@drawer-size-header-height: 48px;
-@drawer-margin-footer-button-left: 12px;
+@drawer-size-header-height: 60px;
+@drawer-margin-footer-button-left: 16px;
 @drawer-font-header-size: 16px;
-@drawer-padding-horizontal: 16px;
-@drawer-padding-footer-vertical: 16px;
-@drawer-padding-content-vertical: 12px;
+@drawer-padding-horizontal: 32px;
+@drawer-padding-footer-vertical: 23px;
+@drawer-padding-content-vertical: 24px;
 @drawer-font-header-weight: 500;
 @drawer-color-border: var(--color-neutral-3);
 @drawer-color-header-text: var(--color-text-1);
 @drawer-color-content-text: var(--color-text-1);
-@drawer-position-close-icon-right: 16px;
-@drawer-font-size-close-icon: 12px;
+@drawer-position-close-icon-right: 32px;
+@drawer-font-size-close-icon: 16px;
 @drawer-prefix-cls: ~'@{prefix}-drawer';
 
 
@@ -2788,35 +2792,35 @@
 /*********** modal ***********/
 
 @modal-border-radius: var(--border-radius-medium);
-@modal-size-tip-icon: 18px;
+@modal-size-tip-icon: 16px;
 @modal-margin-top: 100px;
 @modal-margin-tip-icon-right: 10px;
-@modal-margin-footer-button-left: 12px;
+@modal-margin-footer-button-left: 16px;
 @modal-color-border: var(--color-neutral-3);
 @modal-color-header-text: var(--color-text-1);
 @modal-color-content-text: var(--color-text-1);
 @modal-font-header-size: 16px;
-@modal-default-padding-horizontal: 20px;
-@modal-default-size-header-height: 48px;
+@modal-default-padding-horizontal: 32px;
+@modal-default-size-header-height: 60px;
 @modal-default-padding-content-vertical: 24px;
-@modal-default-padding-footer-vertical: 16px;
+@modal-default-padding-footer-vertical: 23px;
 @modal-default-size-width: 520px;
 @modal-font-content-size: 14px;
-@modal-default-align-header: center;
+@modal-default-align-header: left;
 @modal-simple-align-header: center;
 @modal-simple-size-width: 400px;
 @modal-simple-padding-horizontal: 32px;
 @modal-simple-padding-top: 24px;
-@modal-simple-padding-bottom: 32px;
-@modal-simple-margin-footer-top: 32px;
+@modal-simple-padding-bottom: 24px;
+@modal-simple-margin-footer-top: 24px;
 @modal-simple-margin-content-top: 24px;
-@modal-position-close-icon-right: 16px;
-@modal-font-size-close-icon: 12px;
+@modal-position-close-icon-right: 32px;
+@modal-font-size-close-icon: 16px;
 @modal-prefix-cls: ~'@{prefix}-modal';
+@modal-simple-align-footer: right;
 @modal-box-shadow: @shadow-none;
 @modal-border-width: @border-none;
 @modal-default-align-footer: right;
-@modal-simple-align-footer: center;
 
 
 /*********** notification ***********/
@@ -3469,7 +3473,7 @@
 @table-color-border: var(--color-neutral-3);
 @table-border-radius: var(--border-radius-medium);
 @table-color-text-header-cell: #333333;
-@table-color-bg-header-cell: #f1f2f8;
+@table-color-bg-header-cell: #f0f2f7;
 @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);
@@ -3481,8 +3485,8 @@
 @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-neutral-1);
-@table-color-bg-body-row_hover: var(--color-neutral-1);
+@table-color-bg-body-stripe-row: #f8f9fb;
+@table-color-bg-body-row_hover: #f8f9fb;
 @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);

package/variables.less

@@ -813,10 +813,10 @@
 @input-color-text_disabled: @color-border-2;
 @btn-secondary-color-bg: @color-fill-2;
 @table-font-weight-header-text: @font-weight-700;
-@table-color-bg-header-cell: @color-fill-2;
+@table-color-bg-header-cell: @color-fill-table-th;
 @table-color-text-header-cell: @color-text-1;
-@table-color-bg-body-row_hover: @color-fill-1;
-@table-color-bg-body-stripe-row: @color-fill-1;
+@table-color-bg-body-row_hover: @color-fill-table-td;
+@table-color-bg-body-stripe-row: @color-fill-table-td;
 @table-size-middle-font-header-size: @font-size-body-1;
 @table-size-small-font-header-size: @font-size-body-1;
 @table-size-default-font-header-size: @font-size-body-1;
@@ -871,3 +871,26 @@
 @btn-size-mini-icon-spacing: @spacing-1;
 @btn-size-mini-padding-horizontal: @spacing-5;
 @btn-size-large-icon-spacing: @spacing-3;
+@card-border-radius: @border-radius-medium;
+@modal-default-size-header-height: @size-15;
+@modal-size-tip-icon: @size-4;
+@modal-font-size-close-icon: @size-4;
+@modal-position-close-icon-right: @spacing-10;
+@modal-simple-padding-bottom: @spacing-9;
+@modal-simple-margin-footer-top: @spacing-9;
+@modal-simple-align-footer: right;
+@modal-default-padding-horizontal: @spacing-10;
+@modal-default-align-header: left;
+@modal-margin-footer-button-left: @spacing-7;
+@modal-default-padding-footer-vertical: 23px;
+@drawer-padding-horizontal: @spacing-10;
+@drawer-padding-content-vertical: @spacing-9;
+@drawer-position-close-icon-right: @spacing-10;
+@drawer-font-size-close-icon: @size-4;
+@drawer-size-header-height: @size-15;
+@drawer-margin-footer-button-left: @size-4;
+@drawer-padding-footer-vertical: 23px;
+@color-fill-table-td: #f8f9fb;
+@dark-color-fill-table-td: #f8f9fb;
+@dark-color-fill-table-th: #f0f2f7;
+@color-fill-table-th: #f0f2f7;