import type { ThemeSettings } from '../Tree' ; const reactTreeBuiltInThemes = { dark : { text : '#fafafa' , bg : '#2d3439' , indicator : '#64abd4' , separator : '#555' , icon : '#64abd4' , selectedBg : '#3f464e' , selectedText : '#fafafa' , hoverBg : '#505a63' , hoverText : '#fafafa' , accentBg : '#2d3439' , accentText : '#999' , textSize : 'default' } , light : { text : '#333' , bg : '#fafafa' , indicator : '#64abd4' , separator : '#eee' , icon : '#64abd4' , selectedBg : '#f0f0f0' , selectedText : '#333' , hoverBg : '#ccc' , hoverText : '#333' , accentBg : '#fafafa' , accentText : '#ccc' , textSize : 'default' } } ; const reactTreeAppSettings = { containerSizes : { full : '100%' , half : '50%' , narrow : '33%' } , fontSizes : { xlarge : '34px' , large : '20px' , default : '17px' , small : '13px' , xsmall : '10px' } } ; export default { _themes : { ... reactTreeBuiltInThemes } , _app : { ... reactTreeAppSettings } } ;