fix theme and look of the audio player

.kotlin/errors/errors-1727005936545.log

@@ -0,0 +1,4 @@
+kotlin version: 2.0.20-Beta2
+error message: The daemon has terminated unexpectedly on startup attempt #1 with error code: 0. The daemon process output:
+    1. Kotlin compile daemon is ready
+

new-player/src/main/java/net/newpipe/newplayer/ui/audioplayer/AudioPlaybackController.kt

@@ -24,6 +24,7 @@ import androidx.compose.animation.core.tween
 import androidx.compose.animation.fadeIn
 import androidx.compose.animation.fadeOut
 import androidx.compose.foundation.Image
+import androidx.compose.foundation.background
 import androidx.compose.foundation.layout.Box
 import androidx.compose.foundation.layout.Row
 import androidx.compose.foundation.layout.aspectRatio
@@ -38,6 +39,7 @@ import androidx.compose.material.icons.filled.SkipPrevious
 import androidx.compose.material3.Button
 import androidx.compose.material3.Icon
 import androidx.compose.material3.IconButton
+import androidx.compose.material3.MaterialTheme
 import androidx.compose.runtime.Composable
 import androidx.compose.ui.Alignment
 import androidx.compose.ui.Modifier
@@ -51,12 +53,14 @@ import net.newpipe.newplayer.model.NewPlayerViewModel
 import net.newpipe.newplayer.model.NewPlayerViewModelDummy
 import net.newpipe.newplayer.ui.common.RepeatModeButton
 import net.newpipe.newplayer.ui.common.ShuffleModeButton
