@fle-ui/next 1.0.5-alpha.5 → 1.0.5-alpha.6

package/lib/button/style/index.css

@@ -2,6 +2,48 @@
 /* stylelint-disable no-duplicate-selectors */
 /* stylelint-disable */
 /* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */
+html {
+  --ant-primary-color: #1890ff;
+  --ant-primary-color-hover: #40a9ff;
+  --ant-primary-color-active: #096dd9;
+  --ant-primary-color-outline: rgba(24, 144, 255, 0.2);
+  --ant-primary-1: #e6f7ff;
+  --ant-primary-2: #bae7ff;
+  --ant-primary-3: #91d5ff;
+  --ant-primary-4: #69c0ff;
+  --ant-primary-5: #40a9ff;
+  --ant-primary-6: #1890ff;
+  --ant-primary-7: #096dd9;
+  --ant-primary-color-deprecated-pure: ;
+  --ant-primary-color-deprecated-l-35: #cbe6ff;
+  --ant-primary-color-deprecated-l-20: #7ec1ff;
+  --ant-primary-color-deprecated-t-20: #46a6ff;
+  --ant-primary-color-deprecated-t-50: #8cc8ff;
+  --ant-primary-color-deprecated-f-12: rgba(24, 144, 255, 0.12);
+  --ant-primary-color-active-deprecated-f-30: rgba(230, 247, 255, 0.3);
+  --ant-primary-color-active-deprecated-d-02: #dcf4ff;
+  --ant-success-color: #36c626;
+  --ant-success-color-hover: #5cd44a;
+  --ant-success-color-active: #20a116;
+  --ant-success-color-outline: rgba(54, 198, 38, 0.2);
+  --ant-success-color-deprecated-bg: #f4fff0;
+  --ant-success-color-deprecated-border: #afed9f;
+  --ant-error-color: #ff5c57;
+  --ant-error-color-hover: #ff8880;
+  --ant-error-color-active: #d93f3f;
+  --ant-error-color-outline: rgba(255, 92, 87, 0.2);
+  --ant-error-color-deprecated-bg: #fff3f0;
+  --ant-error-color-deprecated-border: #ffd7d1;
+  --ant-warning-color: #ffab00;
+  --ant-warning-color-hover: #ffbf29;
+  --ant-warning-color-active: #d98900;
+  --ant-warning-color-outline: rgba(255, 171, 0, 0.2);
+  --ant-warning-color-deprecated-bg: #fffbe6;
+  --ant-warning-color-deprecated-border: #ffe07a;
+  --ant-info-color: #1890ff;
+  --ant-info-color-deprecated-bg: #e6f7ff;
+  --ant-info-color-deprecated-border: #91d5ff;
+}
 .ant-btn {
   line-height: 1.5715;
   position: relative;
@@ -74,8 +116,8 @@
 }
 .ant-btn:hover,
 .ant-btn:focus {
-  color: #548aff;
-  border-color: #548aff;
+  color: var(--ant-primary-color-hover);
+  border-color: var(--ant-primary-color-hover);
   background: #fff;
 }
 .ant-btn:hover > a:only-child,
