How to change the Header buttons on FullClaendar using makeStyles on material-ui?

Question

我是反应和前端样式方面的新手。我有 FullCalendar 组件，我需要更改按钮颜色和图标。

    const classes = useStyles();              

         return (
           <DialogContent>
            <Fullcalendar
              themeSystem="bootstrap"
              initialView="dayGridMonth"
              headerToolbar={{
                start: "today,prev,next",
                center: "title"
              }}
              height={"90vh"} 
              events={calendarEvents}
            />
          </DialogContent>
         )

这个 style.js 是：

export const useStyles = makeStyles((theme) => ({
  
  calendarHeader: {
    background: RGB(255, 255, 0)
  }
}));