react-tree
react-tree copied to clipboard
selectedColor and hoverColor of custom theme does not work
const myThemes: ThemeSettings = {
"custom": {
text: {
fontSize: 'std',
fontFamily: `-apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen,
Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;`,
color: '#000',
selectedColor: '#fff',
hoverColor: '#fff'
},
nodes: {
height: '2.5rem',
folder: {
bgColor: 'transparent',
selectedBgColor: '#006eff',
hoverBgColor: '#006eff'
},
leaf: {
bgColor: 'transparent',
selectedBgColor: '#006eff',
hoverBgColor: '#006eff'
},
separator: {
border: '1px solid',
borderColor: 'transparent'
},
icons: {
size: '1rem',
folderColor: '#64abd4',
leafColor: '#64abd4'
}
}
}
};
<ReactTree nodes={itemList} onToggleSelectedNodes={handleSelect} themes={myThemes} theme="custom" />
When mouse hover or select item, the item's color is still "#000". btw. How to disable hover action?
react-tree version: 3.0.1