@@ -93,8 +135,8 @@
   content: '';
 }
 .ant-btn:active {
-  color: #1a4ad9;
-  border-color: #1a4ad9;
+  color: var(--ant-primary-color-active);
+  border-color: var(--ant-primary-color-active);
   background: #fff;
 }
 .ant-btn:active > a:only-child {
@@ -168,8 +210,8 @@
 .ant-btn-primary:hover,
 .ant-btn-primary:focus {
   color: #fff;
-  border-color: #548aff;
-  background: #548aff;
+  border-color: var(--ant-primary-color-hover);
+  background: var(--ant-primary-color-hover);
 }
 .ant-btn-primary:hover > a:only-child,
 .ant-btn-primary:focus > a:only-child {
@@ -187,8 +229,8 @@
 }
 .ant-btn-primary:active {
   color: #fff;
-  border-color: #1a4ad9;
-  background: #1a4ad9;
+  border-color: var(--ant-primary-color-active);
+  background: var(--ant-primary-color-active);
 }
 .ant-btn-primary:active > a:only-child {
   color: currentcolor;
@@ -231,21 +273,21 @@
   content: '';
 }
 .ant-btn-group .ant-btn-primary:not(:first-child):not(:last-child) {
-  border-right-color: #548aff;
-  border-left-color: #548aff;
+  border-right-color: var(--ant-primary-5);
+  border-left-color: var(--ant-primary-5);
 }
 .ant-btn-group .ant-btn-primary:not(:first-child):not(:last-child):disabled {
   border-color: #d2d2d2;
 }
 .ant-btn-group .ant-btn-primary:first-child:not(:last-child) {
-  border-right-color: #548aff;
+  border-right-color: var(--ant-primary-5);
 }
 .ant-btn-group .ant-btn-primary:first-child:not(:last-child)[disabled] {
   border-right-color: #d2d2d2;
 }
 .ant-btn-group .ant-btn-primary:last-child:not(:first-child),
 .ant-btn-group .ant-btn-primary + .ant-btn-primary {
-  border-left-color: #548aff;
+  border-left-color: var(--ant-primary-5);
 }
 .ant-btn-group .ant-btn-primary:last-child:not(:first-child)[disabled],
 .ant-btn-group .ant-btn-primary + .ant-btn-primary[disabled] {
@@ -270,8 +312,8 @@
 }
 .ant-btn-ghost:hover,
 .ant-btn-ghost:focus {
-  color: #548aff;
-  border-color: #548aff;
+  color: var(--ant-primary-color-hover);
+  border-color: var(--ant-primary-color-hover);
   background: transparent;
 }
 .ant-btn-ghost:hover > a:only-child,
@@ -289,8 +331,8 @@
   content: '';
 }
 .ant-btn-ghost:active {
-  color: #1a4ad9;
-  border-color: #1a4ad9;
+  color: var(--ant-primary-color-active);
+  border-color: var(--ant-primary-color-active);
   background: transparent;
 }
 .ant-btn-ghost:active > a:only-child {
@@ -353,8 +395,8 @@
 }
 .ant-btn-dashed:hover,
 .ant-btn-dashed:focus {
-  color: #548aff;
-  border-color: #548aff;
+  color: var(--ant-primary-color-hover);
+  border-color: var(--ant-primary-color-hover);
   background: #fff;
 }
 .ant-btn-dashed:hover > a:only-child,
@@ -372,8 +414,8 @@
   content: '';
 }
 .ant-btn-dashed:active {
-  color: #1a4ad9;
-  border-color: #1a4ad9;
+  color: var(--ant-primary-color-active);
+  border-color: var(--ant-primary-color-active);
   background: #fff;
 }
 .ant-btn-dashed:active > a:only-child {
@@ -438,8 +480,8 @@
 .ant-btn-danger:hover,
 .ant-btn-danger:focus {
   color: #fff;
-  border-color: #ff5c57;
-  background: #ff5c57;
+  border-color: var(--ant-error-color-hover);
+  background: var(--ant-error-color-hover);
 }
 .ant-btn-danger:hover > a:only-child,
 .ant-btn-danger:focus > a:only-child {
@@ -457,8 +499,8 @@
 }
 .ant-btn-danger:active {
   color: #fff;
-  border-color: #cf1b21;
-  background: #cf1b21;
+  border-color: var(--ant-error-color-active);
+  background: var(--ant-error-color-active);
 }
 .ant-btn-danger:active > a:only-child {
   color: currentcolor;
@@ -520,8 +562,8 @@
 }
 .ant-btn-link:hover,
 .ant-btn-link:focus {
-  color: #548aff;
-  border-color: #548aff;
+  color: var(--ant-primary-color-hover);
+  border-color: var(--ant-primary-color-hover);
   background: transparent;
 }
 .ant-btn-link:hover > a:only-child,
@@ -539,8 +581,8 @@
   content: '';
 }
 .ant-btn-link:active {
-  color: #1a4ad9;
-  border-color: #1a4ad9;
+  color: var(--ant-primary-color-active);
+  border-color: var(--ant-primary-color-active);
   background: transparent;
 }
 .ant-btn-link:active > a:only-child {
@@ -639,8 +681,8 @@
 }
 .ant-btn-text:hover,
 .ant-btn-text:focus {
-  color: #548aff;
-  border-color: #548aff;
+  color: var(--ant-primary-color-hover);
+  border-color: var(--ant-primary-color-hover);
   background: transparent;
 }
 .ant-btn-text:hover > a:only-child,
