How to change the Radzen Notification Icon Style?

Radzen.Blazor Components
1

How do i change the Notification Icon Style?

I can change the styling of the background-color, font color, etc. But i dont know how to change the Icon.

I mean this Icon:
image

The styles i changed:

.rz-growl-message-error  .rz-growl-item {
    background-color: rgb(254 202 202) !important;
    color: rgb(239 68 68) !important;
}

Results to this:
image

2

Hi @Samuel_Scherrer,

You can use the custom CSS properties:

.rz-growl-message-error .rz-growl-item {
    --rz-notification-error-color: rgb(239, 68, 68);
    --rz-notification-error-icon-color: rgb(239, 68, 68);
    --rz-notification-error-background-color: rgb(254, 202, 202);
}
1 Like
3

Thank you very much! It works :slight_smile: