# Theme settings

{% hint style="danger" %} <mark style="color:red;">Theme retirement</mark> | Context is no longer available on the Shopify theme store. **Theme support and updates for current users will end after May 18, 2024**. [Learn more here](https://help.fluorescent.co/context/readme/theme-retirement).
{% endhint %}

Use the **Theme settings** to make changes to your online store's general styles and feature options that apply to your entire site.

Click the ‘gear’ icon in the top-left of your theme editor to open the **Theme Settings**.

You can customize the **colors**, **fonts**, and **animations** to change the general appearance of your site. You can also customize options for site-wide elements like **products**, **search**, **social media links**, and the **cart**.

### Overview

In the table below, find all available theme settings and setup guides. Each guide includes step-by-step instructions and further resources.

| Settings                                                                                 | Description                                                                                    |
| ---------------------------------------------------------------------------------------- | ---------------------------------------------------------------------------------------------- |
| [Theme styles (presets)](https://help.fluorescent.co/context/theme-styles/style-presets) | Apply preset style settings to your store.                                                     |
| [Colors](https://help.fluorescent.co/context/theme-styles/colors)                        | Customize colors for text and elements across your site.                                       |
| [Fonts](https://help.fluorescent.co/context/theme-styles/fonts)                          | Customize fonts for headings and text.                                                         |
| Product                                                                                  | Enable [Variant swatches](https://help.fluorescent.co/context/product-pages/variant-swatches). |
| [Cart](https://help.fluorescent.co/context/cart/cart)                                    | Customize cart features and appearance.                                                        |
| Currency format                                                                          | Show currency codes next to all prices.                                                        |
| [Quick search](https://help.fluorescent.co/context/pages/header/quick-search)            | Customize search results.                                                                      |
| Social media                                                                             | Add your social account links to show icons.                                                   |
| Favicon                                                                                  | Upload a 32px by 32px icon image to show next to your site URL.                                |
| [Checkout (Shopify)](https://help.shopify.com/en/manual/checkout-settings)               | The Checkout is a Shopify feature. Themes do not control the Checkout page.                    |
| [Custom CSS](https://help.fluorescent.co/context/for-developers/custom-css)              | Add sitewide custom styles with CSS code                                                       |
| <p><br></p>                                                                              |                                                                                                |

***

> **Related links**
>
> [Theme sections](https://help.fluorescent.co/context/sections/theme-sections)\
> [Theme templates](https://help.fluorescent.co/context/pages/templates)


---

# 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/context/theme-styles/theme-settings.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.