diff --git a/src/App.vue b/src/App.vue
index db683da4..1b1fd1d4 100644
--- a/src/App.vue
+++ b/src/App.vue
@@ -10,7 +10,7 @@
             ondragover="event.preventDefault()"
             ondrop="event.preventDefault()">
             <RouterView></RouterView>
-            <Toaster position="top-center"></Toaster>
+            <Toaster position="top-center" :theme="theme"></Toaster>
 
             <AlertDialogModal></AlertDialogModal>
             <PromptDialogModal></PromptDialogModal>
@@ -41,6 +41,10 @@
 
     const isMacOS = computed(() => navigator.platform.includes('Mac'));
 
+    const theme = computed(() => {
+        return store.appearanceSettings.isDarkMode ? 'dark' : 'light';
+    });
+
     initNoty();
 
     const store = createGlobalStores();