# Theming

## Overview

Affinity content authoring supports pre-built and customizable themes to give your training a look and feel which matches your brand guidelines and/or the desired design spirit of the trainings.

Themes are a collection of color and image settings which can be re-usable.

By default, all new trainings come with the default Affinity theming. But, you can change the theme at any time.

Theming is located in the editor under the design elements user experience.

## Video Demo

{% embed url="<https://www.loom.com/share/26c4635aef6d4486861de0a791a5e0ba?sid=83fbc72e-438e-4920-8f52-ffb5972cb91c>" %}

## Working with Themes

### 1. Click on Design Elements&#x20;

<figure><img src="/files/fSIR79RuLxj18BWgI45J" alt=""><figcaption><p>Click on the design elements icon to get started.</p></figcaption></figure>

### 2. Select the Themes tab

<figure><img src="/files/eXwly0fH17X0ou10AJB5" alt=""><figcaption></figcaption></figure>

With the themes tab open you can click on any theme to apply it to the course for preview. Note that you will need to hit publish for the theme to take effect for any live courses.

Your themes are divided into "Public" and "Custom". Public themes are those produced by Affinity and available for all organizations. Custom themes are those which you create and save.

You can start with any of the Public themes and customize them and save them to create your own custom theme.

### 3. Save a Custom Theme

Once you have edited the design settings as you like, you can save the theme. Go to the Design tab and click the "Save as Theme" button at the bottom.

<figure><img src="/files/Xdq9BSdzglEdAp8sVcxC" alt=""><figcaption></figcaption></figure>

#### Create New Theme

When saving you can choose to save this theme as a brand new theme. Give it a name and save.

<figure><img src="/files/PVGuo6JIyE4OIHaRR3sd" alt=""><figcaption></figcaption></figure>

After it is saved, it will show up in the list of available custom themes for future use.

<figure><img src="/files/5F6TY7Slv3looSxUpRnx" alt=""><figcaption></figcaption></figure>

#### Editing an Existing Theme

To edit or overwrite an existing theme, simply choose the theme and modify the settings. Then click the Save as Theme button in the Design tab (as described above in Create New Theme).

This time click the dropdown to select a theme and choose the name of the theme which you want to overwrite.

<figure><img src="/files/IemLV4ozg1j9Yewiiww8" alt=""><figcaption></figcaption></figure>

Then click save and the new theme will be overwritten.

When you update a theme, the changes will only take effect going forward. It will not automatically change the styling of existing trainings which were previously using that theme. This is to ensure that style changes do not break your existing trainings which have been approved. If you wish to update existing trainings to use the new theme, you can go to edit those trainings and select the theme and re-publish.


---

# Agent Instructions: Querying This Documentation

If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.

Perform an HTTP GET request on the current page URL with the `ask` query parameter:

```
GET https://docs.itsaffinity.com/product-guides/lms-authoring/customizing-content/theming.md?ask=<question>
```

The question should be specific, self-contained, and written in natural language.
The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.