From a9e628e887cacaa9d7e4f26855e6e941b38cb5c6 Mon Sep 17 00:00:00 2001
From: "Grot (@grafanabot)" <43478413+grafanabot@users.noreply.github.com>
Date: Mon, 8 Aug 2022 11:21:14 -0400
Subject: [PATCH] Fix: correct bold, italics, and code color in Panel tooltips
 (#53380) (#53382)

(cherry picked from commit aee28569074e6e52c2a3f7066f9949b42f36769e)

Co-authored-by: Josh Hunt <joshhunt@users.noreply.github.com>
---
 packages/grafana-ui/src/components/Tooltip/Tooltip.tsx | 8 ++++----
 1 file changed, 4 insertions(+), 4 deletions(-)

diff --git a/packages/grafana-ui/src/components/Tooltip/Tooltip.tsx b/packages/grafana-ui/src/components/Tooltip/Tooltip.tsx
index 7ad6aa2a626..ac18752b75b 100644
--- a/packages/grafana-ui/src/components/Tooltip/Tooltip.tsx
+++ b/packages/grafana-ui/src/components/Tooltip/Tooltip.tsx
@@ -177,13 +177,13 @@ function getStyles(theme: GrafanaTheme2) {
       code {
         border: none;
         display: inline;
-        background: ${colorManipulator.darken(tooltipBg, 0.3)};
+        background: ${colorManipulator.darken(tooltipBg, 0.1)};
         color: ${tooltipText};
       }
 
-      strong,
-      em {
-        color: ${colorManipulator.emphasize(tooltipBg)};
+      pre {
+        background: ${colorManipulator.darken(tooltipBg, 0.1)};
+        color: ${tooltipText};
       }
 
       a {