React Material-UI：多种颜色用于排版

Question

我有一个主题，带有两个文本颜色：＃211806和＃010F1B。

const theme = {
  palette: {
    ...
    text: {
      primary: '#211806',
      secondary: '#010F1B'
    },
    ...
  }
};

但是，我需要根据文本状态（标题，正文，禁用等）修改每种文本颜色。看着the default theme，调色板应该是：

const theme = {
  palette: {
    ...
    text: {
      primary: "rgba(0, 0, 0, 0.87)",
      secondary: "rgba(0, 0, 0, 0.54)"
    },
    ...
  }
};

这样，它就不会期望字体的颜色超过一种。

但是我想根据基础颜色（背景，按钮等）使用两种符号颜色。如何实现这种两种颜色的文本模式？