diff --git a/app/tailwind.config.js b/app/tailwind.config.js
index a83e5a6..bba3d81 100644
--- a/app/tailwind.config.js
+++ b/app/tailwind.config.js
@@ -1,29 +1,32 @@
+import daisyui from 'daisyui';
+import { light, dark } from 'daisyui/src/theming/themes';
+
 /** @type {import('tailwindcss').Config} */
 export default {
-	content: ['./src/**/*.{html,js,ts,svelte}'],
-	theme: {
-		extend: {}
-	},
-	plugins: [require('daisyui')],
-	daisyui: {
-		themes: [
-			{
-				light: {
-					...require('daisyui/src/theming/themes')['light'],
-					primary: '#00bfff',
-					accent: '#3c00ff',
-					'base-content': 'oklch(0.3 0.012 256)'
-				}
-			},
-			{
-				dark: {
-					...require('daisyui/src/theming/themes')['dark'],
-					primary: '#00bfff',
-					accent: '#3c00ff',
-					'base-content': 'white'
-				}
-			}
-		],
-		darkTheme: 'dark'
-	}
+    content: ['./src/**/*.{html,js,ts,svelte}'],
+    theme: {
+        extend: {}
+    },
+    plugins: [daisyui],
+    daisyui: {
+        themes: [
+            {
+                light: {
+                    ...light,
+                    primary: '#00bfff',
+                    accent: '#3c00ff',
+                    'base-content': 'oklch(0.3 0.012 256)'
+                }
+            },
+            {
+                dark: {
+                    ...dark,
+                    primary: '#00bfff',
+                    accent: '#3c00ff',
+                    'base-content': 'white'
+                }
+            }
+        ],
+        darkTheme: 'dark'
+    }
 };