Fix hover issue for DarkMode toggle icons

markteekman · May 15, 2022 · 62729c2 · 62729c2
1 parent 6dc03db
commit 62729c2
Showing 1 changed file with 6 additions and 2 deletions.
diff --git a/src/components/Navigation.astro b/src/components/Navigation.astro
@@ -346,8 +346,10 @@ import { DarkMode } from 'accessible-astro-components'
     svg path {
       fill: var(--secondary-500);
       transition: fill 0.2s ease-in-out;
+    }
 
-      &:hover {
+    &:hover {
+      svg path {
         fill: var(--primary-400);
       }
     }
@@ -360,8 +362,10 @@ import { DarkMode } from 'accessible-astro-components'
   .darkmode .darkmode-toggle {
     svg path {
       fill: var(--secondary-100);
+    }
 
-      &:hover {
+    &:hover {
+      svg path {
         fill: var(--primary-400);
       }
     }