Merge pull request #139 from sbondCo/nav-menu-fixes

Nav menu dark theme fixes
sbondCo · Sep 24, 2023 · fd726c4 · fd726c4
2 parents 93ebc03 + 828f6f3
commit fd726c4
Showing 1 changed file with 7 additions and 6 deletions.
diff --git a/src/routes/(app)/+layout.svelte b/src/routes/(app)/+layout.svelte
@@ -403,7 +403,7 @@
         &:focus-visible {
           :global(path) {
             fill: none;
-            stroke: black;
+            stroke: $text-color;
             stroke-width: 30px;
             stroke-linejoin: round;
           }
@@ -454,8 +454,8 @@
 
         &:hover,
         &:focus-visible {
-          color: white;
-          -webkit-text-stroke: 1.5px black;
+          color: $bg-color;
+          -webkit-text-stroke: 1.5px $text-color;
         }
       }
 
@@ -487,9 +487,10 @@
           cursor: pointer;
           transition: background-color 200ms ease;
 
-          &:hover {
-            background-color: rgba(0, 0, 0, 1);
-            color: white;
+          &:hover,
+          &:focus-visible {
+            background-color: $text-color;
+            color: $bg-color;
           }
         }