小编HJA*_*sta的帖子

我正在使用 Typescript、React。Material-UI（现在的 MUI）和 Webpack。

我正在尝试使用material-ui 的ThemeProvider 应用主题，但它似乎只将该主题应用于不来自material-ui 库的组件。

import React from 'react'
import { ThemeProvider, CssBaseline } from '@material-ui/core'
import { createTheme } from '@material-ui/core/styles'

import Router from './components/Router'
import NavBar from './components/NavBar'

import Toolbar from '@mui/material/Toolbar'
import Container from '@mui/material/Container'

export function App(): JSX.Element {
  const theme = createTheme({
    palette: {
      type: 'dark',
      primary: {
        main: '#ffeb3b',
      },
      secondary: {
        main: '#795548',
      },
    },
  })

  return (
    <ThemeProvider theme={theme}>
      <NavBar />
      <Toolbar />
      <Container>
        <Router />
      </Container>
      <CssBaseline /> …