diff --git a/components/lib/fileupload/FileUpload.vue b/components/lib/fileupload/FileUpload.vue
index fdfd655c4..f15b57008 100755
--- a/components/lib/fileupload/FileUpload.vue
+++ b/components/lib/fileupload/FileUpload.vue
@@ -60,6 +60,7 @@ import UploadIcon from 'primevue/icons/upload';
 import Message from 'primevue/message';
 import ProgressBar from 'primevue/progressbar';
 import Ripple from 'primevue/ripple';
+import { DomHandler } from 'primevue/utils';
 import BaseFileUpload from './BaseFileUpload.vue';
 import FileContent from './FileContent.vue';
 
@@ -265,7 +266,7 @@ export default {
         },
         onDragOver(event) {
             if (!this.disabled) {
-                this.$refs.content.classList.add('p-fileupload-highlight');
+                DomHandler.addClass(this.$refs.content, 'p-fileupload-highlight');
                 this.$refs.content.setAttribute('data-p-highlight', true);
                 event.stopPropagation();
                 event.preventDefault();
@@ -273,12 +274,13 @@ export default {
         },
         onDragLeave() {
             if (!this.disabled) {
-                this.$refs.content.classList.remove('p-fileupload-highlight');
+                DomHandler.removeClass(this.$refs.content, 'p-fileupload-highlight');
                 this.$refs.content.setAttribute('data-p-highlight', false);
             }
         },
         onDrop(event) {
             if (!this.disabled) {
+                DomHandler.removeClass(this.$refs.content, 'p-fileupload-highlight');
                 this.$refs.content.setAttribute('data-p-highlight', false);
                 event.stopPropagation();
                 event.preventDefault();
diff --git a/public/themes/arya-blue/theme.css b/public/themes/arya-blue/theme.css
index ea9c94755..179b67bf7 100644
--- a/public/themes/arya-blue/theme.css
+++ b/public/themes/arya-blue/theme.css
@@ -4382,6 +4382,10 @@
   border-bottom-right-radius: 3px;
   border-bottom-left-radius: 3px;
 }
+.p-fileupload .p-fileupload-content.p-fileupload-highlight {
+  border: 1px dashed #64B5F6;
+  background-color: rgba(100, 181, 246, 0.16);
+}
 .p-fileupload .p-fileupload-file {
   padding: 1rem;
   border: 1px solid #383838;
diff --git a/public/themes/arya-green/theme.css b/public/themes/arya-green/theme.css
index 887a38cfb..7ae6d2d59 100644
--- a/public/themes/arya-green/theme.css
+++ b/public/themes/arya-green/theme.css
@@ -4382,6 +4382,10 @@
   border-bottom-right-radius: 3px;
   border-bottom-left-radius: 3px;
 }
+.p-fileupload .p-fileupload-content.p-fileupload-highlight {
+  border: 1px dashed #81C784;
+  background-color: rgba(129, 199, 132, 0.16);
+}
 .p-fileupload .p-fileupload-file {
   padding: 1rem;
   border: 1px solid #383838;
diff --git a/public/themes/arya-orange/theme.css b/public/themes/arya-orange/theme.css
index 1df4c63fe..851521311 100644
--- a/public/themes/arya-orange/theme.css
+++ b/public/themes/arya-orange/theme.css
@@ -4382,6 +4382,10 @@
   border-bottom-right-radius: 3px;
   border-bottom-left-radius: 3px;
 }
+.p-fileupload .p-fileupload-content.p-fileupload-highlight {
+  border: 1px dashed #FFD54F;
+  background-color: rgba(255, 213, 79, 0.16);
+}
 .p-fileupload .p-fileupload-file {
   padding: 1rem;
   border: 1px solid #383838;
diff --git a/public/themes/arya-purple/theme.css b/public/themes/arya-purple/theme.css
index 948bb99bc..b0ff29b6a 100644
--- a/public/themes/arya-purple/theme.css
+++ b/public/themes/arya-purple/theme.css
@@ -4382,6 +4382,10 @@
   border-bottom-right-radius: 3px;
   border-bottom-left-radius: 3px;
 }
+.p-fileupload .p-fileupload-content.p-fileupload-highlight {
+  border: 1px dashed #BA68C8;
+  background-color: rgba(186, 104, 200, 0.16);
+}
 .p-fileupload .p-fileupload-file {
   padding: 1rem;
   border: 1px solid #383838;
diff --git a/public/themes/bootstrap4-dark-blue/theme.css b/public/themes/bootstrap4-dark-blue/theme.css
index 69a416e6d..374fe3017 100644
--- a/public/themes/bootstrap4-dark-blue/theme.css
+++ b/public/themes/bootstrap4-dark-blue/theme.css
@@ -4394,6 +4394,10 @@
   border-bottom-right-radius: 4px;
   border-bottom-left-radius: 4px;
 }
+.p-fileupload .p-fileupload-content.p-fileupload-highlight {
+  border: 1px dashed #8dd0ff;
+  background-color: #8dd0ff;
+}
 .p-fileupload .p-fileupload-file {
   padding: 1rem;
   border: 1px solid #3f4b5b;
@@ -5959,15 +5963,12 @@
 }
 
 /* Vendor extensions to the designer enhanced bootstrap compatibility */
-.p-breadcrumb .p-breadcrumb-chevron {
-  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
-}
-.p-breadcrumb .p-breadcrumb-chevron:before {
-  content: "/";
-}
-
 .fc.fc-theme-standard .fc-highlight {
   background: #476880;
 }
 
+.p-fileupload .p-fileupload-content.p-fileupload-highlight {
+  background-color: #476880;
+}
+
 /* Customizations to the designer theme should be defined here */
diff --git a/public/themes/bootstrap4-dark-purple/theme.css b/public/themes/bootstrap4-dark-purple/theme.css
index 1d2d4fd18..425675f53 100644
--- a/public/themes/bootstrap4-dark-purple/theme.css
+++ b/public/themes/bootstrap4-dark-purple/theme.css
@@ -4394,6 +4394,10 @@
   border-bottom-right-radius: 4px;
   border-bottom-left-radius: 4px;
 }
+.p-fileupload .p-fileupload-content.p-fileupload-highlight {
+  border: 1px dashed #c298d8;
+  background-color: #c298d8;
+}
 .p-fileupload .p-fileupload-file {
   padding: 1rem;
   border: 1px solid #3f4b5b;
@@ -5959,15 +5963,12 @@
 }
 
 /* Vendor extensions to the designer enhanced bootstrap compatibility */
-.p-breadcrumb .p-breadcrumb-chevron {
-  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
-}
-.p-breadcrumb .p-breadcrumb-chevron:before {
-  content: "/";
-}
-
 .fc.fc-theme-standard .fc-highlight {
   background: #614c6c;
 }
 
+.p-fileupload .p-fileupload-content.p-fileupload-highlight {
+  background-color: #614c6c;
+}
+
 /* Customizations to the designer theme should be defined here */
diff --git a/public/themes/bootstrap4-light-blue/theme.css b/public/themes/bootstrap4-light-blue/theme.css
index 7b65e994d..eae9c17ee 100644
--- a/public/themes/bootstrap4-light-blue/theme.css
+++ b/public/themes/bootstrap4-light-blue/theme.css
@@ -4394,6 +4394,10 @@
   border-bottom-right-radius: 4px;
   border-bottom-left-radius: 4px;
 }
+.p-fileupload .p-fileupload-content.p-fileupload-highlight {
+  border: 1px dashed #007bff;
+  background-color: #007bff;
+}
 .p-fileupload .p-fileupload-file {
   padding: 1rem;
   border: 1px solid #dee2e6;
@@ -5959,15 +5963,12 @@
 }
 
 /* Vendor extensions to the designer enhanced bootstrap compatibility */
-.p-breadcrumb .p-breadcrumb-chevron {
-  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
-}
-.p-breadcrumb .p-breadcrumb-chevron:before {
-  content: "/";
-}
-
 .fc.fc-theme-standard .fc-highlight {
   background: #cce5ff;
 }
 
+.p-fileupload .p-fileupload-content.p-fileupload-highlight {
+  background-color: #cce5ff;
+}
+
 /* Customizations to the designer theme should be defined here */
diff --git a/public/themes/bootstrap4-light-purple/theme.css b/public/themes/bootstrap4-light-purple/theme.css
index b7691cbff..d6436970f 100644
--- a/public/themes/bootstrap4-light-purple/theme.css
+++ b/public/themes/bootstrap4-light-purple/theme.css
@@ -4394,6 +4394,10 @@
   border-bottom-right-radius: 4px;
   border-bottom-left-radius: 4px;
 }
