From b6291da8aab90ef6830ac89e7e639d483aef8cce Mon Sep 17 00:00:00 2001
From: Patrick Rodacker <patrick@rodacker.de>
Date: Tue, 19 Mar 2019 14:10:21 +0100
Subject: [PATCH] wip: highlight background color for group menu items

---
 src/components/SideMenu/styled.elements.ts | 5 +++++
 1 file changed, 5 insertions(+)

diff --git a/src/components/SideMenu/styled.elements.ts b/src/components/SideMenu/styled.elements.ts
index 68d543ed..3277080e 100644
--- a/src/components/SideMenu/styled.elements.ts
+++ b/src/components/SideMenu/styled.elements.ts
@@ -67,6 +67,8 @@ function menuItemActiveBg(depth, { theme }): string {
     return darken(0.1, theme.menu.backgroundColor);
   } else if (depth === 1) {
     return darken(0.05, theme.menu.backgroundColor);
+  } else if (depth === 0 && theme.options.collapseTagGroups) {
+    return darken(0.15, theme.menu.backgroundColor);
   } else {
     return '';
   }
@@ -99,6 +101,9 @@ export const menuItemDepth = {
     padding-bottom: 0;
     cursor: default;
     color: ${props => props.theme.menu.textColor};
+    &:hover {
+      color: ${props => props.theme.colors.primary.main};
+    }
   `,
   1: css`
     font-size: 0.929em;