Skip to content

Commit f9aa1db

Browse files
florent-leborgneflorent-leborgne
authored
[8.18] [Docs] Add page about Kibana's color modes (#215930) (#216010)
# Backport This will backport the following commits from `8.x` to `8.18`: - [[Docs] Add page about Kibana's color modes (#215930)](#215930) <!--- Backport version: 8.9.8 --> ### Questions ? Please refer to the [Backport tool documentation](https://github.com/sqren/backport) <!--BACKPORT [{"author":{"name":"florent-leborgne","email":"florent.leborgne@elastic.co"},"sourceCommit":{"committedDate":"2025-03-26T10:39:43Z","message":"[Docs] Add page about Kibana's color modes (#215930)\n\nThis PR adds documentation about Kibana's dark mode options available\nfrom the UI.\n\nRelates to: https://github.com/elastic/platform-docs-team/issues/614","sha":"ad2056054343dd3d31c103d10cce842400a93718","branchLabelMapping":{"^v8.16.0$":"main","^v(\\d+).(\\d+).\\d+$":"$1.$2"}},"sourcePullRequest":{"labels":["Team:Docs","release_note:skip","backport:version","v8.18.0"],"number":215930,"url":"https://github.com/elastic/kibana/pull/215930","mergeCommit":{"message":"[Docs] Add page about Kibana's color modes (#215930)\n\nThis PR adds documentation about Kibana's dark mode options available\nfrom the UI.\n\nRelates to: https://github.com/elastic/platform-docs-team/issues/614","sha":"ad2056054343dd3d31c103d10cce842400a93718"}},"sourceBranch":"8.x","suggestedTargetBranches":["8.18"],"targetPullRequestStates":[{"branch":"8.18","label":"v8.18.0","labelRegex":"^v(\\d+).(\\d+).\\d+$","isSourceBranch":false,"state":"NOT_CREATED"}]}] BACKPORT-->
1 parent 7b96360 commit f9aa1db

2 files changed

Lines changed: 26 additions & 0 deletions

File tree

‎docs/index.asciidoc‎

Lines changed: 2 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -9,6 +9,8 @@ include::landing-page.asciidoc[]
99

1010
include::user/index.asciidoc[]
1111

12+
include::user/dark-mode.asciidoc[]
13+
1214
include::accessibility.asciidoc[]
1315

1416
include::CHANGELOG.asciidoc[]

‎docs/user/dark-mode.asciidoc‎

Lines changed: 24 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,24 @@
1+
[chapter]
2+
[[kibana-dark-mode]]
3+
= Use dark mode in Kibana
4+
5+
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.
6+
7+
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.
8+
9+
[float]
10+
== Change your color mode preferences
11+
12+
. Open the user menu from the header.
13+
. Select **Appearance**.
14+
. Choose a color mode:
15+
16+
** **Light**: The default color mode of Kibana
17+
** **Dark**: The dark and high-contrast color mode of Kibana
18+
** **System**: Synchronizes Kibana's color mode with your system settings
19+
** 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>>
20+
21+
. Select **Save changes**.
22+
. Refresh the page to apply the selected color mode.
23+
24+

0 commit comments

Comments
 (0)