diff --git a/website/src/components/HomepageQuotes/styles.module.css b/website/src/components/HomepageQuotes/styles.module.css
index 3285d821..2f0c4ce9 100644
--- a/website/src/components/HomepageQuotes/styles.module.css
+++ b/website/src/components/HomepageQuotes/styles.module.css
@@ -28,7 +28,7 @@
 .quoteBlockMessage {
   position: relative;
   margin-bottom: 1em;
-  border-left: 4px solid var(--fc-banner-background-color);
+  border-left: 4px solid var(--ifm-color-primary);
   padding-left: 1em;
   padding-right: 1em;
 }
@@ -42,7 +42,7 @@
   left: 0;
   top: -0.5em;
   content: '“';
-  color: var(--fc-banner-background-color);
+  color: var(--ifm-color-primary);
   font-size: 5em;
   opacity: 20%;
 }
@@ -52,7 +52,7 @@
   right: 0;
   bottom: -0.8em;
   content: '”';
-  color: var(--fc-banner-background-color);
+  color: var(--ifm-color-primary);
   font-size: 5em;
   opacity: 20%;
 }
@@ -60,7 +60,7 @@
 .quoteBlockAuthor a {
   display: flex;
   flex-direction: row;
-  color: var(--fc-banner-background-color);
+  color: var(--ifm-color-primary);
 }
 
 .quoteBlockAuthorDetails {
diff --git a/website/src/css/custom.css b/website/src/css/custom.css
index 89ea3a14..9453153d 100644
--- a/website/src/css/custom.css
+++ b/website/src/css/custom.css
@@ -16,6 +16,7 @@
   --ifm-code-font-size: 95%;
   --docusaurus-highlighted-code-line-bg: rgba(0, 0, 0, 0.1);
   --fc-banner-background-color: rgb(40, 46, 169);
+  --ifm-footer-link-hover-color: #abadeb; /* The primary of Dark mode, default being: var(--ifm-color-primary)*/
 }
 
 /* For readability concerns, you should choose a lighter palette in dark mode. */