@arco-themes/vue-cube-theme 0.0.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';
@@ -388,11 +388,11 @@
 @dark-yellow-2: #785E07;
 @dark-pinkpurple-3: #8A0D93;
 @dark-gold-5: #F7C034;
-@dark-primary-6: rgb(var(~'@{arco-cssvars-prefix}-arcoblue-6'));
+@dark-primary-6: rgb(3, 171, 111);
 @dark-arcoblue-8: #93BEFF;
 @dark-green-8: #7EE18B;
 @dark-arcoblue-3: #0E32A6;
-@success-6: rgb(var(~'@{arco-cssvars-prefix}-green-6'));
+@success-6: rgb(0, 198, 119);
 @dark-gray-1: #17171a;
 @dark-yellow-4: #CFB325;
 @dark-primary-8: rgb(var(~'@{arco-cssvars-prefix}-arcoblue-8'));
@@ -408,16 +408,16 @@
 @dark-orange-5: #FF8D1F;
 @dark-blue-8: #A1D5FD;
 @dark-orangered-10: #FFF4EB;
-@primary-1: rgb(var(~'@{arco-cssvars-prefix}-arcoblue-1'));
+@primary-1: rgb(214, 244, 232);
 @dark-red-8: #FBB0A7;
 @success-9: rgb(var(~'@{arco-cssvars-prefix}-green-9'));
-@primary-4: rgb(var(~'@{arco-cssvars-prefix}-arcoblue-4'));
+@primary-4: rgb(0, 134, 80);
 @dark-lime-10: #FDFFEE;
 @dark-gray-5: #78787a;
 @dark-yellow-5: #FAE13C;
 @dark-magenta-3: #A1176C;
 @dark-arcoblue-5: #306FFF;
-@success-5: rgb(var(~'@{arco-cssvars-prefix}-green-5'));
+@success-5: rgb(26, 204, 133);
 @dark-lime-4: #84B723;
 @dark-magenta-7: #F97AB8;
 @dark-yellow-8: #FDFA9D;
@@ -427,7 +427,7 @@
 @dark-blue-3: #134CA3;
 @dark-blue-1: #001A4D;
 @dark-pinkpurple-1: #42004D;
-@dark-primary-2: rgb(var(~'@{arco-cssvars-prefix}-arcoblue-2'));
+@dark-primary-2: rgb(3, 171, 111);
 @dark-pinkpurple-2: #650370;
 @dark-green-5: #1DB440;
 @dark-purple-1: #16004D;
@@ -436,16 +436,16 @@
 @dark-red-1: #4D000A;
 @dark-purple-4: #5A25B0;
 @dark-green-9: #B2F0B7;
-@primary-6: rgb(var(~'@{arco-cssvars-prefix}-arcoblue-6'));
+@primary-6: rgb(3, 194, 128);
 @dark-pinkpurple-6: #E13DDB;
 @dark-cyan-6: #3FD4CF;
 @dark-primary-10: rgb(var(~'@{arco-cssvars-prefix}-arcoblue-10'));
-@dark-primary-1: rgb(var(~'@{arco-cssvars-prefix}-arcoblue-1'));
+@dark-primary-1: rgb(3, 171, 111);
 @dark-cyan-8: #90E9E1;
 @dark-cyan-3: #11838B;
-@danger-6: rgb(var(~'@{arco-cssvars-prefix}-red-6'));
+@danger-6: rgb(255, 69, 58);
 @dark-lime-1: #2A4D00;
-@dark-primary-4: rgb(var(~'@{arco-cssvars-prefix}-arcoblue-4'));
+@dark-primary-4: rgb(3, 171, 111);
 @dark-success-3: rgb(var(~'@{arco-cssvars-prefix}-green-3'));
 @dark-orange-8: #FFCD87;
 @success-4: rgb(var(~'@{arco-cssvars-prefix}-green-4'));
@@ -457,7 +457,7 @@
 @dark-gray-2: #2e2e30;
 @dark-lime-3: #629412;
 @success-3: rgb(var(~'@{arco-cssvars-prefix}-green-3'));
-@dark-primary-3: rgb(var(~'@{arco-cssvars-prefix}-arcoblue-3'));
+@dark-primary-3: rgb(3, 171, 111);
 @dark-gold-8: #FCE995;
 @dark-arcoblue-1: #000D4D;
 @dark-blue-6: #5AAAFB;
@@ -469,38 +469,38 @@
 @dark-success-2: rgb(var(~'@{arco-cssvars-prefix}-green-2'));
 @dark-lime-5: #A8DB39;
 @danger-1: rgb(var(~'@{arco-cssvars-prefix}-red-1'));
