feat: enhance button styles and interactions in Buttons and Theme components for improved UI consistency

composeApp/src/commonMain/kotlin/dev/krtirtho/spotube/core/ui/base/Buttons.kt

@@ -168,7 +168,11 @@ fun OutlineButton(
         Row(
             verticalAlignment = Alignment.CenterVertically,
             horizontalArrangement = Arrangement.spacedBy(8.dp),
-            content = content,
+            content = {
+                CompositionLocalProvider(LocalContentColor provides state.colors.foreground) {
+                    content()
+                }
+            },
         )
     }
 }
@@ -320,30 +324,36 @@ fun GhostIconButton(
     content: @Composable () -> Unit,
 ) {
     val baseTheme = LocalBaseUITheme.current
-    val style = theme ?: baseTheme.buttons.ghost
-    val interactionSource = remember { MutableInteractionSource() }
-    val isPressed by interactionSource.collectIsPressedAsState()
-    val isHovered by interactionSource.collectIsHoveredAsState()
-    val state = resolveButtonState(style, isPressed, isHovered)
-    val lift = if (isHovered && !isPressed) (-1).dp else 0.dp
-
-    Box(
-        modifier = modifier
-            .defaultMinSize(minHeight = ButtonMinHeight)
-            .hoverable(interactionSource = interactionSource, enabled = enabled)
-            .graphicsLayer { translationY = lift.toPx() }
-            .clip(state.shape)
-            .then(
-                if (!isHovered && !isPressed) Modifier else Modifier.background(state.colors.background, state.shape)
-            )
-            .clickable(
-                enabled = enabled,
-                interactionSource = interactionSource,
-                indication = ripple(),
-                onClick = onClick,
-            )
-            .padding(state.padding),
-        contentAlignment = Alignment.Center,
+    val outlineStyle = baseTheme.iconButtons.outline
+    val ghostStyle = theme ?: BaseUITheme.ButtonStyle(
+        colors = BaseUITheme.InteractionState(
+            hovered = outlineStyle.colors.hovered,
+            pressed = outlineStyle.colors.pressed,
+            focused = BaseUITheme.ButtonColors(
+                background = Brush.verticalGradient(listOf(Color.Transparent, Color.Transparent)),
+                foreground = outlineStyle.colors.focused.foreground,
+                highlight = outlineStyle.colors.focused.highlight,
+            ),
+        ),
+        shape = outlineStyle.shape,
+        shadow = BaseUITheme.InteractionState(
+            hovered = outlineStyle.shadow.hovered,
+            pressed = outlineStyle.shadow.pressed,
+            focused = BaseUITheme.Shadow(0.dp, false, Color.Transparent, Color.Transparent),
+        ),
+        border = BaseUITheme.InteractionState(
+            hovered = outlineStyle.border.hovered,
+            pressed = outlineStyle.border.pressed,
+            focused = BaseUITheme.Border(Color.Transparent, 0.dp),
+        ),
+        padding = outlineStyle.padding,
+    )
+    OutlineButton(
+        onClick = onClick,
+        modifier = modifier,
+        enabled = enabled,
+        hoverOnly = true,
+        theme = ghostStyle,
     ) {
         content()
     }

composeApp/src/commonMain/kotlin/dev/krtirtho/spotube/core/ui/component/TrackList.kt

@@ -353,6 +353,7 @@ fun TrackList(
                     Column(
                         modifier = Modifier
                             .fillMaxWidth()
+                            .padding(top = 12.dp, bottom = 12.dp)
                     ) {
                         visibleTracks.forEachIndexed { displayedIndex, track ->
                             if (displayedIndex > 0) {
@@ -514,6 +515,7 @@ private fun TrackListRow(
     modifier: Modifier = Modifier,
 ) {
     val rowTheme = LocalBaseUITheme.current.listRowTile
+    val isLight = MaterialTheme.colorScheme.surface.luminance() > 0.5f
     val artworkInteractionSource = remember { MutableInteractionSource() }
     val isArtworkHovered by artworkInteractionSource.collectIsHoveredAsState()
     val rowInteractionSource = remember { MutableInteractionSource() }
@@ -525,7 +527,7 @@ private fun TrackListRow(
         else -> Brush.verticalGradient(listOf(Color.Transparent, Color.Transparent))
     }
     val highlightColor = Color.White.copy(
-        alpha = if (rowTheme.foreground.hovered.luminance() > 0.5f) 0.9f else 0.06f
+        alpha = if (isLight) 0.9f else 0.06f
     )
 
     Row(