const colors = {
    white: '#FFF',
    onHover: '#BABABA',
    onSelect: '#B6B6B6', // used for sidebar list item in selected state
    midGrey: '#C4C4C4', // used for Sidebar Toggle hovered/selected state
    lightGrey: '#E1E1E1', // used for Search Bar
    lighterGrey: '#CCC', // used for divider on white background
    iconDefault: '#3A2F45',
    fonts: {
        primary: '#000',
        secondary: '#535353',
    },
}

export default colors

const colors = {
    white: '#FFF',
    onHover: '#BABABA',
    onSelect: '#B6B6B6', // used for sidebar list item in selected state
    midGrey: '#C4C4C4', // used for Sidebar Toggle hovered/selected state and new items count background
    lightMidGrey: '#DDD',
    lightGrey: '#E1E1E1', // used for Header Search Bar background
    lighterGrey: '#CCC', // used for divider on white background
    iconDefault: '#3A2F45',
    fonts: {
        primary: '#000',
        secondary: '#535353',
    },
}

export default colors

Add different background color for searchbar on peek
Add different background color for searchbar on peek
