默认的Appbar colored颜色 由MUI设置为原色，即蓝色.
那么，在保持对Mui暗模式功能的支持的同时，如何以正确的方式更改Appbar的背景色呢？
默认的Appbar colored颜色 由MUI设置为原色，即蓝色.
那么，在保持对Mui暗模式功能的支持的同时，如何以正确的方式更改Appbar的背景色呢？
首先判断用户对浅色或深色主题的偏好:
import useMediaQuery from '@mui/material/useMediaQuery';
const prefersDarkMode = useMediaQuery('(prefers-color-scheme: dark)')
然后可以相应地设置AppBar的 colored颜色 :
const appBarColor = prefersDarkMode ? darkColor : lightColor
return <AppBar sx = {{ background: appBarColor }} />
您也可以 Select 判断值theme.palette.mode，以确定 colored颜色 的方式.