fix sub items hover

criticalmanufacturing · Jun 28, 2024 · 438b3bd · 438b3bd
1 parent 7dc9609
commit 438b3bd
Show file tree

Hide file tree

Showing 2 changed files with 3 additions and 1 deletion.
diff --git a/packages/grafana-data/src/themes/createColors.ts b/packages/grafana-data/src/themes/createColors.ts
@@ -173,6 +173,7 @@ class DarkColors implements ThemeColorsBase<Partial<ThemeRichColor>> {
     icons: palette.cmDarkIcons,
     navBar: palette.cmDarkNavBar,
     text: palette.cmDarkText,
+    hover: alpha(palette.cmDarkText, 0.05),
   }
 
   contrastThreshold = 3;
@@ -262,6 +263,7 @@ class LightColors implements ThemeColorsBase<Partial<ThemeRichColor>> {
     icons: palette.cmLightIcons,
     navBar: palette.cmLightNavBar,
     text: palette.cmLightText,
+    hover: alpha(palette.cmLightText, 0.05),
   }
 
   contrastThreshold = 3;

diff --git a/public/app/core/components/AppChrome/MegaMenu/NavBarMenuItem.tsx b/public/app/core/components/AppChrome/MegaMenu/NavBarMenuItem.tsx
@@ -103,7 +103,7 @@ const getStyles = (theme: GrafanaTheme2, isActive: Props['isActive'], isChild: P
     width: '100%',
     '&:hover, &:focus-visible': {
       ...(isChild && {
-        background: theme.colors.emphasize(theme.colors.background.primary, 0.03),
+        background: theme.colors.cm.hover,
       }),
       textDecoration: 'underline',
       color: theme.colors.cm.text,