0

Tengo este archivo colors.ts:

const colors = {
  background: {
    default: '#f8f9fa',
  },

  text: {
    main: '#67748e',
    focus: '#67748e',
  },

  transparent: {
    main: 'transparent',
  },

  white: {
    main: '#ffffff',
    focus: '#ffffff',
  },
  .
  .
  .
}

export default colors


Y tengo este archivo donde llamo al createTheme:


import { createTheme } from '@mui/material/styles'
import colors from 'plantilla/assets/theme/base/colors'
createTheme({
  breakpoints: { ...breakpoints },
  palette: { ...colors },
  typography: { ...typography },
  boxShadows: { ...boxShadows },
  borders: { ...borders },
  .
  .
  .
})

Y obtengo este error en el palette: { ...colors },:


El tipo '{ background: { default: string; }; text: { main: string; focus: string; }; transparent: { main: string; }; white: { main: string; focus: string; }; black: { light: string; main: string; focus: string; }; primary: { ...; }; ... 15 more ...; tabs: { ...; }; }' no se puede asignar al tipo 'PaletteOptions'.
  Los tipos de propiedad 'text' no son compatibles.
    El tipo "{ main: string; focus: string; }" no tiene propiedades en común con el tipo "Partial<TypeText>".

Cómo puedo personalizar el PaletteOptions para que pueda admitir todo lo que tengo en colors? Estoy usando "@mui/material": "^5.16.4", Intenté el module augmentation que dice en la documentación de Mui pero no logro solucionarlo.

0

Tu Respuesta

By clicking “Publica tu respuesta”, you agree to our terms of service and acknowledge you have read our privacy policy.

Examina otras preguntas con la etiqueta o formula tu propia pregunta.