Skip to content

Commit

Permalink
[8.x] Fix vega tooltip color in dark mode (elastic#212042) (elastic#2…
Browse files Browse the repository at this point in the history
…13084)

# Backport

This will backport the following commits from `main` to `8.x`:
- [Fix vega tooltip color in dark mode
(elastic#212042)](elastic#212042)

<!--- Backport version: 9.6.6 -->

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

<!--BACKPORT [{"author":{"name":"Marco
Vettorello","email":"marco.vettorello@elastic.co"},"sourceCommit":{"committedDate":"2025-03-04T12:07:52Z","message":"Fix
vega tooltip color in dark mode (elastic#212042)\n\n## Summary\n\nThis PR fixes
the text color of the vega tooltip.\nThe Vega tooltip is always dark
because uses the euiTooltip style for\nit. There was the `lightShade`
color used within this tooltip before\nthat result in an invisible text
color when running in dark mode.\nThe PR removes the custom colors and
makes the tooltip inherits the\ncolors from the euiTooltip
style.","sha":"4b4c15a943dbe114cda3da8b99208f29549efbbd","branchLabelMapping":{"^v9.1.0$":"main","^v8.19.0$":"8.x","^v(\\d+).(\\d+).\\d+$":"$1.$2"}},"sourcePullRequest":{"labels":["bug","Team:Visualizations","release_note:skip","backport:prev-major","v9.1.0"],"title":"Fix
vega tooltip color in dark
mode","number":212042,"url":"https://github.com/elastic/kibana/pull/212042","mergeCommit":{"message":"Fix
vega tooltip color in dark mode (elastic#212042)\n\n## Summary\n\nThis PR fixes
the text color of the vega tooltip.\nThe Vega tooltip is always dark
because uses the euiTooltip style for\nit. There was the `lightShade`
color used within this tooltip before\nthat result in an invisible text
color when running in dark mode.\nThe PR removes the custom colors and
makes the tooltip inherits the\ncolors from the euiTooltip
style.","sha":"4b4c15a943dbe114cda3da8b99208f29549efbbd"}},"sourceBranch":"main","suggestedTargetBranches":[],"targetPullRequestStates":[{"branch":"main","label":"v9.1.0","branchLabelMappingKey":"^v9.1.0$","isSourceBranch":true,"state":"MERGED","url":"https://github.com/elastic/kibana/pull/212042","number":212042,"mergeCommit":{"message":"Fix
vega tooltip color in dark mode (elastic#212042)\n\n## Summary\n\nThis PR fixes
the text color of the vega tooltip.\nThe Vega tooltip is always dark
because uses the euiTooltip style for\nit. There was the `lightShade`
color used within this tooltip before\nthat result in an invisible text
color when running in dark mode.\nThe PR removes the custom colors and
makes the tooltip inherits the\ncolors from the euiTooltip
style.","sha":"4b4c15a943dbe114cda3da8b99208f29549efbbd"}}]}]
BACKPORT-->

Co-authored-by: Marco Vettorello <marco.vettorello@elastic.co>
  • Loading branch information
kibanamachine and markov00 authored Mar 4, 2025
1 parent dbab345 commit 7cd2df8
Showing 1 changed file with 0 additions and 1 deletion.
Original file line number Diff line number Diff line change
Expand Up @@ -53,7 +53,6 @@ export const vegaVisTooltipStyles = (euiThemeContext: UseEuiTheme) => {
'max-width',
mathWithUnits(euiTheme.size.base, (x) => x * 10)
)}
color: ${euiTheme.colors.lightShade};
${logicalTextAlignCSS('right')}
${logicalCSS('padding-right', euiTheme.size.xs)}
}
Expand Down

0 comments on commit 7cd2df8

Please sign in to comment.