---
title: "Using style guides"
date: "2019-10-31T12:12:38+00:00"
summary: "Learn how to effectively use style guides in Site Studio themes. Apply custom values, navigate between guides, and leverage theme inheritance for consistent, efficient website styling."
image:
type: "page"
url: "/drupal-starter-kits/add-ons/site-studio/using-style-guides"
id: "2190e648-f17b-4395-a7a2-466ad32659e5"
---

Table of contents will be added

To use a Style guide and apply values to Style guide tokens:

Access the style guides
-----------------------

1.  Navigate to Appearance > **Settings**
2.  Click your active Site Studio theme for example **Site Studio minimal theme**
3.  The Style guides will display at the top of the appearance settings for the selected theme.

![46317243-style-guide-with-preview.png](https://acquia.widen.net/content/7cbd21a8-d8cf-4fb3-ba19-51ff984b01e9/web/46317243-style-guide-with-preview.png)

Important

Style guides will only appear for Site Studio enabled themes.

Apply values to style guide fields
----------------------------------

1.  Enter values within the **Style guide fields**
2.  When a field value has been changed, it will display an **Edited label**
3.  Click **Save Configuration** at the bottom of the theme settings to apply your Style guide values to your styles and templates.

![b54b3e4d-style-guide-field-edited.png](https://acquia.widen.net/content/cc874cf3-b572-4287-b28c-64077ed9e81d/web/b54b3e4d-style-guide-field-edited.png)

Navigate between style guides
-----------------------------

If you have more than one Style guide, you can navigate between them by clicking on the current Style guide name at the top of the Style guide form.

![7e56b8c6-navigate-style-guides.png](https://acquia.widen.net/content/2412d001-bde0-4d7b-b39e-972c2d4c567e/web/7e56b8c6-navigate-style-guides.png)

Using style guides with a sub themes and theme inheritance
----------------------------------------------------------

You can use the Style guide manager with a sub-theme. Style guides support theme inheritance. All values set within the parent theme will be inherited by the sub theme. If you modify a value within your sub theme it will be used. If you change a value within your sub theme you can reset it by clicking on the **Edited label.**

![b54b3e4d-style-guide-field-edited.png](https://acquia.widen.net/content/cc874cf3-b572-4287-b28c-64077ed9e81d/web/b54b3e4d-style-guide-field-edited.png)