Strata

Theme settings

Understand the global design and behavior settings in Strata.

Theme settings define the shared visual and behavioral foundation of a Strata storefront. In Shopify’s Theme Editor, open Theme settings to change values that should remain consistent across templates.

Settings in Theme Editor order

The Theme settings panel in the Theme Editor listing each settings group.

Select the gear icon to open Theme settings. The groups below follow this order.

Strata provides these Theme settings groups:

1. Logo and favicon
Upload the logo files and favicon used across the storefront.
2. Typography
Choose typefaces, sizes, weights, and text treatments.
3. Appearance and spacing
Set page width, spacing, controls, corners, blur, and shadows.
4. Animation
Control reveal, transition, and reduced-motion behavior.
5. Colors
Define shared storefront color roles and surfaces.
6. Currency format
Choose how prices and currency codes appear.
7. Social links
Connect the social destinations used across the storefront.
8. Product card
Configure shared product-card media and shopping behavior.
9. Color swatches
Set how product color options are recognized and displayed.
10. Cart
Choose the cart experience and related storefront behavior.

The list follows the order shown in the Theme Editor.

Work safely

Review global changes
A Theme setting can affect several templates and sections at once.
  • Multiple templatesPreview global changes on more than one template before publishing.
  • Light and dark mediaCheck surfaces where Header or overlay colors can change.
  • Desktop and mobileRetest both layouts after changing type scale or spacing.
  • Accessible statesKeep contrast, keyboard focus, and reduced-motion preferences usable.

Search documentation

Search across the Strata guide