如何使AppBar背景色与导航栏颜色一致

import React from 'react';
import { AppBar, Toolbar, Typography } from '@material-ui/core';
import { makeStyles } from '@material-ui/core/styles';

// 定义样式
const useStyles = makeStyles((theme) => ({
  appBar: {
    backgroundColor: '#3f51b5', // 设置AppBar的背景色
  },
  toolbar: {
    display: 'flex',
    justifyContent: 'space-between',
  },
}));

function App() {
  const classes = useStyles();

  return (
    <div>
      <AppBar position="static" className={classes.appBar}>
        <Toolbar className={classes.toolbar}>
          <Typography variant="h6">My App</Typography>
          {/* 其他导航元素 */}
        </Toolbar>
      </AppBar>
      {/* 导航栏内容 */}
    </div>
  );
}

export default App;