github-mirrors/kibana
1
0
Fork 0
mirror of https://github.com/elastic/kibana.git synced 2025-04-23 17:28:26 -04:00
Code Issues Projects Releases Packages Wiki Activity

[Docs] Add page about Kibana's color modes (#215930)

Browse source 
This PR adds documentation about Kibana's dark mode options available
from the UI.

Relates to: https://github.com/elastic/platform-docs-team/issues/614
This commit is contained in:
florent-leborgne 2025-03-26 11:39:43 +01:00 • committed by GitHub
parent 6ed54de5e5
commit ad20560543
No known key found for this signature in database
GPG key ID: B5690EEEBB952194
2 changed files with 26 additions and 0 deletions
Download patch file Download diff file Expand all files Collapse all files

2
docs/index.asciidoc
View file

@ -9,6 +9,8 @@ include::landing-page.asciidoc[]
include::user/index.asciidoc[]
include::user/dark-mode.asciidoc[]
include::accessibility.asciidoc[]
include::CHANGELOG.asciidoc[]

24
docs/user/dark-mode.asciidoc Normal file
View file

@ -0,0 +1,24 @@
[chapter]
[[kibana-dark-mode]]
= Use dark mode in Kibana
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.
TIP: If you're using {ecloud}, this setting only applies to the Kibana UI of your serverless projects and hosted deployments. If you'd like to change the {ecloud} Console color theme too, you must do so separately from its respective interface.
[float]
== Change your color mode preferences
. Open the user menu from the header.
. Select **Appearance**.
. 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
** deprecated:[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 <<kibana-settings-reference,settings of the Space>>
. Select **Save changes**.
. Refresh the page to apply the selected color mode.