Reactjs 更改默认颜色的材质UI

如何更改默认颜色？ 我需要在theme.js中修改什么对象

编辑

---

我想修改不是

主要的
或
次要的
或
错误的defaut（灰色）
 您需要修改主题中的调色板对象

`palette: {
  primary: {
    light: palette.primary[300],
    main: palette.primary[500],
    dark: palette.primary[700],
    contrastText: getContrastText(palette.primary[500]),
  },
  secondary: {
    light: palette.secondary.A200,
    main: palette.secondary.A400,
    dark: palette.secondary.A700,
    contrastText: getContrastText(palette.secondary.A400),
  },enter code here
  error: {
    light: palette.error[300],
    main: palette.error[500],
    dark: palette.error[700],
    contrastText: getContrastText(palette.error[500]),
  },
},`

我遇到了与OP类似的问题，特别是我想将默认按钮颜色从灰色更改为白色。问题注释是正确的，每个组件都有自己的特定样式和颜色，而不是全局默认颜色。这些需要通过自定义主题来覆盖。下面是一个覆盖示例，通过创建一个按钮来更改默认按钮颜色
CONTANTS
用于定义特定的颜色等

从“React”导入React；
从'@material ui/core/styles'导入{createMuiTheme}；
从'@material ui/styles'导入{ThemeProvider}；
将*作为常量从“./CONSTANTS”导入
const theme=createMuiTheme({
调色板：{
主要：{
//灯光：将从palete.primary.main计算，
main:com.BLUE，
//暗：将从palete.primary.main计算，
对比文本：常量。对比文本，
},
},
覆盖：{
穆伊布顿：{
包含：{
颜色：蓝色，
背景颜色：常量。对比度\u文本，
“&：悬停”：{
背景颜色：常量。浅蓝色，
//在触摸设备上重置，不会增加特殊性
“@media（悬停：无）”：{
背景颜色：常量。对比度\u文本，
},
}
}
}
}
});
介面道具{
儿童：任何；
}
导出默认函数主题（道具：IThemeProps）{
返回(
{props.children}
);
}

使用新主题：

import React from 'react';
import Theme from './Theme';
import { Header, Home } from './Components';

const App: React.FC = () => {
  return (
    <Theme>
      <Header>
        <Home />
      </Header>
    </Theme>
  );
}

export default App;



从“React”导入React；
从“/Theme”导入主题；
从“./Components”导入{Header，Home}；
常量应用程序：React.FC=（）=>{
返回(
);
}
导出默认应用程序；
不同的地方使用不同深浅的灰色，颜色来自主题的不同部分。请给出一个示例（CodeSandbox特别有用），它显示了您要覆盖的特定内容。我想修改不是主要或次要或错误的defaut（灰色）。我可以这样做吗？那么，如果默认颜色是特定于给定组件的颜色，例如按钮，而不考虑主题，那么在默认情况下，将按钮的属性“颜色”设置为例如主全局颜色，而不是覆盖按钮的默认颜色，是否更有语义意义？（使用-color:“primary”）试图理解“默认”颜色的含义。由于它不在调色板颜色设置中，所以我阅读它，因为它只是作为一个后备方案，不需要修改。