diff --git a/mkdocs_landing/css/style.css b/mkdocs_landing/css/style.css
index d14fa0f..a48a7d2 100644
--- a/mkdocs_landing/css/style.css
+++ b/mkdocs_landing/css/style.css
@@ -29,8 +29,8 @@ footer#footer {
     position: relative;
     text-align: right;
     padding: 2rem calc(50% - 24rem);
-    background-color: var(--text);
-    color: var(--hltext);
+    background-color: var(--footer);
+    color: var(--footer-text);
 }
 
 #page-source {
diff --git a/mkdocs_landing/mkdocs_theme.yml b/mkdocs_landing/mkdocs_theme.yml
index 801c1d5..971fc1e 100644
--- a/mkdocs_landing/mkdocs_theme.yml
+++ b/mkdocs_landing/mkdocs_theme.yml
@@ -43,6 +43,7 @@ colors:
   mantle: "#f5f4f5"
   crust: "#d4d2d5"
   overlay: "#9B9B9E"
+  footer: var(--text)
   # text
   text: "#343233"
   hltext: "#ffffff"
@@ -54,6 +55,7 @@ colors:
   mantle_text: var(--text)
   crust_text: var(--text)
   overlay_text: var(--hltext)
+  footer_text: var(--hltext)
 # dark mode variants
 colors_dark:
   # colours
@@ -65,6 +67,7 @@ colors_dark:
   mantle: "#373536"
   crust: "#3E3C3D"
   overlay: "#646461"
+  footer: "#242223"
   # text
   text: "#ffffff"
   hltext: "#343233"
@@ -76,6 +79,7 @@ colors_dark:
   mantle_text: var(--text)
   crust_text: var(--text)
   overlay_text: var(--hltext)
+  footer_text: var(--text)
 
 # theme fonts
 fonts:
diff --git a/mkdocs_landing/partials/head_config.html b/mkdocs_landing/partials/head_config.html
index 99cc5d6..453b24a 100644
--- a/mkdocs_landing/partials/head_config.html
+++ b/mkdocs_landing/partials/head_config.html
@@ -15,6 +15,7 @@
         --mantle: {{config.theme.colors.mantle}};
         --crust: {{config.theme.colors.crust}};
         --overlay: {{config.theme.colors.overlay}};
+        --footer: {{config.theme.colors.footer}};
         /* text */
         --text: {{config.theme.colors.text}};
         --hltext: {{config.theme.colors.hltext}};
@@ -27,6 +28,7 @@
         --mantle-text: {{config.theme.colors.mantle_text}};
         --crust-text: {{config.theme.colors.crust_text}};
         --overlay-text: {{config.theme.colors.overlay_text}};
+        --footer-text: {{config.theme.colors.footer_text}};
         /* fonts */
         --heading: {{config.theme.fonts.heading}};
         --body: {{config.theme.fonts.body}};
@@ -45,6 +47,7 @@
           --mantle: {{config.theme.colors_dark.mantle}};
           --crust: {{config.theme.colors_dark.crust}};
           --overlay: {{config.theme.colors_dark.overlay}};
+          --footer: {{config.theme.colors_dark.footer}};
           /* text */
           --text: {{config.theme.colors_dark.text}};
           --hltext: {{config.theme.colors_dark.hltext}};
@@ -57,6 +60,7 @@
           --mantle-text: {{config.theme.colors_dark.mantle_text}};
           --crust-text: {{config.theme.colors_dark.crust_text}};
           --overlay-text: {{config.theme.colors_dark.overlay_text}};
+          --footer-text: {{config.theme.colors_dark.footer_text}};
         }
       }
       /* style settings */