From fe59ba819af28f64f48189c92ebf617d4c5ccd07 Mon Sep 17 00:00:00 2001
From: Brett Lavalla <blavalla@fb.com>
Date: Thu, 24 Feb 2022 17:01:11 -0800
Subject: [PATCH] Updated link colors to meet WCAG color contrast guidelines.

---
 website/src/css/_shared.scss     |  2 +-
 website/src/css/customTheme.scss | 27 +++++++++++++++++++++++++++
 2 files changed, 28 insertions(+), 1 deletion(-)

diff --git a/website/src/css/_shared.scss b/website/src/css/_shared.scss
index 1a6db7f32db..960891cbae4 100644
--- a/website/src/css/_shared.scss
+++ b/website/src/css/_shared.scss
@@ -40,7 +40,7 @@
 
   &:hover {
     background: var(--ifm-menu-color-background-hover);
-    color: var(--ifm-color-primary);
+    color: var(--ifm-link-color);
   }
 }
 
diff --git a/website/src/css/customTheme.scss b/website/src/css/customTheme.scss
index c2afb376239..8f9fac71640 100644
--- a/website/src/css/customTheme.scss
+++ b/website/src/css/customTheme.scss
@@ -47,6 +47,7 @@
 html[data-theme="light"] {
   --ifm-code-background: rgba(0, 0, 0, 0.06);
   --docsearch-container-background: rgba(32, 35, 42, 0.6);
+  --ifm-link-color: #357da1;
 }
 
 html[data-theme="dark"] {
@@ -913,6 +914,14 @@ div[class^="tableOfContents"] {
       padding: 0;
       border: 0;
     }
+
+    &:hover {
+      color: var(--ifm-link-color);
+
+      code {
+        color: var(--ifm-link-color);
+      }
+    }
   }
 
   .table-of-contents__link--active {
@@ -927,6 +936,14 @@ div[class^="tableOfContents"] {
       color: var(--ifm-font-color-base);
       white-space: nowrap;
     }
+
+    &:hover {
+      color: var(--ifm-font-color-base);
+
+      code {
+        color: var(--ifm-font-color-base);
+      }
+    }
   }
 }
 
@@ -1728,6 +1745,16 @@ html[data-theme="dark"] {
   }
 }
 
+html[data-theme="light"] {
+  .main-wrapper.blog-wrapper {
+    .container.margin-vert--lg {
+      .col.text--right a:hover {
+        color: var(--ifm-link-color);
+      }
+    }
+  }
+}
+
 @media only screen and (max-width: 996px) {
   .container.margin-vert--lg .row .col.col--3 {
     display: none;