I have a component that uses alertify file. I am trying to change the background colour of the success message popup. It is not working.
.alertify-notifier .ajs-message.ajs-success{
background-color: #00cccc;
}
:host ::ng-deep div.alertify-notifier .ajs-message.ajs-success.ajs-visible {
color: #fff;
background-color: #00cccc;
text-shadow: -1px -1px 0 rgba(0,0,0,.5);
border-radius: 10px;}
I can see the popup with standard colours, the CSS is not working even with ng-deep. Please suggest how I can change the styles of this dynamic control created by the alertifyjs.