+.p-fileupload .p-fileupload-content.p-fileupload-highlight {
+  border: 1px dashed #883cae;
+  background-color: #883cae;
+}
 .p-fileupload .p-fileupload-file {
   padding: 1rem;
   border: 1px solid #dee2e6;
@@ -5959,15 +5963,12 @@
 }
 
 /* Vendor extensions to the designer enhanced bootstrap compatibility */
-.p-breadcrumb .p-breadcrumb-chevron {
-  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
-}
-.p-breadcrumb .p-breadcrumb-chevron:before {
-  content: "/";
-}
-
 .fc.fc-theme-standard .fc-highlight {
   background: #e7d8ef;
 }
 
+.p-fileupload .p-fileupload-content.p-fileupload-highlight {
+  background-color: #e7d8ef;
+}
+
 /* Customizations to the designer theme should be defined here */
diff --git a/public/themes/fluent-light/theme.css b/public/themes/fluent-light/theme.css
index 302ae07b0..be410bb16 100644
--- a/public/themes/fluent-light/theme.css
+++ b/public/themes/fluent-light/theme.css
@@ -4357,6 +4357,10 @@
   border-bottom-right-radius: 2px;
   border-bottom-left-radius: 2px;
 }
+.p-fileupload .p-fileupload-content.p-fileupload-highlight {
+  border: 1px dashed #0078d4;
+  background-color: #edebe9;
+}
 .p-fileupload .p-fileupload-file {
   padding: 1rem;
   border: 1px solid #edebe9;
diff --git a/public/themes/lara-dark-blue/theme.css b/public/themes/lara-dark-blue/theme.css
index e05425943..29bf387ed 100644
--- a/public/themes/lara-dark-blue/theme.css
+++ b/public/themes/lara-dark-blue/theme.css
@@ -4357,6 +4357,10 @@
   border-bottom-right-radius: 6px;
   border-bottom-left-radius: 6px;
 }
