custom swal content

src/popup/scss/misc.scss

@@ -16,6 +16,14 @@ small {
     color: $brand-success !important;
 }
 
+.text-info {
+    color: $brand-info !important;
+}
+
+.text-warning {
+    color: $brand-warning !important;
+}
+
 .text-muted {
     color: $text-muted !important;
 }

src/popup/scss/plugins.scss

@@ -1,4 +1,4 @@
-$fa-font-path: "~font-awesome/fonts";
+$fa-font-path: "~font-awesome/fonts";
 @import "~font-awesome/scss/font-awesome.scss";
 @import "~angular2-toaster/toaster";
 
@@ -92,6 +92,23 @@
         margin: 15px auto 0 auto;
     }
 
+    .swal-content {
+        margin: 15px 0 0 0;
+        padding: 0;
+
+        .swal-text {
+            &:last-child {
+                margin-bottom: 0;
+            }
+        }
+    }
+
+    i.swal-custom-icon {
+        display: block;
+        margin: 0 auto;
+        font-size: 35px;
+    }
+
     .swal-title {
         padding: 10px 10px 15px 10px;
         margin: 0;