From c8058bae5ecf40b1b1f62814f3a30acdc9b36716 Mon Sep 17 00:00:00 2001 From: Florent Le Borgne Date: Tue, 1 Jul 2025 16:21:05 +0200 Subject: [PATCH 01/11] High contrast mode for Kibana --- cloud-account/high-contrast.md | 20 ++++++++++++++++++++ cloud-account/toc.yml | 3 ++- 2 files changed, 22 insertions(+), 1 deletion(-) create mode 100644 cloud-account/high-contrast.md diff --git a/cloud-account/high-contrast.md b/cloud-account/high-contrast.md new file mode 100644 index 0000000000..e8a2ee272c --- /dev/null +++ b/cloud-account/high-contrast.md @@ -0,0 +1,20 @@ +--- +applies_to: + stack: ga 9.1 + serverless: all +--- + +# Use high-contrast mode in Kibana + +You can change the interface contrast mode of Kibana to improve visibility and readability in low-light conditions. + +1. Open the user menu from the header. +2. Select **Appearance**. +3. Choose an interface contrast mode: + + - **System**: Synchronizes Kibana's color mode with your system settings + - **Normal**: The default color mode of Kibana + - **High**: The high-contrast color mode of Kibana + +4. Select **Save changes**. +5. Refresh the page to apply the selected color mode. \ No newline at end of file diff --git a/cloud-account/toc.yml b/cloud-account/toc.yml index a17a96cfc7..967d4fcad8 100644 --- a/cloud-account/toc.yml +++ b/cloud-account/toc.yml @@ -6,4 +6,5 @@ toc: - file: change-your-password.md - file: add-a-login-method.md - file: multifactor-authentication.md - - file: dark-mode.md \ No newline at end of file + - file: dark-mode.md + - file: high-contrast.md \ No newline at end of file From 462922f89749f190c624229c1004774b7d579726 Mon Sep 17 00:00:00 2001 From: florent-leborgne Date: Tue, 1 Jul 2025 18:30:54 +0200 Subject: [PATCH 02/11] Update cloud-account/high-contrast.md --- cloud-account/high-contrast.md | 10 ++++++++-- 1 file changed, 8 insertions(+), 2 deletions(-) diff --git a/cloud-account/high-contrast.md b/cloud-account/high-contrast.md index e8a2ee272c..db847c760b 100644 --- a/cloud-account/high-contrast.md +++ b/cloud-account/high-contrast.md @@ -1,7 +1,13 @@ --- +description: Use high-contrast mode in Kibana. applies_to: - stack: ga 9.1 - serverless: all + stack: beta 9.1 + serverless: unavailable + deployment: + self: beta 9.1 + ess: unavailable +products: + - id: kibana --- # Use high-contrast mode in Kibana From 7f7ee637764b9dabad2d4fc2bbeb8d2f3445b392 Mon Sep 17 00:00:00 2001 From: florent-leborgne Date: Tue, 1 Jul 2025 18:35:16 +0200 Subject: [PATCH 03/11] Update cloud-account/high-contrast.md --- cloud-account/high-contrast.md | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/cloud-account/high-contrast.md b/cloud-account/high-contrast.md index db847c760b..1b41d5c3e4 100644 --- a/cloud-account/high-contrast.md +++ b/cloud-account/high-contrast.md @@ -15,7 +15,7 @@ products: You can change the interface contrast mode of Kibana to improve visibility and readability in low-light conditions. 1. Open the user menu from the header. -2. Select **Appearance**. +2. Select **Edit profile**. 3. Choose an interface contrast mode: - **System**: Synchronizes Kibana's color mode with your system settings From 37e390f84267bf94dfe2244a82d64ca704b36afa Mon Sep 17 00:00:00 2001 From: florent-leborgne Date: Tue, 1 Jul 2025 18:36:08 +0200 Subject: [PATCH 04/11] Update cloud-account/high-contrast.md --- cloud-account/high-contrast.md | 6 +++--- 1 file changed, 3 insertions(+), 3 deletions(-) diff --git a/cloud-account/high-contrast.md b/cloud-account/high-contrast.md index 1b41d5c3e4..bde5a7ebad 100644 --- a/cloud-account/high-contrast.md +++ b/cloud-account/high-contrast.md @@ -18,9 +18,9 @@ You can change the interface contrast mode of Kibana to improve visibility and r 2. Select **Edit profile**. 3. Choose an interface contrast mode: - - **System**: Synchronizes Kibana's color mode with your system settings - - **Normal**: The default color mode of Kibana - - **High**: The high-contrast color mode of Kibana + - **System**: Synchronizes Kibana's color mode with your system settings. This is the default mode. + - **Normal**: Normal contrast mode. + - **High**: The high-contrast color mode of Kibana. 4. Select **Save changes**. 5. Refresh the page to apply the selected color mode. \ No newline at end of file From 775f8dd77669f4b19989ee768c5753b77a8697d5 Mon Sep 17 00:00:00 2001 From: Florent Le Borgne Date: Mon, 21 Jul 2025 17:21:03 +0200 Subject: [PATCH 05/11] option also added to appearance menu --- cloud-account/high-contrast.md | 12 +++++++----- 1 file changed, 7 insertions(+), 5 deletions(-) diff --git a/cloud-account/high-contrast.md b/cloud-account/high-contrast.md index bde5a7ebad..2bedfc516f 100644 --- a/cloud-account/high-contrast.md +++ b/cloud-account/high-contrast.md @@ -2,10 +2,8 @@ description: Use high-contrast mode in Kibana. applies_to: stack: beta 9.1 - serverless: unavailable + serverless: beta deployment: - self: beta 9.1 - ess: unavailable products: - id: kibana --- @@ -15,10 +13,14 @@ products: You can change the interface contrast mode of Kibana to improve visibility and readability in low-light conditions. 1. Open the user menu from the header. -2. Select **Edit profile**. +2. Select **Appearance** + + :::{note} + On self-managed deployments of {{kib}}, this option is located on your profile page. To access it, select **Edit profile**. + 3. Choose an interface contrast mode: - - **System**: Synchronizes Kibana's color mode with your system settings. This is the default mode. + - **System**: Synchronizes Kibana's color mode with your system settings. - **Normal**: Normal contrast mode. - **High**: The high-contrast color mode of Kibana. From 2e72a523be27cd168ad4992745f450665b687f12 Mon Sep 17 00:00:00 2001 From: Florent Le Borgne Date: Mon, 21 Jul 2025 17:37:44 +0200 Subject: [PATCH 06/11] remove extra applies_to key --- cloud-account/high-contrast.md | 1 - 1 file changed, 1 deletion(-) diff --git a/cloud-account/high-contrast.md b/cloud-account/high-contrast.md index 2bedfc516f..16aacd6fbb 100644 --- a/cloud-account/high-contrast.md +++ b/cloud-account/high-contrast.md @@ -3,7 +3,6 @@ description: Use high-contrast mode in Kibana. applies_to: stack: beta 9.1 serverless: beta - deployment: products: - id: kibana --- From e9dd391f9b0adabe3f69ec663bb11887ff82cda0 Mon Sep 17 00:00:00 2001 From: Florent Le Borgne Date: Mon, 21 Jul 2025 17:39:01 +0200 Subject: [PATCH 07/11] I no longer see beta mentions --- cloud-account/high-contrast.md | 4 ++-- 1 file changed, 2 insertions(+), 2 deletions(-) diff --git a/cloud-account/high-contrast.md b/cloud-account/high-contrast.md index 16aacd6fbb..37db88a6d3 100644 --- a/cloud-account/high-contrast.md +++ b/cloud-account/high-contrast.md @@ -1,8 +1,8 @@ --- description: Use high-contrast mode in Kibana. applies_to: - stack: beta 9.1 - serverless: beta + stack: ga 9.1 + serverless: ga products: - id: kibana --- From 6e761985e4273a770730a6e41df7e1922ab2e36c Mon Sep 17 00:00:00 2001 From: Florent Le Borgne Date: Mon, 21 Jul 2025 17:42:06 +0200 Subject: [PATCH 08/11] wording --- cloud-account/high-contrast.md | 4 ++-- 1 file changed, 2 insertions(+), 2 deletions(-) diff --git a/cloud-account/high-contrast.md b/cloud-account/high-contrast.md index 37db88a6d3..654fdf5916 100644 --- a/cloud-account/high-contrast.md +++ b/cloud-account/high-contrast.md @@ -19,9 +19,9 @@ You can change the interface contrast mode of Kibana to improve visibility and r 3. Choose an interface contrast mode: - - **System**: Synchronizes Kibana's color mode with your system settings. + - **System**: Synchronizes Kibana's contrast mode with your system settings. - **Normal**: Normal contrast mode. - **High**: The high-contrast color mode of Kibana. 4. Select **Save changes**. -5. Refresh the page to apply the selected color mode. \ No newline at end of file +5. Refresh the page to apply the selected contrast mode. \ No newline at end of file From db38eaa784821d00d456a793ffe929ac68ad4263 Mon Sep 17 00:00:00 2001 From: Florent Le Borgne Date: Mon, 21 Jul 2025 17:42:35 +0200 Subject: [PATCH 09/11] punctuation --- cloud-account/high-contrast.md | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/cloud-account/high-contrast.md b/cloud-account/high-contrast.md index 654fdf5916..9f2b9a2d5d 100644 --- a/cloud-account/high-contrast.md +++ b/cloud-account/high-contrast.md @@ -12,7 +12,7 @@ products: You can change the interface contrast mode of Kibana to improve visibility and readability in low-light conditions. 1. Open the user menu from the header. -2. Select **Appearance** +2. Select **Appearance**. :::{note} On self-managed deployments of {{kib}}, this option is located on your profile page. To access it, select **Edit profile**. From 1e4fd583cae8430db2afec7bffac6c2f2b5343e9 Mon Sep 17 00:00:00 2001 From: Florent Le Borgne Date: Mon, 21 Jul 2025 17:43:15 +0200 Subject: [PATCH 10/11] self-review --- cloud-account/high-contrast.md | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/cloud-account/high-contrast.md b/cloud-account/high-contrast.md index 9f2b9a2d5d..da3fbe785c 100644 --- a/cloud-account/high-contrast.md +++ b/cloud-account/high-contrast.md @@ -15,7 +15,7 @@ You can change the interface contrast mode of Kibana to improve visibility and r 2. Select **Appearance**. :::{note} - On self-managed deployments of {{kib}}, this option is located on your profile page. To access it, select **Edit profile**. + On self-managed deployments of {{kib}}, this option is located on your profile page. To access it, select **Edit profile** from the header's user menu. 3. Choose an interface contrast mode: From 05139161d841d452f78e0ec11ad02560ac56545e Mon Sep 17 00:00:00 2001 From: Florent Le Borgne Date: Tue, 22 Jul 2025 14:43:33 +0200 Subject: [PATCH 11/11] align dark mode and contrast mode pages --- cloud-account/dark-mode.md | 9 +++++++-- cloud-account/high-contrast.md | 1 + 2 files changed, 8 insertions(+), 2 deletions(-) diff --git a/cloud-account/dark-mode.md b/cloud-account/dark-mode.md index 5fc1b34f31..c491b1b7a2 100644 --- a/cloud-account/dark-mode.md +++ b/cloud-account/dark-mode.md @@ -6,7 +6,7 @@ applies_to: # 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. +The dark mode changes Kibana's default light appearance to a darker 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. @@ -16,10 +16,15 @@ If you're using {{ecloud}}, this setting only applies to the Kibana UI of your s 1. Open the user menu from the header. 2. Select **Appearance**. + + :::{note} + On self-managed deployments of {{kib}}, this option is located on your profile page. To access it, select **Edit profile** from the header's user menu. + ::: + 3. Choose a color mode: - **Light**: The default color mode of Kibana - - **Dark**: The dark and high-contrast color mode of Kibana + - **Dark**: The dark color mode of Kibana - **System**: Synchronizes Kibana's color mode with your system settings - **Space default**: Sets the color mode to the value defined in the [Space settings](kibana://reference/advanced-settings.md#kibana-general-settings) diff --git a/cloud-account/high-contrast.md b/cloud-account/high-contrast.md index da3fbe785c..1fc056b830 100644 --- a/cloud-account/high-contrast.md +++ b/cloud-account/high-contrast.md @@ -16,6 +16,7 @@ You can change the interface contrast mode of Kibana to improve visibility and r :::{note} On self-managed deployments of {{kib}}, this option is located on your profile page. To access it, select **Edit profile** from the header's user menu. + ::: 3. Choose an interface contrast mode: