---
title: Use dark mode in Kibana
description: Kibana can display its interface in a light or dark color mode. From the application header, you can change the color mode or synchronize it with your...
url: https://docs-v3-preview.elastic.dev/elastic/docs-content/pull/7278/cloud-account/dark-mode
products:
  - Elastic Cloud Serverless
  - Kibana
applies_to:
  - Elastic Cloud Serverless: Generally available
  - Elastic Stack: Generally available
---

# Use dark mode in Kibana
Kibana can display its interface in a light or dark color mode. From the application header, you can change the color mode or synchronize it with your operating system settings.
<tip>
  If you're using Elastic Cloud, this setting only applies to the Kibana UI of your serverless projects and hosted deployments. If you'd like to change the Elastic Cloud Console color theme too, you must do so separately from its respective interface.
</tip>

If you haven't saved a color mode preference, Kibana applies a default color mode:
- <applies-to>Elastic Stack: Planned</applies-to> <applies-to>Elastic Cloud Serverless: Generally available</applies-to> Kibana follows your operating system's color scheme, and **System** is pre-selected when you change your color mode.
- <applies-to>Elastic Stack: Generally available from 9.0 to 9.4</applies-to> Kibana uses the light color mode.


## Change your color mode preferences

1. Open the user menu from the header.
2. Select **Appearance**.
   <note>
   On self-managed deployments of Kibana, this option is located on your profile page. To access it, select **Edit profile** from the header's user menu.
   </note>
3. Choose a color mode:
   - **Light**: The light color mode of Kibana
- **Dark**: The dark color mode of Kibana
- **System**: Synchronizes Kibana's color mode with your system settings
- <applies-to>Elastic Cloud Serverless: Unavailable</applies-to> <applies-to>Elastic Stack: Deprecated</applies-to> **Space default**: Sets the color mode to the value of the [`theme:darkMode`](https://docs-v3-preview.elastic.dev/elastic/kibana/tree/main/reference/advanced-settings#theme-darkmode) advanced setting for the space.
  <admonition title="Deprecated">
  The **Space default** option will be removed in a future version and automatically replaced with the System color mode.
  </admonition>
4. Select **Save changes**.
5. Refresh the page to apply the selected color mode.