---
metadata:
  - name: generator
    content: Diplodoc Platform v5.52.0
alternate:
  - https://yandex.com/support/search/en/design-theme.md
  - href: en/design-theme.md
    type: text/markdown
    title: Markdown version
  - href: llms.txt
    type: text/markdown
    title: llms.txt
---
> **Documentation Index:** Fetch the complete configuration index at https://yandex.com/support/search/en/llms.txt

# Dark theme

Search page elements are displayed on a light or dark background depending on the theme selected in the browser settings. You can change the Yandex Search theme.

The Yandex Search theme settings for the desktop and mobile versions don't affect each other and work separately.

## On desktop {#full-version}

{% list tabs %}

- In the Yandex ID menu

  
  1. On the [search results page](http://yandex.com/search), click your profile picture (if you are logged in to Yandex) or **Log in** (if you aren't) in the upper-right corner.
      
  1. Tap **Appearance**.
      
  1. Choose a mode:
      
      - **Always light** to display page elements on a light background.
      
      - **Always dark** to display page elements on a dark background.
      
      - <!-- source: en/_includes/design-theme/id-design-theme/system.md -->
        **System**: The theme automatically matches your browser settings. If your browser is also set to follow the system theme, the appearance will match your device's theme.
        <!-- endsource: en/_includes/design-theme/id-design-theme/system.md -->
      
  

- On the settings page

  
  <!-- source: en/_includes/design-theme/id-design-theme/page-settings.md -->
  1. Go to the [settings page](https://yandex.com/tune/common/).
      
  1. Under **Appearance of Yandex services**, choose:
      
      - **System**: The theme automatically matches your browser settings. If your browser is also set to follow the system theme, the appearance will match your device's theme.
      
      - **Always light**: Display page elements on a light background.
      
      - **Always dark**: Display page elements on a dark background.
  <!-- endsource: en/_includes/design-theme/id-design-theme/page-settings.md -->

{% endlist %}

## On mobile {#mobile-version}

{% list tabs %}

- In the Yandex ID menu

  1. On the [search results page](http://yandex.com/search), tap your profile picture (if you are logged in to Yandex) or ![](_assets/design-theme/burger.png) (if you aren't) in the upper-right corner.

  1. Tap **Appearance**.

  1. Choose a mode:

      - **System settings** to make the theme automatically adjust to the browser theme. If your browser theme is set to system too, it will automatically adjust to your device's theme.

      - **Always light** to display page elements on a light background.

      - **Always dark** to display page elements on a dark background.

- On the settings page

  <!-- source: en/_includes/design-theme/id-design-theme/page-settings.md -->
  1. Go to the [settings page](https://yandex.com/tune/common/).
      
  1. Under **Appearance of Yandex services**, choose:
      
      - **System**: The theme automatically matches your browser settings. If your browser is also set to follow the system theme, the appearance will match your device's theme.
      
      - **Always light**: Display page elements on a light background.
      
      - **Always dark**: Display page elements on a dark background.
  <!-- endsource: en/_includes/design-theme/id-design-theme/page-settings.md -->
  

{% endlist %}



## In the Yandex app {#in-app}

You can change the theme manually or using the voice assistant in the [Yandex with Alice](https://yandex.com/support/yandex-app-android-alice/settings/others.html#background-desktop) and [Yandex Start](https://yandex.com/support/yandex-app-android/settings/others.html#background-desktop) apps for Android or the [Yandex with Alice](https://yandex.com/support/yandex-app-ios/settings/others.html#background-desktop) app for iOS.



[Contact support](https://yandex.com/support/search/en/troubleshooting/feedback.md){.button}

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

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