Jetpack Compose Dark Theme Main Activity Part 2

MainActivity.kt

@Composable
fun DarkThemeScreen(
    dataStoreUtil: DataStoreUtil,
    themeViewModel: ThemeViewModel,
) {
    var switchState by remember {themeViewModel.isDarkThemeEnabled }
    val coroutineScope = rememberCoroutineScope()

    Scaffold {
        Switch(
            checked = switchState,
            onCheckedChange = {
                switchState = it

                coroutineScope.launch {
                    dataStoreUtil.saveTheme(it)
                }
            },
            thumbContent = {
                Icon(
                    modifier = Modifier
                        .size(SwitchDefaults.IconSize),
                    imageVector = if (switchState) Icons.Rounded.DarkMode else Icons.Rounded.LightMode,
                    contentDescription = "Switch Icon"
                )
            },
            colors = SwitchDefaults.colors(
                checkedTrackColor = MaterialTheme.colorScheme.primary,
                checkedThumbColor = MaterialTheme.colorScheme.onPrimary,
            ),
        )
    }
}