Before and after applying this CSS
* {
-fx-darkest-grey-color: #323232;
}
.radio-button .radio {
-fx-border-width: 1px;
-fx-border-color: -fx-darkest-grey-color;
-fx-background-color: white;
-fx-background-image: null;
-fx-border-radius: 15px;
-fx-padding: 3px;
}
.radio-button .radio:selected {
-fx-background-color: white;
-fx-background-image: null;
}
.radio-button -radio:armed {
-fx-background-color: white;
-fx-background-image: null;
}
.radio-button -radio:determinate {
-fx-background-color: white;
-fx-background-image: null;
}
.radio-button -radio:indeterminate {
-fx-background-color: white;
-fx-background-image: null;
}
.radio-button .dot {
-fx-background-radius: 15px;
-fx-padding: 8px;
}