@arco-themes/vue-rb-node-saas-web 0.0.1 → 0.0.2

package/variables.less

@@ -64,8 +64,8 @@
 @magenta-2: #FDC2DB;
 @magenta-1: #FFE8F1;
 @border-radius-none: 0;
-@border-radius-small: 2px;
-@border-radius-medium: 4px;
+@border-radius-small: 4px;
+@border-radius-medium: 6px;
 @border-radius-large: 8px;
 @border-radius-circle: 50%;
 @border-none: 0;
@@ -111,7 +111,7 @@
 @shadow-distance-2: 2px;
 @shadow-distance-3: 3px;
 @shadow-distance-4: 4px;
-@font-family: Inter,-apple-system,BlinkMacSystemFont,PingFang SC,Hiragino Sans GB,noto sans,Microsoft YaHei,Helvetica Neue,Helvetica,Arial,sans-serif;
+@font-family: Inter,PingFang SC,sans-serif,-apple-system,BlinkMacSystemFont,Hiragino Sans GB,noto sans,Microsoft YaHei,Helvetica Neue,Helvetica,Arial;
 @font-size-display-3: 56px;
 @font-size-display-2: 48px;
 @font-size-display-1: 36px;
@@ -388,16 +388,16 @@
 @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(35, 139, 229);
 @dark-arcoblue-8: #93BEFF;
 @dark-green-8: #7EE18B;
 @dark-arcoblue-3: #0E32A6;
-@success-6: rgb(var(~'@{arco-cssvars-prefix}-green-6'));
+@success-6: rgb(9, 202, 150);
 @dark-gray-1: #17171a;
 @dark-yellow-4: #CFB325;
-@dark-primary-8: rgb(var(~'@{arco-cssvars-prefix}-arcoblue-8'));
+@dark-primary-8: rgb(129, 197, 242);
 @dark-purple-10: #F7EDFF;
-@success-10: rgb(var(~'@{arco-cssvars-prefix}-green-10'));
+@success-10: rgb(0, 77, 66);
 @dark-orange-3: #A64B0A;
 @dark-gray-6: #929293;
 @dark-yellow-1: #4D3800;
@@ -408,26 +408,26 @@
 @dark-orange-5: #FF8D1F;
 @dark-blue-8: #A1D5FD;
 @dark-orangered-10: #FFF4EB;
-@primary-1: rgb(var(~'@{arco-cssvars-prefix}-arcoblue-1'));
+@primary-1: rgb(232, 247, 255);
 @dark-red-8: #FBB0A7;
-@success-9: rgb(var(~'@{arco-cssvars-prefix}-green-9'));
-@primary-4: rgb(var(~'@{arco-cssvars-prefix}-arcoblue-4'));
+@success-9: rgb(1, 108, 90);
+@primary-4: rgb(86, 171, 235);
 @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(46, 213, 163);
 @dark-lime-4: #84B723;
 @dark-magenta-7: #F97AB8;
 @dark-yellow-8: #FDFA9D;
 @dark-magenta-2: #770850;
 @dark-green-7: #50D266;
-@dark-success-1: rgb(var(~'@{arco-cssvars-prefix}-green-1'));
+@dark-success-1: rgb(0, 77, 66);
 @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(0, 45, 113);
 @dark-pinkpurple-2: #650370;
 @dark-green-5: #1DB440;
 @dark-purple-1: #16004D;
@@ -436,166 +436,166 @@
 @dark-red-1: #4D000A;
 @dark-purple-4: #5A25B0;
 @dark-green-9: #B2F0B7;
-@primary-6: rgb(var(~'@{arco-cssvars-prefix}-arcoblue-6'));
+@primary-6: rgb(1, 111, 222);
 @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-10: rgb(233, 247, 255);
+@dark-primary-1: rgb(0, 28, 77);
 @dark-cyan-8: #90E9E1;
 @dark-cyan-3: #11838B;
-@danger-6: rgb(var(~'@{arco-cssvars-prefix}-red-6'));
+@danger-6: rgb(255, 46, 31);
 @dark-lime-1: #2A4D00;
