From dfd417401f8a5ca35cf8776d507bdb4d4644acf1 Mon Sep 17 00:00:00 2001
From: Annie Huang <annie.huang921002@gmail.com>
Date: Thu, 28 Sep 2023 16:15:24 +0800
Subject: [PATCH] update: use tailwind color setting

---
 app/src/components/HintPart.vue | 7 ++-----
 1 file changed, 2 insertions(+), 5 deletions(-)

diff --git a/app/src/components/HintPart.vue b/app/src/components/HintPart.vue
index e156382..2f6e9b4 100644
--- a/app/src/components/HintPart.vue
+++ b/app/src/components/HintPart.vue
@@ -36,7 +36,7 @@ const right = () => {
       >
         <font-awesome-icon
           :icon="['fas', 'arrow-right']"
-          style="color: #deddda"
+          class="text-text"
           rotation="180"
         />
       </button>
@@ -51,10 +51,7 @@ const right = () => {
         @click="right"
         :disabled="current === sessionManager.hints.value.length - 1"
       >
-        <font-awesome-icon
-          :icon="['fas', 'arrow-right']"
-          style="color: #deddda"
-        />
+        <font-awesome-icon :icon="['fas', 'arrow-right']" class="text-text" />
       </button>
     </div>
   </div>