Material-ui: كيف أقوم بتعيين لون النص العام

لدي سمة داكنة تعرض حاليًا كل النص في جميع المكونات باللون الأسود على خلفية سوداء. القائمة الوحيدة البيضاء هي القائمة التي تم ضبطها من خلال تجاوز

لقد جربت عدة أشياء مختلفة كما ترون أدناه. لست متأكدًا ولكن المستندات تشير إلى لوحة نصية لكن يبدو أن هذا لا يعمل.

كيف يمكنني تعيين لون الخط العام

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

بيئتك

| التقنية | الإصدار |
| -------------- | --------- |
| واجهة المستخدم المادية | 1.00 بيتا 40 |
| رد فعل | 16.3.0 |
| متصفح | كروم |
| إلخ | |