diff --git a/src/components/ThemeSwap.vue b/src/components/ThemeSwap.vue
index 8576862..fbd1133 100644
--- a/src/components/ThemeSwap.vue
+++ b/src/components/ThemeSwap.vue
@@ -12,7 +12,7 @@ const toggle = (isChecked: boolean) => {
     <label class="grid cursor-pointer place-items-center">
       <input
         type="checkbox"
-        value="sunset"
+        value="coffee"
         class="toggle theme-controller bg-base-content col-span-2 col-start-1 row-start-1"
         :checked="isDark"
         @click="
diff --git a/tailwind.config.js b/tailwind.config.js
index 33d623c..987e685 100644
--- a/tailwind.config.js
+++ b/tailwind.config.js
@@ -43,7 +43,7 @@ module.exports = {
   },
   plugins: [typography, daisyui],
   daisyui: {
-    themes: ['retro', 'sunset'],
+    themes: ['lofi', 'coffee'],
     base: true,
     styled: true,
     utils: true