How to use custom theme and template together in $mdToast of angular material
<p>I have following css to apply to <code>mdToast</code> for different response 
for e.g. 
SUCCESS,ERROR,INFO,WARNING.</p>

<pre><code>md-toast.md-error-toast-theme div.md-toast-content{
    color: white !important;
    background-color: red !important;
}

md-toast.md-success-toast-theme div.md-toast-content{
    color: white !important;
    background-color: green !important;
}
</code></pre>

<p>and I want apply this theme css to below mdToast</p>

<pre><code>$mdToast.show({
                templateUrl:'views/toast-template.html',
                controller:'ToastCtl',
                hideDelay:5000,
                controllerAs: 'toast',
                bindToController: true,
                locals:{message:message,type:type}
            });
</code></pre>

<p>I am able to use either theme or template successfully. However,I am not able to use template and theme together.</p>