diff --git a/src/components/Footer.astro b/src/components/Footer.astro
index 2777a98..43110c1 100644
--- a/src/components/Footer.astro
+++ b/src/components/Footer.astro
@@ -86,10 +86,15 @@ const Reddit = icon({ prefix: "fab", iconName: "reddit" });
diff --git a/tailwind.config.mjs b/tailwind.config.mjs
index 6379b18..b9dd64f 100644
--- a/tailwind.config.mjs
+++ b/tailwind.config.mjs
@@ -1,7 +1,7 @@
/** @type {import('tailwindcss').Config} */
export default {
content: ['./src/**/*.{astro,html,js,jsx,md,mdx,svelte,ts,tsx,vue}'],
- darkMode: 'media',
+ darkMode: [ 'selector' , '[data-theme="dark"]'],
theme: {
extend: {
screens: {