From a051245805401610cf37c1aebfaba1aa5dd5a336 Mon Sep 17 00:00:00 2001
From: Amir Raminfar <findamir@gmail.com>
Date: Mon, 25 Sep 2023 09:54:16 -0700
Subject: [PATCH] fix: UI improvements to colors

---
 assets/components/LogViewer/FieldList.vue | 8 ++++++--
 assets/main.css                           | 4 ++++
 2 files changed, 10 insertions(+), 2 deletions(-)

diff --git a/assets/components/LogViewer/FieldList.vue b/assets/components/LogViewer/FieldList.vue
index 1326aa8d0351..0cff6f1017fb 100644
--- a/assets/components/LogViewer/FieldList.vue
+++ b/assets/components/LogViewer/FieldList.vue
@@ -11,7 +11,9 @@
         ></field-list>
       </template>
       <template v-else-if="Array.isArray(value)">
-        <a @click="toggleField(name)"> {{ hasField(name) ? "remove" : "add" }}&nbsp;</a>
+        <a @click="toggleField(name)" class="link-primary cursor-pointer">
+          {{ hasField(name) ? "remove" : "add" }}&nbsp;</a
+        >
         <span class="text-light">{{ name }}=</span>[
         <span class="font-bold" v-for="(item, index) in value">
           <span v-html="JSON.stringify(item)"></span><span v-if="index !== value.length - 1">,</span>
@@ -19,7 +21,9 @@
         ]
       </template>
       <template v-else>
-        <a @click="toggleField(name)"> {{ hasField(name) ? "remove" : "add" }}&nbsp;</a>
+        <a @click="toggleField(name)" class="link-primary cursor-pointer">
+          {{ hasField(name) ? "remove" : "add" }}&nbsp;</a
+        >
         <span class="text-light">{{ name }}=</span><span class="font-bold" v-html="value"></span>
       </template>
     </li>
diff --git a/assets/main.css b/assets/main.css
index 5b8ee8f54d41..80f7f11dbb1c 100644
--- a/assets/main.css
+++ b/assets/main.css
@@ -98,6 +98,10 @@
   .btn {
     @apply font-normal normal-case;
   }
+
+  .btn:not(.btn-primary):not(.btn-secondary) {
+    @apply hover:bg-base-lighter;
+  }
 }
 
 @layer utilities {