From 20814a10f8383e5a412ab11b18ab48fc23fe22c5 Mon Sep 17 00:00:00 2001
From: austinried <4966622+austinried@users.noreply.github.com>
Date: Mon, 28 Sep 2026 06:39:54 +0000
Subject: [PATCH] scrim the progress ring on album art only

The ring reads on the theme background of the artist and playlist rows but got
muddled over cover art, so the album tiles and the artist page's album cells put
it back on a translucent surface circle; the rows stay bare.
---
 .../ui/components/DownloadIndicator.kt        | 43 +++++++++++++++----
 .../com/subtracks/ui/library/AlbumsContent.kt |  1 +
 .../ui/library/ArtistDetailScreen.kt          |  1 +
 3 files changed, 37 insertions(+), 8 deletions(-)

diff --git a/app/src/main/kotlin/com/subtracks/ui/components/DownloadIndicator.kt b/app/src/main/kotlin/com/subtracks/ui/components/DownloadIndicator.kt
index f9c4a8f4..7728fed4 100644
--- a/app/src/main/kotlin/com/subtracks/ui/components/DownloadIndicator.kt
+++ b/app/src/main/kotlin/com/subtracks/ui/components/DownloadIndicator.kt
@@ -4,8 +4,10 @@ import androidx.compose.foundation.layout.Box
 import androidx.compose.foundation.layout.fillMaxSize
 import androidx.compose.foundation.layout.offset
 import androidx.compose.foundation.layout.size
+import androidx.compose.foundation.shape.CircleShape
 import androidx.compose.material3.CircularProgressIndicator
 import androidx.compose.material3.MaterialTheme
+import androidx.compose.material3.Surface
 import androidx.compose.runtime.Composable
 import androidx.compose.ui.Alignment
 import androidx.compose.ui.Modifier
@@ -27,18 +29,43 @@ fun ListDownloadStatus.indicator(): DownloadIndicator =
 fun ListDownloadIndicator(
     status: ListDownloadStatus?,
     modifier: Modifier = Modifier,
+    scrim: Boolean = false,
 ) {
     val current = status ?: return
     if (current.indicator() == DownloadIndicator.Hidden) return
     val progress = { current.downloaded.toFloat() / current.total }
-    Box(modifier = modifier.size(20.dp), contentAlignment = Alignment.Center) {
-        CircularProgressIndicator(
-            progress = progress,
-            color = Color.Black.copy(alpha = 0.5f),
-            trackColor = Color.Transparent,
-            strokeWidth = 2.5.dp,
-            modifier = Modifier.fillMaxSize().blur(2.dp).offset(y = 1.dp),
-        )
+    if (scrim) {
+        Surface(
+            shape = CircleShape,
+            color = MaterialTheme.colorScheme.surface.copy(alpha = 0.85f),
+            modifier = modifier.size(28.dp),
+        ) {
+            Box(contentAlignment = Alignment.Center) {
+                DownloadRing(progress, shadow = false)
+            }
+        }
+    } else {
+        Box(modifier = modifier.size(20.dp), contentAlignment = Alignment.Center) {
+            DownloadRing(progress, shadow = true)
+        }
+    }
+}
+
+@Composable
+private fun DownloadRing(
+    progress: () -> Float,
+    shadow: Boolean,
+) {
+    Box(Modifier.size(20.dp), contentAlignment = Alignment.Center) {
+        if (shadow) {
+            CircularProgressIndicator(
+                progress = progress,
+                color = Color.Black.copy(alpha = 0.5f),
+                trackColor = Color.Transparent,
+                strokeWidth = 2.5.dp,
+                modifier = Modifier.fillMaxSize().blur(2.dp).offset(y = 1.dp),
+            )
+        }
         CircularProgressIndicator(
             progress = progress,
             color = MaterialTheme.colorScheme.primary,
diff --git a/app/src/main/kotlin/com/subtracks/ui/library/AlbumsContent.kt b/app/src/main/kotlin/com/subtracks/ui/library/AlbumsContent.kt
index 9a8c3e1a..52c0b9f7 100644
--- a/app/src/main/kotlin/com/subtracks/ui/library/AlbumsContent.kt
+++ b/app/src/main/kotlin/com/subtracks/ui/library/AlbumsContent.kt
@@ -109,6 +109,7 @@ fun AlbumsContent(
                             ListDownloadIndicator(
                                 status = downloadStatuses[album.id],
                                 modifier = Modifier.align(Alignment.BottomEnd).padding(4.dp),
+                                scrim = true,
                             )
                         }
                     }
diff --git a/app/src/main/kotlin/com/subtracks/ui/library/ArtistDetailScreen.kt b/app/src/main/kotlin/com/subtracks/ui/library/ArtistDetailScreen.kt
index 7e652796..15679d9a 100644
--- a/app/src/main/kotlin/com/subtracks/ui/library/ArtistDetailScreen.kt
+++ b/app/src/main/kotlin/com/subtracks/ui/library/ArtistDetailScreen.kt
@@ -402,6 +402,7 @@ fun ArtistDetailScreen(
                                 ListDownloadIndicator(
                                     status = albumDownloads[album.id],
                                     modifier = Modifier.align(Alignment.BottomEnd).padding(4.dp),
+                                    scrim = true,
                                 )
                             }
                             Text(