Improve Icon and title for ViewWithActionBar

Signed-off-by: Saul Henriquez <saul_henriquez@hotmail.com>

Author: saulhdev

Omega/src/com/neoapps/neolauncher/compose/components/ViewWithActionBar.kt

@@ -22,10 +22,11 @@ import androidx.activity.compose.LocalOnBackPressedDispatcherOwner
 import androidx.compose.foundation.layout.PaddingValues
 import androidx.compose.foundation.layout.RowScope
 import androidx.compose.material.icons.Icons
-import androidx.compose.material.icons.filled.ArrowBack
+import androidx.compose.material.icons.automirrored.filled.ArrowBack
 import androidx.compose.material3.ExperimentalMaterial3Api
+import androidx.compose.material3.FilledIconButton
 import androidx.compose.material3.Icon
-import androidx.compose.material3.IconButton
+import androidx.compose.material3.IconButtonDefaults
 import androidx.compose.material3.MaterialTheme
 import androidx.compose.material3.Scaffold
 import androidx.compose.material3.Text
@@ -53,35 +54,39 @@ fun ViewWithActionBar(
         topBar = {
             TopAppBar(
                 title = {
-                    Text(text = title, style = MaterialTheme.typography.titleMedium)
+                    Text(text = title, style = MaterialTheme.typography.titleLarge)
                 },
                 navigationIcon = {
                     if (showBackButton) {
                         val backDispatcher =
                             LocalOnBackPressedDispatcherOwner.current?.onBackPressedDispatcher
-                        IconButton(
+                        FilledIconButton(
                             onClick = {
                                 onBackAction.invoke()
                                 backDispatcher?.onBackPressed()
-                            }
+                            },
+                            colors = IconButtonDefaults.filledIconButtonColors(
+                                containerColor = MaterialTheme.colorScheme.surfaceContainerHighest
+                            )
                         ) {
                             Icon(
-                                imageVector = Icons.Filled.ArrowBack,
+                                imageVector = Icons.AutoMirrored.Filled.ArrowBack,
                                 contentDescription = stringResource(id = R.string.gesture_press_back),
                             )
                         }
                     }
                 },
                 actions = actions,
                 colors = TopAppBarDefaults.topAppBarColors(
-                    containerColor = MaterialTheme.colorScheme.background
+                    containerColor = MaterialTheme.colorScheme.surface,
+                    scrolledContainerColor = MaterialTheme.colorScheme.surfaceContainer
                 )
             )
         },
         floatingActionButton = floatingActionButton,
         content = content,
         bottomBar = bottomBar,
-        containerColor = MaterialTheme.colorScheme.background,
-        contentColor = MaterialTheme.colorScheme.onBackground,
+        containerColor = MaterialTheme.colorScheme.surface,
+        contentColor = MaterialTheme.colorScheme.onSurface,
     )
 }