From 1fa0fdf9738b7ada475ad479f6b6bc2c6595ce36 Mon Sep 17 00:00:00 2001
From: Halit Aksoy <jhalitaksoy@gmail.com>
Date: Sat, 3 Sep 2022 21:42:48 +0300
Subject: [PATCH] fix hover issue in SwitchThemeMenu

---
 src/components/headerbar/ThemeSwitchMenu.tsx | 10 ++++++++--
 1 file changed, 8 insertions(+), 2 deletions(-)

diff --git a/src/components/headerbar/ThemeSwitchMenu.tsx b/src/components/headerbar/ThemeSwitchMenu.tsx
index 4d31ad9..6e45818 100644
--- a/src/components/headerbar/ThemeSwitchMenu.tsx
+++ b/src/components/headerbar/ThemeSwitchMenu.tsx
@@ -18,9 +18,15 @@ const ThemeSwitchMenu: FunctionComponent<{ context: Context, textColor: string }
                 key={index}
                 style={{ color: textColor }}
                 //@ts-ignore
-                onMouseOver={(event) => (event.target.style.background = "transparent")}
+                onMouseOver={(event) => {
+                    const htmlElement: HTMLElement = event.target as HTMLElement;
+                    if (htmlElement.localName === "li") htmlElement.style.background = "transparent";
+                }}
                 //@ts-ignore
-                onMouseOut={(event) => (event.target.style.background = "transparent")}
+                onMouseOut={(event) => {
+                    const htmlElement: HTMLElement = event.target as HTMLElement;
+                    if (htmlElement.localName === "li") htmlElement.style.background = "transparent";
+                }}
                 onClick={() => (context.themeManager.theme = theme)}>
                 <div style={{ background: theme.themePreviewColor }} className="theme-color-circle" />
                 {theme.name}