From 8b4f418236b2d8d0c3190c00ec37b056da862473 Mon Sep 17 00:00:00 2001
From: IamLRBA <jerrylarubafestus@gmail.com>
Date: Wed, 9 Sep 2026 12:38:46 +0300
Subject: [PATCH 1/2] Footer Changes

---
 src/css/custom.css | 18 ++++++++++++++----
 1 file changed, 14 insertions(+), 4 deletions(-)

diff --git a/src/css/custom.css b/src/css/custom.css
index 0192d42..b5f2087 100644
--- a/src/css/custom.css
+++ b/src/css/custom.css
@@ -125,7 +125,7 @@
   --ifm-navbar-padding-horizontal: 1.5rem;
   --ifm-navbar-background-color: #ffffff;
   --ifm-navbar-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1);
-  --ifm-footer-background-color: var(--ode-neutral-900);
+  --ifm-footer-background-color: var(--ode-primary);
   --ifm-footer-color: var(--ode-neutral-200);
   --ifm-footer-link-color: var(--ode-neutral-300);
   --ifm-footer-link-hover-color: var(--ode-secondary);
@@ -141,7 +141,6 @@
   --ifm-color-content: var(--ode-neutral-200);
   --ifm-color-content-secondary: var(--ode-neutral-400);
   --ifm-navbar-background-color: #242424;
-  --ifm-footer-background-color: #1a1a1a;
 }
 
 /* Professional table styling */
@@ -395,8 +394,10 @@ a:hover {
 }
 
 /* Footer styling */
-.footer {
-  background-color: var(--ode-neutral-900);
+.footer,
+.footer--dark {
+  --ifm-footer-background-color: var(--ode-primary);
+  background: linear-gradient(135deg, var(--ode-primary) 0%, var(--ode-primary-dark) 100%);
   color: var(--ode-neutral-200);
 }
 
@@ -408,6 +409,15 @@ a:hover {
   color: var(--ode-secondary);
 }
 
+.footer a.footer__social-link {
+  color: var(--ode-neutral-200);
+}
+
+.footer a.footer__social-link:hover {
+  color: var(--ode-secondary);
+  text-decoration: none;
+}
+
 /* Responsive adjustments */
 @media (max-width: 996px) {
   h1 {

From 2e9334d5b5ab83ad1b2bf5a97f73cd95336c8299 Mon Sep 17 00:00:00 2001
From: IamLRBA <jerrylarubafestus@gmail.com>
Date: Wed, 9 Sep 2026 12:46:21 +0300
Subject: [PATCH 2/2] Footer Changes

---
 src/css/custom.css | 35 +++++++++++++++++++++++++++++++++++
 1 file changed, 35 insertions(+)

diff --git a/src/css/custom.css b/src/css/custom.css
index b5f2087..6eb1349 100644
--- a/src/css/custom.css
+++ b/src/css/custom.css
@@ -418,6 +418,41 @@ a:hover {
   text-decoration: none;
 }
 
+[data-theme='dark'] .footer,
+[data-theme='dark'] .footer--dark {
+  --ifm-footer-color: var(--ode-neutral-900);
+  --ifm-footer-title-color: var(--ode-neutral-900);
+  --ifm-footer-link-color: var(--ode-neutral-900);
+  color: var(--ode-neutral-900);
+}
+
+[data-theme='dark'] .footer__title,
+[data-theme='dark'] .footer__copyright {
+  color: var(--ode-neutral-900);
+}
+
+[data-theme='dark'] .footer .footer__link-item,
+[data-theme='dark'] .footer a.footer__link-item {
+  --ifm-link-color: var(--ode-neutral-900);
+  --ifm-footer-link-color: var(--ode-neutral-900);
+  color: var(--ode-neutral-900);
+}
+
+[data-theme='dark'] .footer .footer__link-item:hover,
+[data-theme='dark'] .footer a.footer__link-item:hover {
+  --ifm-link-hover-color: var(--ode-secondary);
+  color: var(--ode-secondary);
+}
+
+[data-theme='dark'] .footer a.footer__social-link {
+  color: var(--ode-neutral-900);
+}
+
+[data-theme='dark'] .footer a.footer__social-link:hover {
+  color: var(--ode-secondary);
+  text-decoration: none;
+}
+
 /* Responsive adjustments */
 @media (max-width: 996px) {
   h1 {