fix(a11y): improved contrast

Author: pranjalisr

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-[#465E69] [&_a:hover]:text-[#2B3A42] dark:[&_a]:text-[#8dd6f9] dark:[&_a:hover]:text-white">
       <div className="mb-[24px] flex justify-center">
         <a href="https://openjsf.org" target="_blank" rel="noopener noreferrer">
           <img

src/components/Markdown/Markdown.css

@@ -293,6 +293,7 @@
     font-family:
       "Source Code Pro", Consolas, "Liberation Mono", Menlo, Courier, monospace;
     @apply text-[90%] mx-0.5 py-0.5 px-1.5 whitespace-normal bg-[rgba(70,94,105,0.05)] rounded-[3px];
+    color: #2b3a42;
     text-shadow: 0 1px 0 rgba(255, 255, 255, 0.6);
   }
 
@@ -455,3 +456,11 @@
 .dark .markdown aside.todo > .todo__prefix {
   @apply text-white;
 }
+
+.markdown aside.tip a {
+  color: #465e69;
+}
+
+.markdown aside.tip a:hover {
+  color: #2b3a42;
+}

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-[#465E69] dark:text-[#8dd6f9] py-5 text-sm capitalize hover:text-[#2B3A42] dark:hover:text-white";
                     const isActive = location.pathname.startsWith(child.url);
                     return (
                       <NavLink

src/styles/theme.css

@@ -15,7 +15,7 @@
   /* Aside/callout colors */
   --color-aside-border: #dddddd;
   --color-aside-tip-bg: #eaf8ff;
-  --color-aside-tip-text: #4e7182;
+  --color-aside-tip-text: #465e69;
   --color-aside-tip-border: #1eb4ff;
   --color-aside-warning-bg: #fdf5d8;
   --color-aside-warning-text: #716b53;
@@ -82,7 +82,7 @@
   --color-heading-dark: #32434a;
   --color-aside-border: #dddddd;
   --color-aside-tip-bg: #eaf8ff;
-  --color-aside-tip-text: #4e7182;
+  --color-aside-tip-text: #465e69;
   --color-aside-tip-border: #1eb4ff;
   --color-aside-warning-bg: #fdf5d8;
   --color-aside-warning-text: #716b53;