sweet alert styling

src/popup2/app.component.ts

@@ -89,6 +89,7 @@ export class AppComponent implements OnInit {
                     title: msg.title,
                     text: msg.text,
                     buttons: buttons,
+                    icon: msg.type,
                 });
 
                 this.messagingService.send('showDialogResolve', {

src/scss/plugins.scss

@@ -3,6 +3,9 @@
 @import "~angular2-toaster/toaster";
 
 @import "variables.scss";
+@import "buttons.scss";
+
+// Toaster
 
 #toast-container {
     .toast-close-button {
@@ -79,3 +82,38 @@
         }
     }
 }
+
+// SweetAlert
+
+.swal-modal {
+    border-radius: $border-radius;
+
+    .swal-icon {
+        margin: 15px auto 0 auto;
+    }
+
+    .swal-title {
+        padding: 10px 10px 15px 10px;
+        margin: 0;
+        font-size: $font-size-large;
+        color: $text-color;
+    }
+
+    .swal-text {
+        color: $text-color;
+        font-size: $font-size-base;
+    }
+
+    .swal-footer {
+        padding: 15px 10px 10px 10px;
+        margin: 0;
+
+        .swal-button {
+            @extend .btn;
+        }
+
+        .swal-button--confirm {
+            @extend .btn.primary;
+        }
+    }
+}