Question

使用 palette 时，primary 对象为您提供了 3 个选项light 颜色、main、dark 和 medium_light .但是，如果您想要medium_dark 的自定义颜色（如 primary 或 palette）怎么办？我问这个是因为我的 UI 需要 4 种颜色深浅，这比您似乎能够添加到 secondary 中的颜色多一种。我知道其他字段允许您存储更多颜色（error、primary 等），但我希望在 //theme.tsx import { createMuiTheme } from "@material-ui/core"; //4.11.4 export const theme = createMuiTheme({ palette:{ primary: { light: "#8ab4c0", //medium_light? main: "#739eae", //medium_dark? dark: "#ddeaed", } }, } }) 中包含所有这四种颜色以避免混乱。

如果这根本不可能，那么什么是明智的解决方法？

INSERT ... SELECT (from Cloud SQL)...

Answer 1

无法在主调色板中创建其他颜色。

您可以选择使用自定义变量来存储所有颜色。 https://material-ui.com/customization/theming/#custom-variables

const theme = createMuiTheme({   
    myColor: {
    fourth: orange[500],
    light: "#8ab4c0",
     main: "#739eae",
     dark: "#ddeaed",   }, });

然后你可以使用

`theme.myColor.fourth`

在 Material UI 原色主题中使用三种以上的颜色

1 个答案: