Halo PR14 — ring-gradient titles + borders across guide and More Controls

app/src/main/java/com/rgremote/app/ui/HaloScreen.kt

@@ -65,6 +65,7 @@ import com.rgremote.app.ui.ringGradientFill
 import com.rgremote.app.ui.theme.HaloColors
 import com.rgremote.app.ui.theme.HaloSpec
 import com.rgremote.app.ui.theme.ringGradientColors
+import com.rgremote.app.ui.theme.rememberRingBrush
 import com.rgremote.app.ui.theme.LocalHaloColors
 
 /**
@@ -482,6 +483,7 @@ private fun MoreControlsAffordance(
     onClick: () -> Unit,
 ) {
     val halo = LocalHaloColors.current
+    val ringBrush = rememberRingBrush()
     Column(
         horizontalAlignment = Alignment.CenterHorizontally,
         modifier = Modifier
@@ -510,13 +512,14 @@ private fun MoreControlsAffordance(
             Icon(
                 imageVector = Icons.Filled.KeyboardArrowUp,
                 contentDescription = null,
-                tint = halo.moreControls
+                tint = Color.White,
+                modifier = Modifier.ringGradientFill(halo.ringGradientColors())
             )
         }
         Spacer(Modifier.height(6.dp))
         Text(
             text = stringResource(R.string.halo_more_controls),
-            color = halo.moreControls,
+            style = MaterialTheme.typography.labelSmall.copy(brush = ringBrush),
             fontSize = 11.sp,
             letterSpacing = 2.sp
         )

app/src/main/java/com/rgremote/app/ui/MoreControlsSheet.kt

@@ -40,6 +40,7 @@ import com.rgremote.app.domain.AppLaunchTarget
 import com.rgremote.app.domain.HdmiPort
 import com.rgremote.app.domain.VolumeCommand
 import com.rgremote.app.ui.theme.HaloSpec
+import com.rgremote.app.ui.theme.rememberRingBrush
 import com.rgremote.app.ui.theme.LocalHaloColors
 
 /**
@@ -73,6 +74,7 @@ internal fun MoreControlsSheet(
     onDismiss: () -> Unit,
 ) {
     val halo = LocalHaloColors.current
+    val ringBrush = rememberRingBrush()
     ModalBottomSheet(
         onDismissRequest = onDismiss,
         containerColor = MaterialTheme.colorScheme.surface
@@ -87,8 +89,7 @@ internal fun MoreControlsSheet(
         ) {
             Text(
                 text = stringResource(R.string.halo_more_controls),
-                style = MaterialTheme.typography.titleMedium,
-                color = MaterialTheme.colorScheme.onSurface,
+                style = MaterialTheme.typography.titleMedium.copy(brush = ringBrush),
                 modifier = Modifier
                     .fillMaxWidth()
                     .padding(horizontal = 4.dp)
@@ -237,27 +238,27 @@ private fun SheetSeparator() {
     )
 }
 
-/** Halo-styled text pill: glass fill, hairline border, dock-icon text. */
+/** Halo-styled text pill: glass fill, ring-gradient border and label. */
 @Composable
 private fun GlassPill(
     label: String,
     onClick: () -> Unit,
     modifier: Modifier = Modifier,
 ) {
     val halo = LocalHaloColors.current
+    val ringBrush = rememberRingBrush()
     val shape = RoundedCornerShape(24.dp)
     Box(
         modifier = modifier
             .height(48.dp)
             .background(halo.dockFill, shape)
-            .border(1.dp, halo.dockBorder, shape)
+            .border(1.dp, ringBrush, shape)
             .clickable(onClickLabel = label, onClick = onClick),
         contentAlignment = Alignment.Center
     ) {
         Text(
             text = label,
-            color = halo.dockIcon,
-            fontSize = 15.sp,
+            style = MaterialTheme.typography.labelLarge.copy(brush = ringBrush),
             fontWeight = FontWeight.Medium
         )
     }

app/src/main/java/com/rgremote/app/ui/RGRemoteApp.kt

@@ -106,6 +106,7 @@ import com.rgremote.app.domain.AppLaunchTarget
 import com.rgremote.app.domain.DeviceType
 import com.rgremote.app.roku.RokuPowerMode
 import com.rgremote.app.ui.theme.LocalHaloColors
+import com.rgremote.app.ui.theme.rememberRingBrush
 import com.rgremote.app.ui.theme.ThemeMode
 import com.rgremote.app.domain.DpadDirection
 import com.rgremote.app.domain.duplicateDeviceCount
@@ -695,6 +696,7 @@ private fun SetupGuideDialog(
     val googlePaired = google?.id?.let { state.pairedDeviceIds.contains(it) } == true
     val hdmiMapped = mappedPort != null
     val halo = LocalHaloColors.current
+    val ringBrush = rememberRingBrush()
     AlertDialog(
         onDismissRequest = onDismiss,
         confirmButton = {
@@ -714,7 +716,10 @@ private fun SetupGuideDialog(
             }
         },
         title = {
-            Text(stringResource(R.string.setup_guide_title))
+            Text(
+                text = stringResource(R.string.setup_guide_title),
+                style = MaterialTheme.typography.titleLarge.copy(brush = ringBrush)
+            )
         },
         text = {
             Column(
@@ -811,6 +816,7 @@ private fun GuideStep(
     accent: Color
 ) {
     val halo = LocalHaloColors.current
+    val ringBrush = rememberRingBrush()
     Surface(
         modifier = Modifier.fillMaxWidth(),
         shape = RoundedCornerShape(16.dp),
@@ -822,7 +828,7 @@ private fun GuideStep(
         border = if (complete) {
             BorderStroke(0.5.dp, halo.statusOnline.copy(alpha = 0.30f))
         } else {
-            null
+            BorderStroke(0.5.dp, ringBrush)
         }
     ) {
         Column(
@@ -863,8 +869,7 @@ private fun GuideStep(
             }
             Text(
                 text = title,
-                color = MaterialTheme.colorScheme.onSurface,
-                style = MaterialTheme.typography.titleSmall,
+                style = MaterialTheme.typography.titleSmall.copy(brush = ringBrush),
                 fontWeight = FontWeight.Bold,
                 modifier = Modifier.weight(1f)
             )
@@ -882,19 +887,20 @@ private fun GuideStep(
 private fun SavedTvsSummary(state: RGRemoteUiState) {
     if (state.devices.isEmpty()) return
     val halo = LocalHaloColors.current
+    val ringBrush = rememberRingBrush()
     Surface(
         modifier = Modifier.fillMaxWidth(),
         shape = RoundedCornerShape(16.dp),
         color = halo.dockWell,
-        border = BorderStroke(0.5.dp, halo.chipBorder)
+        border = BorderStroke(0.5.dp, ringBrush)
     ) {
         Column(
             modifier = Modifier.padding(12.dp),
             verticalArrangement = Arrangement.spacedBy(6.dp)
         ) {
             Text(
                 text = stringResource(R.string.saved_summary_title),
-                style = MaterialTheme.typography.labelLarge,
+                style = MaterialTheme.typography.labelLarge.copy(brush = ringBrush),
                 fontWeight = FontWeight.Bold,
                 color = PrimaryText
             )

app/src/main/java/com/rgremote/app/ui/theme/HaloColors.kt

@@ -1,7 +1,10 @@
 package com.rgremote.app.ui.theme
 
+import androidx.compose.runtime.Composable
 import androidx.compose.runtime.Immutable
+import androidx.compose.runtime.remember
 import androidx.compose.runtime.staticCompositionLocalOf
+import androidx.compose.ui.graphics.Brush
 import androidx.compose.ui.graphics.Color
 
 /**
@@ -126,6 +129,13 @@ fun HaloColors.ringGradientColors(): List<Color> = listOf(
     ringPink
 )
 
+/** Remembered vertical brush over the ring gradient, for text and borders. */
+@Composable
+fun rememberRingBrush(): Brush {
+    val halo = LocalHaloColors.current
+    return remember(halo) { Brush.verticalGradient(halo.ringGradientColors()) }
+}
+
 /**
  * Measured geometry contract from `docs/ui-target.md`. Fractions are relative
  * to screen width (ring) or parent size (the rest); components must consume