# Display Properties

## NTP\_LOGO\_ALTERNATE

***

Property used to change the Google logo on the [NTP](https://theme.mepa.dev/references/glossary#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*](https://theme.mepa.dev/references/glossary#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="https://1926187101-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FO3Fy0d78i4mwnqE1MKkm%2Fuploads%2F5VQoFeSiUOBRknIejdUd%2Fimage.png?alt=media&#x26;token=75a67187-e867-43db-9324-8bcfcdd44e82" alt="" width="310"><figcaption><p>Google Logo for dark backgrounds</p></figcaption></figure>

And for light backgrounds:

<figure><img src="https://1926187101-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FO3Fy0d78i4mwnqE1MKkm%2Fuploads%2F4Y7EWVuV3bIQhv09AOWU%2Fimage.png?alt=media&#x26;token=e35fef12-7a16-46fe-97b8-049da5a1aabe" 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](https://theme.mepa.dev/references/glossary#ntp) change types:

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

<figure><img src="https://1926187101-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FO3Fy0d78i4mwnqE1MKkm%2Fuploads%2F5yjr3OAkU3Xq3v1K9wmB%2Fimage.png?alt=media&#x26;token=1de676c6-516f-4f70-809b-7ab5294cabbc" alt="" width="328"><figcaption><p>Google's Logo without changes on <a href="../../references/glossary#ntp">NTP</a></p></figcaption></figure>

## NTP\_BACKGROUND\_ALIGNMENT

***

Property responsible for aligning the ['theme\_ntp\_background'](https://theme.mepa.dev/images#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="https://1926187101-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FO3Fy0d78i4mwnqE1MKkm%2Fuploads%2FrUCKttEgY7DZ23TbgN6O%2Fimage.png?alt=media&#x26;token=05f5c599-1cff-4d9b-a5ce-cdbfd86be1c1" alt="" width="563"><figcaption><p>Background align to Center</p></figcaption></figure>

<figure><img src="https://1926187101-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FO3Fy0d78i4mwnqE1MKkm%2Fuploads%2FUrakQ6r0GP0BnQ3asmT8%2Fimage.png?alt=media&#x26;token=7a7fccc5-1223-43af-883b-9724b662cd01" alt="" width="563"><figcaption><p>Background align to Bottom</p></figcaption></figure>

## NTP\_BACKGROUND\_REPEAT

***

This property controls how the ['theme\_ntp\_background'](https://theme.mepa.dev/images#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="https://1926187101-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FO3Fy0d78i4mwnqE1MKkm%2Fuploads%2FbKMGFspYKi3teeB98I4y%2Fimage.png?alt=media&#x26;token=f319178e-ac0b-4d8e-bb0e-b1e4437a5d45" alt="" width="563"><figcaption><p>Printscreen of <a href="../../references/glossary#ntp">NTP</a> with Goku's PNG repeated on X axis</p></figcaption></figure>

<figure><img src="https://1926187101-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FO3Fy0d78i4mwnqE1MKkm%2Fuploads%2Fm8JsSujsUodHFR9vVzLa%2Fimage.png?alt=media&#x26;token=d5045c1b-e64a-42c0-99af-1c4370dc1a30" alt="" width="563"><figcaption><p>Printscreen of <a href="../../references/glossary#ntp">NTP</a> with Goku's PNG repeated on Y axis</p></figcaption></figure>

<figure><img src="https://1926187101-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FO3Fy0d78i4mwnqE1MKkm%2Fuploads%2F47PZECQtGbOOY3iP0CFL%2Fimage.png?alt=media&#x26;token=41c5267a-4bf7-4128-bc55-a5058e268626" alt="" width="563"><figcaption><p>Printscreen of <a href="../../references/glossary#ntp">NTP</a> with Goku's PNG repeated on all axis</p></figcaption></figure>
