@arco-themes/vue-cube-theme 0.0.2-beta.1 → 0.0.3

package/variables.less

@@ -204,10 +204,10 @@
 @spacing-20: 96px;
 @spacing-21: 100px;
 @spacing-22: 120px;
-@size-mini: @size-6;
-@size-small: @size-7;
-@size-default: @size-8;
-@size-large: @size-9;
+@size-mini: @size-7;
+@size-small: @size-8;
+@size-default: @size-9;
+@size-large: @size-12;
 @upload-prefix-cls: ~'@{prefix}-upload';
 @steps-prefix-cls: ~'@{prefix}-steps';
 @image-prefix-cls: ~'@{prefix}-image';
@@ -408,10 +408,10 @@
 @dark-orange-5: #FF8D1F;
 @dark-blue-8: #A1D5FD;
 @dark-orangered-10: #FFF4EB;
-@primary-1: rgb(3, 194, 128);
+@primary-1: rgb(214, 244, 232);
 @dark-red-8: #FBB0A7;
 @success-9: rgb(var(~'@{arco-cssvars-prefix}-green-9'));
-@primary-4: rgb(3, 194, 128);
+@primary-4: rgb(0, 134, 80);
 @dark-lime-10: #FDFFEE;
 @dark-gray-5: #78787a;
 @dark-yellow-5: #FAE13C;
@@ -483,7 +483,7 @@
 @dark-green-3: #0A802D;
 @dark-orangered-2: #771E05;
 @warning-5: rgb(255, 169, 35);
-@primary-7: rgb(3, 194, 128);
+@primary-7: rgb(0, 127, 82);
 @primary-9: rgb(var(~'@{arco-cssvars-prefix}-arcoblue-9'));
 @dark-cyan-9: #BEF4ED;
 @link-3: rgb(var(~'@{arco-cssvars-prefix}-arcoblue-3'));
@@ -500,7 +500,7 @@
 @danger-5: rgb(255, 88, 78);
 @dark-danger-6: rgb(255, 59, 48);
 @link-8: rgb(var(~'@{arco-cssvars-prefix}-arcoblue-8'));
-@primary-2: rgb(3, 194, 128);
+@primary-2: rgb(107, 119, 113);
 @dark-cyan-10: #F0FFFC;
 @dark-gray-10: #f6f6f6;
 @dark-warning-3: rgb(var(~'@{arco-cssvars-prefix}-orange-3'));
@@ -529,10 +529,10 @@
 @warning-6: rgb(255, 159, 10);
 @link-6: rgb(10, 132, 255);
 @dark-danger-3: rgb(var(~'@{arco-cssvars-prefix}-red-3'));
-@primary-5: rgb(29, 200, 141);
+@primary-5: rgb(0, 135, 84);
 @dark-orange-9: #FFE3B8;
 @dark-warning-9: rgb(var(~'@{arco-cssvars-prefix}-orange-9'));
-@primary-3: rgb(3, 194, 128);
+@primary-3: rgb(229, 245, 239);
 @warning-3: rgb(var(~'@{arco-cssvars-prefix}-orange-3'));
 @dark-orange-6: #FF9626;
 @dark-purple-5: #7B3DD1;
@@ -591,12 +591,12 @@
 @dark-color-white: rgba(255, 255, 255, 0.9);
 @color-text-3: rgba(0,0,0,0.24);
 @color-text-2: rgba(0,0,0,0.56);
-@color-text-4: rgb(194, 194, 194);
+@color-text-4: rgba(0,0,0,0.24);
 @dark-color-text-3: rgba(255,255,255,0.32);
 @color-border-2: rgb(229, 230, 235);
 @color-fill-4: var(~'@{arco-cssvars-prefix}-color-neutral-4');
 @color-fill-2: var(~'@{arco-cssvars-prefix}-color-neutral-2');
-@color-fill-3: var(~'@{arco-cssvars-prefix}-color-neutral-3');
+@color-fill-3: rgb(230, 231, 233);
 @dark-color-bg-1: #17171A;
 @dark-color-fill-4: rgba(255, 255, 255, 0.16);
 @dark-color-bg-white: #f6f6f6;
@@ -611,14 +611,14 @@
 @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: #ffffff;
+@color-bg-3: rgb(240, 241, 243);
 @dark-color-bg-2: #232324;
 @dark-color-bg-4: #313132;
 @dark-color-bg-5: #373739;
 @color-bg-5: #ffffff;
