> 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

The latest Stiletto version gives you more visual control at the theme and section level.

{% 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="https://2417329470-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fhnqe0uck0ozZhJ77wGXt%2Fuploads%2Fgit-blob-68a3771991629547843e69f991e169b74e05ae32%2Ferror-no-color-schemes-defined.png?alt=media" 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="/stiletto/readme/stiletto-6.0-visual-refresh/colors.md#color-schemes">Colors</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="/stiletto/readme/stiletto-6.0-visual-refresh/colors.md#more-color-options">Colors</a></td></tr></tbody></table>

<p align="center"><a href="/stiletto/readme/stiletto-6.0-visual-refresh/colors.md" class="button secondary" data-icon="circle-chevron-right">Full overview</a></p>
{% endcolumn %}

{% column %}

<div data-with-frame="true"><figure><img src="https://2417329470-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fhnqe0uck0ozZhJ77wGXt%2Fuploads%2Fc6DJJJpC3nWTc2FL6nJM%2Fcolor-schemes-1A.png?alt=media&amp;token=1abb47bf-ebcb-41a4-b477-ba818248d3d9" 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="/stiletto/readme/stiletto-6.0-visual-refresh/typography.md#expanded-font-styles">Typography</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="/stiletto/readme/stiletto-6.0-visual-refresh/typography.md#font-styles-for-more-text-classes">Typography</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="/stiletto/readme/stiletto-6.0-visual-refresh/typography.md#section-level-font-options">Typography</a></td></tr></tbody></table>

<p align="center"><a href="/stiletto/readme/stiletto-6.0-visual-refresh/typography.md" class="button secondary" data-icon="circle-chevron-right">Full overview</a></p>
{% endcolumn %}

{% column %}

<div data-with-frame="true"><figure><img src="https://2417329470-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fhnqe0uck0ozZhJ77wGXt%2Fuploads%2Fk3MHFYXO5YFjXD6q0tHI%2Fheading-size-options.png?alt=media&amp;token=a12daf69-68bf-4c6b-bebd-243f2444a614" 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="/stiletto/readme/stiletto-6.0-visual-refresh/corner-rounding.md" class="button secondary" data-icon="circle-chevron-right">Full overview</a></p>
{% endcolumn %}

{% column %}

<div data-with-frame="true"><figure><img src="https://2417329470-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fhnqe0uck0ozZhJ77wGXt%2Fuploads%2FQVo5XOx96TZl6pO6e41F%2Fmulti-column-corner-radius.png?alt=media&amp;token=c36f9917-62d8-4456-a695-fa7ed62b5992" 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="/stiletto/readme/stiletto-6.0-visual-refresh/section-layout.md#new-width-options">Section layout</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="/stiletto/readme/stiletto-6.0-visual-refresh/section-layout.md#section-padding">Section layout</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="/stiletto/readme/stiletto-6.0-visual-refresh/section-layout.md#section-header-alignment">Section layout</a></td></tr></tbody></table>

<p align="center"><a href="/stiletto/readme/stiletto-6.0-visual-refresh/section-layout.md" class="button secondary" data-icon="circle-chevron-right">Full overview</a></p>
{% endcolumn %}

{% column %}

<div data-with-frame="true"><figure><img src="https://2417329470-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fhnqe0uck0ozZhJ77wGXt%2Fuploads%2FhouCA5vistkFPdmhTLIg%2Fsection-layout-1.png?alt=media&amp;token=ca1db22a-3063-41e2-a025-36008b93f9db" 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.