diff --git a/app/components/main_header.vue b/app/components/main_header.vue
index 000ec2c..5e9dac6 100644
--- a/app/components/main_header.vue
+++ b/app/components/main_header.vue
@@ -49,7 +49,7 @@ const props = defineProps({
                 <UButton icon="lucide:palette" variant="ghost" color="neutral" />
             </UDropdownMenu>-->
             <UButton icon="lucide:settings" variant="ghost" color="neutral" :to="props.settings_link ? '/settings/general' : undefined" v-if="props.logged_in" />
-            <UModal :ui="{ overlay: 'bg-black opacity-75', content: 'bg-zinc-950 py-3'}" v-model:open="logout_prompt">
+            <UModal :ui="{ overlay: 'bg-black opacity-75', content: 'light:bg-neutral-50 dark:bg-zinc-950 py-3'}" v-model:open="logout_prompt">
 
               <UButton icon="lucide:log-out" variant="ghost" color="error" class="hover:cursor-pointer" v-if="props.logged_in" />
               
@@ -60,7 +60,7 @@ const props = defineProps({
                     You will have to login again.
                   </p>
                   <div class="flex gap-4 flex-col justify-end">
-                    <UButton class="w-full hover:cursor-pointer dark:bg-zinc-900 hover:dark:bg-zinc-800 active:dark:bg-black" variant="soft" color="neutral" @click="logout_prompt = false">No</UButton>
+                    <UButton class="w-full hover:cursor-pointer light:bg-neutral-100 hover:light:bg-neutral-200 active:light:bg-white dark:bg-zinc-900 hover:dark:bg-zinc-800 active:dark:bg-black" variant="soft" color="neutral" @click="logout_prompt = false">No</UButton>
                     <UButton class="w-full" variant="soft" color="error" loading-auto @click="logout()">Yes</UButton>
                   </div>
                 </div>
diff --git a/app/pages/login.vue b/app/pages/login.vue
index a155b77..c42d870 100644
--- a/app/pages/login.vue
+++ b/app/pages/login.vue
@@ -58,7 +58,7 @@ function onSubmit(payload: FormSubmitEvent<Schema>) {
 
 <template>
   <div class="flex flex-col items-center justify-center gap-4 p-4 mt-7">
-    <UPageCard class="w-full max-w-md dark:bg-zinc-950 rounded-3xl">
+    <UPageCard class="w-full max-w-md light:bg-neutral-50 dark:bg-zinc-950 rounded-3xl">
       <UAuthForm
         :schema="schema"
         title="Login"