diff --git a/static/galene.css b/static/galene.css
index 15394fc..e71584d 100644
--- a/static/galene.css
+++ b/static/galene.css
@@ -1360,6 +1360,13 @@ header .collapse:hover {
 
     --contextualOverflowIcon: #999;
     --contextualSeperator: #999;
+
+    --toast-warn-bg: linear-gradient(to right, #bdc511, #c2cf01);
+    --toast-warn-col: #000;
+    --toast-info-bg: linear-gradient(to right, #529518, #96c93d);
+    --toast-info-col: #000;
+    --toast-error-bg: linear-gradient(to right, #f22a0a, #ff4d3d);
+    --toast-error-col: #000;
 }
 
 .contextualMenu{
@@ -1375,3 +1382,31 @@ header .collapse:hover {
 #invite-dialog {
     background-color: #eee;
 }
+
+/* Style for the oastify messages shall be within a css file */
+.toastify.error {
+    background: linear-gradient(to right, #e20a0a, #df2d2d);
+    color: var(--toast-error-col);
+}
+
+.toastify.error .toast-close {
+    color: var(--toast-error-col);
+}
+
+.toastify.warning {
+    background: var(--toast-warn-bg);
+    color: var(-toast.warn-col);
+}
+
+.toastify.warning .toast-close {
+    color:  var(--toast-warn-col);
+}
+
+.toastify.info {
+    background: var(--toast-info-bg);
+    color: var(--toast-info-col);
+}
+
+.toastify.info .toast-close {
+    color: var(--toast-info-col);
+}
diff --git a/static/galene.js b/static/galene.js
index 676b3e0..bc70c4d 100644
--- a/static/galene.js
+++ b/static/galene.js
@@ -3984,9 +3984,6 @@ function displayError(message, level) {
         close: true,
         position: position,
         gravity: gravity,
-        style: {
-            background: background,
-        },
         className: level,
     }).showToast();
 }