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

package/lib/popover/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-popover {
   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;
@@ -118,24 +118,24 @@ html {
   min-height: 32px;
   margin: 0;
   padding: 5px 16px 4px;
-  color: #262626;
+  color: rgba(0, 0, 0, 0.85);
   font-weight: 500;
-  border-bottom: 1px solid #eeeeee;
+  border-bottom: 1px solid rgba(0, 0, 0, 0.06);
 }
 .ant-popover-inner-content {
   padding: 12px 16px;
-  color: #4c4c4c;
+  color: rgba(0, 0, 0, 0.85);
 }
 .ant-popover-message {
   position: relative;
   padding: 4px 0 12px;
-  color: #4c4c4c;
+  color: rgba(0, 0, 0, 0.85);
   font-size: 14px;
 }
 .ant-popover-message > .anticon {
   position: absolute;
   top: 8.0005px;
-  color: #ffab00;
+  color: var(--ant-warning-color);
   font-size: 14px;
 }
 .ant-popover-message-title {
@@ -287,10 +287,10 @@ html {
   background-color: #eb2f96;
 }
 .ant-popover-red .ant-popover-inner {
-  background-color: #f5222d;
+  background-color: #f42d2d;
 }
 .ant-popover-red .ant-popover-arrow-content {
-  background-color: #f5222d;
+  background-color: #f42d2d;
 }
 .ant-popover-volcano .ant-popover-inner {
   background-color: #fa541c;
@@ -311,10 +311,10 @@ html {
   background-color: #fadb14;
 }
 .ant-popover-gold .ant-popover-inner {
-  background-color: #faad14;
+  background-color: #ffab00;
 }
 .ant-popover-gold .ant-popover-arrow-content {
-  background-color: #faad14;
+  background-color: #ffab00;
 }
 .ant-popover-cyan .ant-popover-inner {
   background-color: #13c2c2;
@@ -329,16 +329,16 @@ html {
   background-color: #a0d911;
 }
 .ant-popover-green .ant-popover-inner {
-  background-color: #52c41a;
+  background-color: #36c626;
 }
 .ant-popover-green .ant-popover-arrow-content {
-  background-color: #52c41a;
+  background-color: #36c626;
 }
 .ant-popover-blue .ant-popover-inner {
-  background-color: #1890ff;
+  background-color: #2c68ff;
 }
 .ant-popover-blue .ant-popover-arrow-content {
-  background-color: #1890ff;
+  background-color: #2c68ff;
 }
 .ant-popover-geekblue .ant-popover-inner {
   background-color: #2f54eb;

package/lib/progress/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-progress {
   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;
@@ -77,7 +77,7 @@ html {
   transition: all 0.3s;
 }
 .ant-progress-steps-item-active {
-  background: #2c68ff;
+  background: var(--ant-primary-color);
 }
 .ant-progress-small.ant-progress-line,
 .ant-progress-small.ant-progress-line .ant-progress-text .anticon {
@@ -110,12 +110,12 @@ html {
           animation: ant-progress-appear 0.3s;
 }
 .ant-progress-inner:not(.ant-progress-circle-gradient) .ant-progress-circle-path {
-  stroke: #2c68ff;
+  stroke: var(--ant-primary-color);
 }
 .ant-progress-success-bg,
 .ant-progress-bg {
   position: relative;
-  background-color: #2c68ff;
+  background-color: var(--ant-primary-color);
   border-radius: 100px;
   transition: all 0.4s cubic-bezier(0.08, 0.82, 0.17, 1) 0s;
 }
@@ -123,13 +123,13 @@ html {
   position: absolute;
   top: 0;
   left: 0;
-  background-color: #36c626;
+  background-color: var(--ant-success-color);
 }
 .ant-progress-text {
   display: inline-block;
   width: 2em;
   margin-left: 8px;
-  color: #4c4c4c;
+  color: rgba(0, 0, 0, 0.85);
   font-size: 1em;
   line-height: 1;
   white-space: nowrap;
@@ -154,22 +154,22 @@ html {
   content: '';
 }
 .ant-progress-status-exception .ant-progress-bg {
-  background-color: #f42d2d;
+  background-color: var(--ant-error-color);
 }
 .ant-progress-status-exception .ant-progress-text {
-  color: #f42d2d;
+  color: var(--ant-error-color);
 }
 .ant-progress-status-exception .ant-progress-inner:not(.ant-progress-circle-gradient) .ant-progress-circle-path {
-  stroke: #f42d2d;
+  stroke: var(--ant-error-color);
 }
 .ant-progress-status-success .ant-progress-bg {
-  background-color: #36c626;
+  background-color: var(--ant-success-color);
 }
 .ant-progress-status-success .ant-progress-text {
-  color: #36c626;
+  color: var(--ant-success-color);
 }
 .ant-progress-status-success .ant-progress-inner:not(.ant-progress-circle-gradient) .ant-progress-circle-path {
-  stroke: #36c626;
+  stroke: var(--ant-success-color);
 }
 .ant-progress-circle .ant-progress-inner {
   position: relative;
@@ -183,7 +183,7 @@ html {
   width: 100%;
   margin: 0;
   padding: 0;
-  color: #4c4c4c;
+  color: rgba(0, 0, 0, 0.85);
   font-size: 1em;
   line-height: 1;
   white-space: normal;
@@ -194,10 +194,10 @@ html {
   font-size: 1.16666667em;
 }
 .ant-progress-circle.ant-progress-status-exception .ant-progress-text {
-  color: #f42d2d;
+  color: var(--ant-error-color);
 }
 .ant-progress-circle.ant-progress-status-success .ant-progress-text {
-  color: #36c626;
+  color: var(--ant-success-color);
 }
 @-webkit-keyframes ant-progress-active {
   0% {

package/lib/radio/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-radio-group {
   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;
@@ -67,7 +67,7 @@ html {
   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;
@@ -96,7 +96,7 @@ html {
   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;
@@ -111,7 +111,7 @@ html {
 .ant-radio-wrapper:hover .ant-radio,
 .ant-radio:hover .ant-radio-inner,
 .ant-radio-input:focus + .ant-radio-inner {
-  border-color: #2c68ff;
+  border-color: var(--ant-primary-color);
 }
 .ant-radio-input:focus + .ant-radio-inner {
   box-shadow: 0 0 0 3px var(--ant-primary-1);
@@ -122,7 +122,7 @@ html {
   left: 0;
   width: 100%;
   height: 100%;
-  border: 1px solid #2c68ff;
+  border: 1px solid var(--ant-primary-color);
   border-radius: 50%;
   visibility: hidden;
   -webkit-animation: antRadioEffect 0.36s ease-in-out;
@@ -143,7 +143,7 @@ html {
   width: 16px;
   height: 16px;
   background-color: #fff;
-  border-color: #d2d2d2;
+  border-color: #d9d9d9;
   border-style: solid;
   border-width: 1px;
   border-radius: 50%;
@@ -158,7 +158,7 @@ html {
   height: 16px;
   margin-top: -8px;
   margin-left: -8px;
-  background-color: #2c68ff;
+  background-color: var(--ant-primary-color);
   border-top: 0;
   border-left: 0;
   border-radius: 16px;
@@ -178,10 +178,10 @@ html {
   opacity: 0;
 }
 .ant-radio.ant-radio-disabled .ant-radio-inner {
-  border-color: #d2d2d2;
+  border-color: #d9d9d9;
 }
 .ant-radio-checked .ant-radio-inner {
-  border-color: #2c68ff;
+  border-color: var(--ant-primary-color);
 }
 .ant-radio-checked .ant-radio-inner::after {
   transform: scale(0.5);
@@ -192,7 +192,7 @@ html {
   cursor: not-allowed;
 }
 .ant-radio-disabled .ant-radio-inner {
-  background-color: #f1f1f1;
+  background-color: #f5f5f5;
   cursor: not-allowed;
 }
 .ant-radio-disabled .ant-radio-inner::after {
@@ -202,7 +202,7 @@ html {
   cursor: not-allowed;
 }
 .ant-radio-disabled + span {
-  color: #a9a9a9;
+  color: rgba(0, 0, 0, 0.25);
   cursor: not-allowed;
 }
 span.ant-radio + * {
@@ -215,18 +215,18 @@ span.ant-radio + * {
   height: 32px;
   margin: 0;
   padding: 0 15px;
-  color: #4c4c4c;
+  color: rgba(0, 0, 0, 0.85);
   font-size: 14px;
   line-height: 30px;
   background: #fff;
-  border: 1px solid #d2d2d2;
+  border: 1px solid #d9d9d9;
   border-top-width: 1.02px;
   border-left-width: 0;
   cursor: pointer;
   transition: color 0.3s, background 0.3s, border-color 0.3s, box-shadow 0.3s;
 }
 .ant-radio-button-wrapper a {
-  color: #4c4c4c;
+  color: rgba(0, 0, 0, 0.85);
 }
 .ant-radio-button-wrapper > .ant-radio-button {
   position: absolute;
@@ -255,12 +255,12 @@ span.ant-radio + * {
   width: 1px;
   height: 100%;
   padding: 1px 0;
-  background-color: #d2d2d2;
+  background-color: #d9d9d9;
   transition: background-color 0.3s;
   content: '';
 }
 .ant-radio-button-wrapper:first-child {
-  border-left: 1px solid #d2d2d2;
+  border-left: 1px solid #d9d9d9;
   border-radius: 4px 0 0 4px;
 }
 .ant-radio-button-wrapper:last-child {
@@ -271,7 +271,7 @@ span.ant-radio + * {
 }
 .ant-radio-button-wrapper:hover {
   position: relative;
-  color: #2c68ff;
+  color: var(--ant-primary-color);
 }
 .ant-radio-button-wrapper:focus-within {
   box-shadow: 0 0 0 3px var(--ant-primary-1);
@@ -286,15 +286,15 @@ span.ant-radio + * {
 }
 .ant-radio-button-wrapper-checked:not(.ant-radio-button-wrapper-disabled) {
   z-index: 1;
-  color: #2c68ff;
+  color: var(--ant-primary-color);
   background: #fff;
-  border-color: #2c68ff;
+  border-color: var(--ant-primary-color);
 }
 .ant-radio-button-wrapper-checked:not(.ant-radio-button-wrapper-disabled)::before {
-  background-color: #2c68ff;
+  background-color: var(--ant-primary-color);
 }
 .ant-radio-button-wrapper-checked:not(.ant-radio-button-wrapper-disabled):first-child {
-  border-color: #2c68ff;
+  border-color: var(--ant-primary-color);
 }
 .ant-radio-button-wrapper-checked:not(.ant-radio-button-wrapper-disabled):hover {
   color: var(--ant-primary-5);
@@ -315,8 +315,8 @@ span.ant-radio + * {
 }
 .ant-radio-group-solid .ant-radio-button-wrapper-checked:not(.ant-radio-button-wrapper-disabled) {
   color: #fff;
-  background: #2c68ff;
-  border-color: #2c68ff;
+  background: var(--ant-primary-color);
+  border-color: var(--ant-primary-color);
 }
 .ant-radio-group-solid .ant-radio-button-wrapper-checked:not(.ant-radio-button-wrapper-disabled):hover {
   color: #fff;
@@ -332,24 +332,24 @@ span.ant-radio + * {
   box-shadow: 0 0 0 3px var(--ant-primary-1);
 }
 .ant-radio-button-wrapper-disabled {
-  color: #a9a9a9;
-  background-color: #f1f1f1;
-  border-color: #d2d2d2;
+  color: rgba(0, 0, 0, 0.25);
+  background-color: #f5f5f5;
+  border-color: #d9d9d9;
   cursor: not-allowed;
 }
 .ant-radio-button-wrapper-disabled:first-child,
 .ant-radio-button-wrapper-disabled:hover {
-  color: #a9a9a9;
-  background-color: #f1f1f1;
-  border-color: #d2d2d2;
+  color: rgba(0, 0, 0, 0.25);
+  background-color: #f5f5f5;
+  border-color: #d9d9d9;
 }
 .ant-radio-button-wrapper-disabled:first-child {
-  border-left-color: #d2d2d2;
+  border-left-color: #d9d9d9;
 }
 .ant-radio-button-wrapper-disabled.ant-radio-button-wrapper-checked {
-  color: #a9a9a9;
+  color: rgba(0, 0, 0, 0.25);
   background-color: #e6e6e6;
-  border-color: #d2d2d2;
+  border-color: #d9d9d9;
   box-shadow: none;
 }
 @-webkit-keyframes antRadioEffect {
@@ -389,7 +389,7 @@ span.ant-radio + * {
   left: 0;
 }
 .ant-radio-button-wrapper.ant-radio-button-wrapper-rtl.ant-radio-button-wrapper:first-child {
-  border-right: 1px solid #d2d2d2;
+  border-right: 1px solid #d9d9d9;
   border-radius: 0 4px 4px 0;
 }
 .ant-radio-button-wrapper-checked:not([class*=' ant-radio-button-wrapper-disabled']).ant-radio-button-wrapper:first-child {
@@ -399,5 +399,5 @@ span.ant-radio + * {
   border-radius: 4px 0 0 4px;
 }
 .ant-radio-button-wrapper.ant-radio-button-wrapper-rtl.ant-radio-button-wrapper-disabled:first-child {
-  border-right-color: #d2d2d2;
+  border-right-color: #d9d9d9;
 }