Custom Colors not working

[bowendevteam]

Hi, Thank you for making this package!

I added custom color buttons, and they keep displaying both in the editor and in the frontend as a default color #ccc

The other colors when picked from the color palette work perfectly!

Please see the screen shot

It also appears that when you try to edit the hex code in the editor the popup closes, not allowing you to.

[amifsud02]

bump

[amifsud02]

This should do the trick

{colors?.filter(c => c.type === 'button').map((colorObj, i) => (
	<button 
		key={i} 
		className="w-full p-2 mt-2 bg-transparent hover:bg-black dark:hover:bg-white hover:bg-opacity-10 flex items-center" 
		onClick={() => onChange(colorObj.color)}
	>
		<div 
			className="w-5 h-5 mr-2 rounded-sm border border-border"
			style={{ backgroundColor: colorObj.color }}
		/>
		{colorObj.label}
	</button>
))}

[architechx]

Yeah also having this issue! @amifsud02 where did you put this fix im fairly new to payload and its plugins?