Material UI AppBar не изменит тему - PullRequest
Новая
       6

Material UI AppBar не изменит тему

0 голосов
/ 20 мая 2019

У меня есть Appbar 

<AppBar position="fixed" className={classes.appBar}>
  <Toolbar style={{ padding: 0 }}>
    <... />
  </Toolbar>
</AppBar>

на моей странице, когда я меняю тему MUI на Light, она не меняет цвет по умолчанию 

import { MuiThemeProvider, createMuiTheme } from "@material-ui/core/styles";

const theme = createMuiTheme({
  palette: {
    type: "dark"
  }
});

ReactDOM.render(
  <MuiThemeProvider theme={theme}>
    <Index />
  </MuiThemeProvider>,
  document.getElementById("root")
);

enter image description here

Если я добавлю это в палитру, то получу черный фон ... Я думал, что смогу изменить общую палитру, когда меняю тип со светлого на темный ..? 

primary: {
  main: "#000000"
}

1 Ответ

1 голос
/ 20 мая 2019

Вкл. https://material -ui.com / Если вы измените тему со светлой на темную (используя значок лампочки в панели инструментов), вы заметите, что панель приложений не изменилась.

AppBar по умолчанию использует основной цвет в качестве цвета фона, и основной цвет не меняется при переключении со светлого на темный.

Если у вас есть панель приложений с color="default", она будет меняться при переходе от светлого к темному. Вы можете увидеть это на демонстрации Simple App Bar: https://material -ui.com / demos / app-bar / # simple-app-bar

...