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

package/lib/spin/style/index.css

@@ -2,53 +2,11 @@
 /* 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-spin {
   box-sizing: border-box;
   margin: 0;
   padding: 0;
-  color: rgba(0, 0, 0, 0.85);
+  color: #4c4c4c;
   font-size: 14px;
   font-variant: tabular-nums;
   line-height: 1.5715;
@@ -56,7 +14,7 @@ html {
   font-feature-settings: 'tnum';
   position: absolute;
   display: none;
-  color: var(--ant-primary-color);
+  color: #2c68ff;
   text-align: center;
   vertical-align: middle;
   opacity: 0;
@@ -148,7 +106,7 @@ html {
   pointer-events: auto;
 }
 .ant-spin-tip {
-  color: rgba(0, 0, 0, 0.45);
+  color: #a9a9a9;
 }
 .ant-spin-dot {
   position: relative;
@@ -162,7 +120,7 @@ html {
   display: block;
   width: 9px;
   height: 9px;
-  background-color: var(--ant-primary-color);
+  background-color: #2c68ff;
   border-radius: 100%;
   transform: scale(0.75);
   transform-origin: 50% 50%;

package/lib/statistic/style/index.css

@@ -2,53 +2,11 @@
 /* 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-statistic {
   box-sizing: border-box;
   margin: 0;
   padding: 0;
-  color: rgba(0, 0, 0, 0.85);
+  color: #4c4c4c;
   font-size: 14px;
   font-variant: tabular-nums;
   line-height: 1.5715;
@@ -57,14 +15,14 @@ html {
 }
 .ant-statistic-title {
   margin-bottom: 4px;
-  color: rgba(0, 0, 0, 0.45);
+  color: #a9a9a9;
   font-size: 14px;
 }
 .ant-statistic-skeleton {
   padding-top: 16px;
 }
 .ant-statistic-content {
-  color: rgba(0, 0, 0, 0.85);
+  color: #262626;
   font-size: 24px;
   font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans', sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji';
 }

package/lib/steps/style/index.css

@@ -2,53 +2,11 @@
 /* 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-steps {
   box-sizing: border-box;
   margin: 0;
   padding: 0;
-  color: rgba(0, 0, 0, 0.85);
+  color: #4c4c4c;
   font-size: 14px;
   font-variant: tabular-nums;
   line-height: 1.5715;
@@ -89,14 +47,14 @@ html {
   font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans', sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji';
   line-height: 32px;
   text-align: center;
-  border: 1px solid rgba(0, 0, 0, 0.25);
+  border: 1px solid #a9a9a9;
   border-radius: 32px;
   transition: background-color 0.3s, border-color 0.3s;
 }
 .ant-steps-item-icon .ant-steps-icon {
   position: relative;
   top: -0.5px;
-  color: var(--ant-primary-color);
+  color: #2c68ff;
   line-height: 1;
 }
 .ant-steps-item-tail {
@@ -110,7 +68,7 @@ html {
   display: inline-block;
   width: 100%;
   height: 1px;
-  background: rgba(0, 0, 0, 0.06);
+  background: #eeeeee;
   border-radius: 1px;
   transition: background 0.3s;
   content: '';
@@ -119,7 +77,7 @@ html {
   position: relative;
   display: inline-block;
   padding-right: 16px;
-  color: rgba(0, 0, 0, 0.85);
+  color: #4c4c4c;
   font-size: 16px;
   line-height: 32px;
 }
@@ -130,66 +88,66 @@ html {
   display: block;
   width: 9999px;
   height: 1px;
-  background: rgba(0, 0, 0, 0.06);
+  background: #eeeeee;
   content: '';
 }
 .ant-steps-item-subtitle {
   display: inline;
   margin-left: 8px;
-  color: rgba(0, 0, 0, 0.45);
+  color: #a9a9a9;
   font-weight: normal;
   font-size: 14px;
 }
 .ant-steps-item-description {
-  color: rgba(0, 0, 0, 0.45);
+  color: #a9a9a9;
   font-size: 14px;
 }
 .ant-steps-item-wait .ant-steps-item-icon {
   background-color: #fff;
-  border-color: rgba(0, 0, 0, 0.25);
+  border-color: #a9a9a9;
 }
 .ant-steps-item-wait .ant-steps-item-icon > .ant-steps-icon {
-  color: rgba(0, 0, 0, 0.25);
+  color: #a9a9a9;
 }
 .ant-steps-item-wait .ant-steps-item-icon > .ant-steps-icon .ant-steps-icon-dot {
-  background: rgba(0, 0, 0, 0.25);
+  background: #a9a9a9;
 }
 .ant-steps-item-wait > .ant-steps-item-container > .ant-steps-item-content > .ant-steps-item-title {
-  color: rgba(0, 0, 0, 0.45);
+  color: #a9a9a9;
 }
 .ant-steps-item-wait > .ant-steps-item-container > .ant-steps-item-content > .ant-steps-item-title::after {
-  background-color: rgba(0, 0, 0, 0.06);
+  background-color: #eeeeee;
 }
 .ant-steps-item-wait > .ant-steps-item-container > .ant-steps-item-content > .ant-steps-item-description {
-  color: rgba(0, 0, 0, 0.45);
+  color: #a9a9a9;
 }
 .ant-steps-item-wait > .ant-steps-item-container > .ant-steps-item-tail::after {
-  background-color: rgba(0, 0, 0, 0.06);
+  background-color: #eeeeee;
 }
 .ant-steps-item-process .ant-steps-item-icon {
   background-color: #fff;
-  border-color: var(--ant-primary-color);
+  border-color: #2c68ff;
 }
 .ant-steps-item-process .ant-steps-item-icon > .ant-steps-icon {
-  color: var(--ant-primary-color);
+  color: #2c68ff;
 }
 .ant-steps-item-process .ant-steps-item-icon > .ant-steps-icon .ant-steps-icon-dot {
-  background: var(--ant-primary-color);
+  background: #2c68ff;
 }
 .ant-steps-item-process > .ant-steps-item-container > .ant-steps-item-content > .ant-steps-item-title {
-  color: rgba(0, 0, 0, 0.85);
+  color: #262626;
 }
 .ant-steps-item-process > .ant-steps-item-container > .ant-steps-item-content > .ant-steps-item-title::after {
-  background-color: rgba(0, 0, 0, 0.06);
+  background-color: #eeeeee;
 }
 .ant-steps-item-process > .ant-steps-item-container > .ant-steps-item-content > .ant-steps-item-description {
-  color: rgba(0, 0, 0, 0.85);
+  color: #4c4c4c;
 }
 .ant-steps-item-process > .ant-steps-item-container > .ant-steps-item-tail::after {
-  background-color: rgba(0, 0, 0, 0.06);
+  background-color: #eeeeee;
 }
 .ant-steps-item-process > .ant-steps-item-container > .ant-steps-item-icon {
-  background: var(--ant-primary-color);
+  background: #2c68ff;
 }
 .ant-steps-item-process > .ant-steps-item-container > .ant-steps-item-icon .ant-steps-icon {
   color: #fff;
@@ -199,50 +157,50 @@ html {
 }
 .ant-steps-item-finish .ant-steps-item-icon {
   background-color: #fff;
-  border-color: var(--ant-primary-color);
+  border-color: #2c68ff;
 }
 .ant-steps-item-finish .ant-steps-item-icon > .ant-steps-icon {
-  color: var(--ant-primary-color);
+  color: #2c68ff;
 }
 .ant-steps-item-finish .ant-steps-item-icon > .ant-steps-icon .ant-steps-icon-dot {
-  background: var(--ant-primary-color);
+  background: #2c68ff;
 }
 .ant-steps-item-finish > .ant-steps-item-container > .ant-steps-item-content > .ant-steps-item-title {
-  color: rgba(0, 0, 0, 0.85);
+  color: #4c4c4c;
 }
 .ant-steps-item-finish > .ant-steps-item-container > .ant-steps-item-content > .ant-steps-item-title::after {
-  background-color: var(--ant-primary-color);
+  background-color: #2c68ff;
 }
 .ant-steps-item-finish > .ant-steps-item-container > .ant-steps-item-content > .ant-steps-item-description {
-  color: rgba(0, 0, 0, 0.45);
+  color: #a9a9a9;
 }
 .ant-steps-item-finish > .ant-steps-item-container > .ant-steps-item-tail::after {
-  background-color: var(--ant-primary-color);
+  background-color: #2c68ff;
 }
 .ant-steps-item-error .ant-steps-item-icon {
   background-color: #fff;
-  border-color: var(--ant-error-color);
+  border-color: #f42d2d;
 }
 .ant-steps-item-error .ant-steps-item-icon > .ant-steps-icon {
-  color: var(--ant-error-color);
+  color: #f42d2d;
 }
 .ant-steps-item-error .ant-steps-item-icon > .ant-steps-icon .ant-steps-icon-dot {
-  background: var(--ant-error-color);
+  background: #f42d2d;
 }
 .ant-steps-item-error > .ant-steps-item-container > .ant-steps-item-content > .ant-steps-item-title {
-  color: var(--ant-error-color);
+  color: #f42d2d;
 }
 .ant-steps-item-error > .ant-steps-item-container > .ant-steps-item-content > .ant-steps-item-title::after {
-  background-color: rgba(0, 0, 0, 0.06);
+  background-color: #eeeeee;
 }
 .ant-steps-item-error > .ant-steps-item-container > .ant-steps-item-content > .ant-steps-item-description {
-  color: var(--ant-error-color);
+  color: #f42d2d;
 }
 .ant-steps-item-error > .ant-steps-item-container > .ant-steps-item-tail::after {
-  background-color: rgba(0, 0, 0, 0.06);
+  background-color: #eeeeee;
 }
 .ant-steps-item.ant-steps-next-error .ant-steps-item-title::after {
-  background: var(--ant-error-color);
+  background: #f42d2d;
 }
 .ant-steps-item-disabled {
   cursor: not-allowed;
@@ -259,13 +217,13 @@ html {
 .ant-steps .ant-steps-item:not(.ant-steps-item-active) > .ant-steps-item-container[role='button']:hover .ant-steps-item-title,
 .ant-steps .ant-steps-item:not(.ant-steps-item-active) > .ant-steps-item-container[role='button']:hover .ant-steps-item-subtitle,
 .ant-steps .ant-steps-item:not(.ant-steps-item-active) > .ant-steps-item-container[role='button']:hover .ant-steps-item-description {
-  color: var(--ant-primary-color);
+  color: #2c68ff;
 }
 .ant-steps .ant-steps-item:not(.ant-steps-item-active):not(.ant-steps-item-process) > .ant-steps-item-container[role='button']:hover .ant-steps-item-icon {
-  border-color: var(--ant-primary-color);
+  border-color: #2c68ff;
 }
 .ant-steps .ant-steps-item:not(.ant-steps-item-active):not(.ant-steps-item-process) > .ant-steps-item-container[role='button']:hover .ant-steps-item-icon .ant-steps-icon {
-  color: var(--ant-primary-color);
+  color: #2c68ff;
 }
 .ant-steps-horizontal:not(.ant-steps-label-vertical) .ant-steps-item {
   padding-left: 16px;
@@ -298,7 +256,7 @@ html {
   line-height: 32px;
 }
 .ant-steps-item-custom.ant-steps-item-process .ant-steps-item-icon > .ant-steps-icon {
-  color: var(--ant-primary-color);
+  color: #2c68ff;
 }
 .ant-steps:not(.ant-steps-vertical) .ant-steps-item-custom .ant-steps-item-icon {
   width: auto;
@@ -328,7 +286,7 @@ html {
   top: 12px;
 }
 .ant-steps-small .ant-steps-item-description {
-  color: rgba(0, 0, 0, 0.45);
+  color: #a9a9a9;
   font-size: 14px;
 }
 .ant-steps-small .ant-steps-item-tail {
@@ -592,7 +550,7 @@ html {
   display: inline-block;
   width: 0;
   height: 2px;
-  background-color: var(--ant-primary-color);
+  background-color: #2c68ff;
   transition: width 0.3s, left 0.3s;
   transition-timing-function: ease-out;
   content: '';

package/lib/style/color/colors.less

@@ -1,7 +1,7 @@
 @import 'colorPalette';
 
 // color palettes
-@blue-base: #2c68ff;
+@blue-base: #1890ff;
 @blue-1: color(~`colorPalette('@{blue-6}', 1) `);
 @blue-2: color(~`colorPalette('@{blue-6}', 2) `);
 @blue-3: color(~`colorPalette('@{blue-6}', 3) `);
@@ -37,7 +37,7 @@
 @cyan-9: color(~`colorPalette('@{cyan-6}', 9) `);
 @cyan-10: color(~`colorPalette('@{cyan-6}', 10) `);
 
-@green-base: #36c626;
+@green-base: #52c41a;
 @green-1: color(~`colorPalette('@{green-6}', 1) `);
 @green-2: color(~`colorPalette('@{green-6}', 2) `);
 @green-3: color(~`colorPalette('@{green-6}', 3) `);
@@ -74,7 +74,7 @@
 @pink-9: color(~`colorPalette('@{pink-6}', 9) `);
 @pink-10: color(~`colorPalette('@{pink-6}', 10) `);
 
-@red-base: #f42d2d;
+@red-base: #f5222d;
 @red-1: color(~`colorPalette('@{red-6}', 1) `);
 @red-2: color(~`colorPalette('@{red-6}', 2) `);
 @red-3: color(~`colorPalette('@{red-6}', 3) `);
@@ -146,7 +146,7 @@
 @lime-9: color(~`colorPalette('@{lime-6}', 9) `);
 @lime-10: color(~`colorPalette('@{lime-6}', 10) `);
 
-@gold-base: #ffab00;
+@gold-base: #faad14;
 @gold-1: color(~`colorPalette('@{gold-6}', 1) `);
 @gold-2: color(~`colorPalette('@{gold-6}', 2) `);
 @gold-3: color(~`colorPalette('@{gold-6}', 3) `);
@@ -158,5 +158,5 @@
 @gold-9: color(~`colorPalette('@{gold-6}', 9) `);
 @gold-10: color(~`colorPalette('@{gold-6}', 10) `);
 
-@preset-colors: pink, magenta, red, volcano, orange, yellow, gold, cyan, lime,
-  green, blue, geekblue, purple;
+@preset-colors: pink, magenta, red, volcano, orange, yellow, gold, cyan, lime, green, blue, geekblue,
+  purple;

package/lib/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;
-}
 [class^=ant-]::-ms-clear,
 [class*= ant-]::-ms-clear,
 [class^=ant-] input::-ms-clear,
@@ -80,7 +38,7 @@ html {
 }
 body {
   margin: 0;
-  color: rgba(0, 0, 0, 0.85);
+  color: #4c4c4c;
   font-size: 14px;
   font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans', sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji';
   font-variant: tabular-nums;
@@ -104,7 +62,7 @@ h5,
 h6 {
   margin-top: 0;
   margin-bottom: 0.5em;
-  color: rgba(0, 0, 0, 0.85);
+  color: #262626;
   font-weight: 500;
 }
 p {
@@ -176,7 +134,7 @@ sup {
   top: -0.5em;
 }
 a {
-  color: var(--ant-primary-color);
+  color: #2c68ff;
   text-decoration: none;
   background-color: transparent;
   outline: none;
@@ -185,10 +143,10 @@ a {
   -webkit-text-decoration-skip: objects;
 }
 a:hover {
-  color: var(--ant-primary-color-hover);
+  color: #548aff;
 }
 a:active {
-  color: var(--ant-primary-color-active);
+  color: #1a4ad9;
 }
 a:active,
 a:hover {
@@ -200,7 +158,7 @@ a:focus {
   outline: 0;
 }
 a[disabled] {
-  color: rgba(0, 0, 0, 0.25);
+  color: #a9a9a9;
   cursor: not-allowed;
 }
 pre,
@@ -239,7 +197,7 @@ table {
 caption {
   padding-top: 0.75em;
   padding-bottom: 0.3em;
-  color: rgba(0, 0, 0, 0.45);
+  color: #a9a9a9;
   text-align: left;
   caption-side: bottom;
 }
@@ -344,11 +302,11 @@ mark {
 }
 ::-moz-selection {
   color: #fff;
-  background: var(--ant-primary-color);
+  background: #2c68ff;
 }
 ::selection {
   color: #fff;
-  background: var(--ant-primary-color);
+  background: #2c68ff;
 }
 .clearfix::before {
   display: table;
@@ -844,7 +802,7 @@ mark {
   position: relative;
 }
 html {
-  --antd-wave-shadow-color: var(--ant-primary-color);
+  --antd-wave-shadow-color: #2c68ff;
   --scroll-bar: 0;
 }
 [ant-click-animating-without-extra-node='true']::after,
@@ -856,7 +814,7 @@ html {
   left: 0;
   display: block;
   border-radius: inherit;
-  box-shadow: 0 0 0 0 var(--ant-primary-color);
+  box-shadow: 0 0 0 0 #2c68ff;
   box-shadow: 0 0 0 0 var(--antd-wave-shadow-color);
   opacity: 0.2;
   -webkit-animation: fadeEffect 2s cubic-bezier(0.08, 0.82, 0.17, 1), waveEffect 0.4s cubic-bezier(0.08, 0.82, 0.17, 1);
@@ -868,13 +826,13 @@ html {
 }
 @-webkit-keyframes waveEffect {
   100% {
-    box-shadow: 0 0 0 var(--ant-primary-color);
+    box-shadow: 0 0 0 #2c68ff;
     box-shadow: 0 0 0 6px var(--antd-wave-shadow-color);
   }
 }
 @keyframes waveEffect {
   100% {
-    box-shadow: 0 0 0 var(--ant-primary-color);
+    box-shadow: 0 0 0 #2c68ff;
     box-shadow: 0 0 0 6px var(--antd-wave-shadow-color);
   }
 }

package/lib/style/themes/compact.less

@@ -104,12 +104,8 @@
 // ---
 @input-padding-vertical-base: round(
   max(
-    (
-        round(
-            ((@input-height-base - @font-size-base * @line-height-base) / 2) *
-              10
-          ) / 10
-      ) - @border-width-base,
+    (round(((@input-height-base - @font-size-base * @line-height-base) / 2) * 10) / 10) -
+      @border-width-base,
     2px
   )
 );
@@ -136,8 +132,7 @@
 // ---
 @select-dropdown-height: @height-base;
 @select-single-item-height-lg: 32px;
-@select-multiple-item-height: @input-height-base -
-  max(@input-padding-vertical-base, 4) * 2; // Normal 24px
+@select-multiple-item-height: @input-height-base - max(@input-padding-vertical-base, 4) * 2; // Normal 24px
 @select-multiple-item-height-lg: 24px;
 @select-multiple-item-spacing-half: 3px;
 
@@ -191,8 +186,8 @@
 
 // Modal
 // --
-@modal-header-padding: 20px 20px;
-@modal-footer-padding-vertical: 16px;
+@modal-header-padding: 11px @modal-header-padding-horizontal;
+@modal-footer-padding-vertical: @padding-sm;
 @modal-header-close-size: 44px;
 @modal-confirm-body-padding: 24px 24px 16px;
 
@@ -236,8 +231,7 @@
 // ---
 @alert-with-description-no-icon-padding-vertical: 7px;
 @alert-with-description-padding-vertical: 11px;
-@alert-icon-top: 7px + @font-size-base * (@line-height-base / 2) -
-  (@font-size-base / 2);
+@alert-icon-top: 7px + @font-size-base * (@line-height-base / 2) - (@font-size-base / 2);
 @alert-with-description-icon-size: 20px;
 
 // Skeleton