diff --git a/src/components/ToastComponent.vue b/src/components/ToastComponent.vue
index dd436ce8..e80bed60 100644
--- a/src/components/ToastComponent.vue
+++ b/src/components/ToastComponent.vue
@@ -17,7 +17,10 @@ export default {
 
 <style>
 .toast {
-    @apply bg-dark-900/80 text-white flex flex-col justify-center fixed top-12 right-12 p-4 min-w-max shadow rounded duration-200 z-9999;
+    @apply bg-white/80 text-black flex flex-col justify-center fixed top-12 right-12 p-4 min-w-max shadow rounded duration-200 z-9999;
+}
+.dark .toast {
+    @apply bg-dark-900/80 text-white;
 }
 .toast button {
     @apply underline;