> For the complete documentation index, see [llms.txt](https://theme.mepa.dev/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://theme.mepa.dev/theme-properties/display-properties.md).

# Display Properties

## NTP\_LOGO\_ALTERNATE

***

Property used to change the Google logo on the [NTP](/references/glossary.md#ntp).

{% hint style="warning" %}

#### &#x20; *If you use "**theme\_ntp\_background"**, the value will always be 1 (white) !*&#x20;

{% endhint %}

{% hint style="danger" %}

#### *Google changed the behavior of ntp\_logo, now you can only get the original logo if you DO NOT use any visual changes to the* [*NTP*](/references/glossary.md#ntp)*!*

{% endhint %}

If you're using only colors, you'll have two options here: <mark style="color:orange;">1</mark> or <mark style="color:orange;">0</mark>.

If you choose **option 1**, it means 'yes, I want the logo to be changed according to the colors.\
So, then Google does some calculations with your color; if it's dark, the logo will be white:\
&#x20;

```json
"ntp_logo_alternate": 1
```

<figure><img src="/files/Y7sWBscU1GAt7ZL6kWCo" alt="" width="310"><figcaption><p>Google Logo for dark backgrounds</p></figcaption></figure>

And for light backgrounds:

<figure><img src="/files/mcugq5B3aBxnPItAMgrD" alt="" width="301"><figcaption><p>Google Logo for light backgrounds</p></figcaption></figure>

For the original option, you have to set to 0 and can't use any of [NTP](/references/glossary.md#ntp) change types:

```json
"ntp_logo_alternate": 0
```

<figure><img src="/files/ZcLjnSpf3tYWAuiZseYH" alt="" width="328"><figcaption><p>Google's Logo without changes on <a href="/pages/sCyuGj02vU8uaqAw2XrU#ntp">NTP</a></p></figcaption></figure>

## NTP\_BACKGROUND\_ALIGNMENT

***

Property responsible for aligning the ['theme\_ntp\_background'](/theme-properties/images.md#theme_ntp_background) setting the initial position of the image.

The values can be: <mark style="color:orange;">"center", "left", "right", "top"</mark> and <mark style="color:orange;">"bottom"</mark>.

{% hint style="info" %}
You need to assign an image to ['theme\_ntp\_background'](#theme_ntp_background) to be able to use this property
{% endhint %}

```json
"ntp_background_alignment": "center"
```

<figure><img src="/files/Hz8OSLZMVfWrySm2ld0s" alt="" width="563"><figcaption><p>Background align to Center</p></figcaption></figure>

<figure><img src="/files/BSYW5pPlLdl9gOmdLCxM" alt="" width="563"><figcaption><p>Background align to Bottom</p></figcaption></figure>

## NTP\_BACKGROUND\_REPEAT

***

This property controls how the ['theme\_ntp\_background'](/theme-properties/images.md#theme_ntp_background) will repeat on the screen. It can have four values: **"**<mark style="color:orange;">**no-repeat**</mark>**", "**<mark style="color:orange;">**repeat-x**</mark>**", "**<mark style="color:orange;">**repeat-y**</mark>**" and "**<mark style="color:orange;">**repeat**</mark>**"**.

```json
"ntp_background_repeat": "repeat-x"
```

{% hint style="warning" %}
You need to assign an image to ['theme\_ntp\_background'](#theme_ntp_background) to be able to use this property
{% endhint %}

<figure><img src="/files/Mb3hTB8ofX0OXAWh4xWH" alt="" width="563"><figcaption><p>Printscreen of <a href="/pages/sCyuGj02vU8uaqAw2XrU#ntp">NTP</a> with Goku's PNG repeated on X axis</p></figcaption></figure>

<figure><img src="/files/kOy24Annpk5zi1UfdNhB" alt="" width="563"><figcaption><p>Printscreen of <a href="/pages/sCyuGj02vU8uaqAw2XrU#ntp">NTP</a> with Goku's PNG repeated on Y axis</p></figcaption></figure>

<figure><img src="/files/j3gwvEovoJJvs49xIMbc" alt="" width="563"><figcaption><p>Printscreen of <a href="/pages/sCyuGj02vU8uaqAw2XrU#ntp">NTP</a> with Goku's PNG repeated on all axis</p></figcaption></figure>
