diff --git a/app.vue b/app.vue
index a495b75..cd2297e 100644
--- a/app.vue
+++ b/app.vue
@@ -1,5 +1,26 @@
+<script lang="ts" setup>
+import { theme } from 'ant-design-vue';
+import { IUser } from './models/user';
+
+  const {data: user}: any = await useApiFetch("/auth/session")
+  provide("dark", user?.profile?.nightMode || false)
+
+
+</script>
 <template>
-  <div>
-    <NuxtWelcome />
-  </div>
+  <a-config-provider :theme="{
+  token: {
+    colorPrimary: '#ff3c8e',
+    colorSuccess: '#2be396',
+    colorWarning: '#face14',
+    colorInfo: '#17e3ff'
+  },
+  algorithm: ((user as IUser)?.profile?.nightMode || false) ? theme.darkAlgorithm : theme.defaultAlgorithm
+}">
+  
+  <NuxtLayout>
+    <NuxtPage/>
+    <!-- <NuxtWelcome /> -->
+  </NuxtLayout>
+  </a-config-provider>
 </template>