From 8ed328f11b20ab273c9e725981e7951fdfd2052b Mon Sep 17 00:00:00 2001
From: Pranjali <pranjalisr25@gmail.com>
Date: Tue, 24 Mar 2026 13:43:24 +0530
Subject: [PATCH 1/2] removed underline

---
 src/components/Footer/Footer.jsx         |  2 +-
 src/components/Markdown/Markdown.scss    | 30 ++++++++++++++++++++----
 src/components/Navigation/Navigation.jsx |  2 +-
 3 files changed, 28 insertions(+), 6 deletions(-)

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..b2a36debd28a 100644
--- a/src/components/Markdown/Markdown.scss
+++ b/src/components/Markdown/Markdown.scss
@@ -362,10 +362,32 @@ $topHeightMobileWithBanner: $bannerHeight + $topHeightMobile;
   a code {
     color: $text-color-highlight;
   }
-  a {
-    text-decoration: underline;
-    text-underline-offset: 2px;
-    text-decoration-thickness: 1px;
+  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 {
+    outline: 2px solid currentColor;
+    outline-offset: 2px;
   }
   pre {
     background-color: #2d3748;
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

From 16a46458a8b076d1eea5140d2b6fd2fc2584cda5 Mon Sep 17 00:00:00 2001
From: Pranjali <pranjalisr25@gmail.com>
Date: Wed, 8 Apr 2026 14:41:29 +0530
Subject: [PATCH 2/2] Used webpack palette colors

---
 src/components/Footer/Footer.jsx         | 2 +-
 src/components/Markdown/Markdown.scss    | 8 ++++----
 src/components/Navigation/Navigation.jsx | 2 +-
 3 files changed, 6 insertions(+), 6 deletions(-)

diff --git a/src/components/Footer/Footer.jsx b/src/components/Footer/Footer.jsx
index 224b52779ef8..2707fc4059be 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-[#1f5fbf] dark:[&_a]:text-[#58a6ff]">
+    <Container className="mx-auto max-w-[900px] px-5 pb-[30px] pt-[40px] text-center [&_a]:text-[#1d78c1] dark:[&_a]:text-[#8dd6f9]">
       <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 b2a36debd28a..d01a837d52f2 100644
--- a/src/components/Markdown/Markdown.scss
+++ b/src/components/Markdown/Markdown.scss
@@ -364,24 +364,24 @@ $topHeightMobileWithBanner: $bannerHeight + $topHeightMobile;
   }
   p a,
   li a {
-    color: #1f5fbf;
+    color: #1d78c1;
     text-decoration: none;
     font-weight: 600;
   }
 
   p a:hover,
   li a:hover {
-    color: #174ea6;
+    color: #465e69;
   }
 
   .dark p a,
   .dark li a {
-    color: #58a6ff;
+    color: #8dd6f9;
   }
 
   .dark p a:hover,
   .dark li a:hover {
-    color: #79c0ff;
+    color: #ffffff;
   }
 
   p a:focus-visible,
diff --git a/src/components/Navigation/Navigation.jsx b/src/components/Navigation/Navigation.jsx
index 7e35db60ae64..e9dfeba75237 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-800 dark:text-blue-300 py-5 text-sm capitalize hover:text-blue800 dark:hover:text-blue-300";
+                      "text-[#1d78c1] dark:text-[#8dd6f9] py-5 text-sm capitalize hover:text-[#465E69] dark:hover:text-white";
                     const isActive = location.pathname.startsWith(child.url);
                     return (
                       <NavLink