Restyle the Radio component a bit (#19417)

* restyle the Radio component a bit

* tweak color

frontend/src/metabase/components/Radio.styled.jsx

@@ -37,7 +37,16 @@ export const RadioButton = styled.div`
   width: 12px;
   height: 12px;
   border: 2px solid white;
-  box-shadow: 0 0 0 2px ${color("shadow")};
+  box-shadow: 0 0 0 2px
+    ${props => {
+      if (props.checked) {
+        return props.colorScheme
+          ? COLOR_SCHEMES[props.colorScheme].button()
+          : color("brand");
+      } else {
+        return color("text-medium");
+      }
+    }};
   border-radius: 12px;
   background-color: ${props => {
     if (props.checked) {
@@ -54,6 +63,7 @@ export const RadioButton = styled.div`
 const BaseList = styled.ul`
   display: flex;
   flex-direction: ${props => (props.vertical ? "column" : "row")};
+  font-weight: bold;
 `;
 
 const BaseItem = styled.label.attrs({