Нижняя панель навигации Jetpack Compose — как настроить цвет фона, значка и текста ⇐ Android

[Anonymous]

Создано простое приложение Jetpack Compose прямо из шаблона Android Studio и добавлена ​​нижняя панель навигации. Нигде не указывал/переопределял какой-либо цвет. Однако метки нижней панели навигации отображаются черным на фиолетовом фоне. Я не менял ui/theme/Color.kt. На устройстве не включен темный режим.


Мне нужно изменить цвет текста метки, контрастирующий с фоном (в зависимости от светлого/темного режима и т. д.). Где и как это настроить?
Манифест относится к теме:


Вот код:
setContent {
MyAppTheme {
Surface(
modifier = Modifier.fillMaxSize(),
color = MaterialTheme.colorScheme.background
) {
val homeViewModel: HomeViewModel by viewModels()
val navController = rememberNavController()
val items = listOf(
Screen.Home,
Screen.Profile,
)

Scaffold(
bottomBar = {
BottomNavigation {
val navBackStackEntry by navController.currentBackStackEntryAsState()
val currentDestination = navBackStackEntry?.destination
items.forEach { screen ->
BottomNavigationItem(
icon = { Icon(screen.icon, contentDescription = null) },
label = {
Text(
stringResource(screen.resourceId),
style = Typography.labelSmall
)
},
selected = currentDestination?.hierarchy?.any { it.route == screen.route } == true,
onClick = {
navController.navigate(screen.route) {
popUpTo(navController.graph.findStartDestination().id) {
saveState = true
}
launchSingleTop = true
restoreState = true
}
},
)
}
}
}
)
}
}
}


Подробнее здесь: https://stackoverflow.com/questions/773 ... ckground-i