title: How can I change the color of a Link in React with Material-UI?
body: <p>I'm not able to change the color of a Link inside a Button. When I apply the secondary color to the Button, it doesn't take effect. In other components it does work this way.</p>
  
  <pre><code>&lt;AppBar position='fixed'&gt;
                  &lt;Toolbar&gt;
                      &lt;Button color='secondary'&gt;
                          &lt;Link to="/"&gt;Home&lt;/Link&gt;
                      &lt;/Button&gt;
                  &lt;/Toolbar&gt;
  &lt;/AppBar&gt;
  
  </code></pre>
  
  <p>In App.js I create the custom Theme and wrap it around all components with 
  <code>&lt;ThemeProvider theme={customTheme}&gt;</code></p>
  
  <p>App.js:</p>
  
  <pre><code>const customTheme = createMuiTheme({
      palette: {
          primary: {
              main: '#36454B',
              contrastText: '#fff',
          },
          secondary: {
              light: '#55dab3',
              main: '#00a883',
              dark: '#007856',
              contrastText: '#000',
          }
      }
  });
  </code></pre>