Custom toastr

var app = angular.module('plunker', ['toastr']);

app.config(function(toastrConfig) {
  toastrConfig.positionClass = 'toast-bottom-right';
  toastrConfig.closeButton = true;
});

app.controller('MainCtrl', function($scope, toastr) {
  $scope.name = 'World';
  toastr.success('foo', 'Foo', {
    iconClass: 'toast-pink',
    timeOut: 0,
    extendedTimeOut: 0
  });
});

<!DOCTYPE html>
<html ng-app="plunker">

  <head>
    <meta charset="utf-8" />
    <title>AngularJS Plunker</title>
    <link data-require="angular-toastr@0.5.2" data-semver="0.5.2" rel="stylesheet" href="https://rawgit.com/Foxandxss/angular-toastr/0.5.2/dist/angular-toastr.css" />
    <script>document.write('<base href="' + document.location + '" />');</script>
    <link rel="stylesheet" href="style.css" />
    <script data-require="angular.js@1.3.x" src="https://code.angularjs.org/1.3.7/angular.js" data-semver="1.3.6"></script>
    <script data-require="angular.js@1.3.x" src="https://code.angularjs.org/1.3.7/angular-animate.js" data-semver="1.3.6"></script>
    <script data-require="angular-toastr@0.5.2" data-semver="0.5.2" src="https://rawgit.com/Foxandxss/angular-toastr/0.5.2/dist/angular-toastr.js"></script>
    <script src="app.js"></script>
  </head>

  <body ng-controller="MainCtrl">
  </body>

</html>

/* Put your css in here */

.toast-pink {
    background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAGwSURBVEhLtZa9SgNBEMc9sUxxRcoUKSzSWIhXpFMhhYWFhaBg4yPYiWCXZxBLERsLRS3EQkEfwCKdjWJAwSKCgoKCcudv4O5YLrt7EzgXhiU3/4+b2ckmwVjJSpKkQ6wAi4gwhT+z3wRBcEz0yjSseUTrcRyfsHsXmD0AmbHOC9Ii8VImnuXBPglHpQ5wwSVM7sNnTG7Za4JwDdCjxyAiH3nyA2mtaTJufiDZ5dCaqlItILh1NHatfN5skvjx9Z38m69CgzuXmZgVrPIGE763Jx9qKsRozWYw6xOHdER+nn2KkO+Bb+UV5CBN6WC6QtBgbRVozrahAbmm6HtUsgtPC19tFdxXZYBOfkbmFJ1VaHA1VAHjd0pp70oTZzvR+EVrx2Ygfdsq6eu55BHYR8hlcki+n+kERUFG8BrA0BwjeAv2M8WLQBtcy+SD6fNsmnB3AlBLrgTtVW1c2QN4bVWLATaIS60J2Du5y1TiJgjSBvFVZgTmwCU+dAZFoPxGEEs8nyHC9Bwe2GvEJv2WXZb0vjdyFT4Cxk3e/kIqlOGoVLwwPevpYHT+00T+hWwXDf4AJAOUqWcDhbwAAAAASUVORK5CYII=") !important;
    background-color: #fa39c3;
}

.toast-pink .toast-title {
  color: blue;
}

.toast-pink button {
  color: orange;
}