diff --git a/app/static/styles.css b/app/static/styles.css
index 08bc6df..c9fe6ca 100644
--- a/app/static/styles.css
+++ b/app/static/styles.css
@@ -5,5 +5,16 @@
 /* Toast with frosted glass effect */
 .glass-toast {
     backdrop-filter: blur(8px);
-    background-color: rgba(var(--bs-body-bg-rgb), 0.75) !important;
+}
+
+.glass-toast-success {
+    background-color: rgba(var(--bs-success-rgb), 0.75) !important;
+}
+
+.glass-toast-danger {
+    background-color: rgba(var(--bs-danger-rgb), 0.75) !important;
+}
+
+.glass-toast-info {
+    background-color: rgba(var(--bs-info-rgb), 0.75) !important;
 }
diff --git a/app/templates/base.html b/app/templates/base.html
index 9be36ef..6f4f810 100644
--- a/app/templates/base.html
+++ b/app/templates/base.html
@@ -89,7 +89,7 @@
             </main>
             {% if message %}
             <div class="position-fixed top-0 start-50 translate-middle-x p-3 w-75" style="z-index: 1055; margin-top: 20px;">
-                <div id="messageToast" class="toast text-bg-{{ message_type | default('info') }} border-0 glass-toast w-100" role="alert" aria-live="assertive" aria-atomic="true">
+                <div id="messageToast" class="toast text-bg-{{ message_type | default('info') }} border-0 glass-toast glass-toast-{{ message_type | default('info') }} w-100" role="alert" aria-live="assertive" aria-atomic="true">
                     <div class="d-flex">
                         <div class="toast-body">
                             {{ message }}