diff --git a/frontend/bun.lockb b/frontend/bun.lockb
index c55ca7b..9c1e44a 100755
Binary files a/frontend/bun.lockb and b/frontend/bun.lockb differ
diff --git a/frontend/nuxt.config.ts b/frontend/nuxt.config.ts
index 8b81d14..9ac3ddd 100644
--- a/frontend/nuxt.config.ts
+++ b/frontend/nuxt.config.ts
@@ -6,6 +6,7 @@ export default defineNuxtConfig({
   devtools: { enabled: true },
   modules: [
     '@nuxtjs/tailwindcss',
+    '@nuxtjs/color-mode',
   ],
   // Disable SSR for Tauri
   ssr: false,
@@ -28,5 +29,11 @@ export default defineNuxtConfig({
         port: 5183,
       },
     },
-  }
+  },
+  colorMode: {
+    // Add `data-theme` attribute to the `html` tag, allowing DaisyUI to handle dark mode automatically
+    dataValue: 'theme',
+    // Remove the default `-mode` suffix from the class name, letting have `dark` and `light` as class names, for DaisyUI compatibility
+    classSuffix: '',
+  },
 })
diff --git a/frontend/package.json b/frontend/package.json
index 6e05dc4..4e45ea4 100644
--- a/frontend/package.json
+++ b/frontend/package.json
@@ -10,6 +10,8 @@
     "postinstall": "nuxi prepare"
   },
   "dependencies": {
+    "@nuxtjs/color-mode": "^3.5.1",
+    "daisyui": "^4.12.10",
     "nuxt": "^3.13.0",
     "vue": "latest",
     "vue-router": "latest"
diff --git a/frontend/tailwind.config.ts b/frontend/tailwind.config.ts
new file mode 100644
index 0000000..48039aa
--- /dev/null
+++ b/frontend/tailwind.config.ts
@@ -0,0 +1,7 @@
+import type { Config } from 'tailwindcss'
+
+export default <Partial<Config>>{
+    plugins: [
+        require('daisyui'),
+    ],
+}