Use dark mode in Kibana

edit
A newer version is available. Check out the latest documentation.

Use dark mode in Kibana

edit

The dark mode changes Kibana’s default light appearance to a darker and higher-contrast color theme. From the application header, you can turn on dark mode or synchronize the color mode with your operating system settings.

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.

Change your color mode preferences

edit
  1. Open the user menu from the header.
  2. Select Appearance.
  3. Choose a color mode:

    • Light: The default color mode of Kibana
    • Dark: The dark and high-contrast color mode of Kibana
    • System: Synchronizes Kibana’s color mode with your system settings
    • [8.18.0] Deprecated in 8.18.0. This option will be removed in a future version and automatically replaced with the System color mode. Space default: Sets the color mode to the value defined in the settings of the Space
  4. Select Save changes.
  5. Refresh the page to apply the selected color mode.