如何解决除了主要和次要的material-ui自定义主题
有没有办法像下面这样为 Material-UI 主题的默认调色板添加多种颜色?
import { createMuiTheme,responsiveFontSizes } from "@material-ui/core/styles";
// A custom theme for this app
const theme = createMuiTheme({
palette: {
primary: {
main: "#413F5F"
},secondary: {
main: "#ff1744"
},tertiary: {
main: "#009688"
},quaternary: {
main: "#f44336"
},quinary: {
main: "#ff9800"
},senary: {
main: "#2196f3"
},septenary: {
main: "#4caf50"
}
}
});
export default responsiveFontSizes(theme);
如果我们提供如下代码,主要和次要调色板颜色将应用于按钮
<Button color="primary">Primary</Button>
<Button color="secondary">Secondary</Button>
与上面一样,如果提供如下代码,我们可以获得按钮颜色吗?
<Button color="tertiary">Primary</Button>
<Button color="quaternary">Secondary</Button>
<Button color="quinary">Primary</Button>
<Button color="senary">Secondary</Button>
<Button color="septnary">Secondary</Button>
谢谢:)
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。