diff --git a/src/components/Footer/Footer.jsx b/src/components/Footer/Footer.jsx
index d0550f6579d1..224b52779ef8 100644
--- a/src/components/Footer/Footer.jsx
+++ b/src/components/Footer/Footer.jsx
@@ -10,7 +10,7 @@ const footerLinkClasses =
 
 const Footer = () => (
   <footer className="w-full flex-[0_0_auto] print:hidden">
-    <Container className="mx-auto max-w-[900px] px-5 pb-[30px] pt-[40px] text-center [&_a]:text-[#3b7eb5]">
+    <Container className="mx-auto max-w-[900px] px-5 pb-[30px] pt-[40px] text-center [&_a]:text-[#1f5fbf] dark:[&_a]:text-[#58a6ff]">
       <div className="mb-[24px] flex justify-center">
         <a href="https://openjsf.org" target="_blank" rel="noopener noreferrer">
           <img
diff --git a/src/components/Markdown/Markdown.scss b/src/components/Markdown/Markdown.scss
index c7b53198f61f..73c73d40480a 100644
--- a/src/components/Markdown/Markdown.scss
+++ b/src/components/Markdown/Markdown.scss
@@ -367,6 +367,32 @@ $topHeightMobileWithBanner: $bannerHeight + $topHeightMobile;
     text-underline-offset: 2px;
     text-decoration-thickness: 1px;
   }
+  p a,
+  li a {
+    color: #1f5fbf;
+    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 {
+    outline: 2px solid currentColor;
+    outline-offset: 2px;
+  }
   pre {
     background-color: #2d3748;
     color: #e2e8f0;
diff --git a/src/components/Navigation/Navigation.jsx b/src/components/Navigation/Navigation.jsx
index 25ad35661c5f..7e35db60ae64 100644
--- a/src/components/Navigation/Navigation.jsx
+++ b/src/components/Navigation/Navigation.jsx
@@ -248,7 +248,7 @@ function Navigation({ links, pathname, hash = "", toggleSidebar }) {
                 >
                   {link.children.map((child) => {
                     const classNames =
-                      "text-blue-400 dark:text-[#69a8ee] 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-blue800 dark:hover:text-blue-300";
                     const isActive = location.pathname.startsWith(child.url);
                     return (
                       <NavLink