-@dark-primary-4: rgb(var(~'@{arco-cssvars-prefix}-arcoblue-4'));
-@dark-success-3: rgb(var(~'@{arco-cssvars-prefix}-green-3'));
+@dark-primary-4: rgb(14, 94, 186);
+@dark-success-3: rgb(13, 139, 114);
 @dark-orange-8: #FFCD87;
-@success-4: rgb(var(~'@{arco-cssvars-prefix}-green-4'));
+@success-4: rgb(87, 223, 178);
 @dark-cyan-7: #66DFD7;
-@success-2: rgb(var(~'@{arco-cssvars-prefix}-green-2'));
-@success-1: rgb(var(~'@{arco-cssvars-prefix}-green-1'));
-@success-8: rgb(var(~'@{arco-cssvars-prefix}-green-8'));
+@success-2: rgb(180, 244, 219);
+@success-1: rgb(232, 255, 245);
+@success-8: rgb(3, 139, 112);
 @dark-cyan-1: #00424D;
 @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'));
+@success-3: rgb(132, 234, 196);
+@dark-primary-3: rgb(5, 68, 149);
 @dark-gold-8: #FCE995;
 @dark-arcoblue-1: #000D4D;
 @dark-blue-6: #5AAAFB;
 @dark-orangered-5: #F77E45;
 @dark-red-4: #CB2E34;
 @dark-purple-7: #A974E3;
-@dark-primary-9: rgb(var(~'@{arco-cssvars-prefix}-arcoblue-9'));
-@warning-4: rgb(var(~'@{arco-cssvars-prefix}-orange-4'));
-@dark-success-2: rgb(var(~'@{arco-cssvars-prefix}-green-2'));
+@dark-primary-9: rgb(180, 224, 248);
+@warning-4: rgb(255, 179, 93);
+@dark-success-2: rgb(5, 108, 91);
 @dark-lime-5: #A8DB39;
-@danger-1: rgb(var(~'@{arco-cssvars-prefix}-red-1'));
-@dark-primary-7: rgb(var(~'@{arco-cssvars-prefix}-arcoblue-7'));
-@dark-success-5: rgb(var(~'@{arco-cssvars-prefix}-green-5'));
+@danger-1: rgb(255, 237, 232);
+@dark-primary-7: rgb(81, 169, 235);
+@dark-success-5: rgb(39, 202, 158);
 @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(255, 176, 87);
 @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'));
-@primary-9: rgb(var(~'@{arco-cssvars-prefix}-arcoblue-9'));
+@warning-5: rgb(255, 151, 46);
+@primary-7: rgb(1, 87, 186);
+@primary-9: rgb(0, 45, 113);
 @dark-cyan-9: #BEF4ED;
-@link-3: rgb(var(~'@{arco-cssvars-prefix}-arcoblue-3'));
+@link-3: rgb(132, 198, 242);
 @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'));
-@dark-warning-4: rgb(var(~'@{arco-cssvars-prefix}-orange-4'));
-@dark-primary-5: rgb(var(~'@{arco-cssvars-prefix}-arcoblue-5'));
+@warning-1: rgb(255, 247, 232);
+@dark-success-10: rgb(236, 255, 247);
+@success-7: rgb(6, 171, 132);
+@dark-warning-4: rgb(210, 102, 19);
+@dark-primary-5: rgb(25, 123, 222);
 @dark-gold-10: #FFFCE8;
-@dark-danger-2: rgb(var(~'@{arco-cssvars-prefix}-red-2'));
-@warning-9: rgb(var(~'@{arco-cssvars-prefix}-orange-9'));
+@dark-danger-2: rgb(121, 4, 8);
+@warning-9: rgb(121, 44, 0);
 @dark-magenta-9: #FDC3DB;
-@danger-5: rgb(var(~'@{arco-cssvars-prefix}-red-5'));
-@dark-danger-6: rgb(var(~'@{arco-cssvars-prefix}-red-6'));
-@link-8: rgb(var(~'@{arco-cssvars-prefix}-arcoblue-8'));
-@primary-2: rgb(var(~'@{arco-cssvars-prefix}-arcoblue-2'));
+@danger-5: rgb(255, 90, 71);
+@dark-danger-6: rgb(255, 88, 69);
+@link-8: rgb(0, 65, 149);
+@primary-2: rgb(181, 224, 248);
 @dark-cyan-10: #F0FFFC;
 @dark-gray-10: #f6f6f6;
