Как установить цвет пульсации материала -ii ListItem?

Question

Как я могу найти в документации документацию о том, как настроить цвет пульсации на Material-ui ListItem. У меня есть ListItem завернутого в MuiThemeProvider с моей переопределенной темой, как это:

const muiTheme = getMuiTheme({ 
    palette: { 
    hoverColor: 'red', 
    }, 
}); 

<MuiThemeProvider muiTheme={muiTheme}> 
    <ListItem> 
    ... 
    </ListItem> 
</MuiThemeProvider> 

Каких цветовой палитры свойством я должен установить, чтобы изменить цвет пульсации?

Answer 1

Вы на правильном пути! Для того, чтобы изменить цвет пульсации, ваша тема должна быть:

const muiTheme = getMuiTheme({ 
    ripple: { 
    color: 'red', 
    }, 
}); 

... однако, что изменения пульсации цвета для большинства material-ui компонентов, а не только ListItem. Вы можете изменить пульсация цвет непосредственно на ListItem со свойствами focusRippleColor и touchRippleColor:

<ListItem focusRippleColor="darkRed" touchRippleColor="red" primaryText="Hello" /> 

Answer 2

я получил здесь работу над подобным вопросом на Баттона, но это, кажется, последовательно через волновой эффект, так что, возможно, это будет помогите кому-то в будущем.

В Material-UI next/v1 rippleColor явно связан с цветом метки элемента. Если вы хотите, чтобы рябь и ярлык были разных цветов, вам необходимо переопределить цвет ярлыков отдельно.

import MUIButton from 'material-ui/Button'; 
import {withStyles} from 'material-ui/styles'; 

const Button = (props) => { 

    return <MUIButton className={props.classes.button}>Hat</MUIButton> 

const styles = { 
    button: {color: 'rebeccapurple'} 
}; 

export default withStyles(styles)(Button); 

Это должно привести к переопределенному цвету пульсации.