Tooltip: Make tooltip use secondary background color for legible links (#48748)

packages/grafana-data/src/themes/createComponents.ts

@@ -75,8 +75,8 @@ export function createComponents(colors: ThemeColors, shadows: ThemeShadows): Th
       background: input.background,
     },
     tooltip: {
-      background: colors.mode === 'light' ? '#555' : '#35383e',
-      text: colors.mode === 'light' ? '#FFF' : colors.text.primary,
+      background: colors.background.secondary,
+      text: colors.text.primary,
     },
     dashboard: {
       background: colors.background.canvas,

packages/grafana-ui/src/components/Tooltip/Tooltip.tsx

@@ -188,6 +188,9 @@ function getStyles(theme: GrafanaTheme2) {
 
       a {
         color: ${theme.colors.text.link};
+      }
+
+      a:hover {
         text-decoration: underline;
       }
     `;