如何在MUI v5主题调色板中排除指定颜色类型？

直接给background和error设never类型行不通，因为TypeScript的接口合并是合并属性而非移除——原Palette接口里的这两个属性依然存在，只是类型被改成never，达不到完全排除的效果。

要彻底移除调色板中的指定颜色类型，需要借助TypeScript的Omit工具类型，重新定义Palette接口：

import type { Palette as MuiPalette, PaletteColor } from '@mui/material/styles';

declare module '@mui/material/styles' {
  // 从MUI原生Palette类型中排除background和error，保留并指定需要的颜色
  type CustomPalette = Omit<MuiPalette, 'background' | 'error'> & {
    primary: PaletteColor;
    secondary: PaletteColor;
    // 可在此添加自定义颜色属性
  };

  // 重写Palette接口，替换为我们的自定义类型
  interface Palette extends CustomPalette {}
}

这样处理后，theme.palette在类型层面就不再包含background和error属性，代码中如果误访问这些属性会直接触发TypeScript报错。

另外，在创建主题时，确保不要传入被排除的属性：

import { createTheme } from '@mui/material/styles';

const theme = createTheme({
  palette: {
    primary: { main: '#1976d2' },
    secondary: { main: '#dc004e' },
    // 不要添加background和error字段
  },
});

内容的提问来源于stack exchange，提问作者Kolya