-@dark-primary-7: rgb(var(~'@{arco-cssvars-prefix}-arcoblue-7'));
+@dark-primary-7: rgb(3, 171, 111);
 @dark-success-5: rgb(var(~'@{arco-cssvars-prefix}-green-5'));
 @dark-blue-5: #469AFA;
 @dark-purple-8: #C59AED;
 @dark-arcoblue-6: #3C7EFF;
 @dark-gold-6: #F9CC44;
 @dark-gray-9: #dfdfdf;
-@dark-warning-7: rgb(var(~'@{arco-cssvars-prefix}-orange-7'));
+@dark-warning-7: rgb(245, 149, 0);
 @dark-pinkpurple-10: #FFF2FD;
 @dark-yellow-10: #FEFFF0;
 @dark-green-10: #EBFFEC;
 @dark-green-3: #0A802D;
 @dark-orangered-2: #771E05;
-@warning-5: rgb(var(~'@{arco-cssvars-prefix}-orange-5'));
-@primary-7: rgb(var(~'@{arco-cssvars-prefix}-arcoblue-7'));
+@warning-5: rgb(255, 169, 35);
+@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'));
 @dark-magenta-4: #CB2B88;
 @warning-1: rgb(var(~'@{arco-cssvars-prefix}-orange-1'));
 @dark-success-10: rgb(var(~'@{arco-cssvars-prefix}-green-10'));
-@success-7: rgb(var(~'@{arco-cssvars-prefix}-green-7'));
+@success-7: rgb(26, 204, 133);
 @dark-warning-4: rgb(var(~'@{arco-cssvars-prefix}-orange-4'));
-@dark-primary-5: rgb(var(~'@{arco-cssvars-prefix}-arcoblue-5'));
+@dark-primary-5: rgb(3, 154, 111);
 @dark-gold-10: #FFFCE8;
 @dark-danger-2: rgb(var(~'@{arco-cssvars-prefix}-red-2'));
 @warning-9: rgb(var(~'@{arco-cssvars-prefix}-orange-9'));
 @dark-magenta-9: #FDC3DB;
-@danger-5: rgb(var(~'@{arco-cssvars-prefix}-red-5'));
-@dark-danger-6: rgb(var(~'@{arco-cssvars-prefix}-red-6'));
+@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(var(~'@{arco-cssvars-prefix}-arcoblue-2'));
+@primary-2: rgb(107, 119, 113);
 @dark-cyan-10: #F0FFFC;
 @dark-gray-10: #f6f6f6;
 @dark-warning-3: rgb(var(~'@{arco-cssvars-prefix}-orange-3'));
@@ -512,27 +512,27 @@
 @dark-gray-8: #c5c5c5;
 @dark-magenta-8: #FB9EC8;
 @dark-success-4: rgb(var(~'@{arco-cssvars-prefix}-green-4'));
-@dark-danger-7: rgb(var(~'@{arco-cssvars-prefix}-red-7'));
+@dark-danger-7: rgb(229, 41, 30);
 @dark-lime-8: #DEF198;
 @dark-arcoblue-10: #EAF4FF;
 @link-9: rgb(var(~'@{arco-cssvars-prefix}-arcoblue-9'));
 @danger-9: rgb(var(~'@{arco-cssvars-prefix}-red-9'));
 @dark-link-8: rgb(var(~'@{arco-cssvars-prefix}-arcoblue-8'));
-@link-5: rgb(var(~'@{arco-cssvars-prefix}-arcoblue-5'));
+@link-5: rgb(35, 145, 255);
 @dark-gray-7: #ababac;
 @dark-danger-8: rgb(var(~'@{arco-cssvars-prefix}-red-8'));
 @link-4: rgb(var(~'@{arco-cssvars-prefix}-arcoblue-4'));
 @dark-warning-5: rgb(var(~'@{arco-cssvars-prefix}-orange-5'));
 @dark-magenta-5: #F545A6;
-@dark-success-6: rgb(var(~'@{arco-cssvars-prefix}-green-6'));
+@dark-success-6: rgb(0, 178, 107);
 @dark-lime-6: #B8E24B;
-@warning-6: rgb(var(~'@{arco-cssvars-prefix}-orange-6'));
-@link-6: rgb(var(~'@{arco-cssvars-prefix}-arcoblue-6'));
+@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(var(~'@{arco-cssvars-prefix}-arcoblue-5'));
+@primary-5: rgb(0, 135, 84);
 @dark-orange-9: #FFE3B8;
 @dark-warning-9: rgb(var(~'@{arco-cssvars-prefix}-orange-9'));