@@ -658,8 +700,8 @@
   content: '';
 }
 .ant-btn-text:active {
-  color: #1a4ad9;
-  border-color: #1a4ad9;
+  color: var(--ant-primary-color-active);
+  border-color: var(--ant-primary-color-active);
   background: transparent;
 }
 .ant-btn-text:active > a:only-child {
@@ -760,8 +802,8 @@
 }
 .ant-btn-dangerous:hover,
 .ant-btn-dangerous:focus {
-  color: #ff5c57;
-  border-color: #ff5c57;
+  color: var(--ant-error-color-hover);
+  border-color: var(--ant-error-color-hover);
   background: #fff;
 }
 .ant-btn-dangerous:hover > a:only-child,
@@ -779,8 +821,8 @@
   content: '';
 }
 .ant-btn-dangerous:active {
-  color: #cf1b21;
-  border-color: #cf1b21;
+  color: var(--ant-error-color-active);
+  border-color: var(--ant-error-color-active);
   background: #fff;
 }
 .ant-btn-dangerous:active > a:only-child {
@@ -845,8 +887,8 @@
 .ant-btn-dangerous.ant-btn-primary:hover,
 .ant-btn-dangerous.ant-btn-primary:focus {
   color: #fff;
-  border-color: #ff5c57;
-  background: #ff5c57;
+  border-color: var(--ant-error-color-hover);
+  background: var(--ant-error-color-hover);
 }
 .ant-btn-dangerous.ant-btn-primary:hover > a:only-child,
 .ant-btn-dangerous.ant-btn-primary:focus > a:only-child {
@@ -864,8 +906,8 @@
 }
 .ant-btn-dangerous.ant-btn-primary:active {
   color: #fff;
-  border-color: #cf1b21;
-  background: #cf1b21;
+  border-color: var(--ant-error-color-active);
+  background: var(--ant-error-color-active);
 }
 .ant-btn-dangerous.ant-btn-primary:active > a:only-child {
   color: currentcolor;
@@ -927,8 +969,8 @@
 }
 .ant-btn-dangerous.ant-btn-link:hover,
 .ant-btn-dangerous.ant-btn-link:focus {
-  color: #548aff;
-  border-color: #548aff;
+  color: var(--ant-primary-color-hover);
+  border-color: var(--ant-primary-color-hover);
   background: transparent;
 }
 .ant-btn-dangerous.ant-btn-link:hover > a:only-child,
@@ -946,8 +988,8 @@
   content: '';
 }
 .ant-btn-dangerous.ant-btn-link:active {
-  color: #1a4ad9;
-  border-color: #1a4ad9;
+  color: var(--ant-primary-color-active);
+  border-color: var(--ant-primary-color-active);
   background: transparent;
 }
 .ant-btn-dangerous.ant-btn-link:active > a:only-child {
@@ -992,7 +1034,7 @@
 }
 .ant-btn-dangerous.ant-btn-link:hover,
 .ant-btn-dangerous.ant-btn-link:focus {
-  color: #ff5c57;
+  color: var(--ant-error-color-hover);
   border-color: transparent;
   background: transparent;
 }
@@ -1011,7 +1053,7 @@
   content: '';
 }
 .ant-btn-dangerous.ant-btn-link:active {
-  color: #cf1b21;
+  color: var(--ant-error-color-active);
   border-color: transparent;
   background: transparent;
 }
