feat: add more colors to toasts

Author: mrholek

scss/_mixins.scss

@@ -37,6 +37,7 @@
 @import "mixins/sidebar-width"; // TODO: refactor
 @import "mixins/switches";
 @import "mixins/table-row";
+@import "mixins/toasts";
 @import "mixins/icon";
 
 // Skins

scss/_toasts.scss

@@ -121,3 +121,14 @@
     margin-bottom: ($spacer / 8);
   }
 }
+
+// Alternate styles
+//
+// Generate contextual modifier classes for colorizing the toast.
+
+@include theme-variant() {
+  .toast-#{$color} {
+    @include toast-variant($value);
+  }
+}
+

scss/mixins/_toasts.scss

@@ -0,0 +1,11 @@
+@mixin toast-variant($background) {
+  color: color-yiq($background);
+  background-color: $background;
+  border-color: darken($background, 10%);
+
+  .toast-header {
+    color: color-yiq($background);
+    background-color: darken($background, 5%);
+    border-color: darken($background, 10%);
+  }
+}