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