[8.x] [Search] [Onboarding] Fix colors for dark theme (elastic#199331) (

elastic#199491)

# Backport

This will backport the following commits from `main` to `8.x`:
- [[Search] [Onboarding] Fix colors for dark theme
(elastic#199331)](elastic#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":"[email protected]"},"sourceCommit":{"committedDate":"2024-11-08T14:39:03Z","message":"[Search]
[Onboarding] Fix colors for dark theme (elastic#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 (elastic#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 (elastic#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 <[email protected]>

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,

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',
             })}