Fix link colors

Author: pranjalisr

src/components/Markdown/Markdown.scss

@@ -361,9 +361,24 @@ $topHeightMobileWithBanner: $bannerHeight + $topHeightMobile;
   }
   p a,
   li a {
+    color: #1f5fbf;
     text-decoration: none;
     font-weight: 600;
   }
+  p a:hover,
+  li a:hover {
+    color: #174ea6;
+  }
+
+  .dark p a,
+  .dark li a {
+    color: #58a6ff;
+  }
+
+  .dark p a:hover,
+  .dark li a:hover {
+    color: #79c0ff;
+  }
 
   p a:focus-visible,
   li a:focus-visible {

src/components/Navigation/Navigation.jsx

@@ -240,7 +240,7 @@ function Navigation({ links, pathname, hash = "", toggleSidebar }) {
                 >
                   {link.children.map((child) => {
                     const classNames =
-                      "text-blue-800 dark:text-blue-300 py-5 text-sm capitalize hover:text-black dark:hover:text-white";
+                      "text-blue-800 dark:text-blue-300 py-5 text-sm capitalize hover:text-blue-800 dark:hover:text-blwue-300";
                     const isActive = location.pathname.startsWith(child.url);
                     return (
                       <NavLink