Web:Components:RadioButton: add support dark-theme

packages/asc-web-components/radio-button/styled-radio-button.js

@@ -23,7 +23,9 @@ const Label = styled(ClearLabel)`
 
     path {
       fill: ${(props) =>
-        props.isDisabled && props.theme.radioButton.disableColor};
+        props.isDisabled
+          ? props.theme.radioButton.disableBackground
+          : props.theme.radioButton.background};
     }
   }
   .radio-button_text {
@@ -46,6 +48,14 @@ const Label = styled(ClearLabel)`
         `
       : css`
           cursor: pointer;
+          svg {
+            path:first-child {
+              stroke: ${props.theme.radioButton.borderColor};
+            }
+            path:nth-child(even) {
+              fill: ${props.theme.radioButton.fillColor};
+            }
+          }
 
           &:hover {
             svg {

packages/asc-web-components/themes/base.js

@@ -401,9 +401,12 @@ const Base = {
   radioButton: {
     textColor: black,
     textDisableColor: gray,
-    disableColor: grayLight,
+
     marginRight: "4px",
 
+    background: white,
+    disableBackground: grayLight,
+
     fillColor: black,
     borderColor: grayMid,
 

packages/asc-web-components/themes/dark.js

@@ -399,18 +399,20 @@ const Dark = {
   },
 
   radioButton: {
-    textColor: black,
+    testColor: "rgba(255, 255, 255, 0.92)",
-    textDisableColor: gray,
+    textDisableColor: "rgba(255, 255, 255, 0.2)",
-    disableColor: grayLight,
+
     marginRight: "4px",
 
-    fillColor: black,
+    background: "#292929",
-    borderColor: grayMid,
+    disableBackground: "rgba(255, 255, 255, 0.24)",
 
-    disableFillColor: grayMid,
+    fillColor: "rgba(255, 255, 255, 0.92)",
-    disableBorderColor: grayLightMid,
+    disableFillColor: "rgba(255, 255, 255, 0.24)",
 
-    hoverBorderColor: gray,
+    borderColor: "rgba(255, 255, 255, 0.24)",
+    disableBorderColor: "none",
+    hoverBorderColor: "rgba(255, 255, 255, 0.92)",
   },
 
   requestLoader: {