title: Set Typography text color in MUI
body: <p>I'm pretty new to MUI, and I'm trying to set a <code>Typography</code> with a text color like this:</p>
  <pre><code>const theme = createMuiTheme({
    palette: {
      text:{
        primary: &quot;#FFFFFF&quot;
      }
    }
  });
  
  const WhiteText = (props: { text:string, varient: Variant | 'inherit'}) =&gt; {
    return &lt;ThemeProvider theme={theme}&gt;
        &lt;Typography variant={props.varient} align=&quot;center&quot; color=&quot;textPrimary&quot;&gt;{props.text}&lt;/Typography&gt;
    &lt;/ThemeProvider&gt;
  }
  ...
  &lt;WhiteText varient=&quot;h3&quot; text=&quot;This text should be white&quot;/&gt;
  </code></pre>
  <p>but the text will not change color :/</p>
  <p>Am I applying the theme wrong?</p>