向 mui 主题添加自定义调色板会出现语法错误

Question

我尝试简单地向我的 MUI 主题添加一个新的调色板并得到以下类型错误：

任何帮助或提示？

Answer 1

你没有创建一个新的调色板我在图像中看到的是你试图通过添加一个新的

object

'自定义'来覆盖现有的调色板

property

但这是不可能的！

interface

PaletteOptions 没有属性“自定义”。

如果您想使用另一个调色板，您只需将现有的调色板对象替换为新的自定义对象即可。

Answer 2

您需要声明新字段：

declare module '@mui/material/styles' {
    interface Palette {
        custom: {
            transparent: React.CSSProperties['color'];
        }
    }
    interface PaletteOptions {
        custom: {
            transparent: React.CSSProperties['color'];
        }
    }
}