From 4bf7d36cd06b5c6597d6c9dc783a8edb1a233dc0 Mon Sep 17 00:00:00 2001
From: Jason Henriquez <jasonhenriquez@protonmail.com>
Date: Sat, 21 Oct 2023 14:30:39 -0500
Subject: [PATCH] Add logo hover styling

---
 src/renderer/components/top-nav/top-nav.scss | 18 ++++++++++++++----
 1 file changed, 14 insertions(+), 4 deletions(-)

diff --git a/src/renderer/components/top-nav/top-nav.scss b/src/renderer/components/top-nav/top-nav.scss
index c182bf1148e72..ade2bdf177a61 100644
--- a/src/renderer/components/top-nav/top-nav.scss
+++ b/src/renderer/components/top-nav/top-nav.scss
@@ -66,10 +66,6 @@
   }
 
   &:hover {
-    background-color: var(--side-nav-hover-color);
-    color: var(--side-nav-hover-text-color);
-    transition: background 0.2s ease-in;
-
     @include top-nav-is-colored {
       background-color: var(--primary-color-hover);
     }
@@ -86,6 +82,14 @@
   }
 }
 
+.navIcon:hover, .logo:hover {
+  &:hover {
+    background-color: var(--side-nav-hover-color);
+    color: var(--side-nav-hover-text-color);
+    transition: background 0.2s ease-in;
+  }
+}
+
 .navFilterIcon {
   $effect-distance: 10px;
 
@@ -130,6 +134,12 @@
     padding-block: 0;
     padding-inline: 10px 25px;
 
+    &:hover {
+      @include top-nav-is-colored {
+        background-color: var(--primary-color-hover);
+      }
+    }
+
     &:active {
       background-color: var(--tertiary-text-color);
       transition: background 0.2s ease-in;