Estoy tratando de alternar estos colores según el tipo de pokemon.
Pero no sé cómo... ¿¡Alguna idea!? aquí es donde estoy tratando de crear la lógica
[aquí es donde se debe tocar la paleta
dentro del ```<Box sx={{ bgcolor: 'typecolor.main' }}
La paleta MUI es extensible, pero debe hacer un par de cosas para crear un nuevo color y aplicarlo a su componente Box.
Defina un tema con una variable de color personalizada. Puede usar augmentColor() para generar PaletteColor para que pueda consumirse en su Box y luego pasar ese nuevo color a su componente.
import { red } from "@mui/material/colors"; const { palette } = createTheme(); const theme = createTheme({ palette: { myCustomColor: palette.augmentColor({ color: red }), // Use this code if you want to use an arbitrary color // myCustomColor: palette.augmentColor({ // color: { // main: "#f0000f" // } // }) } });