From 669ced862e025a9d902f55e966b76e2ba3057c18 Mon Sep 17 00:00:00 2001
From: Nicholas Wallace <nicholaslwallace@gmail.com>
Date: Sun, 9 Feb 2025 14:06:47 -0700
Subject: [PATCH 1/2] Use `cast-connected` icon instead of green icon

---
 components/app/Appbar.vue      | 2 +-
 components/app/AudioPlayer.vue | 2 +-
 2 files changed, 2 insertions(+), 2 deletions(-)

diff --git a/components/app/Appbar.vue b/components/app/Appbar.vue
index af10a670..e3424b01 100644
--- a/components/app/Appbar.vue
+++ b/components/app/Appbar.vue
@@ -22,7 +22,7 @@
 
       <!-- Must be connected to a server to cast, only supports media items on server -->
       <div v-show="isCastAvailable && user" class="mx-2 cursor-pointer flex items-center pt-0.5" @click="castClick">
-        <span class="material-icons" :class="isCasting ? 'text-success' : ''">cast</span>
+        <span class="material-icons">{{ isCasting ? 'cast_connected' : 'cast' }}</span>
       </div>
 
       <nuxt-link v-if="user" class="h-7 mx-1.5" style="padding-top: 3px" to="/search">
diff --git a/components/app/AudioPlayer.vue b/components/app/AudioPlayer.vue
index 13226b45..a1d97843 100644
--- a/components/app/AudioPlayer.vue
+++ b/components/app/AudioPlayer.vue
@@ -7,7 +7,7 @@
         <span class="material-icons text-5xl" :class="{ 'text-black text-opacity-75': coverBgIsLight }" @click="collapseFullscreen">expand_more</span>
       </div>
       <div v-show="showCastBtn" class="top-6 right-16 absolute cursor-pointer">
-        <span class="material-icons text-3xl" :class="isCasting ? (coverBgIsLight ? 'text-successDark' : 'text-success') : coverBgIsLight ? 'text-black' : ''" @click="castClick">cast</span>
+        <span class="material-icons text-3xl" :class="coverBgIsLight ? 'text-successDark' : ''" @click="castClick">{{ isCasting ? 'cast_connected' : 'cast' }}</span>
       </div>
       <div class="top-6 right-4 absolute cursor-pointer">
         <span class="material-icons text-3xl" :class="{ 'text-black text-opacity-75': coverBgIsLight }" @click="showMoreMenuDialog = true">more_vert</span>

From 033b0b6ebf689ebb1992bda1e1ce581e1c6976aa Mon Sep 17 00:00:00 2001
From: advplyr <advplyr@protonmail.com>
Date: Mon, 17 Feb 2025 17:58:03 -0600
Subject: [PATCH 2/2] Update cast icon to black on light covers

---
 components/app/AudioPlayer.vue | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/components/app/AudioPlayer.vue b/components/app/AudioPlayer.vue
index a1d97843..d24bdddb 100644
--- a/components/app/AudioPlayer.vue
+++ b/components/app/AudioPlayer.vue
@@ -7,7 +7,7 @@
         <span class="material-icons text-5xl" :class="{ 'text-black text-opacity-75': coverBgIsLight }" @click="collapseFullscreen">expand_more</span>
       </div>
       <div v-show="showCastBtn" class="top-6 right-16 absolute cursor-pointer">
-        <span class="material-icons text-3xl" :class="coverBgIsLight ? 'text-successDark' : ''" @click="castClick">{{ isCasting ? 'cast_connected' : 'cast' }}</span>
+        <span class="material-icons text-3xl" :class="coverBgIsLight ? 'text-black' : ''" @click="castClick">{{ isCasting ? 'cast_connected' : 'cast' }}</span>
       </div>
       <div class="top-6 right-4 absolute cursor-pointer">
         <span class="material-icons text-3xl" :class="{ 'text-black text-opacity-75': coverBgIsLight }" @click="showMoreMenuDialog = true">more_vert</span>