From de235a91e521b775b3c37ed3035585d197458cef Mon Sep 17 00:00:00 2001
From: Yogesh Gohil <33858419+yogesh-gohil@users.noreply.github.com>
Date: Thu, 30 Mar 2023 18:48:17 +0530
Subject: [PATCH] Dark cust light dark button (#1208)

* add LightDark option for customer dashboard

* fix color in customer light-dark button

---------

Co-authored-by: yashkanakiya <yashkanakiya281297@gmail.com>
---
 .../components/CustomerLightDarkButton.vue    | 24 +++++++++----------
 1 file changed, 11 insertions(+), 13 deletions(-)

diff --git a/resources/scripts/components/CustomerLightDarkButton.vue b/resources/scripts/components/CustomerLightDarkButton.vue
index 15462ddd..3beb5a60 100644
--- a/resources/scripts/components/CustomerLightDarkButton.vue
+++ b/resources/scripts/components/CustomerLightDarkButton.vue
@@ -2,22 +2,20 @@
    <button
     type="button"
     class="
-      bg-white
-      p-1.5
-      rounded-full
-      text-gray-400
-      hover:text-gray-500
-      focus:outline-none
-      focus:ring-2
-      focus:ring-primary-500
-      dark:bg-transparent
-      dark:focus:ring-gray-500
+      flex
+      h-8
+      w-8
+      items-center
+      justify-center
+      rounded-md
+      transition
+      hover:bg-zinc-900/5
+      dark:hover:bg-white/5
     "
     @click="onChange"
   >
-
-    <BaseIcon v-if="!globalStore.isDarkModeOn" class="h-5 w-5 text-yellow-500" name="SunIcon" />
-    <BaseIcon v-else class="h-5 w-5 text-primary-400" name="MoonIcon" />
+    <BaseIcon v-if="!globalStore.isDarkModeOn" class="h-5 w-5 text-black" name="SunIcon" />
+    <BaseIcon v-else class="h-5 w-5 text-white" name="MoonIcon" />
   </button>
 </template>
 <script setup>