Fix pre/code text inside tooltips

andreas-schultz · andreas-schultz · commit 67e697738862 · 2026-07-13T13:11:45.000+02:00
diff --git a/CHANGELOG.md b/CHANGELOG.md
@@ -6,6 +6,11 @@ The format is based on [Keep a Changelog](http://keepachangelog.com/) and this p
 
 ## [Unreleased]
 
+### Fixed
+
+- `<Tooltip />`:
+    - Code markup inside tooltips was hardly readable because of low contrast.
+
 ## [26.0.0] - 2026-07-08
 
 This is a major release, and it might not be compatible with your current usage of our library. Please read about the necessary changes in the migration section below.
diff --git a/src/components/Tooltip/tooltip.scss b/src/components/Tooltip/tooltip.scss
@@ -52,6 +52,13 @@ $tooltip-padding-horizontal: $eccgui-size-block-whitespace * 0.5; // !default;
             transparent
         );
     }
+
+    pre code,
+    .#{$eccgui}-typography__contentblock pre code,
+    pre.#{$eccgui}-typography__text code {
+        background-color: transparent;
+        color: inherit;
+    }
 }
 
 .#{$prefix}--tooltip-content {

Original file line number	Diff line number	Diff line change
`@@ -52,6 +52,13 @@ $tooltip-padding-horizontal: $eccgui-size-block-whitespace * 0.5; // !default;`
`52`	`52`	`transparent`
`53`	`53`	`);`
`54`	`54`	`}`
	`55`	`+`
	`56`	`+ pre code,`
	`57`	`+ .#{$eccgui}-typography__contentblock pre code,`
	`58`	`+ pre.#{$eccgui}-typography__text code {`
	`59`	`+ background-color: transparent;`
	`60`	`+ color: inherit;`
	`61`	`+ }`
`55`	`62`	`}`
`56`	`63`
`57`	`64`	`.#{$prefix}--tooltip-content {`