add dark mode in BaseItemSelect component.

resources/scripts/components/base/BaseEmptyPlaceholder.vue

@@ -1,17 +1,13 @@
 <template>
   <div class="flex flex-col items-center justify-center mt-16">
-    <div class="relative">
-      <BaseDarkHighlight class="bg-highlight/[.07] top-2" />
-
-      <div class="relative z-5 flex flex-col items-center">
     <div class="flex flex-col items-center justify-center">
-          <slot />
+      <slot></slot>
     </div>
     <div class="mt-2">
       <label class="font-medium">{{ title }}</label>
     </div>
-        <div class="mt-2 text-center md:text-left">
+    <div class="mt-2">
-          <label class="text-gray-500 dark:text-gray-400">
+      <label class="text-gray-500">
         {{ description }}
       </label>
     </div>
@@ -19,8 +15,6 @@
       <slot name="actions" />
     </div>
   </div>
-    </div>
-  </div>
 </template>
 
 <script setup>

resources/scripts/components/base/BaseItemSelect.vue

@@ -12,6 +12,7 @@
         bg-gray-200
         border border-gray-200 border-solid
         rounded
+        dark:bg-gray-900/70 dark:border-gray-700
       "
     >
       {{ item.name }}