From 43316dae287fd9c569650e5e332f0cbc69bec1ed Mon Sep 17 00:00:00 2001
From: Yash Kanakiya <76934250+yashkanakiya@users.noreply.github.com>
Date: Sat, 25 Mar 2023 16:50:44 +0530
Subject: [PATCH] add dark mode in BreadCrumb and PageHeader. (#1172)

---
 resources/scripts/components/base/BaseBreadcrumb.vue     | 2 +-
 resources/scripts/components/base/BaseBreadcrumbItem.vue | 2 ++
 resources/scripts/components/base/BasePageHeader.vue     | 2 +-
 3 files changed, 4 insertions(+), 2 deletions(-)

diff --git a/resources/scripts/components/base/BaseBreadcrumb.vue b/resources/scripts/components/base/BaseBreadcrumb.vue
index 07afcf02..6fe55aa5 100644
--- a/resources/scripts/components/base/BaseBreadcrumb.vue
+++ b/resources/scripts/components/base/BaseBreadcrumb.vue
@@ -1,6 +1,6 @@
 <template>
   <nav>
-    <ol class="flex flex-wrap py-4 text-gray-900 rounded list-reset">
+    <ol class="flex flex-wrap py-4 text-gray-900 rounded list-reset dark:text-gray-400">
       <slot />
     </ol>
   </nav>
diff --git a/resources/scripts/components/base/BaseBreadcrumbItem.vue b/resources/scripts/components/base/BaseBreadcrumbItem.vue
index 38539440..db60b3dd 100644
--- a/resources/scripts/components/base/BaseBreadcrumbItem.vue
+++ b/resources/scripts/components/base/BaseBreadcrumbItem.vue
@@ -8,7 +8,9 @@
         font-medium
         leading-5
         text-gray-900
+        dark:text-gray-400
         outline-none
+        dark:focus:ring-offset-gray-900
         focus:ring-2 focus:ring-offset-2 focus:ring-primary-400
       "
       :to="to"
diff --git a/resources/scripts/components/base/BasePageHeader.vue b/resources/scripts/components/base/BasePageHeader.vue
index b85b5389..0c8ba4f7 100644
--- a/resources/scripts/components/base/BasePageHeader.vue
+++ b/resources/scripts/components/base/BasePageHeader.vue
@@ -1,7 +1,7 @@
 <template>
   <div class="flex flex-wrap justify-between">
     <div>
-      <h3 class="text-2xl font-bold text-left text-black">
+      <h3 class="text-2xl font-bold text-left text-black dark:text-white">
         {{ title }}
       </h3>
       <slot />