From fe5e1fda773d693b28283559cfb47d2918aa4f40 Mon Sep 17 00:00:00 2001
From: Yassine Haouzane <81616372+YassineHaouzane@users.noreply.github.com>
Date: Fri, 5 Jan 2024 21:05:00 +0100
Subject: [PATCH] [Index Management] Fix selected list item color in dark mode
 (#160314) (#161637)

---
 .../component_templates_list_item.scss                          | 2 +-
 .../component_templates_selector.scss                           | 2 +-
 2 files changed, 2 insertions(+), 2 deletions(-)

diff --git a/x-pack/plugins/index_management/public/application/components/component_templates/component_template_selector/component_templates_list_item.scss b/x-pack/plugins/index_management/public/application/components/component_templates/component_template_selector/component_templates_list_item.scss
index cff38f115258d..0c29d747706cc 100644
--- a/x-pack/plugins/index_management/public/application/components/component_templates/component_template_selector/component_templates_list_item.scss
+++ b/x-pack/plugins/index_management/public/application/components/component_templates/component_template_selector/component_templates_list_item.scss
@@ -8,7 +8,7 @@
   &--selected {
     &::before {
       content: '';
-      background-color: rgba(255, 255, 255, .7);
+      background-color: rgba($euiColorEmptyShade, .7);
       height: 100%;
       left: 0;
       position: absolute;
diff --git a/x-pack/plugins/index_management/public/application/components/component_templates/component_template_selector/component_templates_selector.scss b/x-pack/plugins/index_management/public/application/components/component_templates/component_template_selector/component_templates_selector.scss
index db16b14071aea..1cc070a142d39 100644
--- a/x-pack/plugins/index_management/public/application/components/component_templates/component_template_selector/component_templates_selector.scss
+++ b/x-pack/plugins/index_management/public/application/components/component_templates/component_template_selector/component_templates_selector.scss
@@ -20,7 +20,7 @@
     &__header {
       background-color: $euiColorLightestShade;
       border-bottom: $euiBorderThin;
-      color: $euiColorInk;
+      color: $euiColorFullShade;
       height: $euiSizeXXL; // [1]
       line-height: $euiSizeXXL; // [1]
       font-size: $euiSizeM;