+.p-fileupload .p-fileupload-content.p-fileupload-highlight {
+  border: 1px dashed #93C5FD;
+  background-color: rgba(147, 197, 253, 0.16);
+}
 .p-fileupload .p-fileupload-file {
   padding: 1rem;
   border: 1px solid #0b213f;
diff --git a/public/themes/lara-dark-indigo/theme.css b/public/themes/lara-dark-indigo/theme.css
index 952bc2def..9e8021f34 100644
--- a/public/themes/lara-dark-indigo/theme.css
+++ b/public/themes/lara-dark-indigo/theme.css
@@ -4357,6 +4357,10 @@
   border-bottom-right-radius: 6px;
   border-bottom-left-radius: 6px;
 }
+.p-fileupload .p-fileupload-content.p-fileupload-highlight {
+  border: 1px dashed #A5B4FC;
+  background-color: rgba(165, 180, 252, 0.16);
+}
 .p-fileupload .p-fileupload-file {
   padding: 1rem;
   border: 1px solid #0b213f;
diff --git a/public/themes/lara-dark-purple/theme.css b/public/themes/lara-dark-purple/theme.css
index 003db9688..2cfb6462b 100644
--- a/public/themes/lara-dark-purple/theme.css
+++ b/public/themes/lara-dark-purple/theme.css
@@ -4357,6 +4357,10 @@
   border-bottom-right-radius: 6px;
   border-bottom-left-radius: 6px;
 }
+.p-fileupload .p-fileupload-content.p-fileupload-highlight {
+  border: 1px dashed #C4B5FD;
+  background-color: rgba(196, 181, 253, 0.16);
+}
 .p-fileupload .p-fileupload-file {
   padding: 1rem;
   border: 1px solid #0b213f;
diff --git a/public/themes/lara-dark-teal/theme.css b/public/themes/lara-dark-teal/theme.css
index 8337962b6..d6f978dba 100644
--- a/public/themes/lara-dark-teal/theme.css
+++ b/public/themes/lara-dark-teal/theme.css
@@ -4357,6 +4357,10 @@
   border-bottom-right-radius: 6px;
   border-bottom-left-radius: 6px;
 }
+.p-fileupload .p-fileupload-content.p-fileupload-highlight {
+  border: 1px dashed #5EEAD4;
+  background-color: rgba(94, 234, 212, 0.16);
+}
 .p-fileupload .p-fileupload-file {
   padding: 1rem;
   border: 1px solid #0b213f;
diff --git a/public/themes/lara-light-blue/theme.css b/public/themes/lara-light-blue/theme.css
index 7ab040f7e..9e3ece379 100644
--- a/public/themes/lara-light-blue/theme.css
+++ b/public/themes/lara-light-blue/theme.css
@@ -4357,6 +4357,10 @@
   border-bottom-right-radius: 6px;
   border-bottom-left-radius: 6px;
 }
+.p-fileupload .p-fileupload-content.p-fileupload-highlight {
+  border: 1px dashed #3B82F6;
+  background-color: #EFF6FF;
+}
 .p-fileupload .p-fileupload-file {
   padding: 1rem;
   border: 1px solid #dee2e6;
diff --git a/public/themes/lara-light-indigo/theme.css b/public/themes/lara-light-indigo/theme.css
index 26e91fbd4..4ad0e8f66 100644
--- a/public/themes/lara-light-indigo/theme.css
+++ b/public/themes/lara-light-indigo/theme.css
@@ -4357,6 +4357,10 @@
   border-bottom-right-radius: 6px;
   border-bottom-left-radius: 6px;
 }
