From ebf8b39c00a83d30219e6524a864230318b94e80 Mon Sep 17 00:00:00 2001
From: sir-wilhelm <sir-wilhelm@users.noreply.github.com>
Date: Wed, 7 Jan 2026 20:19:07 -0600
Subject: [PATCH] Make the download icon easier to see with light covers.

---
 client/pages/share/_slug.vue | 5 ++++-
 1 file changed, 4 insertions(+), 1 deletion(-)

diff --git a/client/pages/share/_slug.vue b/client/pages/share/_slug.vue
index 64c099632..e58cf888a 100644
--- a/client/pages/share/_slug.vue
+++ b/client/pages/share/_slug.vue
@@ -14,7 +14,7 @@
         </div>
 
         <ui-tooltip v-if="mediaItemShare.isDownloadable" direction="bottom" :text="$strings.LabelDownload" class="absolute top-0 left-0 m-4">
-          <button aria-label="Download" class="text-gray-300 hover:text-white" @click="downloadShareItem"><span class="material-symbols text-2xl sm:text-3xl">download</span></button>
+          <button aria-label="Download" :class="downloadIconClass" @click="downloadShareItem"><span class="material-symbols text-2xl sm:text-3xl">download</span></button>
         </ui-tooltip>
       </div>
     </div>
@@ -107,6 +107,9 @@ export default {
     },
     coverHeight() {
       return this.coverWidth * this.coverAspectRatio
+    },
+    downloadIconClass() {
+      return this.coverBgIsLight ? ['text-black', 'hover:text-gray-800'] : ['text-white', 'hover:text-gray-300']
     }
   },
   methods: {