> For the complete documentation index, see [llms.txt](https://meowcart.gitbook.io/lilyth-theme/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://meowcart.gitbook.io/lilyth-theme/topics/set-up-color-swatches.md).

# Set up color swatches

1. From your Shopify admin, go to **Online Store** **->** **Themes**.
2. Find the theme that you want to edit, and then click **Customize**.
3. Click **Theme Settings ->** **Variant pills.**
4. From the **Variant pills** setting, you insert option name into **Input option name to show swatch style** field to enable color swatches feature. Click **Save** to confirm your setting.

{% hint style="info" %}
The theme will then look at the variant names you've used (in this case Green, Blue, etc) and look for either an [HTML color name](http://www.rapidtables.com/web/color/html-color-codes.htm) with the exact same name **OR** a .png, .jpg image file in **Settings -> Files** with a filename-friendly version of your variant name.

* **Green** swatches would need to be named **green.png** (capitals become lowercase)
* **Navy blue** swatches would need to be named **navy-blue.png** (capitals become lowercase, spaces and other special characters become hyphens)

Go to **Content**, then select the **Files** option and open it. Click **Upload files** to begin uploading your .png, .jpg swatch files.
{% endhint %}