title: How do you change the colour of the subheader in a material ui card?
body: <p>I have a Material UI Card which has a dark background colour, so I need the text to be white. The style I have applied seems to successfully change the CardHeader title but not the subheader? How can I get the subheader to also change to white?</p>
  <p>My code is as below:</p>
  <pre><code>const useStyles = makeStyles(theme =&gt; ({
    menuColor: {
      backgroundColor: theme.palette.primary.main,
      color: '#ffffff',
    },
  }));
  
  const ProfileUser = () =&gt; {
    const classes = useStyles();
    return (
      &lt;Card elevation={0} className={classes.menuColor}&gt;
        &lt;CardHeader
          avatar={&lt;Avatar /&gt;}
          title=&quot;Person name&quot;
          titleTypographyProps=&quot;h4&quot;
          subheaderTypographyProps=&quot;body1&quot;
          subheader=&quot;Person role&quot;
        /&gt;
      &lt;/Card&gt;
    );
  };
  
  export default ProfileUser;
  </code></pre>