title: material-ui createMuiTheme palette type dark does not change textcolor to light
body: <p><a href="https://i.stack.imgur.com/J8rbp.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/J8rbp.png" alt="Screenshot"></a></p>
  
  <p>I have set the palette type: dark in createMuiTheme and it changes the background color to dark, which is good. But the text color stays black. Shouldn't it adapt a lighter color?</p>
  
  <p>CodeSandbox link : <a href="https://codesandbox.io/s/j22rvq4w2v" rel="nofollow noreferrer">https://codesandbox.io/s/j22rvq4w2v</a></p>
  
  <pre><code>import React from 'react'; 
  import ReactDOM from 'react-dom';
  import { MuiThemeProvider, createMuiTheme } from '@material-ui/core/styles';
  import CssBaseline from '@material-ui/core/CssBaseline';
  import App from './App';
  
  const theme = createMuiTheme({
    palette: {
      type: 'dark',
    },
  });
  
  ReactDOM.render(
  
  &lt;MuiThemeProvider theme={theme}&gt;
      &lt;React.Fragment&gt;
          &lt;CssBaseline /&gt;
              &lt;App/&gt;
      &lt;/React.Fragment&gt;
  &lt;/MuiThemeProvider&gt;,
       document.getElementById('app'));
  </code></pre>
  
  <p>The app component just contains an AppBar and simple text.</p>
  
  <p><strong><em>Update</strong>: The version of material-ui I have, which I mentioned earlier as v1 is incorrect. Sorry about misinformationtion and it is 3.10.10</em></p>