小编vic*_*gas的帖子

我正在尝试使用上下文提供程序应用自定义 MUI 主题，但该主题未应用于子组件中。

这是我的调色板代码：

import React from "react";
import { createTheme, ThemeProvider } from "@material-ui/core";
import { orange } from "@material-ui/core/colors";

const theme = createTheme({
  palette: {
    primary: orange,
    secondary: {
      main: "#000000",
    },
  },
});

export default function Palette({ children }) {
  return <ThemeProvider theme={theme}>{children}</ThemeProvider>;
}

这是我使用它的自定义按钮：

import React from "react";
import Icon from "@material-ui/core/Icon";
import Button from "@mui/material/Button";
import Palette from "../Themes/Palette";

export default function IconButton({ icon }) {
  return (
    <Palette>
      <Button
        sx={{
          width: 60,
          height: 60, …