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

package/lib/steps/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-steps {
   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;
@@ -89,14 +89,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 #a9a9a9;
+  border: 1px solid rgba(0, 0, 0, 0.25);
   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: #2c68ff;
+  color: var(--ant-primary-color);
   line-height: 1;
 }
 .ant-steps-item-tail {
@@ -110,7 +110,7 @@ html {
   display: inline-block;
   width: 100%;
   height: 1px;
-  background: #eeeeee;
+  background: rgba(0, 0, 0, 0.06);
   border-radius: 1px;
   transition: background 0.3s;
   content: '';
@@ -119,7 +119,7 @@ html {
   position: relative;
   display: inline-block;
   padding-right: 16px;
-  color: #4c4c4c;
+  color: rgba(0, 0, 0, 0.85);
   font-size: 16px;
   line-height: 32px;
 }
@@ -130,66 +130,66 @@ html {
   display: block;
   width: 9999px;
   height: 1px;
-  background: #eeeeee;
+  background: rgba(0, 0, 0, 0.06);
   content: '';
 }
 .ant-steps-item-subtitle {
   display: inline;
   margin-left: 8px;
-  color: #a9a9a9;
+  color: rgba(0, 0, 0, 0.45);
   font-weight: normal;
   font-size: 14px;
 }
 .ant-steps-item-description {
-  color: #a9a9a9;
+  color: rgba(0, 0, 0, 0.45);
   font-size: 14px;
 }
 .ant-steps-item-wait .ant-steps-item-icon {
   background-color: #fff;
-  border-color: #a9a9a9;
+  border-color: rgba(0, 0, 0, 0.25);
 }
 .ant-steps-item-wait .ant-steps-item-icon > .ant-steps-icon {
-  color: #a9a9a9;
+  color: rgba(0, 0, 0, 0.25);
 }
 .ant-steps-item-wait .ant-steps-item-icon > .ant-steps-icon .ant-steps-icon-dot {
-  background: #a9a9a9;
+  background: rgba(0, 0, 0, 0.25);
 }
 .ant-steps-item-wait > .ant-steps-item-container > .ant-steps-item-content > .ant-steps-item-title {
-  color: #a9a9a9;
+  color: rgba(0, 0, 0, 0.45);
 }
 .ant-steps-item-wait > .ant-steps-item-container > .ant-steps-item-content > .ant-steps-item-title::after {
-  background-color: #eeeeee;
+  background-color: rgba(0, 0, 0, 0.06);
 }
 .ant-steps-item-wait > .ant-steps-item-container > .ant-steps-item-content > .ant-steps-item-description {
-  color: #a9a9a9;
+  color: rgba(0, 0, 0, 0.45);
 }
 .ant-steps-item-wait > .ant-steps-item-container > .ant-steps-item-tail::after {
-  background-color: #eeeeee;
+  background-color: rgba(0, 0, 0, 0.06);
 }
 .ant-steps-item-process .ant-steps-item-icon {
   background-color: #fff;
-  border-color: #2c68ff;
+  border-color: var(--ant-primary-color);
 }
 .ant-steps-item-process .ant-steps-item-icon > .ant-steps-icon {
-  color: #2c68ff;
+  color: var(--ant-primary-color);
 }
 .ant-steps-item-process .ant-steps-item-icon > .ant-steps-icon .ant-steps-icon-dot {
-  background: #2c68ff;
+  background: var(--ant-primary-color);
 }
 .ant-steps-item-process > .ant-steps-item-container > .ant-steps-item-content > .ant-steps-item-title {
-  color: #262626;
+  color: rgba(0, 0, 0, 0.85);
 }
 .ant-steps-item-process > .ant-steps-item-container > .ant-steps-item-content > .ant-steps-item-title::after {
-  background-color: #eeeeee;
+  background-color: rgba(0, 0, 0, 0.06);
 }
 .ant-steps-item-process > .ant-steps-item-container > .ant-steps-item-content > .ant-steps-item-description {
-  color: #4c4c4c;
+  color: rgba(0, 0, 0, 0.85);
 }
 .ant-steps-item-process > .ant-steps-item-container > .ant-steps-item-tail::after {
-  background-color: #eeeeee;
+  background-color: rgba(0, 0, 0, 0.06);
 }
 .ant-steps-item-process > .ant-steps-item-container > .ant-steps-item-icon {
-  background: #2c68ff;
+  background: var(--ant-primary-color);
 }
 .ant-steps-item-process > .ant-steps-item-container > .ant-steps-item-icon .ant-steps-icon {
   color: #fff;
@@ -199,50 +199,50 @@ html {
 }
 .ant-steps-item-finish .ant-steps-item-icon {
   background-color: #fff;
-  border-color: #2c68ff;
+  border-color: var(--ant-primary-color);
 }
 .ant-steps-item-finish .ant-steps-item-icon > .ant-steps-icon {
-  color: #2c68ff;
+  color: var(--ant-primary-color);
 }
 .ant-steps-item-finish .ant-steps-item-icon > .ant-steps-icon .ant-steps-icon-dot {
-  background: #2c68ff;
+  background: var(--ant-primary-color);
 }
 .ant-steps-item-finish > .ant-steps-item-container > .ant-steps-item-content > .ant-steps-item-title {
-  color: #4c4c4c;
+  color: rgba(0, 0, 0, 0.85);
 }
 .ant-steps-item-finish > .ant-steps-item-container > .ant-steps-item-content > .ant-steps-item-title::after {
-  background-color: #2c68ff;
+  background-color: var(--ant-primary-color);
 }
 .ant-steps-item-finish > .ant-steps-item-container > .ant-steps-item-content > .ant-steps-item-description {
-  color: #a9a9a9;
+  color: rgba(0, 0, 0, 0.45);
 }
 .ant-steps-item-finish > .ant-steps-item-container > .ant-steps-item-tail::after {
-  background-color: #2c68ff;
+  background-color: var(--ant-primary-color);
 }
 .ant-steps-item-error .ant-steps-item-icon {
   background-color: #fff;
-  border-color: #f42d2d;
+  border-color: var(--ant-error-color);
 }
 .ant-steps-item-error .ant-steps-item-icon > .ant-steps-icon {
-  color: #f42d2d;
+  color: var(--ant-error-color);
 }
 .ant-steps-item-error .ant-steps-item-icon > .ant-steps-icon .ant-steps-icon-dot {
-  background: #f42d2d;
+  background: var(--ant-error-color);
 }
 .ant-steps-item-error > .ant-steps-item-container > .ant-steps-item-content > .ant-steps-item-title {
-  color: #f42d2d;
+  color: var(--ant-error-color);
 }
 .ant-steps-item-error > .ant-steps-item-container > .ant-steps-item-content > .ant-steps-item-title::after {
-  background-color: #eeeeee;
+  background-color: rgba(0, 0, 0, 0.06);
 }
 .ant-steps-item-error > .ant-steps-item-container > .ant-steps-item-content > .ant-steps-item-description {
-  color: #f42d2d;
+  color: var(--ant-error-color);
 }
 .ant-steps-item-error > .ant-steps-item-container > .ant-steps-item-tail::after {
-  background-color: #eeeeee;
+  background-color: rgba(0, 0, 0, 0.06);
 }
 .ant-steps-item.ant-steps-next-error .ant-steps-item-title::after {
-  background: #f42d2d;
+  background: var(--ant-error-color);
 }
 .ant-steps-item-disabled {
   cursor: not-allowed;
@@ -259,13 +259,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: #2c68ff;
+  color: var(--ant-primary-color);
 }
 .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: #2c68ff;
+  border-color: var(--ant-primary-color);
 }
 .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: #2c68ff;
+  color: var(--ant-primary-color);
 }
 .ant-steps-horizontal:not(.ant-steps-label-vertical) .ant-steps-item {
   padding-left: 16px;
@@ -298,7 +298,7 @@ html {
   line-height: 32px;
 }
 .ant-steps-item-custom.ant-steps-item-process .ant-steps-item-icon > .ant-steps-icon {
-  color: #2c68ff;
+  color: var(--ant-primary-color);
 }
 .ant-steps:not(.ant-steps-vertical) .ant-steps-item-custom .ant-steps-item-icon {
   width: auto;
@@ -328,7 +328,7 @@ html {
   top: 12px;
 }
 .ant-steps-small .ant-steps-item-description {
-  color: #a9a9a9;
+  color: rgba(0, 0, 0, 0.45);
   font-size: 14px;
 }
 .ant-steps-small .ant-steps-item-tail {
@@ -592,7 +592,7 @@ html {
   display: inline-block;
   width: 0;
   height: 2px;
-  background-color: #2c68ff;
+  background-color: var(--ant-primary-color);
   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: #1890ff;
+@blue-base: #2c68ff;
 @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: #52c41a;
+@green-base: #36c626;
 @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: #f5222d;
+@red-base: #f42d2d;
 @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: #faad14;
+@gold-base: #ffab00;
 @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

@@ -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;
 }
 [class^=ant-]::-ms-clear,
 [class*= ant-]::-ms-clear,
@@ -80,7 +80,7 @@ html {
 }
 body {
   margin: 0;
-  color: #4c4c4c;
+  color: rgba(0, 0, 0, 0.85);
   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 +104,7 @@ h5,
 h6 {
   margin-top: 0;
   margin-bottom: 0.5em;
-  color: #262626;
+  color: rgba(0, 0, 0, 0.85);
   font-weight: 500;
 }
 p {
@@ -176,7 +176,7 @@ sup {
   top: -0.5em;
 }
 a {
-  color: #2c68ff;
+  color: var(--ant-primary-color);
   text-decoration: none;
   background-color: transparent;
   outline: none;
@@ -200,7 +200,7 @@ a:focus {
   outline: 0;
 }
 a[disabled] {
-  color: #a9a9a9;
+  color: rgba(0, 0, 0, 0.25);
   cursor: not-allowed;
 }
 pre,
@@ -239,7 +239,7 @@ table {
 caption {
   padding-top: 0.75em;
   padding-bottom: 0.3em;
-  color: #a9a9a9;
+  color: rgba(0, 0, 0, 0.45);
   text-align: left;
   caption-side: bottom;
 }
@@ -344,11 +344,11 @@ mark {
 }
 ::-moz-selection {
   color: #fff;
-  background: #2c68ff;
+  background: var(--ant-primary-color);
 }
 ::selection {
   color: #fff;
-  background: #2c68ff;
+  background: var(--ant-primary-color);
 }
 .clearfix::before {
   display: table;
@@ -844,7 +844,7 @@ mark {
   position: relative;
 }
 html {
-  --antd-wave-shadow-color: #2c68ff;
+  --antd-wave-shadow-color: var(--ant-primary-color);
   --scroll-bar: 0;
 }
 [ant-click-animating-without-extra-node='true']::after,
@@ -856,7 +856,7 @@ html {
   left: 0;
   display: block;
   border-radius: inherit;
-  box-shadow: 0 0 0 0 #2c68ff;
+  box-shadow: 0 0 0 0 var(--ant-primary-color);
   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 +868,13 @@ html {
 }
 @-webkit-keyframes waveEffect {
   100% {
-    box-shadow: 0 0 0 #2c68ff;
+    box-shadow: 0 0 0 var(--ant-primary-color);
     box-shadow: 0 0 0 6px var(--antd-wave-shadow-color);
   }
 }
 @keyframes waveEffect {
   100% {
-    box-shadow: 0 0 0 #2c68ff;
+    box-shadow: 0 0 0 var(--ant-primary-color);
     box-shadow: 0 0 0 6px var(--antd-wave-shadow-color);
   }
 }

package/lib/style/themes/compact.less

@@ -104,8 +104,12 @@
 // ---
 @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
   )
 );
@@ -132,7 +136,8 @@
 // ---
 @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;
 
@@ -186,8 +191,8 @@
 
 // Modal
 // --
-@modal-header-padding: 11px @modal-header-padding-horizontal;
-@modal-footer-padding-vertical: @padding-sm;
+@modal-header-padding: 20px 20px;
+@modal-footer-padding-vertical: 16px;
 @modal-header-close-size: 44px;
 @modal-confirm-body-padding: 24px 24px 16px;
 
@@ -231,7 +236,8 @@
 // ---
 @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