# Dashboard Themes

The Designer module provides visually captivating and appealing themes under the ***Dashboard Properties***, so that the users can effortlessly  and instantly transform their dashboard’s appearance. The user can seamlessly switch between different themes with an intuitive drop-down menu.

## Steps to Apply Various Themes on a Dashboard

* Navigate to a Dashboard within its canvas framework.
* Use right-click to get the ***Dashboard context menu***.
* Click the ***Properties*** option from the context menu.

<figure><img src="/files/MjuKGZujreJj5X0Nd5GG" alt=""><figcaption><p><em><strong>Accessing Dashboard Properties option</strong></em></p></figcaption></figure>

* The ***Dashboard Properties*** gets listed in a context menu.
* Select the ***Global Font and Themes*** option.
* Click the ***Designer Themes*** icon.

<figure><img src="/files/banbM8ItayWzUczbioxM" alt=""><figcaption><p><em><strong>Accessing the Designer Themes</strong></em></p></figcaption></figure>

* The ***Dashboard Theme Selection*** window opens.
* Click the ***Theme List*** drop-down option to access the list of all the available dashboard themes.&#x20;

<figure><img src="/files/kMEyfhq7d6HjcL5n6xkG" alt=""><figcaption><p><em><strong>Accessing the Dashboard Theme Selection window</strong></em></p></figcaption></figure>

* Select a theme from the drop-down list.

&#x20;      ![](/files/dxH1EPZ7ONGf889ngaDS)

* The selected theme appears in the Theme List field.
* Click the ***Save*** option.

&#x20;      ![](/files/cKYR39NRoDRnu1HuEcGU)

* The selected theme gets applied to the dashboard.

<figure><img src="/files/nGx6L4bxQtFli0tCV0qW" alt=""><figcaption><p><em><strong>Dashboard in Material Theme</strong></em></p></figcaption></figure>

## Available Pre-defined Themes

The supported themes are as given-below (Click on each tab to open the embedded theme display).

{% tabs %}
{% tab title="Default Theme" %}

<figure><img src="/files/cza8KjIUtUA59qo3QAbr" alt=""><figcaption><p><em><strong>Default Theme</strong></em></p></figcaption></figure>
{% endtab %}

{% tab title="Dark Theme" %}

<figure><img src="/files/Ia2rZnkA4AeRbjYpfxcK" alt=""><figcaption><p><em><strong>Dark Theme</strong></em></p></figcaption></figure>
{% endtab %}

{% tab title="Material Theme" %}

<figure><img src="/files/DQUQLi29Gs8NBLCzwWLK" alt=""><figcaption><p><em><strong>Material Theme</strong></em> </p></figcaption></figure>
{% endtab %}

{% tab title="Emerald Forest" %}

<figure><img src="/files/zjSg5yQOxH0sGpMWa816" alt=""><figcaption><p><em><strong>Emerald Forest Theme</strong></em></p></figcaption></figure>
{% endtab %}

{% tab title="Burnished Bronze" %}

<figure><img src="/files/CH9CMTJ1veUMyXZ9KZSS" alt=""><figcaption><p><em><strong>Burnished Bronze Theme</strong></em></p></figcaption></figure>
{% endtab %}

{% tab title="Sky Oasis" %}

<figure><img src="/files/y9nvH1M3B4wVFJOXNtmh" alt=""><figcaption><p><em><strong>Sky Oasis Theme</strong></em></p></figcaption></figure>
{% endtab %}

{% tab title="Charcoal Grey" %}

<figure><img src="/files/Ei15aAF8kR4TRJnLIXgY" alt=""><figcaption><p><em><strong>Charcoal Grey Theme</strong></em></p></figcaption></figure>
{% endtab %}
{% endtabs %}


---

# 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.bdb.ai/governed-dashboards-5/getting-started/overview-of-designer-module/dashboard-canvas-page/canvas-properties/dashboard-themes.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.