1 files changed, 20 insertions, 14 deletions
diff --git a/src/assets/styles/bmc/_sila/_toasts.scss b/src/assets/styles/bmc/_sila/_toasts.scss
index 482765ce..ab7e36c2 100644
--- a/src/assets/styles/bmc/_sila/_toasts.scss
+++ b/src/assets/styles/bmc/_sila/_toasts.scss
@@ -1,10 +1,10 @@
 .b-toaster {
-  top: 75px!important; // make sure toasts do not hide top header
+  top: 75px !important; // make sure toasts do not hide top header
 }
 
 // Toast component and status icon style
 .toast {
-  padding: $spacer/2 $spacer/2 $spacer/2 $spacer+2;
+  padding: $spacer/2 $spacer/2 $spacer/2 $spacer + 2;
   border-width: 0 0 0 3px;
   box-shadow: $box-shadow;
   .close {
@@ -16,10 +16,12 @@
 .toast-header {
   display: flex;
   align-items: flex-start;
-  background-color: inherit!important; //override specificity
+  background-color: transparent !important; //override specificity
   border: none;
-  color: theme-color("dark")!important; //override specificity
   padding-bottom: 0;
+  @include themify($themes) {
+    color: themed("text-primary") !important; //override specificity
+  }
 }
 
 .toast-icon {
@@ -31,31 +33,35 @@
   }
 
   + .close {
-    line-height: .9;
+    line-height: 0.9;
   }
 }
 
 .toast-body {
-  color: theme-color("dark");
+  @include themify($themes) {
+    color: themed("text-primary") !important;
+  }
   padding-top: 0;
 }
 
 .b-toast-success .toast {
-  border-left-color: theme-color("success")!important;
-  background-color: theme-color-light("success")!important;
+  border-left-color: theme-color("success") !important;
+  background-color: theme-color-light("success") !important;
 }
 
 .b-toast-info .toast {
-  border-left-color: theme-color("info")!important;
-  background-color: theme-color-light("info")!important;
+  border-left-color: theme-color("info") !important;
+  background-color: theme-color-light("info") !important;
 }
 
 .b-toast-danger .toast {
-  border-left-color: theme-color("danger")!important;
-  background-color: theme-color-light("danger")!important;
+  @include themify($themes) {
+    border-left-color: themed("red-40") !important;
+    background-color: themed("red-5") !important;
+  }
 }
 
 .b-toast-warning .toast {
-  border-left-color: theme-color("warning")!important;
-  background-color: theme-color-light("warning")!important;
+  border-left-color: theme-color("warning") !important;
+  background-color: theme-color-light("warning") !important;
 }