From 0462ff60a0346b752faaedb51b6b6462ec568698 Mon Sep 17 00:00:00 2001
From: Yash Kanakiya <76934250+yashkanakiya@users.noreply.github.com>
Date: Tue, 28 Mar 2023 13:12:09 +0530
Subject: [PATCH] add dark mode in baseListItem (#1177)

---
 resources/scripts/components/list/BaseListItem.vue | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/resources/scripts/components/list/BaseListItem.vue b/resources/scripts/components/list/BaseListItem.vue
index 1d6360ec..078b400b 100644
--- a/resources/scripts/components/list/BaseListItem.vue
+++ b/resources/scripts/components/list/BaseListItem.vue
@@ -28,13 +28,13 @@ export default {
     },
   },
   setup(props, { slots }) {
-    const defaultClass = `cursor-pointer pb-2 pr-0 text-sm font-medium leading-5  flex items-center`
+    const defaultClass = `cursor-pointer pb-2 pr-0 text-sm font-medium leading-5 flex items-center`
     let hasIconSlot = computed(() => {
       return !!slots.icon
     })
     let containerClass = computed(() => {
-      if (props.active) return `${defaultClass} text-primary-500`
-      else return `${defaultClass} text-gray-500`
+      if (props.active) return `${defaultClass} text-primary-500 dark:text-primary-400`
+      else return `${defaultClass} text-gray-500 dark:text-gray-300`
     })
     return {
       hasIconSlot,