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

# Creating a theme

> You can create a theme to choose how the Databrain Plugin in your application should look like

1. **Access UI Theming:**

* Click on the **"Settings"** tab near the Data Studio tab.
* In the **"Embed Settings"** section, select **"UI Theming"** from the settings menu tabs and click on **"+ Add New Theme".**

<Frame>
  <img src="https://mintcdn.com/databrainlabs-bef6850a/MeBlz5-oz998iZWJ/Creatingatheme1.png?fit=max&auto=format&n=MeBlz5-oz998iZWJ&q=85&s=b66161ba3a9282920b343b2f11d8e118" alt="Access UI Theming" width="2938" height="1654" data-path="Creatingatheme1.png" />
</Frame>

2. **Configure Basic Theme & Dashboard Settings:**

* Enter Theme Name in text field and set a suitable Font Family.
* Choose your desired dashboard and metric background colors.

<Frame>
  <img src="https://mintcdn.com/databrainlabs-bef6850a/MeBlz5-oz998iZWJ/Creatingatheme2.png?fit=max&auto=format&n=MeBlz5-oz998iZWJ&q=85&s=1f1ddcec2803d5aad1d926ac9075e84e" alt="Configure Dashboard Settings" width="2934" height="1656" data-path="Creatingatheme2.png" />
</Frame>

3. **Configure Card Settings:**

* Enter card border, card description and card title details.
* Choose relevant colors for the card title and card description.

<Frame>
  <img src="https://mintcdn.com/databrainlabs-bef6850a/MeBlz5-oz998iZWJ/Creatingatheme3.png?fit=max&auto=format&n=MeBlz5-oz998iZWJ&q=85&s=17c983f74fcfc99e157361f3e71611b4" alt="Configure Card Settings" width="2932" height="1656" data-path="Creatingatheme3.png" />
</Frame>

4. **Configure Underlying Data Settings :**

* Choose the Color options for the header and content.

<Frame>
  <img src="https://mintcdn.com/databrainlabs-bef6850a/BdJBdvkTUqNzz4Rl/images/Creatingatheme4.png?fit=max&auto=format&n=BdJBdvkTUqNzz4Rl&q=85&s=8198065f5122828aa6aca7fd9faa0a19" alt="Underling data settings" width="2932" height="1648" data-path="images/Creatingatheme4.png" />
</Frame>

5. **Configure Chart Settings :**

* Enter the Font family and choose the color for the Chart title.
* Choose the Font and colour options for Chart tooltip.

<Frame>
  <img src="https://mintcdn.com/databrainlabs-bef6850a/MeBlz5-oz998iZWJ/Creatingatheme5.png?fit=max&auto=format&n=MeBlz5-oz998iZWJ&q=85&s=08218b2bc8f913b8aa05ed6dcc0b8f4a" alt="Configure Chart Settings" width="2932" height="1654" data-path="Creatingatheme5.png" />
</Frame>

6. **Configure Date Picker :**

* Choose the Date format from the dropdown options.
* Finally, click **"Save Theme"** to save your created theme.

<Frame>
  <img src="https://mintcdn.com/databrainlabs-bef6850a/BdJBdvkTUqNzz4Rl/images/Creatingatheme6.png?fit=max&auto=format&n=BdJBdvkTUqNzz4Rl&q=85&s=93ef27ed8fa6a56699c781d89f9f0e5d" alt="Creatingatheme6 Pn" width="2936" height="1656" data-path="images/Creatingatheme6.png" />
</Frame>

7. **View your created theme in the UI Theming page**

<Frame>
  <img src="https://mintcdn.com/databrainlabs-bef6850a/MeBlz5-oz998iZWJ/Creatingatheme7.png?fit=max&auto=format&n=MeBlz5-oz998iZWJ&q=85&s=dc3f30c5dd6cfbcdad919c45e70c50bf" alt="" width="2932" height="1650" data-path="Creatingatheme7.png" />
</Frame>

<Check>
  You have succesfully created your Dashboard theme in Databrain !
</Check>