除了主要和次要的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>

Actual Behavior

Expected Behavior

谢谢:)

解决方法

暂无找到可以解决该程序问题的有效方法，小编努力寻找整理中！

如果你已经找到好的解决方法，欢迎将解决方案带上本链接一起发送给小编。

小编邮箱:dio#foxmail.com (将#修改为@）