From 9cd6ee98a4a287335a683af67f0719b4d5828012 Mon Sep 17 00:00:00 2001
From: Noah Petherbridge <root@kirsle.net>
Date: Fri, 4 Oct 2024 23:23:45 -0700
Subject: [PATCH] Tweak CSS for upvoted emoji reactions

---
 src/components/MessageBox.vue | 8 ++++----
 1 file changed, 4 insertions(+), 4 deletions(-)

diff --git a/src/components/MessageBox.vue b/src/components/MessageBox.vue
index e384140..159a9ba 100644
--- a/src/components/MessageBox.vue
+++ b/src/components/MessageBox.vue
@@ -357,8 +357,8 @@ export default {
 
             <!-- Reactions so far? -->
             <div v-if="hasReactions" class="mt-1">
-                <span v-for="(users, emoji) in reactions" v-bind:key="emoji" class="tag is-secondary mr-1 cursor-pointer"
-                    :class="{ 'is-success is-light': iReacted(msg, emoji), 'is-secondary': !iReacted(msg, emoji) }"
+                <span v-for="(users, emoji) in reactions" v-bind:key="emoji" class="tag mr-1 cursor-pointer"
+                    :class="{ 'has-text-info': iReacted(emoji), 'is-secondary': !iReacted(emoji) }"
                     :title="emoji + ' by: ' + users.join(', ')" @click="sendReact(emoji)">
                     {{ emoji }}
 
@@ -427,8 +427,8 @@ export default {
 
             <!-- Reactions so far? -->
             <div v-if="hasReactions" class="mb-2">
-                <span v-for="(users, emoji) in reactions" v-bind:key="emoji" class="tag is-secondary mr-1 cursor-pointer"
-                    :class="{ 'is-success is-light': iReacted(msg, emoji), 'is-secondary': !iReacted(msg, emoji) }"
+                <span v-for="(users, emoji) in reactions" v-bind:key="emoji" class="tag mr-1 cursor-pointer"
+                    :class="{ 'has-text-info': iReacted(emoji), 'is-secondary': !iReacted(emoji) }"
                     :title="emoji + ' by: ' + users.join(', ')" @click="sendReact(emoji)">
                     {{ emoji }}