+.p-fileupload .p-fileupload-content.p-fileupload-highlight {
+  border: 1px dashed #6366F1;
+  background-color: #EEF2FF;
+}
 .p-fileupload .p-fileupload-file {
   padding: 1rem;
   border: 1px solid #dee2e6;
diff --git a/public/themes/lara-light-purple/theme.css b/public/themes/lara-light-purple/theme.css
index 298815aff..92b12d85c 100644
--- a/public/themes/lara-light-purple/theme.css
+++ b/public/themes/lara-light-purple/theme.css
@@ -4357,6 +4357,10 @@
   border-bottom-right-radius: 6px;
   border-bottom-left-radius: 6px;
 }
+.p-fileupload .p-fileupload-content.p-fileupload-highlight {
+  border: 1px dashed #8B5CF6;
+  background-color: #F5F3FF;
+}
 .p-fileupload .p-fileupload-file {
   padding: 1rem;
   border: 1px solid #dee2e6;
diff --git a/public/themes/lara-light-teal/theme.css b/public/themes/lara-light-teal/theme.css
index 1d8057b86..c15984f5d 100644
--- a/public/themes/lara-light-teal/theme.css
+++ b/public/themes/lara-light-teal/theme.css
@@ -4357,6 +4357,10 @@
   border-bottom-right-radius: 6px;
   border-bottom-left-radius: 6px;
 }
+.p-fileupload .p-fileupload-content.p-fileupload-highlight {
+  border: 1px dashed #14B8A6;
+  background-color: #F0FDFA;
+}
 .p-fileupload .p-fileupload-file {
   padding: 1rem;
   border: 1px solid #dee2e6;
diff --git a/public/themes/luna-amber/theme.css b/public/themes/luna-amber/theme.css
index bfb84fd9f..5cd2f9c8f 100644
--- a/public/themes/luna-amber/theme.css
+++ b/public/themes/luna-amber/theme.css
@@ -4369,6 +4369,10 @@
   border-bottom-right-radius: 3px;
   border-bottom-left-radius: 3px;
 }
+.p-fileupload .p-fileupload-content.p-fileupload-highlight {
+  border: 1px dashed #FFE082;
+  background-color: #FFE082;
+}
 .p-fileupload .p-fileupload-file {
   padding: 1rem;
   border: 1px solid #4b4b4b;
diff --git a/public/themes/luna-blue/theme.css b/public/themes/luna-blue/theme.css
index c55992a13..07b984844 100644
--- a/public/themes/luna-blue/theme.css
+++ b/public/themes/luna-blue/theme.css
@@ -4369,6 +4369,10 @@
   border-bottom-right-radius: 3px;
   border-bottom-left-radius: 3px;
 }
+.p-fileupload .p-fileupload-content.p-fileupload-highlight {
+  border: 1px dashed #81D4FA;
+  background-color: #81D4FA;
+}
 .p-fileupload .p-fileupload-file {
   padding: 1rem;
   border: 1px solid #4b4b4b;
diff --git a/public/themes/luna-green/theme.css b/public/themes/luna-green/theme.css
index 6e729827e..0876d14d9 100644
--- a/public/themes/luna-green/theme.css
+++ b/public/themes/luna-green/theme.css
@@ -4369,6 +4369,10 @@
   border-bottom-right-radius: 3px;
   border-bottom-left-radius: 3px;
 }
+.p-fileupload .p-fileupload-content.p-fileupload-highlight {
+  border: 1px dashed #C5E1A5;
+  background-color: #C5E1A5;
+}
 .p-fileupload .p-fileupload-file {
   padding: 1rem;
   border: 1px solid #4b4b4b;
diff --git a/public/themes/luna-pink/theme.css b/public/themes/luna-pink/theme.css
index 07acc0c53..3423fc696 100644
--- a/public/themes/luna-pink/theme.css
+++ b/public/themes/luna-pink/theme.css
@@ -4369,6 +4369,10 @@
   border-bottom-right-radius: 3px;
   border-bottom-left-radius: 3px;
 }
+.p-fileupload .p-fileupload-content.p-fileupload-highlight {
+  border: 1px dashed #F48FB1;
+  background-color: #F48FB1;
+}
 .p-fileupload .p-fileupload-file {
   padding: 1rem;
   border: 1px solid #4b4b4b;
diff --git a/public/themes/md-dark-deeppurple/theme.css b/public/themes/md-dark-deeppurple/theme.css
index f9ff14193..2095f8e99 100644
--- a/public/themes/md-dark-deeppurple/theme.css
+++ b/public/themes/md-dark-deeppurple/theme.css
@@ -4406,6 +4406,10 @@
   border-bottom-right-radius: 4px;
   border-bottom-left-radius: 4px;
 }
