Establecer el color del texto de la tipografía en la interfaz de usuario del material

Miriam, miembro de este equipo de trabajo, nos hizo el favor de escribir este tutorial ya que controla a la perfección este tema.

Solución:

Aunque su enfoque funciona bien en este entorno limitado, no es el enfoque que recomendaría. En lugar de temas anidados, para personalizaciones como esta recomendaría usar withStyles Como se muestra abajo.

import React from "react";
import  withStyles  from "@material-ui/core/styles";
import Typography from "@material-ui/core/Typography";

const WhiteTextTypography = withStyles(
  root: 
    color: "#FFFFFF"
  
)(Typography);

export default function App() 
  return (
    

      
        This text should be white
      
    
  );

Si desea establecer un color predeterminado para todos los elementos de la tipografía, pero no para otros elementos de la interfaz de usuario del material, puede probar esto:

const theme = createMuiTheme(
  typography: 
    allVariants: 
      color: "pink"
    ,
  ,
);

Recuerda algo, que puedes permitirte esclarecer si te ayudó.

---

---

Utiliza Nuestro Buscador