-@dark-warning-3: rgb(var(~'@{arco-cssvars-prefix}-orange-3'));
-@link-2: rgb(var(~'@{arco-cssvars-prefix}-arcoblue-2'));
+@dark-warning-3: rgb(166, 72, 10);
+@link-2: rgb(181, 224, 248);
 @dark-green-2: #046625;
-@dark-danger-5: rgb(var(~'@{arco-cssvars-prefix}-red-5'));
-@link-10: rgb(var(~'@{arco-cssvars-prefix}-arcoblue-10'));
-@dark-danger-9: rgb(var(~'@{arco-cssvars-prefix}-red-9'));
+@dark-danger-5: rgb(255, 67, 54);
+@link-10: rgb(0, 28, 77);
+@dark-danger-9: rgb(255, 204, 192);
 @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-success-4: rgb(25, 171, 136);
+@dark-danger-7: rgb(255, 130, 110);
 @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-9: rgb(0, 45, 113);
+@danger-9: rgb(121, 4, 8);
+@dark-link-8: rgb(129, 197, 242);
+@link-5: rgb(42, 142, 229);
 @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-danger-8: rgb(255, 168, 151);
+@link-4: rgb(86, 171, 235);
+@dark-warning-5: rgb(255, 135, 31);
 @dark-magenta-5: #F545A6;
-@dark-success-6: rgb(var(~'@{arco-cssvars-prefix}-green-6'));
+@dark-success-6: rgb(52, 213, 165);
 @dark-lime-6: #B8E24B;
-@warning-6: rgb(var(~'@{arco-cssvars-prefix}-orange-6'));
-@link-6: rgb(var(~'@{arco-cssvars-prefix}-arcoblue-6'));
-@dark-danger-3: rgb(var(~'@{arco-cssvars-prefix}-red-3'));
-@primary-5: rgb(var(~'@{arco-cssvars-prefix}-arcoblue-5'));
+@warning-6: rgb(255, 119, 0);
+@link-6: rgb(1, 111, 222);
+@dark-danger-3: rgb(166, 15, 15);
+@primary-5: rgb(42, 142, 229);
 @dark-orange-9: #FFE3B8;
-@dark-warning-9: rgb(var(~'@{arco-cssvars-prefix}-orange-9'));
-@primary-3: rgb(var(~'@{arco-cssvars-prefix}-arcoblue-3'));
-@warning-3: rgb(var(~'@{arco-cssvars-prefix}-orange-3'));
+@dark-warning-9: rgb(255, 226, 184);
+@primary-3: rgb(132, 198, 242);
+@warning-3: rgb(255, 205, 139);
 @dark-orange-6: #FF9626;
 @dark-purple-5: #7B3DD1;
 @dark-orangered-4: #CC5729;
-@dark-link-2: rgb(var(~'@{arco-cssvars-prefix}-arcoblue-2'));
-@primary-10: rgb(var(~'@{arco-cssvars-prefix}-arcoblue-10'));
+@dark-link-2: rgb(0, 45, 113);
+@primary-10: rgb(0, 28, 77);
 @dark-blue-2: #052F78;
-@dark-success-7: rgb(var(~'@{arco-cssvars-prefix}-green-7'));
-@warning-8: rgb(var(~'@{arco-cssvars-prefix}-orange-8'));
-@danger-3: rgb(var(~'@{arco-cssvars-prefix}-red-3'));
-@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-success-7: rgb(92, 223, 180);
+@warning-8: rgb(166, 66, 0);
+@danger-3: rgb(255, 169, 152);
+@dark-link-4: rgb(14, 94, 186);
+@dark-link-7: rgb(81, 169, 235);
+@warning-7: rgb(210, 91, 0);
 @dark-blue-4: #2971CF;
 @dark-gray-3: #484849;
