Skip to content

Commit

Permalink
[Search] [Onboarding] Fix colors for dark theme (elastic#199331)
Browse files Browse the repository at this point in the history
In dark mode, colors are not changed for some components in
indexManagement

- Change according background color base on theme
- Change icons color base on theme

<img width="1030" alt="image"
src="https://github.com/user-attachments/assets/f448b522-03cc-4e17-89dd-4a460983bbac">
  • Loading branch information
yansavitski authored Nov 8, 2024
1 parent 6cb3447 commit 619f330
Show file tree
Hide file tree
Showing 2 changed files with 3 additions and 3 deletions.
Original file line number Diff line number Diff line change
Expand Up @@ -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,
Expand Down
Original file line number Diff line number Diff line change
Expand Up @@ -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',
})}
Expand Down Expand Up @@ -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',
})}
Expand Down

0 comments on commit 619f330

Please sign in to comment.