title: createMuiTheme overrides, for a particular component style
body: <p>Is it possible to override the default style of a particular Material UI component style? Let's say I want have different types of <a href="https://material-ui.com/api/button/" rel="nofollow noreferrer"><code>MuiButton</code></a>'s...</p>
  
  <pre><code>&lt;Button color="primary" variant="contained"&gt;Foo&lt;/Button&gt;
  &lt;Button variant="text"&gt;Foo&lt;/Button&gt;
  </code></pre>
  
  <p>With the default styles the first button will have a white text color and the second one will have a black text color. If I would like to change the text color default globally (which in this case I won't) I should use the following options for <a href="https://material-ui.com/customization/theming/#createmuitheme-options-theme" rel="nofollow noreferrer"><code>createMuiTheme</code></a>:</p>
  
  <pre><code>const options = {
    overrides: {
      MuiButton: {
        root: {
            color: 'white',
        }
      }
    }
  };
  </code></pre>
  
  <p>However in this case I would only like to change the text color of the primary colored and contained variant button. How do I do this?</p>