From d60b532b8f07582f2b3670d729587e820386aa7d Mon Sep 17 00:00:00 2001
From: Michael Shamoon <4887959+nikonratm@users.noreply.github.com>
Date: Tue, 26 Jan 2021 10:09:13 -0800
Subject: [PATCH] Dark mode support

---
 .../upload-file-widget.component.scss                  |  4 ----
 src-ui/src/styles.scss                                 |  4 ++++
 src-ui/src/theme_dark.scss                             | 10 ++++++++++
 3 files changed, 14 insertions(+), 4 deletions(-)

diff --git a/src-ui/src/app/components/dashboard/widgets/upload-file-widget/upload-file-widget.component.scss b/src-ui/src/app/components/dashboard/widgets/upload-file-widget/upload-file-widget.component.scss
index 2af4a4029..ed1bca319 100644
--- a/src-ui/src/app/components/dashboard/widgets/upload-file-widget/upload-file-widget.component.scss
+++ b/src-ui/src/app/components/dashboard/widgets/upload-file-widget/upload-file-widget.component.scss
@@ -1,9 +1,5 @@
 @import "/src/theme";
 
-::ng-deep .ngx-file-drop__drop-zone--over {
-  background-color: $primaryFaded !important;
-}
-
 form {
   position: relative;
 }
diff --git a/src-ui/src/styles.scss b/src-ui/src/styles.scss
index 8cf4a93f6..34f575a05 100644
--- a/src-ui/src/styles.scss
+++ b/src-ui/src/styles.scss
@@ -111,3 +111,7 @@ body {
     font-size: 16px;
   }
 }
+
+.ngx-file-drop__drop-zone--over {
+  background-color: $primaryFaded !important;
+}
diff --git a/src-ui/src/theme_dark.scss b/src-ui/src/theme_dark.scss
index 9a698143d..bd4227fc6 100644
--- a/src-ui/src/theme_dark.scss
+++ b/src-ui/src/theme_dark.scss
@@ -352,6 +352,16 @@ $border-color-dark-mode: #47494f;
   .bg-dark {
     background-color: $bg-light-dark-mode !important;
   }
+
+  .ngx-file-drop__drop-zone--over {
+    background-color: darken($primary-dark-mode, 35%) !important;
+  }
+
+  .alert-secondary {
+    background-color: $bg-light-dark-mode;
+    border-color: darken($bg-light-dark-mode, 10%);
+    color: $text-color-dark-mode-accent;
+  }
 }
 
 body.color-scheme-dark {