> 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.

Settings	Description
Theme styles (presets)	Apply preset style settings to your store.
Colors	Customize colors for text and elements across your site.
Fonts	Customize fonts for headings and text.
Style	Enable animations for pages and sections, a sticky header, and customize shape and text styles for sections.
Buttons	Customize button style and shape.
Product	Enable Dynamic option availability, Variant swatches, and Variant chips.
Product listing	Choose to show sale badges, secondary images, and Hover add-to-cart.
Cart	Customize cart features and appearance.
Currency format	Show currency codes next to all prices.
Quick search	Customize search results.
Social media	Add your social account links to show icons in the Header and Footer.
Favicon	Upload a 32px by 32px icon image to show next to your site URL.
Checkout (Shopify)	The Checkout is a Shopify feature. Themes do not control the Checkout page.
Custom CSS	Add sitewide custom styles with CSS code

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