[6.x] Fix border color in dark mode empty states (#12266)

Author: duncanmcclean

resources/js/components/blueprints/Section.vue

@@ -28,7 +28,7 @@
                 <template v-slot:empty-state>
                     <ui-subheading
                         v-text="__('Drag and drop fields below.')"
-                        class="rounded-xl min-h-16 flex items-center justify-center border border-dashed border-gray-300 p-3 text-center w-full"
+                        class="rounded-xl min-h-16 flex items-center justify-center border border-dashed border-gray-300 dark:border-gray-700 p-3 text-center w-full"
                     />
                 </template>
             </Fields>

resources/js/components/ui/Listing/Listing.vue

@@ -677,7 +677,7 @@ autoApplyState();
 
         <div
             v-if="!items.length"
-            class="rounded-lg border border-dashed border-gray-300 p-6 text-center text-gray-500"
+            class="rounded-lg border border-dashed border-gray-300 dark:border-gray-700 p-6 text-center text-gray-500"
             v-text="__('No results')"
         />