diff --git a/src/css/custom.css b/src/css/custom.css
index 9531204d2661b3ea31dbde7548b5c0f391050076..555dcbf9ddfcc701a7a3aaa3cb212e265d462357 100644
--- a/src/css/custom.css
+++ b/src/css/custom.css
@@ -108,23 +108,27 @@ p {
 }
 
 /************ footer style ***********/
+
+a.footer__link-item:hover {
+  color:  var(--ifm-color-frame);
+}
+
 #__docusaurus > footer > div > div.text--center > div > a {
-  color: unset;  
+  color: unset;
 }
 
 #__docusaurus > footer > div > div.text--center > div > a:hover {
   color: var(--ifm-color-frame);
 }
 
-.footer--dark {
+.footer {
   background-color: var(--ifm-color-tonic-one);
-  color: var(--ifm-color-dark);
-  --ifm-footer-link-color: var(--ifm-color-dark);
-  --ifm-footer-title-color: var(--ifm-color-dark);
-  font-family: var( --ifm-font-family);
+  color: var(--ifm-color-primary);
+  --ifm-footer-link-color: var(--ifm-color-primary);
+  --ifm-footer-title-color: var(--ifm-color-primary);
+  font-family: var(--ifm-font-family);
 }
 
-
 /************ sub-footer style ***********/
 .footer__bottom {
   font-family: var(--ifm-font-family);