Search blocks with color settings

Twenty Thirteen

Default Search block, no special options

<!-- wp:search {"label":"Search","buttonText":"Search"} /-->

Twenty Thirteen's Yellow background, no Text color

<!-- wp:search {"label":"Search","buttonText":"Search","backgroundColor":"yellow"} /-->

Twenty Thirteen's Yellow background with Dark Brown Text color

<!-- wp:search {"label":"Search","buttonText":"Search","style":{"elements":{"link":{"color":{"text":"var:preset|color|dark-brown"}}}},"backgroundColor":"yellow","textColor":"dark-brown"} /-->

Custom green background, no Text color

<!-- wp:search {"label":"Search","buttonText":"Search","style":{"color":{"background":"#50a51f"}}} /-->

Custom green background, theme's Yellow Text color

<!-- wp:search {"label":"Search","buttonText":"Search","style":{"color":{"background":"#34750f"},"elements":{"link":{"color":{"text":"var:preset|color|yellow"}}}},"textColor":"yellow"} /-->

Twenty Thirteen's Dark Sky gradient background, no Text color

<!-- wp:search {"label":"Search","buttonText":"Search","gradient":"dark-sky"} /-->

Custom red and black gradient background, no Text color

<!-- wp:search {"label":"Search","buttonText":"Search","style":{"color":{"gradient":"linear-gradient(180deg,rgb(0,0,0) 0%,rgb(164,11,11) 20%,rgb(112,112,112) 100%)"}}} /-->