如何更改 Material UI 对话框边框的粗细和颜色？

Question

Hello I am trying to add an external frame to the Dialog Box from Material UI. I was trying to do this but nothing happened:

overrides: {
  MuiDialog :{
    paper : { 
      borderWidth : 10,
      borderRadius: 10,
      borderColor : "#FFFFFF",
      backgroundColor : "#101010"
    }
}, .......

Do you know a way to do by using overrides in the MUI theme?

Thanks

Answer 1

The main issue I see is that you aren't setting border-style . The following works:

const theme = createMuiTheme({
  overrides: {
    MuiDialog: {
      paper: {
        borderWidth: 10,
        borderRadius: 10,
        borderColor: "#fff",
        borderStyle: "solid",
        backgroundColor: "#101010",
        color: "#fff"
      }
    }
  }
});