feat: Dark Mode (#7471)

app/javascript/dashboard/components/widgets/EmptyState.vue

@@ -1,9 +1,15 @@
 <template>
-  <div class="row empty-state">
-    <h3 class="title">
+  <div class="empty-state py-16 px-1 ml-0 mr-0">
+    <h3
+      v-if="title"
+      class="text-slate-700 dark:text-slate-200 block text-center w-full text-4xl font-thin"
+    >
       {{ title }}
     </h3>
-    <p class="message">
+    <p
+      v-if="message"
+      class="block text-center text-slate-500 dark:text-slate-400 my-4 mx-auto w-[90%]"
+    >
       {{ message }}
     </p>
     <slot />
@@ -14,7 +20,6 @@ export default {
   props: {
     title: { type: String, default: '' },
     message: { type: String, default: '' },
-    buttonText: { type: String, default: '' },
   },
 };
 </script>