diff --git a/src/components/Footer.astro b/src/components/Footer.astro
index e4cbf93..04046a1 100644
--- a/src/components/Footer.astro
+++ b/src/components/Footer.astro
@@ -2,6 +2,6 @@
 const today = new Date();
 ---
 
-<footer class="flex justify-center fixed w-screen bottom-0 p-4">
+<footer class="flex justify-center fixed w-screen bottom-0 p-4 footerbg">
 	{today.getFullYear()} &copy; Sindre Kjelsrud.
 </footer>
\ No newline at end of file
diff --git a/src/styles/global.css b/src/styles/global.css
index 89c8ec3..4b4d621 100644
--- a/src/styles/global.css
+++ b/src/styles/global.css
@@ -50,6 +50,15 @@ body {
     color: #1DB954 !important;
 }
 
+/* FOOTER */
+.footerbg {
+	background-color: var(--light-bg);
+}
+
+.dark .footerbg {
+	background-color: var(--dark-bg);
+}
+
 /* TOOLS */
 .cards :hover { background: var(--light-hover) }