diff --git a/src/components/ThemeSwap.vue b/src/components/ThemeSwap.vue
index db793aa..cf4c3f8 100644
--- a/src/components/ThemeSwap.vue
+++ b/src/components/ThemeSwap.vue
@@ -1,7 +1,7 @@
 <script setup lang="ts">
 const htmlElement = document.querySelector("html")
 const lightMode = htmlElement?.dataset.theme
-const darkMode = "coffee"
+const darkMode = "abyss"
 
 const isInitiallyDark = JSON.parse(localStorage.getItem("is-dark") ?? "false")
 
diff --git a/src/styles/app.css b/src/styles/app.css
index 6119f9d..781b653 100644
--- a/src/styles/app.css
+++ b/src/styles/app.css
@@ -24,7 +24,7 @@
 @plugin 'daisyui' {
   themes:
     silk --default,
-    coffee --prefersdark;
+    abyss --prefersdark;
 }
 
 @config '../../tailwind.config.js';