反应按钮颜色没有改变

Question

我的反应项目按钮颜色设置为 primary 但它显示为红色。我想将其设置为蓝色或原色。我该怎么做。 （我正在学习教程）

这是我的 Button.js

import React from 'react';
import {Button as MuiButton} from "@material-ui/core";

export default function Button(props) {

const {text, size, color, variant, onClick}=props

  return (
    <MuiButton variant={variant} size={size} color={color} onClick={onClick}>
      {text}
    </MuiButton>
    
 
  );
}

然后这里是 Controls.js

import Button from "./Button";

const Controls = {
    Button
}

export default Controls;

这是表单中我的代码按钮，

<div>
  <Controls.Button variant="contained" color="primary" size="large" text="Submit"/>
</div>