From 28c801b6d0293de36e45d1f4a6a90572dbd7a4d4 Mon Sep 17 00:00:00 2001 From: Rigel Kent Date: Tue, 4 Feb 2020 17:34:06 +0100 Subject: [PATCH] Restyle toast notifications to tone down colors --- client/src/sass/primeng-custom.scss | 28 +++++++++++++++------------- 1 file changed, 15 insertions(+), 13 deletions(-) diff --git a/client/src/sass/primeng-custom.scss b/client/src/sass/primeng-custom.scss index 0d51818c3..753fdf5c9 100644 --- a/client/src/sass/primeng-custom.scss +++ b/client/src/sass/primeng-custom.scss @@ -389,25 +389,27 @@ p-toast { .ui-toast-message { font-family: $main-fonts; - - &.ui-toast-message-success { - color: #fff !important; - background-color: #8BC34A !important; + background-color: var(--mainBackgroundColor) !important; + border-radius: 5px; + box-sizing: border-box; + border: 1px solid #EBEEF5 !important; + box-shadow: 0 2px 12px 0 rgba(0, 0 , 0, .1); + overflow: hidden; + + &.ui-toast-message-success .glyphicon { + color: #8BC34A !important; } - &.ui-toast-message-error { - color: #fff !important; - background-color: #F44336 !important; + &.ui-toast-message-error .glyphicon { + color: #F44336 !important; } - &.ui-toast-message-info { - color: #fff !important; - background-color: #03A9F4 !important; + &.ui-toast-message-warn .glyphicon { + color: #F1680D !important; } - &.ui-toast-message-info { - color: #fff !important; - background-color: #03A9F4 !important; + &.ui-toast-message-info .glyphicon { + color: #03A9F4 !important; } .notification-block { -- 2.25.1