> For the complete documentation index, see [llms.txt](https://aries-theme.gitbook.io/docs/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://aries-theme.gitbook.io/docs/theme-settings/theme-style.md).

# Theme Style

Theme Style applies a preset that instantly updates your store’s look. It changes many design settings at once so you can switch between curated styles fast.

### Avalaible Presets

<table data-view="cards"><thead><tr><th align="center"></th><th data-hidden data-card-cover data-type="image">Cover image</th></tr></thead><tbody><tr><td align="center"><strong>Aries</strong></td><td><a href="https://2498163780-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F2LxG3rPCoA6sZo7ovFkR%2Fuploads%2FPQkSJGbHtjSaU59zlmWy%2FVid%C3%A9o%20sans%20titre%20%E2%80%90%20R%C3%A9alis%C3%A9e%20avec%20Clipchamp%20(3).gif?alt=media&amp;token=9cbcab88-48d1-4a78-91c9-b3913605e022">Vidéo sans titre ‐ Réalisée avec Clipchamp (3).gif</a></td></tr><tr><td align="center"><strong>Yumline</strong></td><td><a href="https://2498163780-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F2LxG3rPCoA6sZo7ovFkR%2Fuploads%2FKNN1YWnlGdzYztXQjt8i%2FVid%C3%A9o%20sans%20titre%20%E2%80%90%20R%C3%A9alis%C3%A9e%20avec%20Clipchamp%20(4).gif?alt=media&amp;token=2d6d798b-defc-49ce-9836-538320a30bd6">Vidéo sans titre ‐ Réalisée avec Clipchamp (4).gif</a></td></tr><tr><td align="center"><strong>Hearthly</strong></td><td><a href="https://2498163780-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F2LxG3rPCoA6sZo7ovFkR%2Fuploads%2F1mhIph0rpjgN4w0df6BA%2FVid%C3%A9o%20sans%20titre%20%E2%80%90%20R%C3%A9alis%C3%A9e%20avec%20Clipchamp%20(5).gif?alt=media&amp;token=5a9b3fac-7acd-4b1d-bece-d0d61f9399bc">Vidéo sans titre ‐ Réalisée avec Clipchamp (5).gif</a></td></tr></tbody></table>

<figure><img src="https://2498163780-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F2LxG3rPCoA6sZo7ovFkR%2Fuploads%2Fx0axzdqfKmwUqm40LAt6%2FCapture%20d'%C3%A9cran%202025-09-02%20112533.png?alt=media&amp;token=b9802316-c299-4922-9a2f-74bced945a0d" alt=""><figcaption></figcaption></figure>

{% hint style="info" %}

#### How to set it up

* Go to **Online Store** > **Themes** > **Customize**.
* Open **Theme settings** > **Theme style**.
* Make your changes, preview live, then click **Save**.
  {% endhint %}

### Settings

* **Theme style**: Pick a preset (for example: Aries, Hearthly, Yumline). Applying a style updates colors, typography, spacing, animations, buttons, cards, and more. It does not change your content (products, pages, blogs), but some of your existing theme settings may be overwritten by the preset’s defaults.

***

### **Tips**

* Duplicate your theme before switching styles: Online Store > Themes > Actions > Duplicate.
* After applying a style, review logo, colors, buttons, and product cards to make sure they match your brand.
* Custom CSS and translations usually stay, but always double‑check.
* You can switch styles again at any time if you prefer another preset.