-@dark-warning-6: rgb(var(~'@{arco-cssvars-prefix}-orange-6'));
-@dark-warning-10: rgb(var(~'@{arco-cssvars-prefix}-orange-10'));
+@dark-warning-6: rgb(255, 147, 38);
+@dark-warning-10: rgb(255, 247, 232);
 @dark-pinkpurple-4: #B01BB6;
-@warning-2: rgb(var(~'@{arco-cssvars-prefix}-orange-2'));
-@danger-7: rgb(var(~'@{arco-cssvars-prefix}-red-7'));
-@dark-warning-2: rgb(var(~'@{arco-cssvars-prefix}-orange-2'));
+@warning-2: rgb(255, 227, 186);
+@danger-7: rgb(210, 26, 19);
+@dark-warning-2: rgb(121, 46, 4);
 @dark-purple-3: #3E138F;
-@dark-link-1: rgb(var(~'@{arco-cssvars-prefix}-arcoblue-1'));
+@dark-link-1: rgb(0, 28, 77);
 @dark-green-6: #27C346;
-@dark-danger-4: rgb(var(~'@{arco-cssvars-prefix}-red-4'));
-@dark-link-3: rgb(var(~'@{arco-cssvars-prefix}-arcoblue-3'));
-@dark-warning-1: rgb(var(~'@{arco-cssvars-prefix}-orange-1'));
-@primary-8: rgb(var(~'@{arco-cssvars-prefix}-arcoblue-8'));
+@dark-danger-4: rgb(210, 38, 32);
+@dark-link-3: rgb(5, 68, 149);
+@dark-warning-1: rgb(77, 25, 0);
+@primary-8: rgb(0, 65, 149);
 @dark-arcoblue-2: #041B79;
-@danger-4: rgb(var(~'@{arco-cssvars-prefix}-red-4'));
-@link-7: rgb(var(~'@{arco-cssvars-prefix}-arcoblue-7'));
-@link-1: rgb(var(~'@{arco-cssvars-prefix}-arcoblue-1'));
+@danger-4: rgb(255, 131, 111);
+@link-7: rgb(1, 87, 186);
+@link-1: rgb(232, 247, 255);
 @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-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'));
+@danger-8: rgb(166, 10, 10);
+@danger-10: rgb(77, 0, 5);
+@dark-link-6: rgb(35, 139, 229);
+@dark-danger-10: rgb(255, 237, 232);
+@warning-10: rgb(77, 25, 0);
+@dark-link-10: rgb(233, 247, 255);
 @dark-blue-10: #EAF8FF;
-@dark-warning-8: rgb(var(~'@{arco-cssvars-prefix}-orange-8'));
+@dark-warning-8: rgb(255, 203, 135);
 @dark-gold-4: #CC961F;
-@dark-success-9: rgb(var(~'@{arco-cssvars-prefix}-green-9'));
-@dark-link-9: rgb(var(~'@{arco-cssvars-prefix}-arcoblue-9'));
-@dark-success-8: rgb(var(~'@{arco-cssvars-prefix}-green-8'));
-@danger-2: rgb(var(~'@{arco-cssvars-prefix}-red-2'));
-@dark-link-5: rgb(var(~'@{arco-cssvars-prefix}-arcoblue-5'));
-@dark-danger-1: rgb(var(~'@{arco-cssvars-prefix}-red-1'));
+@dark-success-9: rgb(184, 244, 221);
+@dark-link-9: rgb(180, 224, 248);
+@dark-success-8: rgb(137, 234, 198);
+@danger-2: rgb(255, 204, 192);
+@dark-link-5: rgb(25, 123, 222);
+@dark-danger-1: rgb(77, 0, 5);
 @orange-4: #FFB65D;
 @dark-color-text-1: rgba(255, 255, 255, 0.9);
-@color-text-1: var(~'@{arco-cssvars-prefix}-color-neutral-10');
+@color-text-1: rgb(51, 51, 51);
 @color-bg-white: #ffffff;
 @color-white: #ffffff;
 @dark-color-text-2: rgba(255, 255, 255, 0.7);
 @dark-color-white: rgba(255, 255, 255, 0.9);
