Применение типа: 'dark' к палитре MUI разрушает мой сайт, если это не определено непосредственно в функции createMuiTheme () - PullRequest
Новая
       26

Применение типа: 'dark' к палитре MUI разрушает мой сайт, если это не определено непосредственно в функции createMuiTheme ()

0 голосов
/ 06 июля 2019

Я не могу определить «темную» тему с помощью MUI для моего сайта при объявлении type: 'dark' где-либо за пределами прямой createMuiTheme() функции.

Например, работает следующее: 

const siteTheme = createMuiTheme({
  palette: {
    primary: {
      light: '#484848',
      main: '#212121',
      dark: '#000000',
      contrastText: '#fff',
    },
    secondary: {
      light: '#b0ff57',
      main: '#76ff03',
      dark: '#32cb00',
      contrastText: '#000',
    },
    type: 'dark'
  },
})

Но следующие разрывы: 

const theme = {
  palette: {
    primary: {
      light: '#484848',
      main: '#212121',
      dark: '#000000',
      contrastText: '#fff',
    },
    secondary: {
      light: '#b0ff57',
      main: '#76ff03',
      dark: '#32cb00',
      contrastText: '#000',
    },
    type: 'dark'
  },
}

const siteTheme = createMuiTheme(theme)

И это дает ошибку

54 |const siteTheme = createMuiTheme (theme)

Аргумент типа '{palette: {primary: {light: string;main: строка;темно: строка;контрастТекст: строка;};вторичный: {свет: строка;main: строка;темно: строка;контрастТекст: строка;};тип: строка;};} 'нельзя назначить параметру типа' ThemeOptions '.Типы свойств «палитра» несовместимы.Тип '{primary: {light: string;main: строка;темно: строка;контрастТекст: строка;};вторичный: {свет: строка;main: строка;темно: строка;контрастТекст: строка;};тип: строка;} 'нельзя назначить типу' PaletteOptions '.Типы свойств 'type' несовместимы.Тип 'string' нельзя назначить типу '' dark '|"свет" |undefined'.ts (2345)

Я использую файл .tsx.

Почему я не могу определить type = 'dark' вне прямой функции createMuiTheme()?

...