From 82efad71c02e78b9941210d4f60d1cf271b1a7fa Mon Sep 17 00:00:00 2001
From: Yash Kanakiya <76934250+yashkanakiya@users.noreply.github.com>
Date: Tue, 28 Mar 2023 17:16:22 +0530
Subject: [PATCH] Add dark mode in BaseErrorAlert (#1192)

---
 .../scripts/components/base/BaseErrorAlert.vue      | 13 ++++++++++---
 1 file changed, 10 insertions(+), 3 deletions(-)

diff --git a/resources/scripts/components/base/BaseErrorAlert.vue b/resources/scripts/components/base/BaseErrorAlert.vue
index 6e706068..94091f2b 100644
--- a/resources/scripts/components/base/BaseErrorAlert.vue
+++ b/resources/scripts/components/base/BaseErrorAlert.vue
@@ -1,11 +1,18 @@
 <template>
-  <div class="rounded-md bg-red-50 p-4">
+  <div
+    class="
+      rounded-md
+      bg-red-50
+      p-4
+      dark:border dark:border-red-400 dark:bg-transparent
+    "
+  >
     <div class="flex">
       <div class="shrink-0">
-        <XCircleIcon class="h-5 w-5 text-red-400" aria-hidden="true" />
+        <XCircleIcon class="h-5 w-5 text-red-400 dark:text-red-500" aria-hidden="true" />
       </div>
       <div class="ml-3">
-        <h3 class="text-sm font-medium text-red-800">
+        <h3 class="text-sm font-medium text-red-800 dark:text-red-500">
           {{ errorTitle }}
         </h3>
         <div class="mt-2 text-sm text-red-700">