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.

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) {
+    if (scrim) {
-        CircularProgressIndicator(
+        Surface(
-            progress = progress,
+            shape = CircleShape,
-            color = Color.Black.copy(alpha = 0.5f),
+            color = MaterialTheme.colorScheme.surface.copy(alpha = 0.85f),
-            trackColor = Color.Transparent,
+            modifier = modifier.size(28.dp),
-            strokeWidth = 2.5.dp,
+        ) {
-            modifier = Modifier.fillMaxSize().blur(2.dp).offset(y = 1.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,

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,
                             )
                         }
                     }

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(