android compose - wont switch dark/light mode with toggle

Question

for a schoolproject i need to implement a toggle for dark/light mode. i am using jetpack compose. it toggles the the AppCompatDelegate night mode. but it wont recompose to the dark theme. the theme is build using the Material 3 theme builder.

The Switch for toggling the darkmode

SettingsSwitch(
                icon = {
                    Icon(
                        imageVector = Icons.Outlined.DarkMode,
                        contentDescription = "DarkMode"
                    )
                },
                title = { Text(text = stringResource(id = R.string.setting_darkmode)) },
                onCheckedChange = {
                    AppCompatDelegate.setDefaultNightMode(
                        if (it) MODE_NIGHT_YES else MODE_NIGHT_NO
                    )
                    println(AppCompatDelegate.getDefaultNightMode().toString())
                },
                state = stateSettingDarkMode,
                enabled = !stateSettingSystemDarkMode.value
            )

and the Theme.kt (without collorschemes)

@Composable
fun AppTheme(
    useDarkTheme: Boolean = isNightMode(),
    content: @Composable() () -> Unit
) {
    val colors = if (!useDarkTheme) {
        LightColors
    } else {
        DarkColors
    }

    MaterialTheme(
        colorScheme = colors,
        content = content
    )
}

@Composable
private fun isNightMode() = when (AppCompatDelegate.getDefaultNightMode()) {
    AppCompatDelegate.MODE_NIGHT_NO -> false
    AppCompatDelegate.MODE_NIGHT_YES -> true
    else -> isSystemInDarkTheme()
}

Answer 1

SettingsSwitch(
        icon = {
            Icon(
                imageVector = Icons.Outlined.DarkMode,
                contentDescription = "DarkMode"
            )
        },
        title = { Text(text = stringResource(id = R.string.setting_darkmode)) },
        onCheckedChange = { checked ->
            isDarkTheme.value = checked
            AppCompatDelegate.setDefaultNightMode(
                if (checked) MODE_NIGHT_YES else MODE_NIGHT_NO
            )
        },
        state = isDarkTheme.value,
        enabled = !stateSettingSystemDarkMode.value
    )

---

@Composable
fun AppTheme(content: @Composable () -> Unit) {
    val isDarkTheme = remember { mutableStateOf(isSystemInDarkTheme()) }

    val colors = if (!isDarkTheme.value) {
        LightColors
    } else {
        DarkColors
    }

    MaterialTheme(
        colorScheme = colors,
        content = content
    )
}