-@primary-3: rgb(var(~'@{arco-cssvars-prefix}-arcoblue-3'));
+@primary-3: rgb(229, 245, 239);
 @warning-3: rgb(var(~'@{arco-cssvars-prefix}-orange-3'));
 @dark-orange-6: #FF9626;
 @dark-purple-5: #7B3DD1;
@@ -540,19 +540,19 @@
 @dark-link-2: rgb(var(~'@{arco-cssvars-prefix}-arcoblue-2'));
 @primary-10: rgb(var(~'@{arco-cssvars-prefix}-arcoblue-10'));
 @dark-blue-2: #052F78;
-@dark-success-7: rgb(var(~'@{arco-cssvars-prefix}-green-7'));
+@dark-success-7: rgb(0, 160, 96);
 @warning-8: rgb(var(~'@{arco-cssvars-prefix}-orange-8'));
-@danger-3: rgb(var(~'@{arco-cssvars-prefix}-red-3'));
+@danger-3: rgb(255, 69, 58);
 @dark-link-4: rgb(var(~'@{arco-cssvars-prefix}-arcoblue-4'));
-@dark-link-7: rgb(var(~'@{arco-cssvars-prefix}-arcoblue-7'));
-@warning-7: rgb(var(~'@{arco-cssvars-prefix}-orange-7'));
+@dark-link-7: rgb(0, 114, 229);
+@warning-7: rgb(255, 169, 35);
 @dark-blue-4: #2971CF;
 @dark-gray-3: #484849;
-@dark-warning-6: rgb(var(~'@{arco-cssvars-prefix}-orange-6'));
+@dark-warning-6: rgb(245, 149, 0);
 @dark-warning-10: rgb(var(~'@{arco-cssvars-prefix}-orange-10'));
 @dark-pinkpurple-4: #B01BB6;
 @warning-2: rgb(var(~'@{arco-cssvars-prefix}-orange-2'));
-@danger-7: rgb(var(~'@{arco-cssvars-prefix}-red-7'));
+@danger-7: rgb(255, 88, 78);
 @dark-warning-2: rgb(var(~'@{arco-cssvars-prefix}-orange-2'));
 @dark-purple-3: #3E138F;
 @dark-link-1: rgb(var(~'@{arco-cssvars-prefix}-arcoblue-1'));
@@ -562,14 +562,14 @@
 @dark-warning-1: rgb(var(~'@{arco-cssvars-prefix}-orange-1'));
 @primary-8: rgb(var(~'@{arco-cssvars-prefix}-arcoblue-8'));
 @dark-arcoblue-2: #041B79;
-@danger-4: rgb(var(~'@{arco-cssvars-prefix}-red-4'));
-@link-7: rgb(var(~'@{arco-cssvars-prefix}-arcoblue-7'));
+@danger-4: rgb(255, 69, 58);
+@link-7: rgb(35, 145, 255);
 @link-1: rgb(var(~'@{arco-cssvars-prefix}-arcoblue-1'));
 @dark-blue-7: #7DC1FC;
 @dark-orangered-6: #F9925A;
 @danger-8: rgb(var(~'@{arco-cssvars-prefix}-red-8'));
 @danger-10: rgb(var(~'@{arco-cssvars-prefix}-red-10'));
-@dark-link-6: rgb(var(~'@{arco-cssvars-prefix}-arcoblue-6'));
+@dark-link-6: rgb(0, 127, 255);
 @dark-danger-10: rgb(var(~'@{arco-cssvars-prefix}-red-10'));
 @warning-10: rgb(var(~'@{arco-cssvars-prefix}-orange-10'));
 @dark-link-10: rgb(var(~'@{arco-cssvars-prefix}-arcoblue-10'));
@@ -584,19 +584,19 @@
 @dark-danger-1: rgb(var(~'@{arco-cssvars-prefix}-red-1'));
 @orange-4: #FFB65D;
 @dark-color-text-1: rgba(255, 255, 255, 0.9);
-@color-text-1: rgb(18, 19, 20);
+@color-text-1: rgb(0, 0, 0);
 @color-bg-white: #ffffff;
 @color-white: #ffffff;
-@dark-color-text-2: rgba(255, 255, 255, 0.7);
+@dark-color-text-2: rgba(255,255,255,0.64);
 @dark-color-white: rgba(255, 255, 255, 0.9);
-@color-text-3: rgb(144, 147, 153);
-@color-text-2: rgb(92, 92, 92);
-@color-text-4: rgb(194, 194, 194);
-@dark-color-text-3: rgba(255, 255, 255, 0.5);
+@color-text-3: rgba(0,0,0,0.24);
+@color-text-2: rgba(0,0,0,0.56);
+@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;