import React from 'react'; import { AppBar,Typography,Toolbar, makeStyles } from '@mui/material'; const useStyles = makeStyles({ appbar:{ backgroundColor:'#000000', } }) const Navbar = () => { const classes = useStyles(); return ( <AppBar className={classes.appbar}> <Toolbar> </Toolbar> </AppBar> ); } export default Navbar;Estoy tratando de cambiar el color predeterminado de la barra de aplicaciones, pero esto no funciona, intenté usar el valor de carácter del color en lugar del hexadecimal, pero tampoco funcionó. ¿Alguien puede decirme qué hay de malo en esto? Y sí, estoy usando la v5.4.3 de material-ui en este
Puede hacer una personalización única de un componente con sx -prop :
import * as React from "react"; import AppBar from "@mui/material/AppBar"; export default function ButtonAppBar() { return ( <AppBar position="static" sx={{ color: "red", bgcolor: "black" }}> Content </AppBar> ); }También te puede interesar el sistema de colores de MUI .