@@ -1075,8 +1117,8 @@
 }
 .ant-btn-dangerous.ant-btn-text:hover,
 .ant-btn-dangerous.ant-btn-text:focus {
-  color: #548aff;
-  border-color: #548aff;
+  color: var(--ant-primary-color-hover);
+  border-color: var(--ant-primary-color-hover);
   background: transparent;
 }
 .ant-btn-dangerous.ant-btn-text:hover > a:only-child,
@@ -1094,8 +1136,8 @@
   content: '';
 }
 .ant-btn-dangerous.ant-btn-text:active {
-  color: #1a4ad9;
-  border-color: #1a4ad9;
+  color: var(--ant-primary-color-active);
+  border-color: var(--ant-primary-color-active);
   background: transparent;
 }
 .ant-btn-dangerous.ant-btn-text:active > a:only-child {
@@ -1140,7 +1182,7 @@
 }
 .ant-btn-dangerous.ant-btn-text:hover,
 .ant-btn-dangerous.ant-btn-text:focus {
-  color: #ff5c57;
+  color: var(--ant-error-color-hover);
   border-color: transparent;
   background: rgba(0, 0, 0, 0.018);
 }
@@ -1159,7 +1201,7 @@
   content: '';
 }
 .ant-btn-dangerous.ant-btn-text:active {
-  color: #cf1b21;
+  color: var(--ant-error-color-active);
   border-color: transparent;
   background: rgba(0, 0, 0, 0.028);
 }
