react-tree icon indicating copy to clipboard operation
react-tree copied to clipboard

selectedColor and hoverColor of custom theme does not work

Open xmhealth opened this issue 2 years ago • 0 comments

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

xmhealth avatar Oct 06 '22 08:10 xmhealth