> 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/stiletto/readme/stiletto-6.0-visual-refresh.md).

# Stiletto 6.0 - Visual refresh

{% hint style="warning" %}
We're working closely with Shopify to resolve an ongoing issue with Shopify's auto-updating system, when updating from a version older than v6.

<img src="/files/BifBuPsLrIzantIzhLxm" alt="Error: No color schemes defined." data-size="original">

The current workaround is to try updating your original theme copy again. If this still doesn't work, [please reach out to our support](https://fluorescent.co/contact#contact) along with your [Collaborator Request Code](https://help.fluorescent.co/stiletto/support/store-access-requests#sharing-collaborator-request-code).

Please note that when the theme is successfully updated, you will still need to [set up the new color schemes](https://help.fluorescent.co/stiletto/readme/stiletto-6.0-visual-refresh/colors#updating-your-theme-with-color-schemes) to match your original theme copy. Shopify's auto-updating system does not transfer older colors to the newer color schemes.
{% endhint %}

We added more granular options for **colors**, **fonts**, **layout**, and a new settings for **corner rounding**. You'll also find expanded options at section level, allowing for more customization.

## <mark style="color:$primary;">What's new\...</mark>

***

{% columns %}
{% column %}

## Colors

Stiletto now supports Shopify's color schemes. You'll find expanded color options for more elements and can apply custom color schemes to any section.

<table data-view="cards"><thead><tr><th></th><th data-hidden></th><th data-hidden data-card-target data-type="content-ref"></th></tr></thead><tbody><tr><td><i class="fa-bookmark" style="color:$primary;">:bookmark:</i> <mark style="color:$primary;"><strong>Color schemes</strong></mark></td><td></td><td><a href="/pages/9NeJqkj7jV39R9zuqAIc#color-schemes">/pages/9NeJqkj7jV39R9zuqAIc#color-schemes</a></td></tr><tr><td><i class="fa-bookmark" style="color:$primary;">:bookmark:</i> <mark style="color:$primary;"><strong>More color options</strong></mark></td><td></td><td><a href="/pages/9NeJqkj7jV39R9zuqAIc#more-color-options">/pages/9NeJqkj7jV39R9zuqAIc#more-color-options</a></td></tr></tbody></table>

<p align="center"><a href="/pages/9NeJqkj7jV39R9zuqAIc" class="button secondary" data-icon="circle-chevron-right">Full overview</a></p>
{% endcolumn %}

{% column %}

<div data-with-frame="true"><figure><img src="/files/Fb0mwESHMec0CSw9oN2F" alt=""><figcaption></figcaption></figure></div>
{% endcolumn %}
{% endcolumns %}

***

{% columns %}
{% column %}

## Typography

Find more options for font styles, with more customization for text and headings in sections.

<table data-view="cards"><thead><tr><th></th><th data-hidden></th><th data-hidden data-card-target data-type="content-ref"></th></tr></thead><tbody><tr><td><i class="fa-bookmark" style="color:$primary;">:bookmark:</i> <mark style="color:$primary;"><strong>Expanded font controls</strong></mark></td><td></td><td><a href="/pages/Nyobn95DQq42GPLYrmQX#expanded-font-styles">/pages/Nyobn95DQq42GPLYrmQX#expanded-font-styles</a></td></tr><tr><td><i class="fa-bookmark" style="color:$primary;">:bookmark:</i> <mark style="color:$primary;"><strong>Font styles for more theme elements</strong></mark></td><td></td><td><a href="/pages/Nyobn95DQq42GPLYrmQX#font-styles-for-more-text-classes">/pages/Nyobn95DQq42GPLYrmQX#font-styles-for-more-text-classes</a></td></tr><tr><td><i class="fa-bookmark" style="color:$primary;">:bookmark:</i> <mark style="color:$primary;"><strong>Section-level font settings</strong></mark></td><td></td><td><a href="/pages/Nyobn95DQq42GPLYrmQX#section-level-font-options">/pages/Nyobn95DQq42GPLYrmQX#section-level-font-options</a></td></tr></tbody></table>

<p align="center"><a href="/pages/Nyobn95DQq42GPLYrmQX" class="button secondary" data-icon="circle-chevron-right">Full overview</a></p>
{% endcolumn %}

{% column %}

<div data-with-frame="true"><figure><img src="/files/06i5pZtNL0l69oT5MaZb" alt=""><figcaption></figcaption></figure></div>
{% endcolumn %}
{% endcolumns %}

***

{% columns %}
{% column %}

## Corner rounding

Control the corner radius for 10+ theme elements, offering a fresh look and feel.

<p align="center"><a href="/pages/CuGB75I48hMKYv7Q08lQ" class="button secondary" data-icon="circle-chevron-right">Full overview</a></p>
{% endcolumn %}

{% column %}

<div data-with-frame="true"><figure><img src="/files/qDHyw41yjRLwjdA6j7lD" alt=""><figcaption></figcaption></figure></div>
{% endcolumn %}
{% endcolumns %}

***

{% columns %}
{% column %}

## Section layout

Control the finer details of section layouts, with new width options, and expanded settings for padding and alignment.

<table data-view="cards"><thead><tr><th></th><th data-hidden></th><th data-hidden data-card-target data-type="content-ref"></th></tr></thead><tbody><tr><td><i class="fa-bookmark" style="color:$primary;">:bookmark:</i> <mark style="color:$primary;"><strong>Section width options</strong></mark></td><td></td><td><a href="/pages/mB8glt4DeESNejC2pSBd#new-width-options">/pages/mB8glt4DeESNejC2pSBd#new-width-options</a></td></tr><tr><td><i class="fa-bookmark" style="color:$primary;">:bookmark:</i> <mark style="color:$primary;"><strong>Top and bottom padding sliders</strong></mark></td><td></td><td><a href="/pages/mB8glt4DeESNejC2pSBd#section-padding">/pages/mB8glt4DeESNejC2pSBd#section-padding</a></td></tr><tr><td><i class="fa-bookmark" style="color:$primary;">:bookmark:</i> <mark style="color:$primary;"><strong>Section header alignment</strong></mark></td><td></td><td><a href="/pages/mB8glt4DeESNejC2pSBd#section-header-alignment">/pages/mB8glt4DeESNejC2pSBd#section-header-alignment</a></td></tr></tbody></table>

<p align="center"><a href="/pages/mB8glt4DeESNejC2pSBd" class="button secondary" data-icon="circle-chevron-right">Full overview</a></p>
{% endcolumn %}

{% column %}

<div data-with-frame="true"><figure><img src="/files/va5YJ3UiypMF5I3LGmmo" alt=""><figcaption></figcaption></figure></div>
{% endcolumn %}
{% endcolumns %}

***

#### Other updates

* The Featured product section now supports **media grouping** and the **thumbnails media layout**.
* Choose the **"Add to cart" button style** on the product page.
* Choose the **date badge style** in the Events section.


---

# Agent Instructions
This documentation is published with GitBook. GitBook is the documentation platform designed so that both humans and AI agents can read, navigate, and reason over technical content effectively. Learn more at gitbook.com.

## 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/stiletto/readme/stiletto-6.0-visual-refresh.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.