@@ -1470,12 +1512,12 @@ a.ant-btn-icon-only > .anticon {
 }
 .ant-btn.ant-btn-background-ghost:hover,
 .ant-btn.ant-btn-background-ghost:focus {
-  color: #548aff;
-  border-color: #548aff;
+  color: var(--ant-primary-color-hover);
+  border-color: var(--ant-primary-color-hover);
 }
 .ant-btn.ant-btn-background-ghost:active {
-  color: #1a4ad9;
-  border-color: #1a4ad9;
+  color: var(--ant-primary-color-active);
+  border-color: var(--ant-primary-color-active);
 }
 .ant-btn.ant-btn-background-ghost[disabled] {
   color: #a9a9a9;
@@ -1501,8 +1543,9 @@ a.ant-btn-icon-only > .anticon {
 }
 .ant-btn-background-ghost.ant-btn-primary:hover,
 .ant-btn-background-ghost.ant-btn-primary:focus {
-  color: #548aff;
-  border-color: #548aff;
+  color: var(--ant-primary-color-hover);
+  border-color: var(--ant-primary-color-hover);
+  background: transparent;
 }
 .ant-btn-background-ghost.ant-btn-primary:hover > a:only-child,
 .ant-btn-background-ghost.ant-btn-primary:focus > a:only-child {
@@ -1519,8 +1562,9 @@ a.ant-btn-icon-only > .anticon {
   content: '';
 }
 .ant-btn-background-ghost.ant-btn-primary:active {
-  color: #1a4ad9;
-  border-color: #1a4ad9;
+  color: var(--ant-primary-color-active);
+  border-color: var(--ant-primary-color-active);
+  background: transparent;
 }
 .ant-btn-background-ghost.ant-btn-primary:active > a:only-child {
   color: currentcolor;
@@ -1581,8 +1625,9 @@ a.ant-btn-icon-only > .anticon {
 }
 .ant-btn-background-ghost.ant-btn-danger:hover,
 .ant-btn-background-ghost.ant-btn-danger:focus {
-  color: #ff5c57;
-  border-color: #ff5c57;
+  color: var(--ant-error-color-hover);
+  border-color: var(--ant-error-color-hover);
+  background: transparent;
 }
 .ant-btn-background-ghost.ant-btn-danger:hover > a:only-child,
 .ant-btn-background-ghost.ant-btn-danger:focus > a:only-child {
@@ -1599,8 +1644,9 @@ a.ant-btn-icon-only > .anticon {
   content: '';
 }
 .ant-btn-background-ghost.ant-btn-danger:active {
-  color: #cf1b21;
-  border-color: #cf1b21;
+  color: var(--ant-error-color-active);
+  border-color: var(--ant-error-color-active);
+  background: transparent;
 }
 .ant-btn-background-ghost.ant-btn-danger:active > a:only-child {
   color: currentcolor;
@@ -1661,8 +1707,9 @@ a.ant-btn-icon-only > .anticon {
 }
 .ant-btn-background-ghost.ant-btn-dangerous:hover,
 .ant-btn-background-ghost.ant-btn-dangerous:focus {
-  color: #ff5c57;
-  border-color: #ff5c57;
+  color: var(--ant-error-color-hover);
+  border-color: var(--ant-error-color-hover);
+  background: transparent;
 }
 .ant-btn-background-ghost.ant-btn-dangerous:hover > a:only-child,
 .ant-btn-background-ghost.ant-btn-dangerous:focus > a:only-child {
@@ -1679,8 +1726,9 @@ a.ant-btn-icon-only > .anticon {
   content: '';
 }
 .ant-btn-background-ghost.ant-btn-dangerous:active {
-  color: #cf1b21;
-  border-color: #cf1b21;
+  color: var(--ant-error-color-active);
+  border-color: var(--ant-error-color-active);
+  background: transparent;
 }
 .ant-btn-background-ghost.ant-btn-dangerous:active > a:only-child {
   color: currentcolor;
@@ -1741,8 +1789,9 @@ a.ant-btn-icon-only > .anticon {
 }
 .ant-btn-background-ghost.ant-btn-dangerous.ant-btn-link:hover,
 .ant-btn-background-ghost.ant-btn-dangerous.ant-btn-link:focus {
-  color: #ff5c57;
+  color: var(--ant-error-color-active);
   border-color: transparent;
+  background: transparent;
 }
 .ant-btn-background-ghost.ant-btn-dangerous.ant-btn-link:hover > a:only-child,
 .ant-btn-background-ghost.ant-btn-dangerous.ant-btn-link:focus > a:only-child {
@@ -1759,8 +1808,9 @@ a.ant-btn-icon-only > .anticon {
   content: '';
 }
 .ant-btn-background-ghost.ant-btn-dangerous.ant-btn-link:active {
-  color: #cf1b21;
+  color: var(--ant-error-color-active);
   border-color: transparent;
+  background: transparent;
 }
 .ant-btn-background-ghost.ant-btn-dangerous.ant-btn-link:active > a:only-child {
   color: currentcolor;
@@ -1867,13 +1917,13 @@ a.ant-btn-sm {
 }
 .ant-btn-group-rtl.ant-btn-group .ant-btn-primary:last-child:not(:first-child),
 .ant-btn-group-rtl.ant-btn-group .ant-btn-primary + .ant-btn-primary {
-  border-right-color: #548aff;
+  border-right-color: var(--ant-primary-5);
   border-left-color: #d2d2d2;
 }
 .ant-btn-group-rtl.ant-btn-group .ant-btn-primary:last-child:not(:first-child)[disabled],
 .ant-btn-group-rtl.ant-btn-group .ant-btn-primary + .ant-btn-primary[disabled] {
   border-right-color: #d2d2d2;
-  border-left-color: #548aff;
+  border-left-color: var(--ant-primary-5);
 }
 .ant-btn-rtl.ant-btn > .ant-btn-loading-icon .anticon {
   padding-right: 0;

package/lib/calendar/style/index.css

@@ -2,6 +2,48 @@
 /* stylelint-disable no-duplicate-selectors */
 /* stylelint-disable */
 /* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */
+html {
+  --ant-primary-color: #1890ff;
+  --ant-primary-color-hover: #40a9ff;
+  --ant-primary-color-active: #096dd9;
+  --ant-primary-color-outline: rgba(24, 144, 255, 0.2);
+  --ant-primary-1: #e6f7ff;
+  --ant-primary-2: #bae7ff;
+  --ant-primary-3: #91d5ff;
+  --ant-primary-4: #69c0ff;
+  --ant-primary-5: #40a9ff;
+  --ant-primary-6: #1890ff;
+  --ant-primary-7: #096dd9;
+  --ant-primary-color-deprecated-pure: ;
+  --ant-primary-color-deprecated-l-35: #cbe6ff;
+  --ant-primary-color-deprecated-l-20: #7ec1ff;
+  --ant-primary-color-deprecated-t-20: #46a6ff;
+  --ant-primary-color-deprecated-t-50: #8cc8ff;
+  --ant-primary-color-deprecated-f-12: rgba(24, 144, 255, 0.12);
+  --ant-primary-color-active-deprecated-f-30: rgba(230, 247, 255, 0.3);
+  --ant-primary-color-active-deprecated-d-02: #dcf4ff;
+  --ant-success-color: #36c626;
+  --ant-success-color-hover: #5cd44a;
+  --ant-success-color-active: #20a116;
+  --ant-success-color-outline: rgba(54, 198, 38, 0.2);
+  --ant-success-color-deprecated-bg: #f4fff0;
+  --ant-success-color-deprecated-border: #afed9f;
+  --ant-error-color: #ff5c57;
+  --ant-error-color-hover: #ff8880;
+  --ant-error-color-active: #d93f3f;
+  --ant-error-color-outline: rgba(255, 92, 87, 0.2);
+  --ant-error-color-deprecated-bg: #fff3f0;
+  --ant-error-color-deprecated-border: #ffd7d1;
+  --ant-warning-color: #ffab00;
+  --ant-warning-color-hover: #ffbf29;
+  --ant-warning-color-active: #d98900;
+  --ant-warning-color-outline: rgba(255, 171, 0, 0.2);
+  --ant-warning-color-deprecated-bg: #fffbe6;
+  --ant-warning-color-deprecated-border: #ffe07a;
+  --ant-info-color: #1890ff;
+  --ant-info-color-deprecated-bg: #e6f7ff;
+  --ant-info-color-deprecated-border: #91d5ff;
+}
 .ant-picker-calendar {
   box-sizing: border-box;
   margin: 0;
@@ -95,7 +137,7 @@
 .ant-picker-calendar-full .ant-picker-panel .ant-picker-cell-selected:hover .ant-picker-calendar-date,
 .ant-picker-calendar-full .ant-picker-panel .ant-picker-cell-selected .ant-picker-calendar-date-today,
 .ant-picker-calendar-full .ant-picker-panel .ant-picker-cell-selected:hover .ant-picker-calendar-date-today {
-  background: #f0f7ff;
+  background: var(--ant-primary-1);
 }
 .ant-picker-calendar-full .ant-picker-panel .ant-picker-cell-selected .ant-picker-calendar-date .ant-picker-calendar-date-value,
 .ant-picker-calendar-full .ant-picker-panel .ant-picker-cell-selected:hover .ant-picker-calendar-date .ant-picker-calendar-date-value,

package/lib/card/style/index.css

@@ -2,6 +2,48 @@
 /* stylelint-disable no-duplicate-selectors */
 /* stylelint-disable */
 /* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */
+html {
+  --ant-primary-color: #1890ff;
+  --ant-primary-color-hover: #40a9ff;
+  --ant-primary-color-active: #096dd9;
+  --ant-primary-color-outline: rgba(24, 144, 255, 0.2);
+  --ant-primary-1: #e6f7ff;
+  --ant-primary-2: #bae7ff;
+  --ant-primary-3: #91d5ff;
+  --ant-primary-4: #69c0ff;
+  --ant-primary-5: #40a9ff;
+  --ant-primary-6: #1890ff;
+  --ant-primary-7: #096dd9;
+  --ant-primary-color-deprecated-pure: ;
+  --ant-primary-color-deprecated-l-35: #cbe6ff;
+  --ant-primary-color-deprecated-l-20: #7ec1ff;
+  --ant-primary-color-deprecated-t-20: #46a6ff;
+  --ant-primary-color-deprecated-t-50: #8cc8ff;
+  --ant-primary-color-deprecated-f-12: rgba(24, 144, 255, 0.12);
+  --ant-primary-color-active-deprecated-f-30: rgba(230, 247, 255, 0.3);
+  --ant-primary-color-active-deprecated-d-02: #dcf4ff;
+  --ant-success-color: #36c626;
+  --ant-success-color-hover: #5cd44a;
+  --ant-success-color-active: #20a116;
+  --ant-success-color-outline: rgba(54, 198, 38, 0.2);
+  --ant-success-color-deprecated-bg: #f4fff0;
+  --ant-success-color-deprecated-border: #afed9f;
+  --ant-error-color: #ff5c57;
+  --ant-error-color-hover: #ff8880;
+  --ant-error-color-active: #d93f3f;
+  --ant-error-color-outline: rgba(255, 92, 87, 0.2);
+  --ant-error-color-deprecated-bg: #fff3f0;
+  --ant-error-color-deprecated-border: #ffd7d1;
+  --ant-warning-color: #ffab00;
+  --ant-warning-color-hover: #ffbf29;
+  --ant-warning-color-active: #d98900;
+  --ant-warning-color-outline: rgba(255, 171, 0, 0.2);
+  --ant-warning-color-deprecated-bg: #fffbe6;
+  --ant-warning-color-deprecated-border: #ffe07a;
+  --ant-info-color: #1890ff;
+  --ant-info-color-deprecated-bg: #e6f7ff;
+  --ant-info-color-deprecated-border: #91d5ff;
+}
 .ant-card {
   box-sizing: border-box;
   margin: 0;

package/lib/carousel/style/index.css

@@ -2,6 +2,48 @@
 /* stylelint-disable no-duplicate-selectors */
 /* stylelint-disable */
 /* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */
+html {
+  --ant-primary-color: #1890ff;
+  --ant-primary-color-hover: #40a9ff;
+  --ant-primary-color-active: #096dd9;
+  --ant-primary-color-outline: rgba(24, 144, 255, 0.2);
+  --ant-primary-1: #e6f7ff;
+  --ant-primary-2: #bae7ff;
+  --ant-primary-3: #91d5ff;
+  --ant-primary-4: #69c0ff;
+  --ant-primary-5: #40a9ff;
+  --ant-primary-6: #1890ff;
+  --ant-primary-7: #096dd9;
+  --ant-primary-color-deprecated-pure: ;
+  --ant-primary-color-deprecated-l-35: #cbe6ff;
+  --ant-primary-color-deprecated-l-20: #7ec1ff;
+  --ant-primary-color-deprecated-t-20: #46a6ff;
+  --ant-primary-color-deprecated-t-50: #8cc8ff;
+  --ant-primary-color-deprecated-f-12: rgba(24, 144, 255, 0.12);
+  --ant-primary-color-active-deprecated-f-30: rgba(230, 247, 255, 0.3);
+  --ant-primary-color-active-deprecated-d-02: #dcf4ff;
+  --ant-success-color: #36c626;
+  --ant-success-color-hover: #5cd44a;
+  --ant-success-color-active: #20a116;
+  --ant-success-color-outline: rgba(54, 198, 38, 0.2);
+  --ant-success-color-deprecated-bg: #f4fff0;
+  --ant-success-color-deprecated-border: #afed9f;
+  --ant-error-color: #ff5c57;
+  --ant-error-color-hover: #ff8880;
+  --ant-error-color-active: #d93f3f;
+  --ant-error-color-outline: rgba(255, 92, 87, 0.2);
+  --ant-error-color-deprecated-bg: #fff3f0;
+  --ant-error-color-deprecated-border: #ffd7d1;
+  --ant-warning-color: #ffab00;
+  --ant-warning-color-hover: #ffbf29;
+  --ant-warning-color-active: #d98900;
+  --ant-warning-color-outline: rgba(255, 171, 0, 0.2);
+  --ant-warning-color-deprecated-bg: #fffbe6;
+  --ant-warning-color-deprecated-border: #ffe07a;
+  --ant-info-color: #1890ff;
+  --ant-info-color-deprecated-bg: #e6f7ff;
+  --ant-info-color-deprecated-border: #91d5ff;
+}
 .ant-carousel {
   box-sizing: border-box;
   margin: 0;

package/lib/cascader/style/index.css

@@ -2,6 +2,48 @@
 /* stylelint-disable no-duplicate-selectors */
 /* stylelint-disable */
 /* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */
+html {
+  --ant-primary-color: #1890ff;
+  --ant-primary-color-hover: #40a9ff;
+  --ant-primary-color-active: #096dd9;
+  --ant-primary-color-outline: rgba(24, 144, 255, 0.2);
+  --ant-primary-1: #e6f7ff;
+  --ant-primary-2: #bae7ff;
+  --ant-primary-3: #91d5ff;
+  --ant-primary-4: #69c0ff;
+  --ant-primary-5: #40a9ff;
+  --ant-primary-6: #1890ff;
+  --ant-primary-7: #096dd9;
+  --ant-primary-color-deprecated-pure: ;
+  --ant-primary-color-deprecated-l-35: #cbe6ff;
+  --ant-primary-color-deprecated-l-20: #7ec1ff;
+  --ant-primary-color-deprecated-t-20: #46a6ff;
+  --ant-primary-color-deprecated-t-50: #8cc8ff;
+  --ant-primary-color-deprecated-f-12: rgba(24, 144, 255, 0.12);
+  --ant-primary-color-active-deprecated-f-30: rgba(230, 247, 255, 0.3);
+  --ant-primary-color-active-deprecated-d-02: #dcf4ff;
+  --ant-success-color: #36c626;
+  --ant-success-color-hover: #5cd44a;
+  --ant-success-color-active: #20a116;
+  --ant-success-color-outline: rgba(54, 198, 38, 0.2);
+  --ant-success-color-deprecated-bg: #f4fff0;
+  --ant-success-color-deprecated-border: #afed9f;
+  --ant-error-color: #ff5c57;
+  --ant-error-color-hover: #ff8880;
+  --ant-error-color-active: #d93f3f;
+  --ant-error-color-outline: rgba(255, 92, 87, 0.2);
+  --ant-error-color-deprecated-bg: #fff3f0;
+  --ant-error-color-deprecated-border: #ffd7d1;
+  --ant-warning-color: #ffab00;
+  --ant-warning-color-hover: #ffbf29;
+  --ant-warning-color-active: #d98900;
+  --ant-warning-color-outline: rgba(255, 171, 0, 0.2);
+  --ant-warning-color-deprecated-bg: #fffbe6;
+  --ant-warning-color-deprecated-border: #ffe07a;
+  --ant-info-color: #1890ff;
+  --ant-info-color-deprecated-bg: #e6f7ff;
+  --ant-info-color-deprecated-border: #91d5ff;
+}
 @-webkit-keyframes antCheckboxEffect {
   0% {
     transform: scale(1);
@@ -283,7 +325,7 @@
 .ant-cascader-menu-item-active:not(.ant-cascader-menu-item-disabled),
 .ant-cascader-menu-item-active:not(.ant-cascader-menu-item-disabled):hover {
   font-weight: 600;
-  background-color: #f0f7ff;
+  background-color: var(--ant-primary-1);
 }
 .ant-cascader-menu-item-content {
   flex: auto;
@@ -299,7 +341,7 @@
   color: #a9a9a9;
 }
 .ant-cascader-menu-item-keyword {
-  color: #ff4d4f;
+  color: #ff5c57;
 }
 .ant-cascader-rtl .ant-cascader-menu-item-expand-icon,
 .ant-cascader-rtl .ant-cascader-menu-item-loading-icon {