dark mode revision

resources/js/components/Others/CreateUploadRequestPopup.vue

@@ -45,24 +45,15 @@
                     </AppInputText>
                 </ValidationProvider>
 
-				<!--Custom Folder Name-->
-                <AppInputSwitch
-					:title="$t('Custom Folder Name')"
-					:description="$t('Created folder with files will be named with your own name.')"
-				>
-                    <SwitchInput v-model="customFolderName" :state="customFolderName" />
-                </AppInputSwitch>
-
 				<!--Set email-->
                 <ValidationProvider
-					v-if="customFolderName"
 					tag="div"
 					mode="passive"
 					name="Name"
 					rules="required"
 					v-slot="{ errors }"
 				>
-                    <AppInputText :error="errors[0]" class="-mt-2">
+                    <AppInputText :title="this.$t('Folder Name (optional)')" :description="$t('Created folder with files will be named with your own name.')" :error="errors[0]" class="-mt-2">
                         <input
 							v-model="form.name"
 							:class="{ 'border-red': errors[0] }"
@@ -158,7 +149,6 @@ export default {
 			},
 			generatedUploadRequest: undefined,
 			shareViaEmail: false,
-			customFolderName: false,
 			pickedItem: undefined,
 			isLoading: false,
 		}
@@ -206,7 +196,6 @@ export default {
 				this.pickedItem = undefined
 
 				this.shareViaEmail = false
-				this.customFolderName = false
 
 				this.form = {
 					name: undefined,

resources/js/components/Others/Forms/ImageInput.vue

@@ -7,9 +7,9 @@
         <div
             v-if="imagePreview"
             @click="resetImage"
-            class="absolute right-0 top-0 z-[9] flex h-7 w-7 -translate-y-3 translate-x-3 cursor-pointer items-center justify-center rounded-md rounded-full bg-white shadow-lg"
+            class="absolute right-0 top-0 z-[9] flex h-7 w-7 -translate-y-3 translate-x-3 cursor-pointer items-center justify-center rounded-md rounded-full dark:bg-4x-dark-foreground bg-white shadow-lg"
         >
-            <x-icon size="14" class="vue-feather" />
+            <x-icon size="14" class="vue-feather dark:text-gray-500" />
         </div>
 
         <input

resources/js/components/Others/Notifications/ToasterItem.vue

@@ -12,8 +12,8 @@
             <div class="flex items-center justify-between">
                 <div class="flex items-center">
                     <div>
-                        <check-icon v-if="isSuccess" size="22" class="vue-feather text-green-600" />
-                        <x-icon v-if="isDanger" size="22" class="vue-feather text-red-600" />
+                        <check-icon v-if="isSuccess" size="22" class="vue-feather dark:text-green-600 text-green-600" />
+                        <x-icon v-if="isDanger" size="22" class="vue-feather dark:text-red-600 text-red-600" />
                     </div>
 
                     <p

resources/js/components/Others/PaymentMethod.vue

@@ -2,7 +2,7 @@
     <div class="flex items-center justify-between border-b border-dashed border-light py-4 dark:border-opacity-5">
         <div>
             <img :src="$getPaymentLogo(driver)" :alt="driver" class="h-6" />
-            <small class="block pt-2 text-xs leading-4 text-gray-500">
+            <small class="block pt-2 text-xs leading-4 dark:text-gray-500 text-gray-500">
                 {{ description }}
             </small>
         </div>

resources/js/components/Others/Popup/PopupWrapper.vue

@@ -6,7 +6,7 @@
             class="popup fixed top-0 left-0 right-0 bottom-0 z-50 grid h-full overflow-y-auto p-10 lg:absolute"
         >
             <div
-                class="fixed top-0 bottom-0 left-0 right-0 z-10 m-auto w-full bg-white shadow-xl dark:bg-2x-dark-foreground md:relative md:w-[490px] md:rounded-xl"
+                class="fixed top-0 bottom-0 left-0 right-0 z-10 m-auto w-full bg-white shadow-xl dark:bg-dark-foreground md:relative md:w-[490px] md:rounded-xl"
             >
                 <slot />
             </div>

resources/js/components/Others/Vignette.vue

@@ -2,7 +2,7 @@
     <transition name="vignette">
         <div
             v-if="isVisible"
-            class="vignette bg-dark-background bg-opacity-[0.35] dark:bg-opacity-[0.45]"
+            class="vignette dark:bg-2x-dark-background bg-dark-background bg-opacity-[0.35] dark:bg-opacity-[0.70]"
             @click="closePopup"
         ></div>
     </transition>