How to change icon filling color in toastr
<p>I have toastr success and error messages shown in my application. I changes the colors of the background and the font color. I want to change the icon colors shown in the messages. I have searched everywhere for this but I can't find a way to change the fill color of the icon or at least changing the icon. Below is a screenshot of success message
<a href="https://i.stack.imgur.com/ct317.png" rel="noreferrer"><img src="https://i.stack.imgur.com/ct317.png" alt="enter image description here"></a></p>

<p>Below is for the error message,</p>

<p><a href="https://i.stack.imgur.com/CUVZF.png" rel="noreferrer"><img src="https://i.stack.imgur.com/CUVZF.png" alt="enter image description here"></a></p>

<p>I want to change the icons shown in these messages of change the filling color of the icons. The code in js file,</p>

<pre><code>.success(function(data) {
     toastr.success('Successfully Build ', 'Congratulations!', {
                        closeButton: true
                    });
}).error(function(err) {
    toastr.error('Cant Build', 'Error', {
                        closeButton: true
                    });
</code></pre>

<p>In css,</p>

<pre><code>#toast-container &gt; .toast-success {
    background-image: none;
    background-color: #e9e9e9;
    color: black;
}
#toast-container &gt; .toast-error {
    background-image: none;
    background-color: #e9e9e9;
    color: red;
}
</code></pre>