# Custom Theme

You can save all your formatting and functionality changes in a custom theme. This is where you can upload and download themes specifically designed for the date picker.

{% hint style="success" %} <mark style="color:green;">NOTE</mark>

<mark style="color:green;">You can only use themes generated in the date picker to upload.</mark>
{% endhint %}

### Switching to the Custom Tab:[​](https://docs.powerviz.ai/datepicker/advanced-settings/theme/custom#switching-to-the-custom-tab) <a href="#switching-to-the-custom-tab" id="switching-to-the-custom-tab"></a>

1. Open theme > select Custom tab.

Here, you will see a custom color scheme with green, red, and blue colors.

2. Open theme> Click on the Edit (✎) icon from the built-in theme.

In this view, the custom tab will show the same colors used in that theme.

<figure><img src="https://powerviz-assets.s3.us-east-2.amazonaws.com/docs/doc-date-picker/37.png" alt=""><figcaption></figcaption></figure>

### Using a Custom Theme:[​](https://docs.powerviz.ai/datepicker/advanced-settings/theme/custom#using-a-custom-theme) <a href="#using-a-custom-theme" id="using-a-custom-theme"></a>

There are two ways to use a custom theme:

#### Global level setting:[​](https://docs.powerviz.ai/datepicker/advanced-settings/theme/custom#global-level-setting) <a href="#global-level-setting" id="global-level-setting"></a>

