Is it possible to set in a

MaterialTheme

a separate

typography

for a

TextButton

? Currently there is only

typography.button

. But in our design the regular

Button

uses a different text color than a

TextButton

.

If none of the other typography definitions align with it, I’ve done something similar with colors by creating an extension on MaterialTheme.Colors. You could do the same thing for typogrophy. Not sure if there’s a better way to do this, though.

Yep that is one option, as described here: https://developer.android.com/jetpack/compose/themes/custom#extending-material

But isn't the text style "hardcoded" in the

Button

composable?

Other alternatives: • Pass different colors via the

colors

parameter • Override all styles by passing a textStyle in the Text composable within the Button content slot

Yes, but then I have to pass it to every

TextButton

. I was hoping the MaterialTheme supports such differentiation but looks like it doesn't.

I’ve accomplished this by wrapping my buttons in my own composable that provides the common styles I want

Yes, looks like that's the best way.

Yes, that is what I would suggest. The beauty of Compose is easily being able to wrap things and customize for reuse

But we override it with a TextStyle which has a color.

Yes. I mention it though because if you want to change just color of a Material TextButton, then the colors parameter is the way to go. If you want to change more than just color, pass the custom style to the Text child Composable. And if you want to change the overall look and feel of the TextButton beyond Material Design specs, I’d suggest recreating it. All that said, there is not necessarily a best option because it depends on what you are trying to achieve with your design system, but know that Compose gives you the flexibility to do all of these options easily.

Yes, we set both a custom font and color.

Yes,

ProvideTextStyle

is there to make any Text within the Button hierarchy look consistent if the user doesn’t pass an explicit style to them within the contents of the Button. But if you do pass your own style, it will override

ProvideTextStyle

/

CompositionLocal

since it’s the closest resolved style in the hierarchy:

Button(onClick = { ... }) {
    Text(style = customStyle)
}