fix: the button group and the slider styles

Author: zhaoliangyu

components/radio/style/index.less

@@ -253,7 +253,7 @@ span.@{radio-prefix-cls} + * {
 
   &:hover {
     position: relative;
-    color: @radio-dot-color;
+    color: @radio-button-hover-color;
   }
 
   &:focus-within {
@@ -276,7 +276,7 @@ span.@{radio-prefix-cls} + * {
     border-color: @radio-solid-checked-color;
 
     &::before {
-      background-color: @radio-dot-color;
+      background-color: @radio-button-hover-color;
     }
 
     &:first-child {
@@ -307,20 +307,18 @@ span.@{radio-prefix-cls} + * {
   }
 
   .@{radio-group-prefix-cls}-solid &-checked:not(&-disabled) {
-    color: @radio-solid-checked-color;
-    background: @radio-dot-color;
-    border-color: @radio-dot-color;
+    color: @component-background;
+    background: @radio-solid-checked-color;
+    border-color: @radio-solid-checked-color;
 
     &:hover {
-      color: @radio-solid-checked-color;
-      background: @radio-button-hover-color;
-      border-color: @radio-button-hover-color;
+      background: fade(@radio-solid-checked-color, 90%);
+      border-color: fade(@radio-solid-checked-color, 90%);
     }
 
     &:active {
-      color: @radio-solid-checked-color;
-      background: @radio-button-active-color;
-      border-color: @radio-button-active-color;
+      background: fade(@radio-solid-checked-color, 100%);
+      border-color: fade(@radio-solid-checked-color, 100%);
     }
 
     &:focus-within {

components/style/themes/default.less

@@ -884,15 +884,15 @@
 @slider-margin: 10px 6px 10px;
 @slider-rail-background-color: @background-color-base;
 @slider-rail-background-color-hover: #e1e1e1;
-@slider-track-background-color: @primary-3;
-@slider-track-background-color-hover: @primary-4;
+@slider-track-background-color: @color-orange-30;
+@slider-track-background-color-hover: @color-orange-50;
 @slider-handle-border-width: 2px;
 @slider-handle-background-color: @component-background;
-@slider-handle-color: @primary-3;
-@slider-handle-color-hover: @primary-4;
-@slider-handle-color-focus: tint(@primary-color, 20%);
-@slider-handle-color-focus-shadow: fade(@primary-color, 12%);
-@slider-handle-color-tooltip-open: @primary-color;
+@slider-handle-color: @color-orange-30;
+@slider-handle-color-hover: @color-orange-50;
+@slider-handle-color-focus: tint(@radio-solid-checked-color, 20%);
+@slider-handle-color-focus-shadow: fade(@radio-solid-checked-color, 12%);
+@slider-handle-color-tooltip-open: @color-orange-60;
 @slider-handle-size: 14px;
 @slider-handle-margin-top: -5px;
 @slider-handle-margin-left: -5px;

components/style/themes/variable.less

@@ -939,15 +939,15 @@
 @slider-margin: 10px 6px 10px;
 @slider-rail-background-color: @background-color-base;
 @slider-rail-background-color-hover: #e1e1e1;
-@slider-track-background-color: @primary-3;
-@slider-track-background-color-hover: @primary-4;
+@slider-track-background-color: @color-orange-30;
+@slider-track-background-color-hover: @color-orange-50;
 @slider-handle-border-width: 2px;
 @slider-handle-background-color: @component-background;
-@slider-handle-color: @primary-3;
-@slider-handle-color-hover: @primary-4;
-@slider-handle-color-focus: ~'var(--@{ant-prefix}-primary-color-deprecated-t-20)';
-@slider-handle-color-focus-shadow: ~'var(--@{ant-prefix}-primary-color-deprecated-f-12)';
-@slider-handle-color-tooltip-open: @primary-color;
+@slider-handle-color: @color-orange-30;
+@slider-handle-color-hover: @color-orange-50;
+@slider-handle-color-focus: tint(@radio-solid-checked-color, 20%);
+@slider-handle-color-focus-shadow: fade(@radio-solid-checked-color, 12%);
+@slider-handle-color-tooltip-open: @color-orange-60;
 @slider-handle-size: 14px;
 @slider-handle-margin-top: -5px;
 @slider-handle-margin-left: -5px;

package.json

@@ -1,6 +1,6 @@
 {
   "name": "@gd-uikit/antd",
-  "version": "4.25.1",
+  "version": "4.25.2",
   "description": "An enterprise-class UI design language and React components implementation",
   "title": "Ant Design",
   "keywords": [