Материал-ui GridTile Цвет заголовка

Question

Я посмотрел на все, и если его здесь просто кричите на меня! Я пытаюсь изменить цвет названия в заголовке GridTile. Я попытался добавить стиль = {{color: black;}}, который ничего не делает. Я хочу, чтобы я выбрал меня другим цветом. Есть идеи? Я очень ценю любое направление, в которое я должен заглянуть!

Вот код, который я смотрю на:

<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 переопределить переменную темы для компонента ,