Reactjs 材质ui CreateMuiteme调色板类型深色不会将textcolor更改为浅色

我已经在CreateMuiteme中设置了调色板类型：深色，它将背景颜色更改为深色，这很好。但是文本颜色保持为黑色。它不应该采用较浅的颜色吗

代码沙盒链接：

从“React”导入React；
从“react dom”导入react dom；
从'@material ui/core/styles'导入{MuiThemeProvider，createMuiTheme}；
从“@material ui/core/CssBaseline”导入CssBaseline；
从“./App”导入应用程序；
const theme=createMuiTheme({
调色板：{
类型：'暗'，
},
});
ReactDOM.render(
,
document.getElementById（'app'）；

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

---

更新：我之前提到的v1材质ui版本不正确。很抱歉信息错误，它是3.10.10

您需要导入正确的颜色，然后：

从“React”导入React；
从“@material ui/core/styles”导入{MuiThemeProvider，createMuiTheme}”；
从“@material ui/core/colors/blueGrey”导入蓝灰色；
从“@material ui/core/colors/lightGreen”导入浅绿色；
从“@material ui/core/CssBaseline”导入重置；
const theme=createMuiTheme({
调色板：{
主要：{
浅：浅绿色[300]，
主要名称：浅绿色[500]，
深：浅绿色[700]
},
中学：{
浅：蓝灰色[300]，
主营业务：蓝灰色[500]，
深：蓝灰色[700]
}
}
});只需将
@material ui/core
升级到v3.0.1。它应该像一个符咒
 您只是误解了CssBaseline的用途。该组件是某种CSS重置器，不添加任何视觉样式-仅布局、框大小等内容

你真正想要的是

请参阅。
谢谢@FizzVR的帮助，我尝试了包含和不包含属性类型：dark的代码片段。这似乎没有帮助。当前版本是3.10.10。这似乎没有帮助。我错过了一些基本的东西，希望能很快发现：）这解决了你的问题吗？如果是这样，您可以接受它：）在您的沙箱中，您还可以配置主选项板和辅助选项板。我怀疑如果你事后不使用它们为什么？这令人困惑，而且还不清楚如何配置浅色和深色主题类型。@Onkeltem我链接的CodeSandbox是原始的一个分支，并从中继承了所有代码。我把我的改动减到最低限度，以帮助制作原始海报。此外，这个问题不是关于暗/亮调色板，而是如何使用排版组件。
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'));