From 5cc86ade7de770ad1b7996f68e6acd16a03e4573 Mon Sep 17 00:00:00 2001
From: arabcoders <admin@arabcoders.org>
Date: Tue, 15 Jul 2025 16:04:43 +0300
Subject: [PATCH] Fix color contrast on pause button in dark mode. Closes #337

---
 ui/components/Queue.vue | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/ui/components/Queue.vue b/ui/components/Queue.vue
index 75ccf661..2a889297 100644
--- a/ui/components/Queue.vue
+++ b/ui/components/Queue.vue
@@ -30,7 +30,7 @@
         </button>
       </div>
       <div class="column is-half-mobile" v-if="hasPausable">
-        <button type="button" class="button is-fullwidth is-background-warning-85" :disabled="!hasSelected"
+        <button type="button" class="button is-fullwidth is-warning is-background-warning-85" :disabled="!hasSelected"
           @click="pauseSelected">
           <span class="icon"><i class="fa-solid fa-pause" /></span>
           <span>Pause</span>
@@ -247,7 +247,7 @@
                 </button>
               </div>
               <div class="column is-half-mobile" v-if="item.auto_start && !item.status">
-                <button class="button is-background-warning-85 is-fullwidth" @click="pauseItem(item)">
+                <button class="button is-warning is-background-warning-85 is-fullwidth" @click="pauseItem(item)">
                   <span class="icon"><i class="fa-solid fa-pause" /></span>
                   <span>Pause</span>
                 </button>