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 8f0640f0f81eb4141ad090fc34b3a707f101ee27..47dbff83e2f63ecfde3b758c8cc22e8af41448bf 100644 (file)
--- 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 e76b31b2b34a4e0c7f1ef2d7bc62fb53a8159a87..a6c3de95d6cc94332d2b3b4db1aa6f8916e9a03e 100644 (file)
--- 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 {