Material ui 如何在材质界面中更改框颜色

我对网络开发很陌生。话虽如此，我正在尝试使用材质UI更改长方体的颜色，但它不起作用。（color=success.main）

目前，我得到的颜色是原色蓝色。我试图改变每一个盒子的组成部分，但它并没有真正为他们中的任何一个工作

import React from "react";
import { palette } from '@material-ui/system';
import {
    AppBar,
    Toolbar, 
    Box,
    Link,
    Hidden
} from '@material-ui/core';

import { makeStyles } from '@material-ui/core/styles';
import './Navbar.css';

const useStyles = makeStyles({
    links: {
      padding: '0 50px',
      color: 'white',
      "&:hover": {
        textDecorationColor: "green",
        cursor:'pointer'
      }
    },

  });
export default function Navbar() {
const Navbar = useStyles();
    return(
        <Box component='nav' color="success.main">
            <AppBar>
                <Toolbar>
                    VK Design 
                    <Box m='auto'>
                        <Hidden only='xs'>
                            <typography><Link className={Navbar.links} underline='hover'>HOME</Link></typography>
                            <typography><Link className={Navbar.links} underline='hover'>PORTFOLIO</Link></typography>
                            <typography><Link className={Navbar.links} underline='hover'>ABOUT</Link></typography>
                            <typography><Link className={Navbar.links} underline='hover'>CONTACT</Link></typography>
                        </Hidden>
                    </Box>
                </Toolbar>
            </AppBar>
        </Box>
    )
};

从“React”导入React；
从'@material ui/system'导入{palete}；
进口{
阿帕巴，
工具栏，
盒子，
链接
隐藏的
}来自“@material ui/core”；
从'@material ui/core/styles'导入{makeStyles}；
导入“/Navbar.css”；
const useStyles=makeStyles({
链接：{
填充：“0 50px”，
颜色：'白色'，
“&：悬停”：{
text装饰颜色：“绿色”，
光标：'指针'
}
},
});
导出默认函数Navbar（）{
const Navbar=useStyles（）；
返回(
VK设计
家
文件夹
关于
接触
)
};

我认为您应该定义一个类来设置颜色。 你应该试试：

。。。
const useStyles=makeStyles（（主题）=>({
根目录：{
颜色：theme.palete.primary.main
},
链接：{
填充：“0 50px”，
颜色：'白色'，
“&：悬停”：{
text装饰颜色：“绿色”，
光标：'指针'
}
},
}));
导出默认函数Navbar（）{
const Navbar=useStyles（）；
返回(
...
)
};使用“bgcolor”而不是“color”

。。。
它在box组件中不起作用，但在工具栏中起作用。这条路对吗？看起来我只是在解决这个问题。你想在盒子组件@KajiyamaVK中更改什么？盒子的背景色。它已经起作用了。您的想法引导我找到了解决方案-我将属性backgroundColor放在BOX标记中，而不是放在APPBAR标记中。谢谢。
<Box        
    bgcolor="primary.main"        
  > ... </Box>