> ## Knowledge Base Index
> Fetch the complete knowledge base index at: https://docs.intractive.app/sitemap.xml
> Use this file to discover available pages before exploring further.
> Pure-Markdown content can be obtained by appending a '.md' suffix to the content URLs listed in the sitemap (without the trailing slash).

# Setting up a theme

This feature is only available from the Standard plan onwards.

To add custom colors and fonts, navigate to the '**Theme**' tab, on the left in the main menu:

![](https://storage.crisp.chat/users/helpdesk/website/-/7/f/b/1/7fb15c71832b5400/6bfa7930-828b-4cef-9909-c8b4cb_17krv4j.png)
Here you can set colors and fonts for the whole environment. This will be applied to all content you have created.

**Primary theme color**The color in which buttons and other important elements are displayed.

**Text color**The color in which titles and paragraphs are displayed.

**Background color**The background color behind the slides of an story (visible on desktop). This should be a very dark color.

**Primary/secondary font**The primary font is used for paragraphs, and the secondary font is used for titles and headings.

To add a Google font, navigate to https://fonts.google.com/. Select the font you want, and make sure that add least the following variants are added:

Primary font: 400, 400 italic, 700, 900  
Secondary font: 400, 600, 700

If your font does not support one of the variants, select the closest available (for example: 700 would become 600)

When you are ready, copy the URL from the @import tab in the 'Selected family' pane on the top right of the screen. Then paste this URL in **Google fonts URL** field. Also make sure the **Name** field contains the font name exactly as it is shown on Google Fonts.

![](https://storage.crisp.chat/users/helpdesk/website/-/7/7/9/4/77946f8dc8f1e000/b72488ef-8263-4a18-8f91-22f4a6_5cgui2.png)

Custom fonts that are not available through Google Fonts are not supported yet. This feature is still being worked on.

**Favicon**Upload a small icon that will be displayed in the tab of the browser.

**Share Image**An image that will be shown when the URL to the story is shared, for example in WhatsApp.

**Web App Icon**The image that will be shown if users create a shortcut to the story on their phone's home screen.

To learn how to do this, check out [this article](https://help.intractive.app/en/experiences/make-your-experience-into-an-app).