In global styling, You can modify the fundamental colors and font families simultaneously. This mode remains unaffected by any functionality changes, such as disabling presets or selecting a single-month calendar. The moment you change the colors and font family in any other options, it will trigger the [full customization](#full-customization) view.

Using global styling helps keep a consistent style guide while allowing for specific changes to colors and fonts. For instance, if the user wants to change the font from **"Segoe UI"** to **"Georgia"**. It is possible to do it all at once using global styling.

<figure><img src="https://powerviz-assets.s3.us-east-2.amazonaws.com/docs/doc-date-picker/38.png" alt="" width="563"><figcaption></figcaption></figure>

#### Full customization[​](https://docs.powerviz.ai/datepicker/advanced-settings/theme/custom#full-customization) <a href="#full-customization" id="full-customization"></a>

The full customization view refers to a theme that is fully customized, with different colors, font families, and functions for all components. This view is ideal if you want to create your own unique style from scratch.

<figure><img src="https://powerviz-assets.s3.us-east-2.amazonaws.com/docs/doc-date-picker/39.png" alt="" width="188"><figcaption></figcaption></figure>

#### Reset to Default:[​](https://docs.powerviz.ai/datepicker/advanced-settings/theme/custom#reset-to-default) <a href="#reset-to-default" id="reset-to-default"></a>

After changing the formatting in other options, when the user re-opens the custom theme option, there is a prompt saying,

**“New custom theme created based on selections made to fonts, colors, and functions.”**

If you have accidentally changed the color and font family and want to switch back to a consistent style, select the `“RESET TO DEFAULT”` button. This will revert the theme to the last applied theme.

<figure><img src="https://powerviz-assets.s3.us-east-2.amazonaws.com/docs/doc-date-picker/g01.gif" alt=""><figcaption></figcaption></figure>

### How to download/export a theme?[​](https://docs.powerviz.ai/datepicker/advanced-settings/theme/custom#how-to-downloadexport-a-theme) <a href="#how-to-downloadexport-a-theme" id="how-to-downloadexport-a-theme"></a>

Once you're happy with the template you've created, you can save it and use it in other reports or share with someone else. To download a theme, go to custom tab and follow these steps:

#### Steps to generate a template[​](https://docs.powerviz.ai/datepicker/advanced-settings/theme/custom#steps-to-generate-a-template) <a href="#steps-to-generate-a-template" id="steps-to-generate-a-template"></a>

1. Rename the template name
2. Click on the download icon.

<figure><img src="https://powerviz-assets.s3.us-east-2.amazonaws.com/docs/doc-date-picker/40.png" alt="" width="375"><figcaption></figcaption></figure>

**COPY TO CLIPBOARD**[**​**](https://docs.powerviz.ai/datepicker/advanced-settings/theme/custom#copy-to-clipboard)

You will see a JSON code for your theme. If you want to make any changes, you cannot directly edit the code in the text box. Instead, modify the settings and generate the code again.

When you're ready, click on the **"Copy JSON"** button. This will copy the entire code to your clipboard.

**Paste this code** into an text editor or create a new text file. Save the file name with an extension of **".JSON"**. The file will look like below image:

<figure><img src="https://powerviz-assets.s3.us-east-2.amazonaws.com/docs/doc-date-picker/41.png" alt=""><figcaption></figcaption></figure>

**DOWNLOAD THE FILE**[**​**](https://docs.powerviz.ai/datepicker/advanced-settings/theme/custom#download-the-file)

Please note that this option is only available in Power BI services. In the pop-up window, right-click on the download icon. Select the “Save link as” option. Choose the location and save the file. The file will be saved in JSON format only.

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

<figure><img src="https://powerviz-assets.s3.us-east-2.amazonaws.com/docs/doc-date-picker/42.png" alt=""><figcaption></figcaption></figure>

&#x20;                   &#x20;

<figure><img src="https://powerviz-assets.s3.us-east-2.amazonaws.com/docs/doc-date-picker/43.png" alt=""><figcaption></figcaption></figure>

### Custom themes that you can use right now[​](https://docs.powerviz.ai/datepicker/advanced-settings/theme/custom#custom-themes-that-you-can-use-right-now) <a href="#custom-themes-that-you-can-use-right-now" id="custom-themes-that-you-can-use-right-now"></a>

Use below JSON files in your Power BI report.

<table><thead><tr><th width="163.33333333333331">Theme</th><th width="269">Link</th><th align="center">Image</th></tr></thead><tbody><tr><td>Theme 1</td><td><a href="https://powerviz-assets.s3.us-east-2.amazonaws.com/docs/doc-date-picker/doc_theme/theme_doc_blue_startend.json">Right click > Save link as...</a></td><td align="center"><img src="https://powerviz-assets.s3.us-east-2.amazonaws.com/docs/doc-date-picker/doc_theme/theme_doc_blue_startend.png" alt=""></td></tr><tr><td>Theme 2</td><td><a href="https://powerviz-assets.s3.us-east-2.amazonaws.com/docs/doc-date-picker/doc_theme/theme_doc_peach_single.json">Right click > Save link as...</a></td><td align="center"><img src="https://powerviz-assets.s3.us-east-2.amazonaws.com/docs/doc-date-picker/doc_theme/theme_doc_peach_single.png" alt=""></td></tr><tr><td>Theme 3</td><td><a href="https://powerviz-assets.s3.us-east-2.amazonaws.com/docs/doc-date-picker/doc_theme/theme_Double_RustyColor.json">Right click > Save link as...</a></td><td align="center"><img src="https://powerviz-assets.s3.us-east-2.amazonaws.com/docs/doc-date-picker/doc_theme/theme_Double_RustyColor.png" alt=""></td></tr></tbody></table>

### How to upload a theme[​](https://docs.powerviz.ai/datepicker/advanced-settings/theme/custom#how-to-upload-a-theme) <a href="#how-to-upload-a-theme" id="how-to-upload-a-theme"></a>

This option gives you the flexibility to collaborate and use the themes created by others. These JSON files contain all the formatting and functional changes. To upload a theme, follow these steps:

To upload a file: Go to advanced settings > themes > custom tab.

1. Click on the **"Upload"** icon.
2. Select the JSON file to upload.

*You will receive a prompt confirming that the file has been successfully imported.*

3. Hit Apply.           &#x20;

<figure><img src="https://powerviz-assets.s3.us-east-2.amazonaws.com/docs/doc-date-picker/44.png" alt=""><figcaption></figcaption></figure>


---

# 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.powerviz.ai/powerviz/date-picker/themes/custom-theme.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.