get hover colors right

src/app/components/shared/header/header.component.scss

@@ -144,12 +144,12 @@ svg {
   }
 
   *:hover {
-    color: var(--dialog) !important;
-    background-color: var(--on-dialog) !important;
+    color: var(--on-secondary) !important;
+    background-color: var(--secondary) !important;
 
     mat-icon {
-      color: var(--dialog) !important;
-      background-color: var(--on-dialog) !important;
+      color: var(--on-secondary) !important;
+      background-color: var(--secondary) !important;
     }
   }
 
@@ -166,8 +166,8 @@ h1 {
 }
 
 ::ng-deep #cdk-overlay-0 .mat-menu-content > button:hover mat-icon {
-  color: var(--dialog) !important;
-  background-color: var(--on-dialog) !important;
+  color: white !important;
+  background-color: gray !important;
 }
 
 .userActivityIcon {

src/theme/dark-theme/_dark-theme.scss

@@ -30,8 +30,8 @@ a {
 }
 
 .mat-menu-panel .mat-menu-item:hover {
-  background-color: var(--on-dialog) !important;
-  color: var(--dialog) !important;
+  background-color: gray !important;
+  color: white !important;
 }
 
 .mat-radio-outer-circle {