Problem with custom dialog show in jetpack compose. Not correct background

Question

I'm created custom dialog from common class in ini

init {
    activity.setContent {
        CustomDialog(viewModel)
    }
}

@Composable
fun CustomDialog(viewModel: ViewModel){
Dialog(
        onDismissRequest = {  },
        properties = DialogProperties(dismissOnBackPress = true, dismissOnClickOutside = true)
    ) {
}
}

But under dialog background is an empty activity, but must be a preference activity.

Not correct composable:

correct dialog via XML:

I tried, but didn't help

                        Surface(modifier = Modifier.background(Color.Transparent)) {
                            CustomDialog(viewModel)
                        }
    ```

Answer 1

Exampe:

Dialog(onDismissRequest = { onDismissRequest() }, properties = DialogProperties()) {
        Column(
            modifier = Modifier
                .wrapContentSize()
                .background(
                    color = MaterialTheme.colors.surface,
                    shape = RoundedCornerShape(size = 16.dp)
                ).clip(shape = RoundedCornerShape(size = 16.dp))
        ) {
    //.....

   }
}

Answer 2

Found solution:

dialog?.window?.setBackgroundDrawable(ColorDrawable(Color.TRANSPARENT))
dialog?.window?.setDimAmount(0.0f)