-@color-text-3: var(~'@{arco-cssvars-prefix}-color-neutral-6');
-@color-text-2: var(~'@{arco-cssvars-prefix}-color-neutral-8');
+@color-text-3: rgb(196, 196, 196);
+@color-text-2: rgb(127, 127, 127);
 @color-text-4: var(~'@{arco-cssvars-prefix}-color-neutral-4');
 @dark-color-text-3: rgba(255, 255, 255, 0.5);
-@color-border-2: var(~'@{arco-cssvars-prefix}-color-neutral-3');
+@color-border-2: rgb(222, 222, 222);
 @color-fill-4: var(~'@{arco-cssvars-prefix}-color-neutral-4');
-@color-fill-2: var(~'@{arco-cssvars-prefix}-color-neutral-2');
+@color-fill-2: rgb(241, 242, 248);
 @color-fill-3: var(~'@{arco-cssvars-prefix}-color-neutral-3');
 @dark-color-bg-1: #17171A;
 @dark-color-fill-4: rgba(255, 255, 255, 0.16);
@@ -800,3 +800,63 @@
 @watermark-prefix-cls: ~'@{prefix}-watermark';
 @verification-code-prefix-cls: ~'@{prefix}-verification-code';
 @color-prefix-cls: ~'@{prefix}-color';
+@typography-text-font-weight-bold: @font-weight-700;
+@typography-heading-font-weight: @font-weight-700;
+@input-color-bg: @color-bg-white;
+@input-color-border: @color-border-2;
+@input-color-bg_hover: @color-bg-white;
+@input-color-border_hover: @color-primary-6;
+@input-color-border_focus: @color-primary-6;
+@input-size-shadow_focus: @shadow-distance-3;
+@input-size-shadow_error_focus: @shadow-distance-3;
+@input-padding-horizontal: @spacing-4;
+@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-text-header-cell: @color-text-1;
+@table-color-bg-body-row_hover: @color-fill-2;
+@table-color-bg-body-stripe-row: @color-fill-2;
+@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;
+@table-size-middle-padding-horizontal: @spacing-6;
+@table-size-middle-padding-vertical: @spacing-3;
+@table-size-default-padding-vertical: @spacing-4;
+@table-size-small-padding-vertical: @spacing-2;
+@table-size-small-padding-horizontal: @spacing-5;
+@table-size-mini-padding-horizontal: @spacing-4;
+@tabs-line-margin-title-horizontal_first: @spacing-none;
+@tabs-line-margin-title-horizontal: @spacing-10;
+@tabs-line-color-header-border: @color-border-2;
+@tabs-padding-header-wrapper-horizontal: @spacing-4;
+@input-tag-tag-color-bg: @color-bg-white;
+@input-tag-color-bg_default: @color-fill-2;
+@input-tag-color-border_default: @color-border-2;
+@input-tag-color-placeholder: @color-text-1;
+@input-tag-color-bg_default_hover: @color-bg-white;
+@input-tag-tag-color-bg_focus: @color-bg-2;
+@input-tag-color-bg_default_focus: @color-bg-2;
+@checkbox-mask-color-border_hover: @color-primary-6;
+@picker-color-bg: @color-bg-white;
+@picker-color-border: @color-border-2;
+@picker-color-bg_hover: @color-bg-white;
+@picker-color-border_hover: @color-primary-6;
+@picker-size-shadow_focus: @shadow-distance-3;
+@input-tag-color-icon-clear-bg_hover: @color-bg-white;
+@input-tag-color-bg_error: @color-bg-white;
+@input-tag-color-bg_error_hover: @color-bg-white;
+@input-tag-color-shadow_error_focus: @color-bg-white;
+@select-color-icon-bg_hover: @color-bg-white;
+@select-color-bg_error: @color-bg-white;
+@select-shadow-distance_error_focus: @shadow-distance-3;
+@select-color-bg_error_hover: @color-bg-white;
+@radio-color-border_hover: @color-primary-6;
+@breadcrumb-padding-text-horizontal: @spacing-1;
+@pagination-color-item-text_active_disabled: @color-text-4;
+@pagination-color-bg-item_active: @color-primary-6;
+@pagination-color-bg-item_active_disabled: @color-fill-2;
+@pagination-color-item-text_active: @color-white;
+@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;