From 7ca12c3dc43ad7ed223c0b4a34064ccc0ad24873 Mon Sep 17 00:00:00 2001
From: Michael Shamoon <4887959+shamoon@users.noreply.github.com>
Date: Tue, 8 Mar 2022 16:02:16 -0800
Subject: [PATCH] toasts

---
 src-ui/src/styles.scss |  4 ----
 src-ui/src/theme.scss  | 25 +++++++++++++++++++++++--
 2 files changed, 23 insertions(+), 6 deletions(-)

diff --git a/src-ui/src/styles.scss b/src-ui/src/styles.scss
index 9448a6e81..d182daa75 100644
--- a/src-ui/src/styles.scss
+++ b/src-ui/src/styles.scss
@@ -116,10 +116,6 @@ body {
   }
 }
 
-.ngx-file-drop__drop-zone--over {
-  background-color: var(--ngx-primary-faded) !important;
-}
-
 // Bootstrap 5 tweaks
 a.badge {
   text-decoration: none;
diff --git a/src-ui/src/theme.scss b/src-ui/src/theme.scss
index 9b6f1f945..e87382308 100644
--- a/src-ui/src/theme.scss
+++ b/src-ui/src/theme.scss
@@ -8,7 +8,8 @@
   --ngx-primary-lighten-10: hsl(var(--ngx-green), calc(var(--l) + 10%));
   --ngx-primary-lighten-30: hsl(var(--ngx-green), calc(var(--l) + 30%));
   --ngx-primary-darken-10: hsl(var(--ngx-green), calc(var(--l) - 10%));
-  --ngx-primary-darken-20: hsl(var(--ngx-green), calc(var(--l) - 20%));
+  --ngx-primary-darken-15: hsl(var(--ngx-green), calc(var(--l) - 15%));
+  --ngx-primary-darken-18: hsl(var(--ngx-green), calc(var(--l) - 18%));
 }
 
 svg.logo {
@@ -227,7 +228,27 @@ table.table {
 }
 
 .ngx-file-drop__drop-zone--over {
-  background-color: var(--ngx-primary-darken-20)
+  background-color: var(--ngx-primary-darken-15) !important;
+}
+
+.alert-danger {
+  color: var(--bs-body-color);
+  background-color: var(--bs-danger);
+  border-color: var(--bs-danger);
+}
+
+.alert-secondary {
+  background-color: var(--ngx-primary-darken-18);
+  border-color: var(--ngx-primary-darken-15);
+  color: var(--bs-body-color);
+}
+
+.toast {
+  background-color: hsla(var(--ngx-green), calc(var(--l) - 18%), 0.9);
+}
+
+.toast-header {
+  background-color: hsla(var(--ngx-green), calc(var(--l) - 10%), 0.9);
 }
 
 .ngb-dp-header,