How do I change the onPress colour for a `TextButton`? In my image the left one gets a dark grey col...

# compose

[Philip S]

How do I change the onPress colour for a TextButton? In my image the left one gets a dark grey colour when pressed. I would like to change it so something arbitrary, like say red.

[Louis Pullen-Freilich [G]]

This is configured within RippleTheme, so you could provide a custom ripple theme around the button

[Philip S]

It worked thanks. Any plans to support it via parameter to Button component?

Also in case someone else has the same question here is the code:

CompositionLocalProvider(LocalRippleTheme provides object : RippleTheme {
    @Composable
    override fun defaultColor(): Color {
        return RippleTheme.defaultRippleColor(Color.Red, true)
    }

    @Composable
    override fun rippleAlpha(): RippleAlpha {
        return RippleAlpha(0f, 0f, 0f, 255f)
    }
}) {
    //Your button here
}

[Louis Pullen-Freilich [G]]

No, it's a core part of the Material theming system and shouldn't really be changed in this specific way - this is diverging from Material in some ways I guess

[Louis Pullen-Freilich [G]]

The contentColor inside ButtonColors is used for ripple color by default, but also the text / icons, it's supposed to match the content

[Philip S]

Hm for me it always seems to be the same greyish color desipte setting the contentColor to something else for TextButton is there an other color i need to set aswell? In case i want to follow the Material standard

[Yusuf Wagh]

InteractionSource.collectIsPressedAsState()

using above func you can observe button state change ...

val isPressed by collectIsPressedAsState()

after that you can update colors based on state the

ButtonDefaults.buttonColors(///)

[Louis Pullen-Freilich [G]]

Have you also set a custom ripple theme?

If not, in dark theme it defaults to white in some cases for proper contrast

[Yusuf Wagh]

Yes