如何将自定义命名的颜色添加到Material-UI主题

Question

我想在主题中添加一种命名的颜色，例如<p>Hello World</p>

warn

但是，material-ui会忽略此对象的import React from 'react' import { MuiThemeProvider } from '@material-ui/core/styles' import createMuiTheme from '@material-ui/core/styles/createMuiTheme' const theme = createMuiTheme({ palette: { primary: { main: '#30b5c8', warn: { main: '#000000' } }, secondary: { main: '#fadc35' }, warn: { main: '#ff9100', light: '#ffa733', dark: '#b26500' }, }, }) export default ({ children }) => { return <MuiThemeProvider theme={theme}>{children}</MuiThemeProvider> } 属性。是否可以添加此warn？

color/property的{​​{1}}一经渲染

Material-ui

Answer 1

您需要功能 createPalette ，您可以看到current working directory。遗憾的是，该功能没有公开，因此，您有两种方法可以执行所需的操作：

1. 获取该功能并使用它。
2. 使用the definition here使其颜色变化，并根据结果明智地选择每种颜色，并使用'@ material-ui / core /中的函数 getContrastRatio 生成对比度文本。样式。