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

package/es/button/style/index.css

@@ -2,48 +2,6 @@
 /* stylelint-disable no-duplicate-selectors */
 /* stylelint-disable */
 /* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */
-html {
-  --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: #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: #ffe07a;
-  --ant-info-color: #2c68ff;
-  --ant-info-color-deprecated-bg: #f0f7ff;
-  --ant-info-color-deprecated-border: #a6c8ff;
-}
 .ant-btn {
   line-height: 1.5715;
   position: relative;
@@ -65,8 +23,8 @@ html {
   padding: 4px 15px;
   font-size: 14px;
   border-radius: 4px;
-  color: rgba(0, 0, 0, 0.85);
-  border-color: #d9d9d9;
+  color: #4c4c4c;
+  border-color: #d2d2d2;
   background: #fff;
 }
 .ant-btn > .anticon {
@@ -116,8 +74,8 @@ html {
 }
 .ant-btn:hover,
 .ant-btn:focus {
-  color: var(--ant-primary-color-hover);
-  border-color: var(--ant-primary-color-hover);
+  color: #548aff;
+  border-color: #548aff;
   background: #fff;
 }
 .ant-btn:hover > a:only-child,
@@ -135,8 +93,8 @@ html {
   content: '';
 }
 .ant-btn:active {
-  color: var(--ant-primary-color-active);
-  border-color: var(--ant-primary-color-active);
+  color: #1a4ad9;
+  border-color: #1a4ad9;
   background: #fff;
 }
 .ant-btn:active > a:only-child {
@@ -155,9 +113,9 @@ html {
 .ant-btn[disabled]:hover,
 .ant-btn[disabled]:focus,
 .ant-btn[disabled]:active {
-  color: rgba(0, 0, 0, 0.25);
-  border-color: #d9d9d9;
-  background: #f5f5f5;
+  color: #a9a9a9;
+  border-color: #d2d2d2;
+  background: #f1f1f1;
   text-shadow: none;
   box-shadow: none;
 }
@@ -190,8 +148,8 @@ html {
 }
 .ant-btn-primary {
   color: #fff;
-  border-color: var(--ant-primary-color);
-  background: var(--ant-primary-color);
+  border-color: #2c68ff;
+  background: #2c68ff;
   text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.12);
   box-shadow: 0 2px 0 rgba(0, 0, 0, 0.045);
 }
@@ -210,8 +168,8 @@ html {
 .ant-btn-primary:hover,
 .ant-btn-primary:focus {
   color: #fff;
-  border-color: var(--ant-primary-color-hover);
-  background: var(--ant-primary-color-hover);
+  border-color: #548aff;
+  background: #548aff;
 }
 .ant-btn-primary:hover > a:only-child,
 .ant-btn-primary:focus > a:only-child {
@@ -229,8 +187,8 @@ html {
 }
 .ant-btn-primary:active {
   color: #fff;
-  border-color: var(--ant-primary-color-active);
-  background: var(--ant-primary-color-active);
+  border-color: #1a4ad9;
+  background: #1a4ad9;
 }
 .ant-btn-primary:active > a:only-child {
   color: currentcolor;
@@ -248,9 +206,9 @@ html {
 .ant-btn-primary[disabled]:hover,
 .ant-btn-primary[disabled]:focus,
 .ant-btn-primary[disabled]:active {
-  color: rgba(0, 0, 0, 0.25);
-  border-color: #d9d9d9;
-  background: #f5f5f5;
+  color: #a9a9a9;
+  border-color: #d2d2d2;
+  background: #f1f1f1;
   text-shadow: none;
   box-shadow: none;
 }
@@ -273,29 +231,29 @@ html {
   content: '';
 }
 .ant-btn-group .ant-btn-primary:not(:first-child):not(:last-child) {
-  border-right-color: var(--ant-primary-5);
-  border-left-color: var(--ant-primary-5);
+  border-right-color: #548aff;
+  border-left-color: #548aff;
 }
 .ant-btn-group .ant-btn-primary:not(:first-child):not(:last-child):disabled {
-  border-color: #d9d9d9;
+  border-color: #d2d2d2;
 }
 .ant-btn-group .ant-btn-primary:first-child:not(:last-child) {
-  border-right-color: var(--ant-primary-5);
+  border-right-color: #548aff;
 }
 .ant-btn-group .ant-btn-primary:first-child:not(:last-child)[disabled] {
-  border-right-color: #d9d9d9;
+  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: var(--ant-primary-5);
+  border-left-color: #548aff;
 }
 .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: #d9d9d9;
+  border-left-color: #d2d2d2;
 }
 .ant-btn-ghost {
-  color: rgba(0, 0, 0, 0.85);
-  border-color: #d9d9d9;
+  color: #4c4c4c;
+  border-color: #d2d2d2;
   background: transparent;
 }
 .ant-btn-ghost > a:only-child {
@@ -312,8 +270,8 @@ html {
 }
 .ant-btn-ghost:hover,
 .ant-btn-ghost:focus {
-  color: var(--ant-primary-color-hover);
-  border-color: var(--ant-primary-color-hover);
+  color: #548aff;
+  border-color: #548aff;
   background: transparent;
 }
 .ant-btn-ghost:hover > a:only-child,
@@ -331,8 +289,8 @@ html {
   content: '';
 }
 .ant-btn-ghost:active {
-  color: var(--ant-primary-color-active);
-  border-color: var(--ant-primary-color-active);
+  color: #1a4ad9;
+  border-color: #1a4ad9;
   background: transparent;
 }
 .ant-btn-ghost:active > a:only-child {
@@ -351,9 +309,9 @@ html {
 .ant-btn-ghost[disabled]:hover,
 .ant-btn-ghost[disabled]:focus,
 .ant-btn-ghost[disabled]:active {
-  color: rgba(0, 0, 0, 0.25);
-  border-color: #d9d9d9;
-  background: #f5f5f5;
+  color: #a9a9a9;
+  border-color: #d2d2d2;
+  background: #f1f1f1;
   text-shadow: none;
   box-shadow: none;
 }
@@ -376,8 +334,8 @@ html {
   content: '';
 }
 .ant-btn-dashed {
-  color: rgba(0, 0, 0, 0.85);
-  border-color: #d9d9d9;
+  color: #4c4c4c;
+  border-color: #d2d2d2;
   background: #fff;
   border-style: dashed;
 }
@@ -395,8 +353,8 @@ html {
 }
 .ant-btn-dashed:hover,
 .ant-btn-dashed:focus {
-  color: var(--ant-primary-color-hover);
-  border-color: var(--ant-primary-color-hover);
+  color: #548aff;
+  border-color: #548aff;
   background: #fff;
 }
 .ant-btn-dashed:hover > a:only-child,
@@ -414,8 +372,8 @@ html {
   content: '';
 }
 .ant-btn-dashed:active {
-  color: var(--ant-primary-color-active);
-  border-color: var(--ant-primary-color-active);
+  color: #1a4ad9;
+  border-color: #1a4ad9;
   background: #fff;
 }
 .ant-btn-dashed:active > a:only-child {
@@ -434,9 +392,9 @@ html {
 .ant-btn-dashed[disabled]:hover,
 .ant-btn-dashed[disabled]:focus,
 .ant-btn-dashed[disabled]:active {
-  color: rgba(0, 0, 0, 0.25);
-  border-color: #d9d9d9;
-  background: #f5f5f5;
+  color: #a9a9a9;
+  border-color: #d2d2d2;
+  background: #f1f1f1;
   text-shadow: none;
   box-shadow: none;
 }
@@ -460,8 +418,8 @@ html {
 }
 .ant-btn-danger {
   color: #fff;
-  border-color: var(--ant-error-color);
-  background: var(--ant-error-color);
+  border-color: #f42d2d;
+  background: #f42d2d;
   text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.12);
   box-shadow: 0 2px 0 rgba(0, 0, 0, 0.045);
 }
@@ -480,8 +438,8 @@ html {
 .ant-btn-danger:hover,
 .ant-btn-danger:focus {
   color: #fff;
-  border-color: var(--ant-error-color-hover);
-  background: var(--ant-error-color-hover);
+  border-color: #ff5c57;
+  background: #ff5c57;
 }
 .ant-btn-danger:hover > a:only-child,
 .ant-btn-danger:focus > a:only-child {
@@ -499,8 +457,8 @@ html {
 }
 .ant-btn-danger:active {
   color: #fff;
-  border-color: var(--ant-error-color-active);
-  background: var(--ant-error-color-active);
+  border-color: #cf1b21;
+  background: #cf1b21;
 }
 .ant-btn-danger:active > a:only-child {
   color: currentcolor;
@@ -518,9 +476,9 @@ html {
 .ant-btn-danger[disabled]:hover,
 .ant-btn-danger[disabled]:focus,
 .ant-btn-danger[disabled]:active {
-  color: rgba(0, 0, 0, 0.25);
-  border-color: #d9d9d9;
-  background: #f5f5f5;
+  color: #a9a9a9;
+  border-color: #d2d2d2;
+  background: #f1f1f1;
   text-shadow: none;
   box-shadow: none;
 }
@@ -543,7 +501,7 @@ html {
   content: '';
 }
 .ant-btn-link {
-  color: var(--ant-primary-color);
+  color: #2c68ff;
   border-color: transparent;
   background: transparent;
   box-shadow: none;
@@ -562,8 +520,8 @@ html {
 }
 .ant-btn-link:hover,
 .ant-btn-link:focus {
-  color: var(--ant-primary-color-hover);
-  border-color: var(--ant-primary-color-hover);
+  color: #548aff;
+  border-color: #548aff;
   background: transparent;
 }
 .ant-btn-link:hover > a:only-child,
@@ -581,8 +539,8 @@ html {
   content: '';
 }
 .ant-btn-link:active {
-  color: var(--ant-primary-color-active);
-  border-color: var(--ant-primary-color-active);
+  color: #1a4ad9;
+  border-color: #1a4ad9;
   background: transparent;
 }
 .ant-btn-link:active > a:only-child {
@@ -601,9 +559,9 @@ html {
 .ant-btn-link[disabled]:hover,
 .ant-btn-link[disabled]:focus,
 .ant-btn-link[disabled]:active {
-  color: rgba(0, 0, 0, 0.25);
-  border-color: #d9d9d9;
-  background: #f5f5f5;
+  color: #a9a9a9;
+  border-color: #d2d2d2;
+  background: #f1f1f1;
   text-shadow: none;
   box-shadow: none;
 }
@@ -637,7 +595,7 @@ html {
 .ant-btn-link[disabled]:hover,
 .ant-btn-link[disabled]:focus,
 .ant-btn-link[disabled]:active {
-  color: rgba(0, 0, 0, 0.25);
+  color: #a9a9a9;
   border-color: transparent;
   background: transparent;
   text-shadow: none;
@@ -662,7 +620,7 @@ html {
   content: '';
 }
 .ant-btn-text {
-  color: rgba(0, 0, 0, 0.85);
+  color: #4c4c4c;
   border-color: transparent;
   background: transparent;
   box-shadow: none;
@@ -681,8 +639,8 @@ html {
 }
 .ant-btn-text:hover,
 .ant-btn-text:focus {
-  color: var(--ant-primary-color-hover);
-  border-color: var(--ant-primary-color-hover);
+  color: #548aff;
+  border-color: #548aff;
   background: transparent;
 }
 .ant-btn-text:hover > a:only-child,
@@ -700,8 +658,8 @@ html {
   content: '';
 }
 .ant-btn-text:active {
-  color: var(--ant-primary-color-active);
-  border-color: var(--ant-primary-color-active);
+  color: #1a4ad9;
+  border-color: #1a4ad9;
   background: transparent;
 }
 .ant-btn-text:active > a:only-child {
@@ -720,9 +678,9 @@ html {
 .ant-btn-text[disabled]:hover,
 .ant-btn-text[disabled]:focus,
 .ant-btn-text[disabled]:active {
-  color: rgba(0, 0, 0, 0.25);
-  border-color: #d9d9d9;
-  background: #f5f5f5;
+  color: #a9a9a9;
+  border-color: #d2d2d2;
+  background: #f1f1f1;
   text-shadow: none;
   box-shadow: none;
 }
@@ -746,12 +704,12 @@ html {
 }
 .ant-btn-text:hover,
 .ant-btn-text:focus {
-  color: rgba(0, 0, 0, 0.85);
+  color: #4c4c4c;
   background: rgba(0, 0, 0, 0.018);
   border-color: transparent;
 }
 .ant-btn-text:active {
-  color: rgba(0, 0, 0, 0.85);
+  color: #4c4c4c;
   background: rgba(0, 0, 0, 0.028);
   border-color: transparent;
 }
@@ -759,7 +717,7 @@ html {
 .ant-btn-text[disabled]:hover,
 .ant-btn-text[disabled]:focus,
 .ant-btn-text[disabled]:active {
-  color: rgba(0, 0, 0, 0.25);
+  color: #a9a9a9;
   border-color: transparent;
   background: transparent;
   text-shadow: none;
@@ -784,8 +742,8 @@ html {
   content: '';
 }
 .ant-btn-dangerous {
-  color: var(--ant-error-color);
-  border-color: var(--ant-error-color);
+  color: #f42d2d;
+  border-color: #f42d2d;
   background: #fff;
 }
 .ant-btn-dangerous > a:only-child {
@@ -802,8 +760,8 @@ html {
 }
 .ant-btn-dangerous:hover,
 .ant-btn-dangerous:focus {
-  color: var(--ant-error-color-hover);
-  border-color: var(--ant-error-color-hover);
+  color: #ff5c57;
+  border-color: #ff5c57;
   background: #fff;
 }
 .ant-btn-dangerous:hover > a:only-child,
@@ -821,8 +779,8 @@ html {
   content: '';
 }
 .ant-btn-dangerous:active {
-  color: var(--ant-error-color-active);
-  border-color: var(--ant-error-color-active);
+  color: #cf1b21;
+  border-color: #cf1b21;
   background: #fff;
 }
 .ant-btn-dangerous:active > a:only-child {
@@ -841,9 +799,9 @@ html {
 .ant-btn-dangerous[disabled]:hover,
 .ant-btn-dangerous[disabled]:focus,
 .ant-btn-dangerous[disabled]:active {
-  color: rgba(0, 0, 0, 0.25);
-  border-color: #d9d9d9;
-  background: #f5f5f5;
+  color: #a9a9a9;
+  border-color: #d2d2d2;
+  background: #f1f1f1;
   text-shadow: none;
   box-shadow: none;
 }
@@ -867,8 +825,8 @@ html {
 }
 .ant-btn-dangerous.ant-btn-primary {
   color: #fff;
-  border-color: var(--ant-error-color);
-  background: var(--ant-error-color);
+  border-color: #f42d2d;
+  background: #f42d2d;
   text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.12);
   box-shadow: 0 2px 0 rgba(0, 0, 0, 0.045);
 }
@@ -887,8 +845,8 @@ html {
 .ant-btn-dangerous.ant-btn-primary:hover,
 .ant-btn-dangerous.ant-btn-primary:focus {
   color: #fff;
-  border-color: var(--ant-error-color-hover);
-  background: var(--ant-error-color-hover);
+  border-color: #ff5c57;
+  background: #ff5c57;
 }
 .ant-btn-dangerous.ant-btn-primary:hover > a:only-child,
 .ant-btn-dangerous.ant-btn-primary:focus > a:only-child {
@@ -906,8 +864,8 @@ html {
 }
 .ant-btn-dangerous.ant-btn-primary:active {
   color: #fff;
-  border-color: var(--ant-error-color-active);
-  background: var(--ant-error-color-active);
+  border-color: #cf1b21;
+  background: #cf1b21;
 }
 .ant-btn-dangerous.ant-btn-primary:active > a:only-child {
   color: currentcolor;
@@ -925,9 +883,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: rgba(0, 0, 0, 0.25);
-  border-color: #d9d9d9;
-  background: #f5f5f5;
+  color: #a9a9a9;
+  border-color: #d2d2d2;
+  background: #f1f1f1;
   text-shadow: none;
   box-shadow: none;
 }
@@ -950,7 +908,7 @@ html {
   content: '';
 }
 .ant-btn-dangerous.ant-btn-link {
-  color: var(--ant-error-color);
+  color: #f42d2d;
   border-color: transparent;
   background: transparent;
   box-shadow: none;
@@ -969,8 +927,8 @@ html {
 }
 .ant-btn-dangerous.ant-btn-link:hover,
 .ant-btn-dangerous.ant-btn-link:focus {
-  color: var(--ant-primary-color-hover);
-  border-color: var(--ant-primary-color-hover);
+  color: #548aff;
+  border-color: #548aff;
   background: transparent;
 }
 .ant-btn-dangerous.ant-btn-link:hover > a:only-child,
@@ -988,8 +946,8 @@ html {
   content: '';
 }
 .ant-btn-dangerous.ant-btn-link:active {
-  color: var(--ant-primary-color-active);
-  border-color: var(--ant-primary-color-active);
+  color: #1a4ad9;
+  border-color: #1a4ad9;
   background: transparent;
 }
 .ant-btn-dangerous.ant-btn-link:active > a:only-child {
@@ -1008,9 +966,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: rgba(0, 0, 0, 0.25);
-  border-color: #d9d9d9;
-  background: #f5f5f5;
+  color: #a9a9a9;
+  border-color: #d2d2d2;
+  background: #f1f1f1;
   text-shadow: none;
   box-shadow: none;
 }
@@ -1034,7 +992,7 @@ html {
 }
 .ant-btn-dangerous.ant-btn-link:hover,
 .ant-btn-dangerous.ant-btn-link:focus {
-  color: var(--ant-error-color-hover);
+  color: #ff5c57;
   border-color: transparent;
   background: transparent;
 }
@@ -1053,7 +1011,7 @@ html {
   content: '';
 }
 .ant-btn-dangerous.ant-btn-link:active {
-  color: var(--ant-error-color-active);
+  color: #cf1b21;
   border-color: transparent;
   background: transparent;
 }
@@ -1073,7 +1031,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: rgba(0, 0, 0, 0.25);
+  color: #a9a9a9;
   border-color: transparent;
   background: transparent;
   text-shadow: none;
@@ -1098,7 +1056,7 @@ html {
   content: '';
 }
 .ant-btn-dangerous.ant-btn-text {
-  color: var(--ant-error-color);
+  color: #f42d2d;
   border-color: transparent;
   background: transparent;
   box-shadow: none;
@@ -1117,8 +1075,8 @@ html {
 }
 .ant-btn-dangerous.ant-btn-text:hover,
 .ant-btn-dangerous.ant-btn-text:focus {
-  color: var(--ant-primary-color-hover);
-  border-color: var(--ant-primary-color-hover);
+  color: #548aff;
+  border-color: #548aff;
   background: transparent;
 }
 .ant-btn-dangerous.ant-btn-text:hover > a:only-child,
@@ -1136,8 +1094,8 @@ html {
   content: '';
 }
 .ant-btn-dangerous.ant-btn-text:active {
-  color: var(--ant-primary-color-active);
-  border-color: var(--ant-primary-color-active);
+  color: #1a4ad9;
+  border-color: #1a4ad9;
   background: transparent;
 }
 .ant-btn-dangerous.ant-btn-text:active > a:only-child {
@@ -1156,9 +1114,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: rgba(0, 0, 0, 0.25);
-  border-color: #d9d9d9;
-  background: #f5f5f5;
+  color: #a9a9a9;
+  border-color: #d2d2d2;
+  background: #f1f1f1;
   text-shadow: none;
   box-shadow: none;
 }
@@ -1182,7 +1140,7 @@ html {
 }
 .ant-btn-dangerous.ant-btn-text:hover,
 .ant-btn-dangerous.ant-btn-text:focus {
-  color: var(--ant-error-color-hover);
+  color: #ff5c57;
   border-color: transparent;
   background: rgba(0, 0, 0, 0.018);
 }
@@ -1201,7 +1159,7 @@ html {
   content: '';
 }
 .ant-btn-dangerous.ant-btn-text:active {
-  color: var(--ant-error-color-active);
+  color: #cf1b21;
   border-color: transparent;
   background: rgba(0, 0, 0, 0.028);
 }
@@ -1221,7 +1179,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: rgba(0, 0, 0, 0.25);
+  color: #a9a9a9;
   border-color: transparent;
   background: transparent;
   text-shadow: none;
@@ -1512,21 +1470,21 @@ a.ant-btn-icon-only > .anticon {
 }
 .ant-btn.ant-btn-background-ghost:hover,
 .ant-btn.ant-btn-background-ghost:focus {
-  color: var(--ant-primary-color-hover);
-  border-color: var(--ant-primary-color-hover);
+  color: #548aff;
+  border-color: #548aff;
 }
 .ant-btn.ant-btn-background-ghost:active {
-  color: var(--ant-primary-color-active);
-  border-color: var(--ant-primary-color-active);
+  color: #1a4ad9;
+  border-color: #1a4ad9;
 }
 .ant-btn.ant-btn-background-ghost[disabled] {
-  color: rgba(0, 0, 0, 0.25);
+  color: #a9a9a9;
   background: transparent;
-  border-color: #d9d9d9;
+  border-color: #d2d2d2;
 }
 .ant-btn-background-ghost.ant-btn-primary {
-  color: var(--ant-primary-color);
-  border-color: var(--ant-primary-color);
+  color: #2c68ff;
+  border-color: #2c68ff;
   text-shadow: none;
 }
 .ant-btn-background-ghost.ant-btn-primary > a:only-child {
@@ -1543,9 +1501,8 @@ a.ant-btn-icon-only > .anticon {
 }
 .ant-btn-background-ghost.ant-btn-primary:hover,
 .ant-btn-background-ghost.ant-btn-primary:focus {
-  color: var(--ant-primary-color-hover);
-  border-color: var(--ant-primary-color-hover);
-  background: transparent;
+  color: #548aff;
+  border-color: #548aff;
 }
 .ant-btn-background-ghost.ant-btn-primary:hover > a:only-child,
 .ant-btn-background-ghost.ant-btn-primary:focus > a:only-child {
@@ -1562,9 +1519,8 @@ a.ant-btn-icon-only > .anticon {
   content: '';
 }
 .ant-btn-background-ghost.ant-btn-primary:active {
-  color: var(--ant-primary-color-active);
-  border-color: var(--ant-primary-color-active);
-  background: transparent;
+  color: #1a4ad9;
+  border-color: #1a4ad9;
 }
 .ant-btn-background-ghost.ant-btn-primary:active > a:only-child {
   color: currentcolor;
@@ -1582,9 +1538,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: rgba(0, 0, 0, 0.25);
-  border-color: #d9d9d9;
-  background: #f5f5f5;
+  color: #a9a9a9;
+  border-color: #d2d2d2;
+  background: #f1f1f1;
   text-shadow: none;
   box-shadow: none;
 }
@@ -1607,8 +1563,8 @@ a.ant-btn-icon-only > .anticon {
   content: '';
 }
 .ant-btn-background-ghost.ant-btn-danger {
-  color: var(--ant-error-color);
-  border-color: var(--ant-error-color);
+  color: #f42d2d;
+  border-color: #f42d2d;
   text-shadow: none;
 }
 .ant-btn-background-ghost.ant-btn-danger > a:only-child {
@@ -1625,9 +1581,8 @@ a.ant-btn-icon-only > .anticon {
 }
 .ant-btn-background-ghost.ant-btn-danger:hover,
 .ant-btn-background-ghost.ant-btn-danger:focus {
-  color: var(--ant-error-color-hover);
-  border-color: var(--ant-error-color-hover);
-  background: transparent;
+  color: #ff5c57;
+  border-color: #ff5c57;
 }
 .ant-btn-background-ghost.ant-btn-danger:hover > a:only-child,
 .ant-btn-background-ghost.ant-btn-danger:focus > a:only-child {
@@ -1644,9 +1599,8 @@ a.ant-btn-icon-only > .anticon {
   content: '';
 }
 .ant-btn-background-ghost.ant-btn-danger:active {
-  color: var(--ant-error-color-active);
-  border-color: var(--ant-error-color-active);
-  background: transparent;
+  color: #cf1b21;
+  border-color: #cf1b21;
 }
 .ant-btn-background-ghost.ant-btn-danger:active > a:only-child {
   color: currentcolor;
@@ -1664,9 +1618,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: rgba(0, 0, 0, 0.25);
-  border-color: #d9d9d9;
-  background: #f5f5f5;
+  color: #a9a9a9;
+  border-color: #d2d2d2;
+  background: #f1f1f1;
   text-shadow: none;
   box-shadow: none;
 }
@@ -1689,8 +1643,8 @@ a.ant-btn-icon-only > .anticon {
   content: '';
 }
 .ant-btn-background-ghost.ant-btn-dangerous {
-  color: var(--ant-error-color);
-  border-color: var(--ant-error-color);
+  color: #f42d2d;
+  border-color: #f42d2d;
   text-shadow: none;
 }
 .ant-btn-background-ghost.ant-btn-dangerous > a:only-child {
@@ -1707,9 +1661,8 @@ a.ant-btn-icon-only > .anticon {
 }
 .ant-btn-background-ghost.ant-btn-dangerous:hover,
 .ant-btn-background-ghost.ant-btn-dangerous:focus {
-  color: var(--ant-error-color-hover);
-  border-color: var(--ant-error-color-hover);
-  background: transparent;
+  color: #ff5c57;
+  border-color: #ff5c57;
 }
 .ant-btn-background-ghost.ant-btn-dangerous:hover > a:only-child,
 .ant-btn-background-ghost.ant-btn-dangerous:focus > a:only-child {
@@ -1726,9 +1679,8 @@ a.ant-btn-icon-only > .anticon {
   content: '';
 }
 .ant-btn-background-ghost.ant-btn-dangerous:active {
-  color: var(--ant-error-color-active);
-  border-color: var(--ant-error-color-active);
-  background: transparent;
+  color: #cf1b21;
+  border-color: #cf1b21;
 }
 .ant-btn-background-ghost.ant-btn-dangerous:active > a:only-child {
   color: currentcolor;
@@ -1746,9 +1698,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: rgba(0, 0, 0, 0.25);
-  border-color: #d9d9d9;
-  background: #f5f5f5;
+  color: #a9a9a9;
+  border-color: #d2d2d2;
+  background: #f1f1f1;
   text-shadow: none;
   box-shadow: none;
 }
@@ -1771,7 +1723,7 @@ a.ant-btn-icon-only > .anticon {
   content: '';
 }
 .ant-btn-background-ghost.ant-btn-dangerous.ant-btn-link {
-  color: var(--ant-error-color);
+  color: #f42d2d;
   border-color: transparent;
   text-shadow: none;
 }
@@ -1789,9 +1741,8 @@ 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: var(--ant-error-color-active);
+  color: #ff5c57;
   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 {
@@ -1808,9 +1759,8 @@ a.ant-btn-icon-only > .anticon {
   content: '';
 }
 .ant-btn-background-ghost.ant-btn-dangerous.ant-btn-link:active {
-  color: var(--ant-error-color-active);
+  color: #cf1b21;
   border-color: transparent;
-  background: transparent;
 }
 .ant-btn-background-ghost.ant-btn-dangerous.ant-btn-link:active > a:only-child {
   color: currentcolor;
@@ -1828,9 +1778,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: rgba(0, 0, 0, 0.25);
-  border-color: #d9d9d9;
-  background: #f5f5f5;
+  color: #a9a9a9;
+  border-color: #d2d2d2;
+  background: #f1f1f1;
   text-shadow: none;
   box-shadow: none;
 }
@@ -1882,7 +1832,7 @@ a.ant-btn-disabled,
 a.ant-btn-disabled:hover,
 a.ant-btn-disabled:focus,
 a.ant-btn-disabled:active {
-  color: rgba(0, 0, 0, 0.25);
+  color: #a9a9a9;
   border-color: transparent;
   background: transparent;
   text-shadow: none;
@@ -1917,13 +1867,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: var(--ant-primary-5);
-  border-left-color: #d9d9d9;
+  border-right-color: #548aff;
+  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: #d9d9d9;
-  border-left-color: var(--ant-primary-5);
+  border-right-color: #d2d2d2;
+  border-left-color: #548aff;
 }
 .ant-btn-rtl.ant-btn > .ant-btn-loading-icon .anticon {
   padding-right: 0;