使用 material-ui 中的組件 修改按鈕的顏色（theme）

看官方文檔https://material-ui.com/customization/color/#color，對顏色的使用以及引用都有講解。

遇到的問題：色調的顏色出不來。

解決之后的代碼貼出來：

import React from 'react';

import './App.css';

import Button from '@material-ui/core/Button';

import { makeStyles, createMuiTheme,createStyles, Theme ,ThemeProvider} from '@material-ui/core/styles';

import { deepOrange} from '@material-ui/core/colors';

const useStyles = makeStyles((theme: Theme) =>

  createStyles({

    margin: {

        margin: theme.spacing(1),

      },

  }),

);

const theme = createMuiTheme({

    palette: {

      primary: deepOrange,

      secondary: {

        main: '#ff8a65',

      },

    },

  });

const App: React.FC = () => {

    const classes = useStyles();

  return (

    <div>

      <ThemeProvider theme={theme}>

        <Button variant="contained" size="medium"  color="secondary" className={classes.margin}>

          添加菜單

        </Button>

        <Button variant="contained" size="medium" color="primary" className={classes.margin}>

          刷新

        </Button>

      </ThemeProvider>

        <div>

        </div>

    </div>

  );

}

export default App;

效果圖：

注意：看button代碼的不同的部分