From d50ebae1e5f75e33c2d9a7059e82aa50d96e4079 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?Tu=C4=9F=C3=A7e=20K=C3=BC=C3=A7=C3=BCko=C4=9Flu?= Date: Fri, 18 Aug 2023 13:43:15 +0300 Subject: [PATCH] Refactor #4129 --- components/lib/fileupload/FileUpload.vue | 6 ++++-- public/themes/arya-blue/theme.css | 4 ++++ public/themes/arya-green/theme.css | 4 ++++ public/themes/arya-orange/theme.css | 4 ++++ public/themes/arya-purple/theme.css | 4 ++++ public/themes/bootstrap4-dark-blue/theme.css | 15 ++++++++------- public/themes/bootstrap4-dark-purple/theme.css | 15 ++++++++------- public/themes/bootstrap4-light-blue/theme.css | 15 ++++++++------- public/themes/bootstrap4-light-purple/theme.css | 15 ++++++++------- public/themes/fluent-light/theme.css | 4 ++++ public/themes/lara-dark-blue/theme.css | 4 ++++ public/themes/lara-dark-indigo/theme.css | 4 ++++ public/themes/lara-dark-purple/theme.css | 4 ++++ public/themes/lara-dark-teal/theme.css | 4 ++++ public/themes/lara-light-blue/theme.css | 4 ++++ public/themes/lara-light-indigo/theme.css | 4 ++++ public/themes/lara-light-purple/theme.css | 4 ++++ public/themes/lara-light-teal/theme.css | 4 ++++ public/themes/luna-amber/theme.css | 4 ++++ public/themes/luna-blue/theme.css | 4 ++++ public/themes/luna-green/theme.css | 4 ++++ public/themes/luna-pink/theme.css | 4 ++++ public/themes/md-dark-deeppurple/theme.css | 4 ++++ public/themes/md-dark-indigo/theme.css | 4 ++++ public/themes/md-light-deeppurple/theme.css | 4 ++++ public/themes/md-light-indigo/theme.css | 4 ++++ public/themes/mdc-dark-deeppurple/theme.css | 4 ++++ public/themes/mdc-dark-indigo/theme.css | 4 ++++ public/themes/mdc-light-deeppurple/theme.css | 4 ++++ public/themes/mdc-light-indigo/theme.css | 4 ++++ public/themes/mira/theme.css | 4 ++++ public/themes/nano/theme.css | 4 ++++ public/themes/nova-accent/theme.css | 4 ++++ public/themes/nova-alt/theme.css | 4 ++++ public/themes/nova-vue/theme.css | 4 ++++ public/themes/nova/theme.css | 4 ++++ public/themes/rhea/theme.css | 4 ++++ public/themes/saga-blue/theme.css | 4 ++++ public/themes/saga-green/theme.css | 4 ++++ public/themes/saga-orange/theme.css | 4 ++++ public/themes/saga-purple/theme.css | 4 ++++ public/themes/soho-dark/theme.css | 4 ++++ public/themes/soho-light/theme.css | 4 ++++ public/themes/tailwind-light/theme.css | 4 ++++ public/themes/vela-blue/theme.css | 4 ++++ public/themes/vela-green/theme.css | 4 ++++ public/themes/vela-orange/theme.css | 4 ++++ public/themes/vela-purple/theme.css | 4 ++++ public/themes/viva-dark/theme.css | 4 ++++ public/themes/viva-light/theme.css | 4 ++++ 50 files changed, 216 insertions(+), 30 deletions(-) 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;