---
title: "Configure Theme"
slug: "configure-theme"
updated: 2022-02-09T21:09:44Z
published: 2022-02-09T21:09:44Z
canonical: "docs.yawave.com/configure-theme"
---

> ## Documentation Index
> Fetch the complete documentation index at: https://docs.yawave.com/llms.txt
> Use this file to discover all available pages before exploring further.

# Configure Theme

Learn how to configure your Yawave application's theme below.

1. Click *Administrate/Branding/Theme*.

![clicktheme](https://cdn.document360.io/87fc33e7-4f63-4085-a580-c5703615ab6f/Images/Documentation/clicktheme.png){height="" width=""}

2. In the image below you'll see the *Theme Settings* options. Here you can set your theme's name, colors, layout style, fonts, etc.

![themesettings](https://cdn.document360.io/87fc33e7-4f63-4085-a580-c5703615ab6f/Images/Documentation/themesettings.png){height="" width=""}

3. The first bucket of settings is located under the *General* section. Configure the settings as instructed below.

* Enter the name of your theme in the *Theme name* field.
* Select the primary color you want to use from the *Primary color* drop-down menu. Here you can enter a Hex value, RGB value or use the color picker.
* Select the secondary color you want to use from the *Secondary color* drop-down menu. Here you can enter a Hex value, RGB value or use the color picker.
* Select the background color you want to use from the *Background color* drop-down menu. Here you can enter a Hex value, RGB value or use the color picker.

4.  Click *Header*.

![clickheader](https://cdn.document360.io/87fc33e7-4f63-4085-a580-c5703615ab6f/Images/Documentation/clickheader.png){height="" width=""}

5.   The *Header* settings appear.

![headersettings](https://cdn.document360.io/87fc33e7-4f63-4085-a580-c5703615ab6f/Images/Documentation/headersettings.png){height="" width=""}

6.   Configure the *Header* settings as instructed below.

* Select the background color you want to use for the *Header* background from the *Background* drop-down menu. Here you can enter a Hex value, RGB value or use the color picker.
* Select the background color you want to use for the *Header* icons and typography from the *Icons, typography* drop-down menu. Here you can enter a Hex value, RGB value or use the color picker.   

7.   Click *Portal Cover* and configure the following settings:

* By default *Show Cover* is enabled. When enabled the Portal(s) you create will show a cover image. Click the toggle once to disable the cover image.
* By default *Custom cover height (px)* is set to 165. If needed, change this number to the height desired. 
* By default *Portal name* is enabled. When enabled the Portal(s) you create will show the Portal's name. Click the toggle once to disable the Portal's name.
* By default *Portal description* is enabled. When enabled the Portal(s) you create will show the Portal's description. Click the toggle once to disable the Portal's description.
* By default *Portal image* is enabled. When enabled the Portal(s) you create will show the Portal's image. Click the toggle once to disable the Portal's image.

8.   Click *Publication Detail* and configure the following settings:

* Select a color from the *Background* drop-down menu. The color you choose will appear as the background color on your [Publications](/v1/docs/create-a-publication).
* By default *Hide header* is disabled. When enabled the Publication(s) you create will show the Publication's header. Click the toggle once to enable the Publication's header.
* Select the publication types you want to use for your application from the *Related Content* drop-down menu.
* By defaul *Number of Publications* is set to show 3 *Publications* as Custom. This mean you can drag the circular icon to the right for more Publications to be shown or drag to the left for fewer Publications to be shown. Alternatively you can select *All* from the drop-down menu and all Publications will be shown

9.   Click *Publication Cover* and configure the following settings:

* By defaul the left image is selected for the *Cover layout style*. Click the right image layout to change the layout style.
* Enter a numeric value for the *Cover corner radius* value. The default value is set to 2.
* By defaul the following are enabled. Click the toggle once to disable any of these options:
    * Image
    * Title
    * Description
    * Category & Subcategory
    * Date & Author
    * Views & Activities count
    * Share panel

10.   Click *Fonts* and configure the following settings:

* Paragraph: Font Family
    * Variant
* Heading: Font Family
    * Variant

11.   Click *Form* and configure the following *Button* settings:

* Background
* Icons, typography
* Corner Radius (px)

12.   Click *Save*.

:::(Info) (**Next Steps**)
[Configure Compliance Settings](/v1/docs/configure-compliance-settings) or review [Onboarding Steps](/v1/docs/start-here).
:::