# Change swatch styles

Modify the appearance of variants swatches by changing the **Shape.** You can display all swatches with a rectangular, round, or square shape.

### Change s**watch shape**

***

In your theme editor (**Customize**):

1. Click on **Theme settings** and open the **Product** tab.
2. Under **Swatches**, set the **Swatch shape** to **Rectangle**, **Round**, or **Square**. This option applies to all swatches across your site.

   <div align="left"><img src="https://475958657-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fyt3Wwaqhge0XvrXmVj7D%2Fuploads%2Fgit-blob-294da00c5281c556ebffd5aedd5103eb948161a8%2Fswatches-shapes.png?alt=media" alt="" width="563"></div>
3. Click **Save**.

<br>

***

> **Related links**\
> [Use default color swatches](https://help.fluorescent.co/cornerstone/product-pages/variant-options/variant-swatches/use-default-colors)\
> [Use custom color swatches](https://help.fluorescent.co/cornerstone/product-pages/variant-options/variant-swatches/use-custom-colors)\
> [Upload custom image swatches](https://help.fluorescent.co/cornerstone/product-pages/variant-options/variant-swatches/use-custom-images)\
> [Show swatches on product cards](https://help.fluorescent.co/cornerstone/product-pages/variant-options/variant-swatches/show-on-product-cards)\
> [Enable dynamic option availability](https://help.fluorescent.co/cornerstone/product-pages/variant-options/variant-swatches/dynamic-option-availability)