From: Michael Shamoon <4887959+shamoon@users.noreply.github.com>
Date: Wed, 30 Mar 2022 06:03:44 +0000 (-0700)
Subject: fix overlay background color in dark mode
X-Git-Tag: beta-1.7.0-rc1~20^2~5
X-Git-Url: http://git.ipfire.org/cgi-bin/gitweb.cgi?a=commitdiff_plain;h=32f6932faf92c535fbd23df94b1d8b7c325ee3b2;p=thirdparty%2Fpaperless-ngx.git

fix overlay background color in dark mode
---

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 8f0640f0f8..47dbff83e2 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
@@ -34,6 +34,6 @@ form {
   pointer-events: none;
 }
 
-.ngx-file-drop__drop-zone--over {
+::ng-deep .ngx-file-drop__drop-zone--over {
   background-color: var(--ngx-primary-faded) !important;
-}
\ No newline at end of file
+}
diff --git a/src-ui/src/theme.scss b/src-ui/src/theme.scss
index e76b31b2b3..a6c3de95d6 100644
--- a/src-ui/src/theme.scss
+++ b/src-ui/src/theme.scss
@@ -247,6 +247,10 @@ table.table {
 .main-dropzone {
   height: 100%;
   width: 100%;
+
+  &.ngx-file-drop__drop-zone--over {
+    background-color: transparent !important;
+  }
 }
 
 .global-dropzone-overlay {