material-ui createMuiTheme调色板类型为dark不会将textcolor更改为light

Question

我设置了调色板类型：createMuiTheme中为dark，它将背景颜色更改为Dark，这很好。但是文字颜色保持黑色。它不应该适应较浅的颜色吗？

CodeSandbox链接：https ://codesandbox.io/s/j22rvq4w2v

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(

<MuiThemeProvider theme={theme}>
    <React.Fragment>
        <CssBaseline />
            <App/>
    </React.Fragment>
</MuiThemeProvider>,
     document.getElementById('app'));

该应用程序组件仅包含一个AppBar和简单文本。

更新：我之前提到的Material-ui的版本为v1，这是不正确的。抱歉，错误信息是3.10.10

Answer 1

您只是误解了CssBaseline的用途。该组件是某种CSS重置器，并且不添加任何视觉样式-仅布局，框大小设置。

您真正想要的是版式组件。

请参阅更新的工作CodeSandbox。