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

我想在主题中添加一种命名的颜色,例如<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
lililili521 回答:如何将自定义命名的颜色添加到Material-UI主题

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

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

大家都在问