From 011ba5056aa7e6670ec4e0c712ee0a6cdf39565a Mon Sep 17 00:00:00 2001
From: Prospector <6166773+Prospector@users.noreply.github.com>
Date: Wed, 11 Jan 2023 09:54:41 -0800
Subject: [PATCH] Overwrite default notification colors with !important (#898)

---
 assets/styles/components.scss | 18 +++++++++---------
 1 file changed, 9 insertions(+), 9 deletions(-)

diff --git a/assets/styles/components.scss b/assets/styles/components.scss
index 3925608fe..4555e5099 100644
--- a/assets/styles/components.scss
+++ b/assets/styles/components.scss
@@ -1320,23 +1320,23 @@ tr.button-transparent {
 }
 
 .vue-notification {
-  background: var(--color-special-blue);
-  border-left: 5px solid var(--color-special-blue);
-  color: var(--color-brand-inverted);
+  background: var(--color-special-blue)!important;
+  border-left: 5px solid var(--color-special-blue)!important;
+  color: var(--color-brand-inverted)!important;
 
   &.success {
-    background: var(--color-special-green);
-    border-left-color: var(--color-special-green);
+    background: var(--color-special-green)!important;
+    border-left-color: var(--color-special-green)!important;
   }
 
   &.warn {
-    background: var(--color-special-orange);
-    border-left-color: var(--color-special-orange);
+    background: var(--color-special-orange)!important;
+    border-left-color: var(--color-special-orange)!important;
   }
 
   &.error {
-    background: var(--color-special-red);
-    border-left-color: var(--color-special-red);
+    background: var(--color-special-red)!important;
+    border-left-color: var(--color-special-red)!important;
   }
 }