小编Yas*_*h J的帖子

我按照文档逐行制作了一个自定义主题，但我的用户界面没有任何变化

主要颜色和次要颜色与默认颜色相同，并且不知道我的其他颜色（警告、信息、错误）从一开始就不起作用（在添加这些自定义颜色之前）。

例如：在我的<Button>标签中，如果我添加color="info"，它会给出默认的白色

注意：我没有使用过create-react-app，所以我的文件结构有点不同`

*最后有截图和存储库链接

这是我的文件：

1. 我的主题文件

import { createTheme } from "@mui/material/styles";
import {
    blue,
    lightBlue,
    lightGreen,
    red,
    teal,
    yellow,
} from "@mui/material/colors";

const theme = createTheme({
    palette: {
        primary: {
            main: blue["A400"],
        },
        secondary: {
            main: teal[400],
        },
        error: {
            main: red[500],
        },
        warning: {
            main: yellow["A200"],
        },
        info: {
            main: lightBlue[200],
        },
        success: {
            main: lightGreen[600],
        },
    },
});

export default theme;

2. 在我的应用程序组件中，有一个Router由 ThemeProvider 包装的组件

import React from …