feat: adding style for error and warning notification messages (#109)

Adding style for error and warning notification messages Co-authored-by: Nicola Saglioni <[email protected]>
bcgov · Oct 6, 2023 · 57533b2 · 57533b2
1 parent 22dd132
commit 57533b2
Showing 1 changed file with 21 additions and 0 deletions.
diff --git a/style-sheets/primevue-components-overrides.scss b/style-sheets/primevue-components-overrides.scss
@@ -833,6 +833,27 @@ label {
     border: solid 0.0625rem map.get(lightTheme.$light-theme, 'support-success') !important;
     border-left: solid 0.3125rem
         map.get(lightTheme.$light-theme, 'support-success') !important;
+    svg {
+        color: map.get(lightTheme.$light-theme, 'support-success') !important;
+    }
+}
+
+.#{variables.$primevue-prefix}-message-error {
+    border: solid 0.0625rem map.get(lightTheme.$light-theme, 'support-error') !important;
+    border-left: solid 0.3125rem
+        map.get(lightTheme.$light-theme, 'support-error') !important;
+    svg {
+        color: map.get(lightTheme.$light-theme, 'support-error') !important;
+    }
+}
+
+.#{variables.$primevue-prefix}-message-warn {
+    border: solid 0.0625rem map.get(lightTheme.$light-theme, 'support-warning') !important;
+    border-left: solid 0.3125rem
+        map.get(lightTheme.$light-theme, 'support-warning') !important;
+    svg {
+        color: map.get(lightTheme.$light-theme, 'support-warning') !important;
+    }
 }
 
 /* ------------------------------------ Sidebar --------------------------------- */