Material-ui: 전역 텍스트 색상은 어떻게 설정합니까?

현재 모든 구성 요소의 모든 텍스트를 검정색 배경에 검정색으로 렌더링하는 어두운 테마가 있습니다. 흰색은 오버라이드를 통해 설정된 메뉴뿐입니다.

아래에서 볼 수 있듯이 여러 가지를 시도했습니다. 확실하지 않지만 문서는 palette.text를 참조하지만 작동하지 않는 것 같습니다.

전역 글꼴 색상을 설정하려면 어떻게합니까

import { createMuiTheme } from "material-ui/styles";

const dark = createMuiTheme({
    shadows: ["none"],
    type: 'dark',
    typography: {
      color: 'white',
    },
    palette: {
        background: {
            paper: '#000',
            default: '#000',
        },
        text: {
          default: '#fff',
        },
        textColor: '#fff',
        primary: {
          main: '#ff0000',
        },
    },

    root: {
      textDecoration: 'none',
    },

    overrides: {
    MuiPaper: {
      root: {
        boxShadow: 'none',
      },
    },
    MuiBackdrop: {
      root: {
        backgroundColor: 'rgba(255, 0, 0, 0.75)',
      },
    },
    MuiAppBar: {
      root: {
        background: 'white',
        boxShadow: 'none',
      },
      colorPrimary: {
        backgroundColor: 'transparent'
      }
    },
    MuiIconButton: {
      root: {
        marginLeft: -12,
        marginRight: 20,
        color: 'white',
      }
    }
  }
});

export default dark;

• [x]이 저장소의 문제 를 검색했으며 이것이 중복이 아니라고 생각합니다.

문맥

https://codesandbox.io/s/kk6zp8jw07

당신의 환경

| 기술 | 버전 |
| -------------- | --------- |
| Material-UI | 1.00 베타 .40 |
| 반응 | 16.3.0 |
| 브라우저 | 크롬 |
| 기타 | |