reactjs - Material-ui createMuiTheme 调色板类型“深色”不会将文本颜色更改为“浅色”

Question

我在 createMuiTheme 中设置了调色板类型:深色，并将背景颜色更改为深色，这很好。但文本颜色保持黑色。难道不应该采用更浅的颜色吗？

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'));

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

更新:我之前提到的material-ui版本为v1，这是不正确的。抱歉，有误传，现在是 3.10.10

Answer 1

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

你真正想要的是Typography component .

请参阅updated and working CodeSandbox .