테마(dark light) 변경은 어떻게합니까?

Question

기본템플릿에서 앱 실행시 자동으로 다크모드 light모드 감지해서 설정해주긴하는데

switch 로 dark 모드 light모드 껏다킬수잇게 할려고하는데 잘안되네요

 

@Composable
fun SetupScreen(drawerState: DrawerState) {
    Scaffold(
        topBar = { CustomAppBar(drawerState = drawerState, title = "설정")}
    ) { paddingValues ->
        Column(
            modifier = Modifier
                .padding(paddingValues)
                .fillMaxSize()
                .verticalScroll(rememberScrollState())
        ) {
            var checked by remember { mutableStateOf(true) }
            Box(Modifier.fillMaxWidth()) {
                Row(modifier = Modifier.fillMaxWidth(), horizontalArrangement = Arrangement.SpaceAround) {
                    Text(text="Dark Theme",  fontSize = 25.sp)
                    Switch(checked=checked,
                        onCheckedChange = {
                            checked = it
                        })
                    if(checked) {
                        //dark theme
                        MyFirstComposeApplicationTheme {  }
                    }else {
                        //light theme
                        MyFirstComposeApplicationTheme {  }
                    }
                }
            }
        }
    }
}

@Composable
fun MyFirstComposeApplicationTheme(darkTheme: Boolean = isSystemInDarkTheme(), content: @Composable () -> Unit) {
    val colors = if (darkTheme) {
        DarkColorScheme*
    } else {
        LightColorScheme*
    }

    MaterialTheme(
        colors = colors,
        content = content
    )
}