+.p-fileupload .p-fileupload-content.p-fileupload-highlight {
+  border: 1px dashed #CE93D8;
+  background-color: rgba(206, 147, 216, 0.16);
+}
 .p-fileupload .p-fileupload-file {
   padding: 1rem;
   border: 1px solid rgba(255, 255, 255, 0.12);
diff --git a/public/themes/md-dark-indigo/theme.css b/public/themes/md-dark-indigo/theme.css
index 9285b1609..7acaf0b58 100644
--- a/public/themes/md-dark-indigo/theme.css
+++ b/public/themes/md-dark-indigo/theme.css
@@ -4406,6 +4406,10 @@
   border-bottom-right-radius: 4px;
   border-bottom-left-radius: 4px;
 }
+.p-fileupload .p-fileupload-content.p-fileupload-highlight {
+  border: 1px dashed #9FA8DA;
+  background-color: rgba(159, 168, 218, 0.16);
+}
 .p-fileupload .p-fileupload-file {
   padding: 1rem;
   border: 1px solid rgba(255, 255, 255, 0.12);
diff --git a/public/themes/md-light-deeppurple/theme.css b/public/themes/md-light-deeppurple/theme.css
index 76aac9a1f..60e5ef34b 100644
--- a/public/themes/md-light-deeppurple/theme.css
+++ b/public/themes/md-light-deeppurple/theme.css
@@ -4406,6 +4406,10 @@
   border-bottom-right-radius: 4px;
   border-bottom-left-radius: 4px;
 }
+.p-fileupload .p-fileupload-content.p-fileupload-highlight {
+  border: 1px dashed #673AB7;
+  background-color: rgba(103, 58, 183, 0.12);
+}
 .p-fileupload .p-fileupload-file {
   padding: 1rem;
   border: 1px solid rgba(0, 0, 0, 0.12);
diff --git a/public/themes/md-light-indigo/theme.css b/public/themes/md-light-indigo/theme.css
index 8fc5913ea..9491e2d84 100644
--- a/public/themes/md-light-indigo/theme.css
+++ b/public/themes/md-light-indigo/theme.css
@@ -4406,6 +4406,10 @@
   border-bottom-right-radius: 4px;
   border-bottom-left-radius: 4px;
 }
+.p-fileupload .p-fileupload-content.p-fileupload-highlight {
+  border: 1px dashed #3F51B5;
+  background-color: rgba(63, 81, 181, 0.12);
+}
 .p-fileupload .p-fileupload-file {
   padding: 1rem;
   border: 1px solid rgba(0, 0, 0, 0.12);
diff --git a/public/themes/mdc-dark-deeppurple/theme.css b/public/themes/mdc-dark-deeppurple/theme.css
index 6157cbd34..80290937c 100644
--- a/public/themes/mdc-dark-deeppurple/theme.css
+++ b/public/themes/mdc-dark-deeppurple/theme.css
@@ -4406,6 +4406,10 @@
   border-bottom-right-radius: 4px;
   border-bottom-left-radius: 4px;
 }
+.p-fileupload .p-fileupload-content.p-fileupload-highlight {
+  border: 1px dashed #CE93D8;
+  background-color: rgba(206, 147, 216, 0.16);
+}
 .p-fileupload .p-fileupload-file {
   padding: 1rem;
   border: 1px solid rgba(255, 255, 255, 0.12);
diff --git a/public/themes/mdc-dark-indigo/theme.css b/public/themes/mdc-dark-indigo/theme.css
index 92aaf3fce..cc6dd3d2d 100644
--- a/public/themes/mdc-dark-indigo/theme.css
+++ b/public/themes/mdc-dark-indigo/theme.css
@@ -4406,6 +4406,10 @@
   border-bottom-right-radius: 4px;
   border-bottom-left-radius: 4px;
 }
+.p-fileupload .p-fileupload-content.p-fileupload-highlight {
+  border: 1px dashed #9FA8DA;
+  background-color: rgba(159, 168, 218, 0.16);
+}
 .p-fileupload .p-fileupload-file {
   padding: 1rem;
   border: 1px solid rgba(255, 255, 255, 0.12);
diff --git a/public/themes/mdc-light-deeppurple/theme.css b/public/themes/mdc-light-deeppurple/theme.css
index a4a55c11f..aeb2dccdb 100644
--- a/public/themes/mdc-light-deeppurple/theme.css
+++ b/public/themes/mdc-light-deeppurple/theme.css
@@ -4406,6 +4406,10 @@
   border-bottom-right-radius: 4px;
   border-bottom-left-radius: 4px;
 }