-@color-bg-4: #ffffff;
+@color-bg-4: rgba(0,0,0,0.1);
 @dark-color-bg-3: #2a2a2b;
-@color-bg-2: #ffffff;
+@color-bg-2: rgb(255, 255, 255);
 @color-border-3: rgb(220, 223, 230);
 @textarea-prefix-cls: ~'@{prefix}-textarea';
 @color-primary-1: rgb(var(~'@{arco-cssvars-prefix}-primary-1'));
@@ -804,7 +804,7 @@
 @input-color-placeholder-text: var(~'@{arco-cssvars-prefix}-color-text-4');
 @table-color-bg-header-cell: var(~'@{arco-cssvars-prefix}-color-fill-1');
 @table-font-weight-header-text: @font-weight-600;
-@btn-secondary-color-bg: @color-transparent;
+@btn-secondary-color-bg: @color-bg-3;
 @btn-dashed-color-border_hover: @color-primary-5;
 @form-color-border_warning_hover: @color-warning-5;
 @table-color-text-header-cell: var(~'@{arco-cssvars-prefix}-color-text-3');
@@ -812,7 +812,7 @@
 @radio-margin-text-left: @spacing-3;
 @drawer-color-border: var(~'@{arco-cssvars-prefix}-color-border-2');
 @btn-dashed-color-border_danger_active: @color-danger-7;
-@input-color-border: var(~'@{arco-cssvars-prefix}-color-border-3');
+@input-color-border: @color-transparent;
 @checkbox-mask-border-width: @border-1;
 @modal-default-padding-footer-vertical: @spacing-6;
 @btn-dashed-color-bg_warning_disabled: @color-transparent;
@@ -826,7 +826,7 @@
 @collapse-content-color-bg: var(~'@{arco-cssvars-prefix}-color-bg-5');
 @menu-light-color-item_default: var(~'@{arco-cssvars-prefix}-color-text-2');
 @modal-simple-margin-footer-top: @spacing-8;
-@input-color-bg_error_hover: var(~'@{arco-cssvars-prefix}-color-bg-2');
+@input-color-bg_error_hover: @color-fill-2;
 @form-color-border_error_hover: @color-danger-5;
 @btn-outline-color-bg: @color-primary-1;
 @card-size-default-height-title: @size-11;
@@ -855,7 +855,7 @@
 @descriptions-border-radius: @border-radius-small;
 @input-color-border_error_hover: @color-danger-5;
 @modal-color-border: var(~'@{arco-cssvars-prefix}-color-border-3');
-@btn-secondary-color-bg_active: var(~'@{arco-cssvars-prefix}-color-fill-2');
+@btn-secondary-color-bg_active: @color-bg-4;
 @btn-dashed-color-border_warning: @color-warning-6;
 @empty-color-text: var(~'@{arco-cssvars-prefix}-color-text-4');
 @table-size-mini-padding-horizontal: @spacing-5;
@@ -872,10 +872,10 @@
 @modal-default-padding-content-vertical: 18px;
 @descriptions-color-border: var(~'@{arco-cssvars-prefix}-color-border-2');
 @checkbox-mask-color-border_disabled: var(~'@{arco-cssvars-prefix}-color-border-2');
-@input-color-bg: @color-transparent;
+@input-color-bg: @color-fill-2;
 @checkbox-mask-color-bg_disabled: var(~'@{arco-cssvars-prefix}-color-fill-2');
 @radio-border-width: @border-1;
-@input-color-bg_error: var(~'@{arco-cssvars-prefix}-color-bg-2');
+@input-color-bg_error: @color-fill-2;
 @form-color-bg_error: var(~'@{arco-cssvars-prefix}-color-bg-2');
 @btn-dashed-color-bg_warning_hover: @color-transparent;
 @collapse-title-padding-horizontal: @spacing-6;
@@ -899,7 +899,7 @@
 @tag-default-bordered-color-border: var(~'@{arco-cssvars-prefix}-color-border-3');
 @link-color-text_disabled: @color-link-3;
 @btn-dashed-color-bg_hover: @color-transparent;
-@input-border-radius: var(~'@{arco-cssvars-prefix}-border-radius-small');
+@input-border-radius: @border-radius-large;
 @form-color-bg_success: var(~'@{arco-cssvars-prefix}-color-bg-2');
 @picker-color-placeholder: var(~'@{arco-cssvars-prefix}-color-text-4');
 @btn-dashed-color-text_warning_hover: @color-warning-5;
