I'm creating `Button()` and fill it with white col...

# compose

[rajesh]

I'm creating Button() and fill it with white color, but it gets filled with theme's primary color and not the white color.

Button(
        modifier = Modifier
            .size(80.dp)
            .clip(CircleShape)
            .background(Color.White)
//            .background(MaterialTheme.colors.surface) //It's also not working
            .border(5.dp, Color.White, CircleShape),
        onClick = {  })
    {

    }

[rajesh]

[robercoding]

There are 2 .background() functions, the last one overrides the previous one.

What's the color of MaterialTheme.colors.surface in this case?

[rajesh]

nope, second one is commented out, its just there to show that if i use second one and comment out first one, it's still not working

[robercoding]

Ah yeah

[robercoding]

I faced this in the past

[robercoding]

Add this

[robercoding]

colors = ButtonDefaults.buttonColors(
    backgroundColor = Color.White
)

[robercoding]

In the parameter of the button

[robercoding]

Button(
        modifier = Modifier
            .size(80.dp)
            .clip(CircleShape)
            .background(Color.White)
//            .background(MaterialTheme.colors.surface) //It's also not working
            .border(5.dp, Color.White, CircleShape),
        colors = ButtonDefaults.buttonColors(
            backgroundColor = Color.White
        ),
        onClick = {  })
    {

    }

[rajesh]

Great. Thanks