compose: Theme: Apply right background color from Material3 view library

Material3 view based lib already uses it, but compose stable one not
Using version 1.2.0-rc01 breaks sliders, thx Google

Author: SanyaPilot

app/build.gradle

@@ -68,8 +68,8 @@ dependencies {
     implementation "androidx.compose.ui:ui-tooling-preview"
     debugImplementation "androidx.compose.ui:ui-tooling"
     debugImplementation "androidx.compose.ui:ui-test-manifest"
+    implementation 'androidx.compose.material3:material3'
 
-    implementation 'androidx.compose.material3:material3:1.1.2'
     testImplementation 'junit:junit:4.13.2'
     androidTestImplementation 'androidx.test.ext:junit:1.1.5'
     androidTestImplementation 'androidx.test.espresso:espresso-core:3.5.1'

app/src/main/java/com/sanyapilot/yandexstation_controller/device/settings/SettingsFragment.kt

@@ -111,7 +111,7 @@ class SettingsFragment : Fragment() {
         return ComposeView(requireContext()).apply {
             setViewCompositionStrategy(ViewCompositionStrategy.DisposeOnViewTreeLifecycleDestroyed)
             setContent {
-                AppTheme {
+                AppTheme(context = this@SettingsFragment.context) {
                     Surface {
                         SettingsLayout(viewModel, deviceConfig)
                     }

app/src/main/java/com/sanyapilot/yandexstation_controller/ui/theme/Theme.kt

@@ -1,14 +1,17 @@
 package com.sanyapilot.yandexstation_controller.ui.theme
 
+import android.content.Context
 import android.os.Build
 import androidx.compose.foundation.isSystemInDarkTheme
 import androidx.compose.material3.MaterialTheme
-import androidx.compose.material3.lightColorScheme
 import androidx.compose.material3.darkColorScheme
 import androidx.compose.material3.dynamicDarkColorScheme
 import androidx.compose.material3.dynamicLightColorScheme
+import androidx.compose.material3.lightColorScheme
 import androidx.compose.runtime.Composable
+import androidx.compose.ui.graphics.Color
 import androidx.compose.ui.platform.LocalContext
+import com.google.android.material.color.MaterialColors
 
 
 private val LightColors = lightColorScheme(
@@ -51,17 +54,26 @@ private val DarkColors = darkColorScheme(
 @Composable
 fun AppTheme(
   useDarkTheme: Boolean = isSystemInDarkTheme(),
+  context: Context? = null,
   content: @Composable () -> Unit
 ) {
     // Dynamic color is available on Android 12+
     val dynamicColor = Build.VERSION.SDK_INT >= Build.VERSION_CODES.S
-    val colors = when {
+    var colors = when {
         dynamicColor && useDarkTheme -> dynamicDarkColorScheme(LocalContext.current)
         dynamicColor && !useDarkTheme -> dynamicLightColorScheme(LocalContext.current)
         useDarkTheme -> DarkColors
         else -> LightColors
     }
 
+    // Applies right surface color
+    // Material3 view based lib already uses it, but compose stable one not
+    // Using version 1.2.0-rc01 breaks sliders, thx Google
+    if (dynamicColor && context != null) {
+        val newSurfaceColor = MaterialColors.getColor(context, com.google.android.material.R.attr.colorSurface, "")
+        colors = colors.copy(surface = Color(newSurfaceColor), background = Color(newSurfaceColor))
+    }
+
   MaterialTheme(
     colorScheme = colors,
     content = content