+import net.newpipe.newplayer.ui.theme.VideoPlayerTheme
 
 @androidx.annotation.OptIn(UnstableApi::class)
 @OptIn(UnstableApi::class)
 @Composable
 fun AudioPlaybackController(viewModel: NewPlayerViewModel, uiState: NewPlayerUIState) {
-    Row(verticalAlignment = Alignment.CenterVertically) {
+    Row(modifier = Modifier.background(MaterialTheme.colorScheme.background),
+        verticalAlignment = Alignment.CenterVertically) {
         ShuffleModeButton(viewModel = viewModel, uiState = uiState)
 
         Box(modifier = Modifier.size(80.dp), contentAlignment = Alignment.Center) {
@@ -73,7 +77,7 @@ fun AudioPlaybackController(viewModel: NewPlayerViewModel, uiState: NewPlayerUIS
                     onClick = {},
                     colors = lightAudioControlButtonColorScheme()
                 ) {
-                    Image(
+                    Icon(
                         modifier = Modifier.fillMaxSize(),
                         imageVector = Icons.Filled.SkipPrevious,
                         contentDescription = stringResource(R.string.widget_description_previous_stream)
@@ -109,7 +113,7 @@ fun AudioPlaybackController(viewModel: NewPlayerViewModel, uiState: NewPlayerUIS
                     onClick = {},
                     colors = lightAudioControlButtonColorScheme()
                 ) {
-                    Image(
+                    Icon(
                         modifier = Modifier.fillMaxSize(),
                         imageVector = Icons.Filled.SkipNext,
                         contentDescription = stringResource(R.string.widget_description_next_stream)
@@ -127,7 +131,10 @@ fun AudioPlaybackController(viewModel: NewPlayerViewModel, uiState: NewPlayerUIS
 @Preview(device = "id:pixel_6")
 @Composable
 fun AudioPlayerControllerPreview() {
-//    VideoPlayerTheme {
+    VideoPlayerTheme {
-    AudioPlaybackController(viewModel = NewPlayerViewModelDummy(), uiState = NewPlayerUIState.DUMMY)
+        AudioPlaybackController(
-//    }
+            viewModel = NewPlayerViewModelDummy(),
+            uiState = NewPlayerUIState.DUMMY
+        )
+    }
 }

new-player/src/main/java/net/newpipe/newplayer/ui/audioplayer/AudioPlayerUI.kt

@@ -26,6 +26,7 @@ import androidx.compose.foundation.background
 import androidx.compose.foundation.layout.Box
 import androidx.compose.foundation.layout.Column
 import androidx.compose.foundation.layout.fillMaxSize
+import androidx.compose.foundation.layout.fillMaxWidth
 import androidx.compose.foundation.layout.padding
 import androidx.compose.foundation.layout.windowInsetsPadding
 import androidx.compose.material3.ButtonDefaults
@@ -49,12 +50,13 @@ import net.newpipe.newplayer.model.NewPlayerUIState
 import net.newpipe.newplayer.model.NewPlayerViewModel
 import net.newpipe.newplayer.model.NewPlayerViewModelDummy
 import net.newpipe.newplayer.ui.common.NewPlayerSeeker
+import net.newpipe.newplayer.ui.theme.VideoPlayerTheme
 import net.newpipe.newplayer.utils.Thumbnail
 import net.newpipe.newplayer.utils.getInsets
 
 @Composable
 fun lightAudioControlButtonColorScheme() = ButtonDefaults.buttonColors().copy(
-    containerColor = Color.Transparent,
+    containerColor = MaterialTheme.colorScheme.background,
     contentColor = MaterialTheme.colorScheme.onSurface
 )
 
@@ -62,15 +64,16 @@ fun lightAudioControlButtonColorScheme() = ButtonDefaults.buttonColors().copy(
 @Composable
 fun AudioPlayerUI(viewModel: NewPlayerViewModel, uiState: NewPlayerUIState) {
     val insets = getInsets()
-    Box(modifier = Modifier.fillMaxSize().background(color = Color.Green)) {
+    Box(
+        modifier = Modifier
+            .fillMaxSize()
+            .background(color = MaterialTheme.colorScheme.background)
+    ) {
         Scaffold(modifier = Modifier
             .fillMaxSize()
             .windowInsetsPadding(insets),
             topBar = {
-                AudioPlayerTopBar(
+
-                    viewModel = viewModel,
-                    uiState = uiState
-                )
             }) { innerPadding ->
             Box(
                 modifier = Modifier
@@ -98,6 +101,7 @@ fun AudioPlayerUI(viewModel: NewPlayerViewModel, uiState: NewPlayerUIState) {
                                 elevation = CardDefaults.cardElevation(defaultElevation = 4.dp),
                             ) {
                                 Thumbnail(
+                                    modifier = Modifier.fillMaxWidth(),
                                     thumbnail = uiState.currentlyPlaying?.mediaMetadata?.artworkUri,
                                     contentDescription = stringResource(
                                         id = R.string.stream_thumbnail
@@ -142,7 +146,11 @@ fun AudioPlayerUI(viewModel: NewPlayerViewModel, uiState: NewPlayerUIState) {
                         )
                     }
                     AudioBottomUI(viewModel, uiState)
-                    Box(modifier = Modifier.fillMaxSize().weight(0.025f))
+                    Box(
+                        modifier = Modifier
+                            .fillMaxSize()
+                            .weight(0.025f)
+                    )
                 }
             }
         }
@@ -153,7 +161,7 @@ fun AudioPlayerUI(viewModel: NewPlayerViewModel, uiState: NewPlayerUIState) {
 @Preview(device = "id:pixel_6", showSystemUi = true)
 @Composable
 fun AudioPlayerUIPreview() {
-//    VideoPlayerTheme {
+    VideoPlayerTheme {
-    AudioPlayerUI(viewModel = NewPlayerViewModelDummy(), uiState = NewPlayerUIState.DUMMY)
+        AudioPlayerUI(viewModel = NewPlayerViewModelDummy(), uiState = NewPlayerUIState.DUMMY)
-//    }
+    }
 }

new-player/src/main/java/net/newpipe/newplayer/ui/audioplayer/BottomUI.kt

@@ -62,6 +62,7 @@ import net.newpipe.newplayer.R
 import net.newpipe.newplayer.model.NewPlayerUIState
 import net.newpipe.newplayer.model.NewPlayerViewModel
 import net.newpipe.newplayer.model.NewPlayerViewModelDummy
+import net.newpipe.newplayer.ui.theme.VideoPlayerTheme
 
 @OptIn(UnstableApi::class)
 @Composable
@@ -175,7 +176,9 @@ private fun Menu() {
 @Preview(device = "id:pixel_6")
 @Composable
 fun AudioBottomUIPreview() {
-    Box(modifier = Modifier.fillMaxWidth()) {
+    VideoPlayerTheme {
-        AudioBottomUI(viewModel = NewPlayerViewModelDummy(), uiState = NewPlayerUIState.DUMMY)
+        Box(modifier = Modifier.fillMaxWidth()) {
+            AudioBottomUI(viewModel = NewPlayerViewModelDummy(), uiState = NewPlayerUIState.DUMMY)
+        }
     }
 }

new-player/src/main/java/net/newpipe/newplayer/ui/theme/Color.kt

@@ -37,7 +37,7 @@ val video_player_primary = Color(0xFFE53935)
 // The color of buttons, and the LoadingCircle
 val video_player_onPrimary = Color(0xFFF8F8F8)
 
-val video_player_primaryContainer = Color(0xFF633F00)
+val video_player_primaryContainer = Color(0xFFFFFF00)
 val video_player_onPrimaryContainer = Color(0xFFFFDDB3)
 val video_player_secondary = Color(0xFFDDC2A1)
 val video_player_onSecondary = Color(0xFF3E2D16)
@@ -47,11 +47,15 @@ val video_player_tertiary = Color(0xFFB8CEA1)
 val video_player_onTertiary = Color(0xFF243515)
 val video_player_tertiaryContainer = Color(0xFF3A4C2A)
 val video_player_onTertiaryContainer = Color(0xFFD4EABB)
+
 val video_player_error = Color(0xFFFFB4AB)
 val video_player_errorContainer = Color(0xFF93000A)
 val video_player_onError = Color(0xFF690005)
 val video_player_onErrorContainer = Color(0xFFFFDAD6)
+
+// background color
 val video_player_background = Color(0xFF1F1B16)
+
 val video_player_onBackground = Color(0xFFEAE1D9)
 val video_player_surface = Color(0xFF000000)