title: How to override selected color in theme override for material ui for react
body: <p>I would like to override the selected text color for all tabs in <a href="https://material-ui.com/demos/tabs/" rel="nofollow noreferrer">material ui for React</a>.  I know I can override some portions with code such as this: </p>
  
  <pre><code>const theme = createMuiTheme({
    overrides: {
      MuiTab: {
        root: {
          color: '#000000',
          backgroundColor: '#ffffff',
          '&amp;:hover': {
            backgroundColor: 'rgba(108, 130, 168, 0.11764705882352941)',
            color: '#000000',
          }
        }
      }
    }
  });
  </code></pre>
  
  <p>followed by</p>
  
  <pre><code> &lt;MuiThemeProvider theme={theme}&gt;
      &lt;HomePage/&gt;
   &lt;/MuiThemeProvider&gt;
  </code></pre>
  
  <p>However, when the tab is selected it applies a class such as '.MuiTab-textColorPrimary-144.MuiTab-selected-146'.  How can I specify a global override color for textColorPrimary for the Tab component when it is selected?  I'm specifically interested in a global override and not an individual instance override.  Lacking a specific way for the Tab component, how would I specify a global override for 'selected' primaryTextColor?</p>