# Theme styles

Theme styles apply pre-selected settings for colors, fonts, and minor design elements. The change can be quite subtle but will give you a basic starting point for customizing your store’s branding.

{% hint style="info" %}
*Theme styles do not change the layout of page sections, the header, footer, or any individual section settings. You can download other presets to access demo layouts:* [*Eclipse*](https://themes.shopify.com/themes/eclipse/presets/eclipse)*,* [*Ripple*](https://themes.shopify.com/themes/eclipse/presets/ripple)*, and* [*Coastal*](https://themes.shopify.com/themes/eclipse/presets/coastal)
{% endhint %}

## Select theme style

***

Eclipse has 3 theme styles named after the demo store with the same style settings.

In **theme settings > theme style**, switch to another theme style, then customize the theme settings to make it your own.

> **Note:** The theme style will overwrite your current settings. Make sure you've duplicated your theme to keep as a backup.

<details>

<summary><mark style="color:blue;"><strong>STEPS</strong></mark></summary>

In your **Shopify Admin**:

1. (*Recommended*.) [Duplicate your theme](https://help.shopify.com/en/manual/online-store/themes/managing-themes/duplicating-themes) to save as a backup.
2. In the theme editor, click the **Theme settings** gear icon.
3. Click the **Theme style** tab.
4. Select a preset to preview the styles.
5. To apply the theme style, click **Change style**.
6. Click **Save**.

</details>


---

# Agent Instructions: Querying This Documentation

If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.

Perform an HTTP GET request on the current page URL with the `ask` query parameter:

```
GET https://help.fluorescent.co/eclipse/theme-settings/theme-styles.md?ask=<question>
```

The question should be specific, self-contained, and written in natural language.
The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.