From db886034d32314666844bd5bfdeffc90f0460af0 Mon Sep 17 00:00:00 2001
From: Kibana Machine <42973632+kibanamachine@users.noreply.github.com>
Date: Sat, 9 Nov 2024 03:26:37 +1100
Subject: [PATCH] [8.x] [Search] [Onboarding] Fix colors for dark theme
 (#199331) (#199491)

# Backport

This will backport the following commits from `main` to `8.x`:
- [[Search] [Onboarding] Fix colors for dark theme
(#199331)](https://github.com/elastic/kibana/pull/199331)

<!--- Backport version: 9.4.3 -->

### Questions ?
Please refer to the [Backport tool
documentation](https://github.com/sqren/backport)

<!--BACKPORT [{"author":{"name":"Yan
Savitski","email":"yan.savitski@elastic.co"},"sourceCommit":{"committedDate":"2024-11-08T14:39:03Z","message":"[Search]
[Onboarding] Fix colors for dark theme (#199331)\n\nIn dark mode, colors
are not changed for some components in\r\nindexManagement\r\n\r\n-
Change according background color base on theme\r\n- Change icons color
base on theme\r\n\r\n<img width=\"1030\"
alt=\"image\"\r\nsrc=\"https://github.com/user-attachments/assets/f448b522-03cc-4e17-89dd-4a460983bbac\">","sha":"619f330aa9fbcddf2ddd306555a7b5f0d7d3fbd6","branchLabelMapping":{"^v9.0.0$":"main","^v8.17.0$":"8.x","^v(\\d+).(\\d+).\\d+$":"$1.$2"}},"sourcePullRequest":{"labels":["release_note:skip","v9.0.0","Team:Search","backport:prev-minor","v8.16.0"],"title":"[Search]
[Onboarding] Fix colors for dark
theme","number":199331,"url":"https://github.com/elastic/kibana/pull/199331","mergeCommit":{"message":"[Search]
[Onboarding] Fix colors for dark theme (#199331)\n\nIn dark mode, colors
are not changed for some components in\r\nindexManagement\r\n\r\n-
Change according background color base on theme\r\n- Change icons color
base on theme\r\n\r\n<img width=\"1030\"
alt=\"image\"\r\nsrc=\"https://github.com/user-attachments/assets/f448b522-03cc-4e17-89dd-4a460983bbac\">","sha":"619f330aa9fbcddf2ddd306555a7b5f0d7d3fbd6"}},"sourceBranch":"main","suggestedTargetBranches":["8.16"],"targetPullRequestStates":[{"branch":"main","label":"v9.0.0","branchLabelMappingKey":"^v9.0.0$","isSourceBranch":true,"state":"MERGED","url":"https://github.com/elastic/kibana/pull/199331","number":199331,"mergeCommit":{"message":"[Search]
[Onboarding] Fix colors for dark theme (#199331)\n\nIn dark mode, colors
are not changed for some components in\r\nindexManagement\r\n\r\n-
Change according background color base on theme\r\n- Change icons color
base on theme\r\n\r\n<img width=\"1030\"
alt=\"image\"\r\nsrc=\"https://github.com/user-attachments/assets/f448b522-03cc-4e17-89dd-4a460983bbac\">","sha":"619f330aa9fbcddf2ddd306555a7b5f0d7d3fbd6"}},{"branch":"8.16","label":"v8.16.0","branchLabelMappingKey":"^v(\\d+).(\\d+).\\d+$","isSourceBranch":false,"state":"NOT_CREATED"}]}]
BACKPORT-->

Co-authored-by: Yan Savitski <yan.savitski@elastic.co>
---
 .../public/components/quick_stats/quick_stat.tsx              | 2 +-
 .../public/components/quick_stats/quick_stats.tsx             | 4 ++--
 2 files changed, 3 insertions(+), 3 deletions(-)

diff --git a/x-pack/plugins/search_indices/public/components/quick_stats/quick_stat.tsx b/x-pack/plugins/search_indices/public/components/quick_stats/quick_stat.tsx
index 006906f8dd295..cdd5f12408480 100644
--- a/x-pack/plugins/search_indices/public/components/quick_stats/quick_stat.tsx
+++ b/x-pack/plugins/search_indices/public/components/quick_stats/quick_stat.tsx
@@ -70,7 +70,7 @@ export const QuickStat: React.FC<BaseQuickStatProps> = ({
           marginRight: euiTheme.size.s,
         },
         '.euiAccordion__triggerWrapper': {
-          background: euiTheme.colors.ghost,
+          background: euiTheme.colors.emptyShade,
         },
         '.euiAccordion__children': {
           borderTop: euiTheme.border.thin,
diff --git a/x-pack/plugins/search_indices/public/components/quick_stats/quick_stats.tsx b/x-pack/plugins/search_indices/public/components/quick_stats/quick_stats.tsx
index 32590cf3efa47..e051fee17d2e2 100644
--- a/x-pack/plugins/search_indices/public/components/quick_stats/quick_stats.tsx
+++ b/x-pack/plugins/search_indices/public/components/quick_stats/quick_stats.tsx
@@ -87,7 +87,7 @@ export const QuickStats: React.FC<QuickStatsProps> = ({ index, mappings, indexDo
             open={open}
             setOpen={setOpen}
             icon="documents"
-            iconColor="black"
+            iconColor={euiTheme.colors.fullShade}
             title={i18n.translate('xpack.searchIndices.quickStats.document_count_heading', {
               defaultMessage: 'Document count',
             })}
@@ -115,7 +115,7 @@ export const QuickStats: React.FC<QuickStatsProps> = ({ index, mappings, indexDo
             open={open}
             setOpen={setOpen}
             icon="sparkles"
-            iconColor="black"
+            iconColor={euiTheme.colors.fullShade}
             title={i18n.translate('xpack.searchIndices.quickStats.ai_search_heading', {
               defaultMessage: 'AI Search',
             })}