design: change themes

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="

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