From 716e0109f749ac6ab71b2fadac382ebd99acd7e4 Mon Sep 17 00:00:00 2001
From: AbleKSaju <126228406+AbleKSaju@users.noreply.github.com>
Date: Sat, 28 Sep 2024 10:01:43 +0530
Subject: [PATCH] feat: dark mode for loyalty program in POS

---
 src/pages/POS/POS.vue | 14 ++++++++------
 1 file changed, 8 insertions(+), 6 deletions(-)

diff --git a/src/pages/POS/POS.vue b/src/pages/POS/POS.vue
index d46ab1526..3fd0e724f 100644
--- a/src/pages/POS/POS.vue
+++ b/src/pages/POS/POS.vue
@@ -117,8 +117,9 @@
                   transform
                   -translate-x-1/2
                   mb-2
-                  bg-gray-800
-                  text-white text-xs
+                  bg-gray-100
+                  dark:bg-gray-850 dark:text-white
+                  text-black text-xs
                   rounded-md
                   p-2
                   w-20
@@ -138,7 +139,7 @@
                 class="p-1 rounded-md bg-gray-100"
                 :class="{
                   'bg-gray-100': loyaltyPoints,
-                  'bg-gray-600 cursor-not-allowed':
+                  'dark:bg-gray-600 cursor-not-allowed':
                     !loyaltyPoints || !sinvDoc.party || !sinvDoc.items?.length,
                 }"
                 @click="
@@ -149,7 +150,7 @@
               >
                 <svg
                   xmlns="http://www.w3.org/2000/svg"
-                  height="26px"
+                  height="24px"
                   viewBox="0 -960 960 960"
                   width="26px"
                   fill="#000"
@@ -168,8 +169,9 @@
                   transform
                   -translate-x-1/2
                   mb-2
-                  bg-gray-800
-                  text-white text-xs
+                  bg-gray-100
+                  dark:bg-gray-850 dark:text-white
+                  text-black text-xs
                   rounded-md
                   p-2
                   w-28