+.p-fileupload .p-fileupload-content.p-fileupload-highlight {
+  border: 1px dashed #673AB7;
+  background-color: rgba(103, 58, 183, 0.12);
+}
 .p-fileupload .p-fileupload-file {
   padding: 1rem;
   border: 1px solid rgba(0, 0, 0, 0.12);
diff --git a/public/themes/mdc-light-indigo/theme.css b/public/themes/mdc-light-indigo/theme.css
index b0fa49fc3..cd2c83ab1 100644
--- a/public/themes/mdc-light-indigo/theme.css
+++ b/public/themes/mdc-light-indigo/theme.css
@@ -4406,6 +4406,10 @@
   border-bottom-right-radius: 4px;
   border-bottom-left-radius: 4px;
 }
+.p-fileupload .p-fileupload-content.p-fileupload-highlight {
+  border: 1px dashed #3F51B5;
+  background-color: rgba(63, 81, 181, 0.12);
+}
 .p-fileupload .p-fileupload-file {
   padding: 1rem;
   border: 1px solid rgba(0, 0, 0, 0.12);
diff --git a/public/themes/mira/theme.css b/public/themes/mira/theme.css
index 0d798b4a3..086bdbdba 100644
--- a/public/themes/mira/theme.css
+++ b/public/themes/mira/theme.css
@@ -4410,6 +4410,10 @@
   border-bottom-right-radius: 4px;
   border-bottom-left-radius: 4px;
 }
+.p-fileupload .p-fileupload-content.p-fileupload-highlight {
+  border: 1px dashed #5E81AC;
+  background-color: #D8DEE9;
+}
 .p-fileupload .p-fileupload-file {
   padding: 1rem;
   border: 1px solid #E5E9F0;
diff --git a/public/themes/nano/theme.css b/public/themes/nano/theme.css
index 92d5d232b..c82cd0c36 100644
--- a/public/themes/nano/theme.css
+++ b/public/themes/nano/theme.css
@@ -4382,6 +4382,10 @@
   border-bottom-right-radius: 1px;
   border-bottom-left-radius: 1px;
 }
+.p-fileupload .p-fileupload-content.p-fileupload-highlight {
+  border: 1px dashed #1174c0;
+  background-color: #44A1D9;
+}
 .p-fileupload .p-fileupload-file {
   padding: 1rem;
   border: 1px solid #dee2e6;
diff --git a/public/themes/nova-accent/theme.css b/public/themes/nova-accent/theme.css
index a96b006b6..bbc466d00 100644
--- a/public/themes/nova-accent/theme.css
+++ b/public/themes/nova-accent/theme.css
@@ -4357,6 +4357,10 @@
   border-bottom-right-radius: 3px;
   border-bottom-left-radius: 3px;
 }
+.p-fileupload .p-fileupload-content.p-fileupload-highlight {
+  border: 1px dashed #007ad9;
+  background-color: #e02365;
+}
 .p-fileupload .p-fileupload-file {
   padding: 1rem;
   border: 1px solid #c8c8c8;
diff --git a/public/themes/nova-alt/theme.css b/public/themes/nova-alt/theme.css
index 8fbc76e89..56e94c7da 100644
--- a/public/themes/nova-alt/theme.css
+++ b/public/themes/nova-alt/theme.css
@@ -4369,6 +4369,10 @@
   border-bottom-right-radius: 3px;
   border-bottom-left-radius: 3px;
 }
+.p-fileupload .p-fileupload-content.p-fileupload-highlight {
+  border: 1px dashed #007ad9;
+  background-color: #007ad9;
+}
 .p-fileupload .p-fileupload-file {
   padding: 1rem;
   border: 1px solid #c8c8c8;
diff --git a/public/themes/nova-vue/theme.css b/public/themes/nova-vue/theme.css
index d391348a1..e241f1a82 100644
--- a/public/themes/nova-vue/theme.css
+++ b/public/themes/nova-vue/theme.css
@@ -4369,6 +4369,10 @@
   border-bottom-right-radius: 3px;
   border-bottom-left-radius: 3px;
 }
+.p-fileupload .p-fileupload-content.p-fileupload-highlight {
+  border: 1px dashed #41b883;
+  background-color: #41b883;
+}
 .p-fileupload .p-fileupload-file {
   padding: 1rem;
   border: 1px solid #c8c8c8;
diff --git a/public/themes/nova/theme.css b/public/themes/nova/theme.css
index 623a7c779..8ee547265 100644
--- a/public/themes/nova/theme.css
+++ b/public/themes/nova/theme.css
@@ -4369,6 +4369,10 @@
   border-bottom-right-radius: 3px;
   border-bottom-left-radius: 3px;
 }