@@ -915,7 +915,7 @@
 @tooltip-mini-padding-horizontal: @spacing-5;
 @checkbox-mask-border-radius: @border-radius-small;
 @input-color-border_error_focus: @color-danger-6;
-@btn-secondary-color-bg_hover: @color-transparent;
+@btn-secondary-color-bg_hover: @color-bg-4;
 @steps-size-small: @size-5;
 @btn-outline-color-text_warning_hover: var(~'@{arco-cssvars-prefix}-color-white');
 @radio-color-border: var(~'@{arco-cssvars-prefix}-color-border-2');
@@ -931,7 +931,7 @@
 @picker-input-border-radius: var(~'@{arco-cssvars-prefix}-border-radius-small');
 @btn-dashed-color-text_disabled: var(~'@{arco-cssvars-prefix}-color-primary-light-3');
 @table-color-text-body-cell: var(~'@{arco-cssvars-prefix}-color-text-1');
-@input-color-border_disabled: var(~'@{arco-cssvars-prefix}-color-border-2');
+@input-color-border_disabled: @color-transparent;
 @tree-showline-size-plus-icon-width: 8px;
 @picker-color-border: var(~'@{arco-cssvars-prefix}-color-border-3');
 @modal-simple-padding-bottom: @spacing-9;
@@ -939,7 +939,7 @@
 @menu-dark-color-item_disabled: var(~'@{arco-cssvars-prefix}-color-text-4');
 @btn-dashed-color-bg_disabled: @color-transparent;
 @popup-color-border: var(~'@{arco-cssvars-prefix}-color-border-2');
-@input-color-bg_hover: @color-transparent;
+@input-color-bg_hover: @color-fill-2;
 @btn-dashed-color-bg_danger_disabled: @color-transparent;
 @btn-outline-color-text_success_hover: var(~'@{arco-cssvars-prefix}-color-white');
 @form-color-bg_error_hover: var(~'@{arco-cssvars-prefix}-color-bg-2');
@@ -998,7 +998,7 @@
 @btn-dashed-color-border_warning_disabled: var(~'@{arco-cssvars-prefix}-color-warning-light-3');
 @btn-dashed-color-text_success_active: @color-success-7;
 @collapse-border-radius: @border-radius-small;
-@btn-border-radius: var(~'@{arco-cssvars-prefix}-border-radius-small');
+@btn-border-radius: @border-radius-large;
 @table-border-expand-icon-width: @border-2;
 @btn-dashed-color-bg_warning_active: @color-warning-1;
 @btn-outline-color-bg_success: @color-success-1;
@@ -1056,3 +1056,28 @@
 @menu-dark-color-icon_disabled: var(~'@{arco-cssvars-prefix}-color-text-4');
 @transfer-height: 250px;
 @table-border-radius-expand-button: @border-radius-small;
+@btn-border-width: @border-none;
+@btn-secondary-color-bg_warning: @color-bg-3;
+@btn-secondary-color-bg_warning_disabled: @color-fill-1;
+@btn-secondary-color-bg_warning_hover: @color-bg-4;
+@btn-secondary-color-bg_warning_active: @color-bg-4;
+@btn-secondary-color-bg_danger: @color-bg-3;
+@btn-secondary-color-bg_danger_disabled: @color-fill-1;
+@btn-secondary-color-bg_danger_hover: @color-bg-4;
+@btn-secondary-color-bg_danger_active: @color-bg-3;
+@btn-secondary-color-bg_success: @color-bg-3;
+@btn-secondary-color-bg_success_hover: @color-bg-4;
+@btn-secondary-color-text_danger_disabled: @color-danger-2;
+@btn-secondary-color-bg_success_disabled: @color-fill-1;
+@btn-primary-color-bg_disabled: @color-fill-3;
+@btn-primary-color-text_disabled: @color-text-4;
+@btn-primary-color-bg_warning_disabled: @color-fill-3;
+@btn-primary-color-text_warning_disabled: @color-text-4;
+@btn-primary-color-text_danger_disabled: @color-text-4;
+@btn-primary-color-bg_danger_disabled: @color-fill-3;
+@btn-primary-color-text_success_disabled: @color-text-4;
+@btn-primary-color-bg_success_disabled: @color-fill-3;
+@input-color-bg_focus: @color-fill-2;
+@input-border-addon-separator-width: @border-1;
+@input-group-border-separator-width: @border-1;
+@modal-font-size-close-icon: @size-3;