Material-UI TextField: контроль цвета границы

Question

выделенный текст Как управлять цветом границы для MUI TextField?

<DarkTextField
  variant="outlined"
  margin="dense"
  inputRef={input => (this.input = input)}
  onKeyPress={this.onKeyPressed}
  type="text"
  placeholder="Name"
/>

Я пробовал несколько комбинаций, как показано ниже:

const styles = {
  border: {
    "&::before": {
      border: "1px solid #90caf9"
    },
    "&:hover:not(.Mui-disabled):before": {
      border: "2px solid #90caf9"
    },
    "&::after": {
      border: "2px solid #90caf9"
    }
  }
};

const DarkTextField = withStyles(styles)(props => {
  const { classes, ...other } = props;

  return <TextField InputProps={{ className: classes.border }} {...other} />;
});

Я не знаю, как указать границу.Кроме того, я хочу контролировать цвет текста заполнителя.