@fle-ui/next 1.0.5-alpha.3 → 1.0.5-alpha.4

package/lib/button/style/index.css

@@ -3,46 +3,46 @@
 /* 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: #2c68ff;
+  --ant-primary-color-hover: #548aff;
+  --ant-primary-color-active: #1a4ad9;
+  --ant-primary-color-outline: rgba(44, 104, 255, 0.2);
+  --ant-primary-1: #f0f7ff;
+  --ant-primary-2: #cfe3ff;
+  --ant-primary-3: #a6c8ff;
+  --ant-primary-4: #7daaff;
+  --ant-primary-5: #548aff;
+  --ant-primary-6: #2c68ff;
+  --ant-primary-7: #1a4ad9;
   --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: #52c41a;
-  --ant-success-color-hover: #73d13d;
-  --ant-success-color-active: #389e0d;
-  --ant-success-color-outline: rgba(82, 196, 26, 0.2);
-  --ant-success-color-deprecated-bg: #f6ffed;
-  --ant-success-color-deprecated-border: #b7eb8f;
-  --ant-error-color: #ff4d4f;
-  --ant-error-color-hover: #ff7875;
-  --ant-error-color-active: #d9363e;
-  --ant-error-color-outline: rgba(255, 77, 79, 0.2);
-  --ant-error-color-deprecated-bg: #fff2f0;
-  --ant-error-color-deprecated-border: #ffccc7;
-  --ant-warning-color: #faad14;
-  --ant-warning-color-hover: #ffc53d;
-  --ant-warning-color-active: #d48806;
-  --ant-warning-color-outline: rgba(250, 173, 20, 0.2);
+  --ant-primary-color-deprecated-l-35: #dfe8ff;
+  --ant-primary-color-deprecated-l-20: #92b1ff;
+  --ant-primary-color-deprecated-t-20: #5686ff;
+  --ant-primary-color-deprecated-t-50: #96b4ff;
+  --ant-primary-color-deprecated-f-12: rgba(44, 104, 255, 0.12);
+  --ant-primary-color-active-deprecated-f-30: rgba(240, 247, 255, 0.3);
+  --ant-primary-color-active-deprecated-d-02: #e6f2ff;
+  --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: #ffe58f;
-  --ant-info-color: #1890ff;
-  --ant-info-color-deprecated-bg: #e6f7ff;
-  --ant-info-color-deprecated-border: #91d5ff;
+  --ant-warning-color-deprecated-border: #ffe07a;
+  --ant-info-color: #2c68ff;
+  --ant-info-color-deprecated-bg: #f0f7ff;
+  --ant-info-color-deprecated-border: #a6c8ff;
 }
 .ant-btn {
   line-height: 1.5715;
@@ -65,8 +65,8 @@ html {
   padding: 4px 15px;
   font-size: 14px;
   border-radius: 4px;
-  color: #4c4c4c;
-  border-color: #d2d2d2;
+  color: rgba(0, 0, 0, 0.85);
+  border-color: #d9d9d9;
   background: #fff;
 }
 .ant-btn > .anticon {
@@ -155,9 +155,9 @@ html {
 .ant-btn[disabled]:hover,
 .ant-btn[disabled]:focus,
 .ant-btn[disabled]:active {
-  color: #a9a9a9;
-  border-color: #d2d2d2;
-  background: #f1f1f1;
+  color: rgba(0, 0, 0, 0.25);
+  border-color: #d9d9d9;
+  background: #f5f5f5;
   text-shadow: none;
   box-shadow: none;
 }
@@ -190,8 +190,8 @@ html {
 }
 .ant-btn-primary {
   color: #fff;
-  border-color: #2c68ff;
-  background: #2c68ff;
+  border-color: var(--ant-primary-color);
+  background: var(--ant-primary-color);
   text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.12);
   box-shadow: 0 2px 0 rgba(0, 0, 0, 0.045);
 }
@@ -248,9 +248,9 @@ html {
 .ant-btn-primary[disabled]:hover,
 .ant-btn-primary[disabled]:focus,
 .ant-btn-primary[disabled]:active {
-  color: #a9a9a9;
-  border-color: #d2d2d2;
-  background: #f1f1f1;
+  color: rgba(0, 0, 0, 0.25);
+  border-color: #d9d9d9;
+  background: #f5f5f5;
   text-shadow: none;
   box-shadow: none;
 }
@@ -277,13 +277,13 @@ html {
   border-left-color: var(--ant-primary-5);
 }
 .ant-btn-group .ant-btn-primary:not(:first-child):not(:last-child):disabled {
-  border-color: #d2d2d2;
+  border-color: #d9d9d9;
 }
 .ant-btn-group .ant-btn-primary:first-child:not(:last-child) {
   border-right-color: var(--ant-primary-5);
 }
 .ant-btn-group .ant-btn-primary:first-child:not(:last-child)[disabled] {
-  border-right-color: #d2d2d2;
+  border-right-color: #d9d9d9;
 }
 .ant-btn-group .ant-btn-primary:last-child:not(:first-child),
 .ant-btn-group .ant-btn-primary + .ant-btn-primary {
@@ -291,11 +291,11 @@ html {
 }
 .ant-btn-group .ant-btn-primary:last-child:not(:first-child)[disabled],
 .ant-btn-group .ant-btn-primary + .ant-btn-primary[disabled] {
-  border-left-color: #d2d2d2;
+  border-left-color: #d9d9d9;
 }
 .ant-btn-ghost {
-  color: #4c4c4c;
-  border-color: #d2d2d2;
+  color: rgba(0, 0, 0, 0.85);
+  border-color: #d9d9d9;
   background: transparent;
 }
 .ant-btn-ghost > a:only-child {
@@ -351,9 +351,9 @@ html {
 .ant-btn-ghost[disabled]:hover,
 .ant-btn-ghost[disabled]:focus,
 .ant-btn-ghost[disabled]:active {
-  color: #a9a9a9;
-  border-color: #d2d2d2;
-  background: #f1f1f1;
+  color: rgba(0, 0, 0, 0.25);
+  border-color: #d9d9d9;
+  background: #f5f5f5;
   text-shadow: none;
   box-shadow: none;
 }
@@ -376,8 +376,8 @@ html {
   content: '';
 }
 .ant-btn-dashed {
-  color: #4c4c4c;
-  border-color: #d2d2d2;
+  color: rgba(0, 0, 0, 0.85);
+  border-color: #d9d9d9;
   background: #fff;
   border-style: dashed;
 }
@@ -434,9 +434,9 @@ html {
 .ant-btn-dashed[disabled]:hover,
 .ant-btn-dashed[disabled]:focus,
 .ant-btn-dashed[disabled]:active {
-  color: #a9a9a9;
-  border-color: #d2d2d2;
-  background: #f1f1f1;
+  color: rgba(0, 0, 0, 0.25);
+  border-color: #d9d9d9;
+  background: #f5f5f5;
   text-shadow: none;
   box-shadow: none;
 }
@@ -460,8 +460,8 @@ html {
 }
 .ant-btn-danger {
   color: #fff;
-  border-color: #f42d2d;
-  background: #f42d2d;
+  border-color: var(--ant-error-color);
+  background: var(--ant-error-color);
   text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.12);
   box-shadow: 0 2px 0 rgba(0, 0, 0, 0.045);
 }
@@ -518,9 +518,9 @@ html {
 .ant-btn-danger[disabled]:hover,
 .ant-btn-danger[disabled]:focus,
 .ant-btn-danger[disabled]:active {
-  color: #a9a9a9;
-  border-color: #d2d2d2;
-  background: #f1f1f1;
+  color: rgba(0, 0, 0, 0.25);
+  border-color: #d9d9d9;
+  background: #f5f5f5;
   text-shadow: none;
   box-shadow: none;
 }
@@ -543,7 +543,7 @@ html {
   content: '';
 }
 .ant-btn-link {
-  color: #2c68ff;
+  color: var(--ant-primary-color);
   border-color: transparent;
   background: transparent;
   box-shadow: none;
@@ -601,9 +601,9 @@ html {
 .ant-btn-link[disabled]:hover,
 .ant-btn-link[disabled]:focus,
 .ant-btn-link[disabled]:active {
-  color: #a9a9a9;
-  border-color: #d2d2d2;
-  background: #f1f1f1;
+  color: rgba(0, 0, 0, 0.25);
+  border-color: #d9d9d9;
+  background: #f5f5f5;
   text-shadow: none;
   box-shadow: none;
 }
@@ -637,7 +637,7 @@ html {
 .ant-btn-link[disabled]:hover,
 .ant-btn-link[disabled]:focus,
 .ant-btn-link[disabled]:active {
-  color: #a9a9a9;
+  color: rgba(0, 0, 0, 0.25);
   border-color: transparent;
   background: transparent;
   text-shadow: none;
@@ -662,7 +662,7 @@ html {
   content: '';
 }
 .ant-btn-text {
-  color: #4c4c4c;
+  color: rgba(0, 0, 0, 0.85);
   border-color: transparent;
   background: transparent;
   box-shadow: none;
@@ -720,9 +720,9 @@ html {
 .ant-btn-text[disabled]:hover,
 .ant-btn-text[disabled]:focus,
 .ant-btn-text[disabled]:active {
-  color: #a9a9a9;
-  border-color: #d2d2d2;
-  background: #f1f1f1;
+  color: rgba(0, 0, 0, 0.25);
+  border-color: #d9d9d9;
+  background: #f5f5f5;
   text-shadow: none;
   box-shadow: none;
 }
@@ -746,12 +746,12 @@ html {
 }
 .ant-btn-text:hover,
 .ant-btn-text:focus {
-  color: #4c4c4c;
+  color: rgba(0, 0, 0, 0.85);
   background: rgba(0, 0, 0, 0.018);
   border-color: transparent;
 }
 .ant-btn-text:active {
-  color: #4c4c4c;
+  color: rgba(0, 0, 0, 0.85);
   background: rgba(0, 0, 0, 0.028);
   border-color: transparent;
 }
@@ -759,7 +759,7 @@ html {
 .ant-btn-text[disabled]:hover,
 .ant-btn-text[disabled]:focus,
 .ant-btn-text[disabled]:active {
-  color: #a9a9a9;
+  color: rgba(0, 0, 0, 0.25);
   border-color: transparent;
   background: transparent;
   text-shadow: none;
@@ -784,8 +784,8 @@ html {
   content: '';
 }
 .ant-btn-dangerous {
-  color: #f42d2d;
-  border-color: #f42d2d;
+  color: var(--ant-error-color);
+  border-color: var(--ant-error-color);
   background: #fff;
 }
 .ant-btn-dangerous > a:only-child {
@@ -841,9 +841,9 @@ html {
 .ant-btn-dangerous[disabled]:hover,
 .ant-btn-dangerous[disabled]:focus,
 .ant-btn-dangerous[disabled]:active {
-  color: #a9a9a9;
-  border-color: #d2d2d2;
-  background: #f1f1f1;
+  color: rgba(0, 0, 0, 0.25);
+  border-color: #d9d9d9;
+  background: #f5f5f5;
   text-shadow: none;
   box-shadow: none;
 }
@@ -867,8 +867,8 @@ html {
 }
 .ant-btn-dangerous.ant-btn-primary {
   color: #fff;
-  border-color: #f42d2d;
-  background: #f42d2d;
+  border-color: var(--ant-error-color);
+  background: var(--ant-error-color);
   text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.12);
   box-shadow: 0 2px 0 rgba(0, 0, 0, 0.045);
 }
@@ -925,9 +925,9 @@ html {
 .ant-btn-dangerous.ant-btn-primary[disabled]:hover,
 .ant-btn-dangerous.ant-btn-primary[disabled]:focus,
 .ant-btn-dangerous.ant-btn-primary[disabled]:active {
-  color: #a9a9a9;
-  border-color: #d2d2d2;
-  background: #f1f1f1;
+  color: rgba(0, 0, 0, 0.25);
+  border-color: #d9d9d9;
+  background: #f5f5f5;
   text-shadow: none;
   box-shadow: none;
 }
@@ -950,7 +950,7 @@ html {
   content: '';
 }
 .ant-btn-dangerous.ant-btn-link {
-  color: #f42d2d;
+  color: var(--ant-error-color);
   border-color: transparent;
   background: transparent;
   box-shadow: none;
@@ -1008,9 +1008,9 @@ html {
 .ant-btn-dangerous.ant-btn-link[disabled]:hover,
 .ant-btn-dangerous.ant-btn-link[disabled]:focus,
 .ant-btn-dangerous.ant-btn-link[disabled]:active {
-  color: #a9a9a9;
-  border-color: #d2d2d2;
-  background: #f1f1f1;
+  color: rgba(0, 0, 0, 0.25);
+  border-color: #d9d9d9;
+  background: #f5f5f5;
   text-shadow: none;
   box-shadow: none;
 }
@@ -1073,7 +1073,7 @@ html {
 .ant-btn-dangerous.ant-btn-link[disabled]:hover,
 .ant-btn-dangerous.ant-btn-link[disabled]:focus,
 .ant-btn-dangerous.ant-btn-link[disabled]:active {
-  color: #a9a9a9;
+  color: rgba(0, 0, 0, 0.25);
   border-color: transparent;
   background: transparent;
   text-shadow: none;
@@ -1098,7 +1098,7 @@ html {
   content: '';
 }
 .ant-btn-dangerous.ant-btn-text {
-  color: #f42d2d;
+  color: var(--ant-error-color);
   border-color: transparent;
   background: transparent;
   box-shadow: none;
@@ -1156,9 +1156,9 @@ html {
 .ant-btn-dangerous.ant-btn-text[disabled]:hover,
 .ant-btn-dangerous.ant-btn-text[disabled]:focus,
 .ant-btn-dangerous.ant-btn-text[disabled]:active {
-  color: #a9a9a9;
-  border-color: #d2d2d2;
-  background: #f1f1f1;
+  color: rgba(0, 0, 0, 0.25);
+  border-color: #d9d9d9;
+  background: #f5f5f5;
   text-shadow: none;
   box-shadow: none;
 }
@@ -1221,7 +1221,7 @@ html {
 .ant-btn-dangerous.ant-btn-text[disabled]:hover,
 .ant-btn-dangerous.ant-btn-text[disabled]:focus,
 .ant-btn-dangerous.ant-btn-text[disabled]:active {
-  color: #a9a9a9;
+  color: rgba(0, 0, 0, 0.25);
   border-color: transparent;
   background: transparent;
   text-shadow: none;
@@ -1520,13 +1520,13 @@ a.ant-btn-icon-only > .anticon {
   border-color: var(--ant-primary-color-active);
 }
 .ant-btn.ant-btn-background-ghost[disabled] {
-  color: #a9a9a9;
+  color: rgba(0, 0, 0, 0.25);
   background: transparent;
-  border-color: #d2d2d2;
+  border-color: #d9d9d9;
 }
 .ant-btn-background-ghost.ant-btn-primary {
-  color: #2c68ff;
-  border-color: #2c68ff;
+  color: var(--ant-primary-color);
+  border-color: var(--ant-primary-color);
   text-shadow: none;
 }
 .ant-btn-background-ghost.ant-btn-primary > a:only-child {
@@ -1582,9 +1582,9 @@ a.ant-btn-icon-only > .anticon {
 .ant-btn-background-ghost.ant-btn-primary[disabled]:hover,
 .ant-btn-background-ghost.ant-btn-primary[disabled]:focus,
 .ant-btn-background-ghost.ant-btn-primary[disabled]:active {
-  color: #a9a9a9;
-  border-color: #d2d2d2;
-  background: #f1f1f1;
+  color: rgba(0, 0, 0, 0.25);
+  border-color: #d9d9d9;
+  background: #f5f5f5;
   text-shadow: none;
   box-shadow: none;
 }
@@ -1607,8 +1607,8 @@ a.ant-btn-icon-only > .anticon {
   content: '';
 }
 .ant-btn-background-ghost.ant-btn-danger {
-  color: #f42d2d;
-  border-color: #f42d2d;
+  color: var(--ant-error-color);
+  border-color: var(--ant-error-color);
   text-shadow: none;
 }
 .ant-btn-background-ghost.ant-btn-danger > a:only-child {
@@ -1664,9 +1664,9 @@ a.ant-btn-icon-only > .anticon {
 .ant-btn-background-ghost.ant-btn-danger[disabled]:hover,
 .ant-btn-background-ghost.ant-btn-danger[disabled]:focus,
 .ant-btn-background-ghost.ant-btn-danger[disabled]:active {
-  color: #a9a9a9;
-  border-color: #d2d2d2;
-  background: #f1f1f1;
+  color: rgba(0, 0, 0, 0.25);
+  border-color: #d9d9d9;
+  background: #f5f5f5;
   text-shadow: none;
   box-shadow: none;
 }
@@ -1689,8 +1689,8 @@ a.ant-btn-icon-only > .anticon {
   content: '';
 }
 .ant-btn-background-ghost.ant-btn-dangerous {
-  color: #f42d2d;
-  border-color: #f42d2d;
+  color: var(--ant-error-color);
+  border-color: var(--ant-error-color);
   text-shadow: none;
 }
 .ant-btn-background-ghost.ant-btn-dangerous > a:only-child {
@@ -1746,9 +1746,9 @@ a.ant-btn-icon-only > .anticon {
 .ant-btn-background-ghost.ant-btn-dangerous[disabled]:hover,
 .ant-btn-background-ghost.ant-btn-dangerous[disabled]:focus,
 .ant-btn-background-ghost.ant-btn-dangerous[disabled]:active {
-  color: #a9a9a9;
-  border-color: #d2d2d2;
-  background: #f1f1f1;
+  color: rgba(0, 0, 0, 0.25);
+  border-color: #d9d9d9;
+  background: #f5f5f5;
   text-shadow: none;
   box-shadow: none;
 }
@@ -1771,7 +1771,7 @@ a.ant-btn-icon-only > .anticon {
   content: '';
 }
 .ant-btn-background-ghost.ant-btn-dangerous.ant-btn-link {
-  color: #f42d2d;
+  color: var(--ant-error-color);
   border-color: transparent;
   text-shadow: none;
 }
@@ -1828,9 +1828,9 @@ a.ant-btn-icon-only > .anticon {
 .ant-btn-background-ghost.ant-btn-dangerous.ant-btn-link[disabled]:hover,
 .ant-btn-background-ghost.ant-btn-dangerous.ant-btn-link[disabled]:focus,
 .ant-btn-background-ghost.ant-btn-dangerous.ant-btn-link[disabled]:active {
-  color: #a9a9a9;
-  border-color: #d2d2d2;
-  background: #f1f1f1;
+  color: rgba(0, 0, 0, 0.25);
+  border-color: #d9d9d9;
+  background: #f5f5f5;
   text-shadow: none;
   box-shadow: none;
 }
@@ -1882,7 +1882,7 @@ a.ant-btn-disabled,
 a.ant-btn-disabled:hover,
 a.ant-btn-disabled:focus,
 a.ant-btn-disabled:active {
-  color: #a9a9a9;
+  color: rgba(0, 0, 0, 0.25);
   border-color: transparent;
   background: transparent;
   text-shadow: none;
@@ -1918,11 +1918,11 @@ 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: var(--ant-primary-5);
-  border-left-color: #d2d2d2;
+  border-left-color: #d9d9d9;
 }
 .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-right-color: #d9d9d9;
   border-left-color: var(--ant-primary-5);
 }
 .ant-btn-rtl.ant-btn > .ant-btn-loading-icon .anticon {

package/lib/calendar/style/index.css

@@ -3,52 +3,52 @@
 /* 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: #2c68ff;
+  --ant-primary-color-hover: #548aff;
+  --ant-primary-color-active: #1a4ad9;
+  --ant-primary-color-outline: rgba(44, 104, 255, 0.2);
+  --ant-primary-1: #f0f7ff;
+  --ant-primary-2: #cfe3ff;
+  --ant-primary-3: #a6c8ff;
+  --ant-primary-4: #7daaff;
+  --ant-primary-5: #548aff;
+  --ant-primary-6: #2c68ff;
+  --ant-primary-7: #1a4ad9;
   --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: #52c41a;
-  --ant-success-color-hover: #73d13d;
-  --ant-success-color-active: #389e0d;
-  --ant-success-color-outline: rgba(82, 196, 26, 0.2);
-  --ant-success-color-deprecated-bg: #f6ffed;
-  --ant-success-color-deprecated-border: #b7eb8f;
-  --ant-error-color: #ff4d4f;
-  --ant-error-color-hover: #ff7875;
-  --ant-error-color-active: #d9363e;
-  --ant-error-color-outline: rgba(255, 77, 79, 0.2);
-  --ant-error-color-deprecated-bg: #fff2f0;
-  --ant-error-color-deprecated-border: #ffccc7;
-  --ant-warning-color: #faad14;
-  --ant-warning-color-hover: #ffc53d;
-  --ant-warning-color-active: #d48806;
-  --ant-warning-color-outline: rgba(250, 173, 20, 0.2);
+  --ant-primary-color-deprecated-l-35: #dfe8ff;
+  --ant-primary-color-deprecated-l-20: #92b1ff;
+  --ant-primary-color-deprecated-t-20: #5686ff;
+  --ant-primary-color-deprecated-t-50: #96b4ff;
+  --ant-primary-color-deprecated-f-12: rgba(44, 104, 255, 0.12);
+  --ant-primary-color-active-deprecated-f-30: rgba(240, 247, 255, 0.3);
+  --ant-primary-color-active-deprecated-d-02: #e6f2ff;
+  --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: #ffe58f;
-  --ant-info-color: #1890ff;
-  --ant-info-color-deprecated-bg: #e6f7ff;
-  --ant-info-color-deprecated-border: #91d5ff;
+  --ant-warning-color-deprecated-border: #ffe07a;
+  --ant-info-color: #2c68ff;
+  --ant-info-color-deprecated-bg: #f0f7ff;
+  --ant-info-color-deprecated-border: #a6c8ff;
 }
 .ant-picker-calendar {
   box-sizing: border-box;
   margin: 0;
   padding: 0;
-  color: #4c4c4c;
+  color: rgba(0, 0, 0, 0.85);
   font-size: 14px;
   font-variant: tabular-nums;
   line-height: 1.5715;
@@ -74,7 +74,7 @@ html {
 .ant-picker-calendar .ant-picker-panel {
   background: #fff;
   border: 0;
-  border-top: 1px solid #eeeeee;
+  border-top: 1px solid rgba(0, 0, 0, 0.06);
   border-radius: 0;
 }
 .ant-picker-calendar .ant-picker-panel .ant-picker-month-panel,
@@ -143,7 +143,7 @@ html {
 .ant-picker-calendar-full .ant-picker-panel .ant-picker-cell-selected:hover .ant-picker-calendar-date .ant-picker-calendar-date-value,
 .ant-picker-calendar-full .ant-picker-panel .ant-picker-cell-selected .ant-picker-calendar-date-today .ant-picker-calendar-date-value,
 .ant-picker-calendar-full .ant-picker-panel .ant-picker-cell-selected:hover .ant-picker-calendar-date-today .ant-picker-calendar-date-value {
-  color: #2c68ff;
+  color: var(--ant-primary-color);
 }
 .ant-picker-calendar-full .ant-picker-panel .ant-picker-calendar-date {
   display: block;
@@ -152,7 +152,7 @@ html {
   margin: 0 4px;
   padding: 4px 8px 0;
   border: 0;
-  border-top: 2px solid #eeeeee;
+  border-top: 2px solid rgba(0, 0, 0, 0.06);
   border-radius: 0;
   transition: background 0.3s;
 }
@@ -165,15 +165,15 @@ html {
   width: auto;
   height: 86px;
   overflow-y: auto;
-  color: #4c4c4c;
+  color: rgba(0, 0, 0, 0.85);
   line-height: 1.5715;
   text-align: left;
 }
 .ant-picker-calendar-full .ant-picker-panel .ant-picker-calendar-date-today {
-  border-color: #2c68ff;
+  border-color: var(--ant-primary-color);
 }
 .ant-picker-calendar-full .ant-picker-panel .ant-picker-calendar-date-today .ant-picker-calendar-date-value {
-  color: #4c4c4c;
+  color: rgba(0, 0, 0, 0.85);
 }
 @media only screen and (max-width: 480px) {
   .ant-picker-calendar-header {