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.

If you haven't saved a color mode preference, Kibana applies a default color mode:

• Stack 9.5+ The Elastic Stack includes Elastic's core products such as Elasticsearch, Kibana, Logstash, and Beats. Availability Generally available since 9.5 This functionality is generally available and ready for production usage. Unless stated otherwise on the page, this functionality is available when your Elastic Stack is deployed on Elastic Cloud Hosted, Elastic Cloud Enterprise, Elastic Cloud on Kubernetes, and self-managed environments. This documentation corresponds to the latest patch available for each minor version. If you're not using the latest patch, check the release notes for changes. Serverless Elastic Cloud Serverless projects are autoscaled environments, fully managed by Elastic and available on Elastic Cloud. Availability Generally available This functionality is generally available and ready for production usage. Serverless interfaces and procedures might differ from classic Elastic Stack deployments. Kibana follows your operating system's color scheme, and System is pre-selected when you change your color mode.
• Stack 9.0-9.4 The Elastic Stack includes Elastic's core products such as Elasticsearch, Kibana, Logstash, and Beats. Availability Generally available from 9.0 to 9.4 This functionality is generally available and ready for production usage. Unless stated otherwise on the page, this functionality is available when your Elastic Stack is deployed on Elastic Cloud Hosted, Elastic Cloud Enterprise, Elastic Cloud on Kubernetes, and self-managed environments. This documentation corresponds to the latest patch available for each minor version. If you're not using the latest patch, check the release notes for changes. Kibana uses the light color mode.

1. Open the user menu from the header.

2. Select Appearance.

   Note

   If you don't sign in with your Elastic Cloud account, for example you use a username and password or a self-managed deployment, this option is on your profile page. To access it, select Edit profile from the header's user menu.

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

   • Serverless Unavailable Elastic Cloud Serverless projects are autoscaled environments, fully managed by Elastic and available on Elastic Cloud. Availability Unavailable This functionality is not available in Elastic Cloud Serverless. Stack Deprecated The Elastic Stack includes Elastic's core products such as Elasticsearch, Kibana, Logstash, and Beats. Availability Deprecated This functionality is deprecated. You can still use it, but it'll be removed in a future Elastic Stack update. This documentation corresponds to the latest patch available for each minor version. If you're not using the latest patch, check the release notes for changes. Space default: Sets the color mode to the value of the theme:darkMode advanced setting for the space.

     Deprecated

     The Space default option will be removed in a future version and automatically replaced with the System color mode.

4. Select Save changes.

5. Refresh the page to apply the selected color mode.

• Personal preferences in Kibana
• Use high-contrast mode in Kibana
• Change the interface language in Kibana