---
metadata:
  - name: generator
    content: Diplodoc Platform v5.70.0
alternate:
  - https://yandex.com.tr/support/yandex-app-android-alice/en/app/theme.md
  - https://yandex.com.tr/support/yandex-app-android-alice/kk/app/theme.md
  - https://yandex.com.tr/support/yandex-app-android-alice/ru/app/theme.md
  - https://yandex.com.tr/support/yandex-app-android-alice/tr/app/theme.md
  - href: https://yandex.com.tr/support/yandex-app-android-alice/en/app/theme.md
    type: text/markdown
    title: Markdown version
  - href: https://yandex.com.tr/support/yandex-app-android-alice/en/llms.txt?revision=r22091036
    rel: describedby
---
> **Documentation Index:** Fetch the complete configuration index at https://yandex.com.tr/support/yandex-app-android-alice/en/llms.txt?revision=r22091036

<!-- source: en/_includes/bar-with-links-applications.md -->
#|
||
You're reading Help for the Yandex app on Android.
[Help for the Yandex Start app on Android →](https://yandex.ru/support2/yandex-app-android/en/)
[Help for the Yandex app on iOS →](https://yandex.ru/support2/yandex-app-ios/en/)
||
|#
<!-- endsource: en/_includes/bar-with-links-applications.md -->

# Theme

## App theme {#to-set-theme}

You can choose the dark, light, or system background for app elements (tabs, the SmartBox, and others).

{% list tabs %}

- In Settings

    1. <!-- source: en/_includes/reusables/phrases/li-settings.md -->
       On the [home screen](https://yandex.com.tr/support/yandex-app-android-alice/en/app/interface.md), tap ![](../_assets/profile-icon.svg) → **App settings**.
       <!-- endsource: en/_includes/reusables/phrases/li-settings.md -->

    1. Under **General**, tap **Theme**.

    1. Select one of the options:

        - **Always dark**
        - **Always light**
        - **System settings**



{% endlist %}



## Websites theme {#sites-dark-theme}

Sites are normally displayed on a light or dark background regardless of which [app theme](#to-set-theme) is selected. But if you need to, you can force-enable the dark theme for all sites. Then if you don't like how a site looks, you can enable the light theme for this site specifically.

{% cut "**For all sites**" %}

{% note info %}

If the light theme is selected for the [app](#to-set-theme), you can't enable the dark theme for websites.

{% endnote %}


To enable dark theme for websites:

1. <!-- source: en/_includes/reusables/phrases/li-settings.md -->
   On the [home screen](https://yandex.com.tr/support/yandex-app-android-alice/en/app/interface.md), tap ![](../_assets/profile-icon.svg) → **App settings**.
   <!-- endsource: en/_includes/reusables/phrases/li-settings.md -->
1. Under **General**, tap **Theme**.
1. Select **Always dark**.
1. Enable the **Dark theme for websites** option.

{% endcut %}

{% cut "**For a specific website**" %}

{% note info %}

If the dark theme is enabled for all websites, you can switch a specific site to the light theme.

{% endnote %}


To enable the light theme for a specific website:

1. <!-- source: en/_includes/reusables/phrases/li-page-settings.md -->
   While on the site, tap ![](../_assets/3-vertical-dots.svg) to the right of the SmartBox.
   <!-- endsource: en/_includes/reusables/phrases/li-page-settings.md -->
1. Tap **Site light theme**.

To disable the light theme for the website, tap **![](../_assets/3-vertical-dots.svg)** → **Site dark theme**.


{% note info %}

Some Yandex services always use the light theme because they look better that way.

{% endnote %}

{% endcut %}


## Problems with the theme {#problems-with-theme}

{% cut "**There's no dark theme**" %}

To make the feature available, [update](https://yandex.com.tr/support/yandex-app-android-alice/en/app/install.md#toupdate) the app.

{% endcut %}

{% cut "**I can't change the theme in Yandex services**" %}

If you changed the [appearance of Yandex services](https://yandex.com/tune/common) in the settings but nothing has changed, the problem may be in the Yandex app.

[Set the same theme in the app](#to-set-theme) as in Yandex services.

{% endcut %}

<!-- source: en/_includes/button-content.md -->
<a href="en/content">
  <span class="button">Go to the table of contents</span>
</a>


<!-- endsource: en/_includes/button-content.md -->

<!-- source: en/_includes/button-feedback.md -->
</br>

<a href="en/troubleshooting/callerid-form">
  <span class="button">Contact support</span>
</a>


<!-- endsource: en/_includes/button-feedback.md -->