From ed82920de99283c0157d3f6509c860323cb5698f Mon Sep 17 00:00:00 2001
From: Noah Petherbridge <root@kirsle.net>
Date: Sat, 6 Apr 2024 15:54:37 -0700
Subject: [PATCH] Dark mode color tweaks

---
 src/App.vue                   |  2 +-
 src/components/MessageBox.vue | 10 +++++-----
 src/components/WhoListRow.vue |  2 +-
 3 files changed, 7 insertions(+), 7 deletions(-)

diff --git a/src/App.vue b/src/App.vue
index f65b15c..ed7f0cc 100644
--- a/src/App.vue
+++ b/src/App.vue
@@ -3997,7 +3997,7 @@ export default {
                     </button>
 
                     <!-- Watchers button -->
-                    <button type="button" v-if="webcam.active" class="button is-small is-info is-outlined ml-1 px-1"
+                    <button type="button" v-if="webcam.active" class="button is-small is-link is-outlined ml-1 px-1"
                         @click="showViewers()">
                         <i class="fa fa-eye mr-2"></i>
                         {{ Object.keys(webcam.watching).length }}
diff --git a/src/components/MessageBox.vue b/src/components/MessageBox.vue
index 60d5ac2..8809617 100644
--- a/src/components/MessageBox.vue
+++ b/src/components/MessageBox.vue
@@ -269,7 +269,7 @@ export default {
                     <div class="column is-narrow pl-1 pt-0" v-if="!noButtons">
                         <!-- DMs button -->
                         <button type="button" v-if="!(message.username === username || isDm)"
-                            class="button is-grey is-outlined is-small px-2" @click="openDMs()"
+                            class="button is-dark is-outlined is-small px-2" @click="openDMs()"
                             :title="isDnd ? 'This person is not accepting new DMs' : 'Open a Direct Message (DM) thread'"
                             :disabled="isDnd">
                             <i class="fa fa-comment"></i>
@@ -277,7 +277,7 @@ export default {
 
                         <!-- Mute button -->
                         <button type="button" v-if="!(message.username === username)"
-                            class="button is-grey is-outlined is-small px-2 ml-1" @click="muteUser()" title="Mute user">
+                            class="button is-dark is-outlined is-small px-2 ml-1" @click="muteUser()" title="Mute user">
                             <i class="fa fa-comment-slash" :class="{
                                 'has-text-success': isMuted,
                                 'has-text-danger': !isMuted
@@ -286,14 +286,14 @@ export default {
 
                         <!-- Owner or admin: take back the message -->
                         <button type="button" v-if="message.username === username || isOp"
-                            class="button is-grey is-outlined is-small px-2 ml-1"
+                            class="button is-dark is-outlined is-small px-2 ml-1"
                             title="Take back this message (delete it for everybody)" @click="takeback()">
                             <i class="fa fa-rotate-left has-text-danger"></i>
                         </button>
 
                         <!-- Everyone else: can hide it locally -->
                         <button type="button" v-if="message.username !== username"
-                            class="button is-grey is-outlined is-small px-2 ml-1"
+                            class="button is-dark is-outlined is-small px-2 ml-1"
                             title="Hide this message (delete it only for your view)" @click="removeMessage()">
                             <i class="fa fa-trash"></i>
                         </button>
@@ -306,7 +306,7 @@ export default {
         <div v-if="message.msgID && !noButtons" class="emoji-button columns is-mobile is-gapless mb-0">
             <!-- Report message button -->
             <div class="column" v-if="reportEnabled && message.username !== username">
-                <button class="button is-small is-outlined mr-1" :class="{
+                <button class="button is-small is-outlined mr-1 py-2" :class="{
                     'is-danger': !message.reported,
                     'has-text-grey': message.reported
                 }" title="Report this message" @click="reportMessage()">
diff --git a/src/components/WhoListRow.vue b/src/components/WhoListRow.vue
index 7bfc0d4..53dfa55 100644
--- a/src/components/WhoListRow.vue
+++ b/src/components/WhoListRow.vue
@@ -58,7 +58,7 @@ export default {
             if ((this.user.video & VideoFlag.Active) && (this.user.video & VideoFlag.NSFW)) {
                 result += "is-danger is-outlined";
             } else if ((this.user.video & VideoFlag.Active) && !(this.user.video & VideoFlag.NSFW)) {
-                result += "is-info is-outlined";
+                result += "is-link is-outlined";
             } else if (this.isVideoNotAllowed) {
                 result += "cursor-notallowed";
             }