Hello, how can I provide 2 different ripple colors depending on the actual theme? I tried to implement my own RippleTheme but didn’t understand how it works

private object MyRipple : RippleTheme {
    @Composable
    override fun defaultColor(): Color = TRTheme.colors.secondaryBlue1

    @Composable
    override fun rippleAlpha(): RippleAlpha = RippleTheme.defaultRippleAlpha(
        Color.Black,
        lightTheme = !isSystemInDarkTheme()
    )
}

Not sure I understand the question, what isn’t working here?

Hey Louis, sorry wasn’t clear. I’d like to have a different ripple color per theme but it is not working for light theme. I mean I can’t see ripple color upon touch. It is a little bit opaque color but at least I need to see it clearly right? I tried below but it is not working.

private object IconButtonSmallRipple : RippleTheme {
    @Composable
    override fun defaultColor(): Color = RippleTheme.defaultRippleColor(
        contentColor = TRTheme.colors.primaryBlue2,
        lightTheme = false
    )

    @Composable
    override fun rippleAlpha(): RippleAlpha = RippleTheme.defaultRippleAlpha(
        Color.Black,
        lightTheme = !isSystemInDarkTheme()
    )
}

 CompositionLocalProvider(
        LocalContentColor provides iconTint,
        LocalRippleTheme provides IconButtonSmallRipple
    ) {
t = iconTint, enabled = enabled, onClick = onClick, content = content)
        IconButton(
            onClick = onClick,
            enabled = enabled
        ) {
            content()
        }
    }

In your code it seems suspicious that you are doing:

lightTheme = false

and

lightTheme = !isSystemInDarkTheme()

These values should be driven by your theme itself

Thank you! I think I’ve fixed it