+.p-fileupload .p-fileupload-content.p-fileupload-highlight {
+  border: 1px dashed #007ad9;
+  background-color: #007ad9;
+}
 .p-fileupload .p-fileupload-file {
   padding: 1rem;
   border: 1px solid #c8c8c8;
diff --git a/public/themes/rhea/theme.css b/public/themes/rhea/theme.css
index 4f36f3bad..c6fe10ccf 100644
--- a/public/themes/rhea/theme.css
+++ b/public/themes/rhea/theme.css
@@ -4357,6 +4357,10 @@
   border-bottom-right-radius: 2px;
   border-bottom-left-radius: 2px;
 }
+.p-fileupload .p-fileupload-content.p-fileupload-highlight {
+  border: 1px dashed #7B95A3;
+  background-color: #AFD3C8;
+}
 .p-fileupload .p-fileupload-file {
   padding: 1rem;
   border: 1px solid #dadada;
diff --git a/public/themes/saga-blue/theme.css b/public/themes/saga-blue/theme.css
index 0ef2e63db..bc3d911a8 100644
--- a/public/themes/saga-blue/theme.css
+++ b/public/themes/saga-blue/theme.css
@@ -4382,6 +4382,10 @@
   border-bottom-right-radius: 3px;
   border-bottom-left-radius: 3px;
 }
+.p-fileupload .p-fileupload-content.p-fileupload-highlight {
+  border: 1px dashed #2196F3;
+  background-color: #E3F2FD;
+}
 .p-fileupload .p-fileupload-file {
   padding: 1rem;
   border: 1px solid #dee2e6;
diff --git a/public/themes/saga-green/theme.css b/public/themes/saga-green/theme.css
index 05c19af9d..10760bb45 100644
--- a/public/themes/saga-green/theme.css
+++ b/public/themes/saga-green/theme.css
@@ -4382,6 +4382,10 @@
   border-bottom-right-radius: 3px;
   border-bottom-left-radius: 3px;
 }
+.p-fileupload .p-fileupload-content.p-fileupload-highlight {
+  border: 1px dashed #4CAF50;
+  background-color: #E8F5E9;
+}
 .p-fileupload .p-fileupload-file {
   padding: 1rem;
   border: 1px solid #dee2e6;
diff --git a/public/themes/saga-orange/theme.css b/public/themes/saga-orange/theme.css
index b11955a05..79c56ee61 100644
--- a/public/themes/saga-orange/theme.css
+++ b/public/themes/saga-orange/theme.css
@@ -4382,6 +4382,10 @@
   border-bottom-right-radius: 3px;
   border-bottom-left-radius: 3px;
 }
+.p-fileupload .p-fileupload-content.p-fileupload-highlight {
+  border: 1px dashed #FFC107;
+  background-color: #FFF3E0;
+}
 .p-fileupload .p-fileupload-file {
   padding: 1rem;
   border: 1px solid #dee2e6;
diff --git a/public/themes/saga-purple/theme.css b/public/themes/saga-purple/theme.css
index 479e57ea7..7be0155f1 100644
--- a/public/themes/saga-purple/theme.css
+++ b/public/themes/saga-purple/theme.css
@@ -4382,6 +4382,10 @@
   border-bottom-right-radius: 3px;
   border-bottom-left-radius: 3px;
 }
+.p-fileupload .p-fileupload-content.p-fileupload-highlight {
+  border: 1px dashed #9C27B0;
+  background-color: #F3E5F5;
+}
 .p-fileupload .p-fileupload-file {
   padding: 1rem;
   border: 1px solid #dee2e6;
diff --git a/public/themes/soho-dark/theme.css b/public/themes/soho-dark/theme.css
index bbec0ea3e..9e847790c 100644
--- a/public/themes/soho-dark/theme.css
+++ b/public/themes/soho-dark/theme.css
@@ -4381,6 +4381,10 @@
   border-bottom-right-radius: 6px;
   border-bottom-left-radius: 6px;
 }
+.p-fileupload .p-fileupload-content.p-fileupload-highlight {
+  border: 1px dashed #b19df7;
+  background-color: rgba(177, 157, 247, 0.16);
+}
 .p-fileupload .p-fileupload-file {
   padding: 1rem;
   border: 1px solid #3e4053;
diff --git a/public/themes/soho-light/theme.css b/public/themes/soho-light/theme.css
index 3fa2600cb..48e23f73e 100644
--- a/public/themes/soho-light/theme.css
+++ b/public/themes/soho-light/theme.css
@@ -4381,6 +4381,10 @@
   border-bottom-right-radius: 6px;
   border-bottom-left-radius: 6px;
 }
