> For the complete documentation index, see [llms.txt](https://help.fluorescent.co/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://help.fluorescent.co/spark/theme-styles/theme-settings.md).

# Theme settings

**Theme settings** are used for your store's general styles and site-wide options. Any changes will affect all sections and templates.

* Click the ‘gear’ icon in theme editor's side panel to open **theme settings**.
* Customize **colors** and **fonts** to change your site's general appearance.
* Customize site-wide options for **products**, **search**, **cart, social media** and more.

### Overview

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

<table><thead><tr><th width="245">Settings</th><th>Description</th></tr></thead><tbody><tr><td><a href="/spark/theme-styles/style-presets.md">Theme styles (presets)</a></td><td>Apply preset style settings to your store.</td></tr><tr><td><a href="/spark/theme-styles/colors.md">Colors</a></td><td>Customize colors for text and elements across your site.</td></tr><tr><td><a href="/spark/theme-styles/fonts.md">Fonts</a></td><td>Customize fonts for headings and text.</td></tr><tr><td>Style</td><td>Enable <a href="/spark/theme-styles/animation.md">animations</a> for pages and sections, a sticky header, and customize shape and text styles for sections.</td></tr><tr><td><a href="/spark/theme-styles/buttons.md">Buttons</a></td><td>Customize button style and shape.</td></tr><tr><td>Product</td><td>Enable <a href="/spark/product-pages/variant-options/variant-swatches/dynamic-option-availability.md">Dynamic option availability</a>, <a href="/spark/product-pages/variant-options/variant-swatches.md">Variant swatches</a>, and <a href="/spark/product-pages/variant-options/variant-chips.md">Variant chips</a>.</td></tr><tr><td><a href="/spark/products/product-listings.md">Product listing</a></td><td>Choose to <a href="/spark/products/product-listings.md#show-product-badges">show sale badges</a>, secondary images, and <a href="/spark/products/hover-add-to-cart.md">Hover add-to-cart</a>.</td></tr><tr><td><a href="/spark/cart/fly-out-cart.md">Cart</a></td><td>Customize cart features and appearance.</td></tr><tr><td>Currency format</td><td>Show currency codes next to all prices.</td></tr><tr><td><a href="/spark/header/quick-search.md">Quick search</a></td><td>Customize search results.</td></tr><tr><td>Social media</td><td>Add your social account links to show icons in the <a href="/spark/header/header.md#social-media-icons">Header</a> and <a href="/spark/footer/footer.md#social-media-icons">Footer</a>.</td></tr><tr><td>Favicon</td><td>Upload a 32px by 32px icon image to show next to your site URL.</td></tr><tr><td><a href="https://help.shopify.com/en/manual/checkout-settings">Checkout (Shopify)</a></td><td>The Checkout is a Shopify feature. Themes do not control the Checkout page.</td></tr><tr><td><a href="/spark/for-developers/custom-css.md">Custom CSS</a></td><td>Add sitewide custom styles with CSS code</td></tr></tbody></table>

***

> **Related links**
>
> [Theme sections](/spark/pages/theme-sections.md)\
> [Theme templates](/spark/pages/templates.md)