Material-ui GridTile 标题颜色

Question

我都看过了，要是在这儿就骂我！我正在尝试更改 material-ui GridTile 标题中的标题颜色。我尝试添加一个 style={{color: black;}} 什么都不做。我希望 Choose Me 成为另一种颜色。有任何想法吗？我真的很感激我应该关注的任何方向！

这是我正在查看的代码：

  <GridTile
      key={inspiration.image_url}
      style={{font: 'webdings'}}
      title="Choose Me"
      actionIcon={<IconButton><LocalFlorist color="lightgreen"/></IconButton>}
      actionPosition="right"
      titlePosition="bottom"
      titleBackground="linear-gradient(to top, rgba(0,0,0,0.7) 0%,rgba(0,0,0,0.3) 70%,rgba(0,0,0,0) 100%)"
      cols={ 1 }
      rows={ 1 }
      onClick={() => {
        console.log('++++ containers/inspirations.js this.props.selectInspiration(this.props.inspiration) value => ', this.props.selectInspiration(inspiration));
        this.props.push('/spacecreator');
      } }
    >
      <image style={
        {
          width: '100%'
        }
      }
      src={ inspiration.image_url } />
    </GridTile>

Answer 1

从 GitHub source for Grid-Tile 开始，文本颜色是主题相关值 -

titleWrap: {
    flexGrow: 1,
    marginLeft: actionPos !== 'left' ? gutterLess : 0,
    marginRight: actionPos === 'left' ? gutterLess : 0,
    color: themeVariables.textColor,
    overflow: 'hidden',
  },

按照 instructions on this page 覆盖组件的主题变量。

Material-ui GridTile 标题颜色

Material-ui GridTile Title Color

fonts

colors

reactjs

redux

material-ui