+.p-fileupload .p-fileupload-content.p-fileupload-highlight {
+  border: 1px dashed #7254f3;
+  background-color: #e2dcfc;
+}
 .p-fileupload .p-fileupload-file {
   padding: 1rem;
   border: 1px solid #dfe7ef;
diff --git a/public/themes/tailwind-light/theme.css b/public/themes/tailwind-light/theme.css
index 723f2bf90..e9b7c00f4 100644
--- a/public/themes/tailwind-light/theme.css
+++ b/public/themes/tailwind-light/theme.css
@@ -4417,6 +4417,10 @@
   border-bottom-right-radius: 0.375rem;
   border-bottom-left-radius: 0.375rem;
 }
+.p-fileupload .p-fileupload-content.p-fileupload-highlight {
+  border: 1px dashed #4F46E5;
+  background-color: #EEF2FF;
+}
 .p-fileupload .p-fileupload-file {
   padding: 1rem;
   border: 1px solid #e5e7eb;
diff --git a/public/themes/vela-blue/theme.css b/public/themes/vela-blue/theme.css
index 49ad85dc0..54adc6848 100644
--- a/public/themes/vela-blue/theme.css
+++ b/public/themes/vela-blue/theme.css
@@ -4382,6 +4382,10 @@
   border-bottom-right-radius: 3px;
   border-bottom-left-radius: 3px;
 }
+.p-fileupload .p-fileupload-content.p-fileupload-highlight {
+  border: 1px dashed #64B5F6;
+  background-color: rgba(100, 181, 246, 0.16);
+}
 .p-fileupload .p-fileupload-file {
   padding: 1rem;
   border: 1px solid #304562;
diff --git a/public/themes/vela-green/theme.css b/public/themes/vela-green/theme.css
index 3a73fed9e..45987e850 100644
--- a/public/themes/vela-green/theme.css
+++ b/public/themes/vela-green/theme.css
@@ -4382,6 +4382,10 @@
   border-bottom-right-radius: 3px;
   border-bottom-left-radius: 3px;
 }
+.p-fileupload .p-fileupload-content.p-fileupload-highlight {
+  border: 1px dashed #81C784;
+  background-color: rgba(129, 199, 132, 0.16);
+}
 .p-fileupload .p-fileupload-file {
   padding: 1rem;
   border: 1px solid #304562;
diff --git a/public/themes/vela-orange/theme.css b/public/themes/vela-orange/theme.css
index 5c41e1274..0c3c7b5e0 100644
--- a/public/themes/vela-orange/theme.css
+++ b/public/themes/vela-orange/theme.css
@@ -4382,6 +4382,10 @@
   border-bottom-right-radius: 3px;
   border-bottom-left-radius: 3px;
 }
+.p-fileupload .p-fileupload-content.p-fileupload-highlight {
+  border: 1px dashed #FFD54F;
+  background-color: rgba(255, 213, 79, 0.16);
+}
 .p-fileupload .p-fileupload-file {
   padding: 1rem;
   border: 1px solid #304562;
diff --git a/public/themes/vela-purple/theme.css b/public/themes/vela-purple/theme.css
index f3bdb4474..2dca1487a 100644
--- a/public/themes/vela-purple/theme.css
+++ b/public/themes/vela-purple/theme.css
@@ -4382,6 +4382,10 @@
   border-bottom-right-radius: 3px;
   border-bottom-left-radius: 3px;
 }
+.p-fileupload .p-fileupload-content.p-fileupload-highlight {
+  border: 1px dashed #BA68C8;
+  background-color: rgba(186, 104, 200, 0.16);
+}
 .p-fileupload .p-fileupload-file {
   padding: 1rem;
   border: 1px solid #304562;
diff --git a/public/themes/viva-dark/theme.css b/public/themes/viva-dark/theme.css
index 87eed5969..f8ef5895a 100644
--- a/public/themes/viva-dark/theme.css
+++ b/public/themes/viva-dark/theme.css
@@ -4414,6 +4414,10 @@
   border-bottom-right-radius: 6px;
   border-bottom-left-radius: 6px;
 }
+.p-fileupload .p-fileupload-content.p-fileupload-highlight {
+  border: 2px solid #263238 dashed #9eade6;
+  background-color: rgba(158, 173, 230, 0.16);
+}
 .p-fileupload .p-fileupload-file {
   padding: 1rem;
   border: 1px solid #263238;
diff --git a/public/themes/viva-light/theme.css b/public/themes/viva-light/theme.css
index f90d4510f..8618401b3 100644
--- a/public/themes/viva-light/theme.css
+++ b/public/themes/viva-light/theme.css
@@ -4414,6 +4414,10 @@
   border-bottom-right-radius: 6px;
   border-bottom-left-radius: 6px;
 }
+.p-fileupload .p-fileupload-content.p-fileupload-highlight {
+  border: 2px solid #ebebeb dashed #5472d4;
+  background-color: #ced6f1;
+}
 .p-fileupload .p-fileupload-file {
   padding: 1rem;
   border: 1px solid #ebebeb;