Hello all. I am moving over to compose material 3 and I am struggling to figure out why I cannot ch...

# compose

[Billy Newman]

Hello all. I am moving over to compose material 3 and I am struggling to figure out why I cannot change the title and action colors in the TopAppBar. Code in reply

[Billy Newman]

TopAppBar(
   ...
   colors = TopAppBarDefaults.smallTopAppBarColors(
      containerColor = MaterialTheme.colorScheme.tertiary,
      actionIconContentColor = Color.White,
      titleContentColor = Color.White,
      navigationIconContentColor = Color.White
   )
)

However title text and icons are both black.

[Kirill Grouchnikov]

How does your title composable child look like? Does it use its own text color?

You can print LocalContentColor.current inside that child to verify that you’re indeed getting the white color, but the child itself would need to not override the color that is being set at the TopAppBarLayout level

[Billy Newman]

Thanks, good thing to check. I do not override the color there:

title = {
   Text(
      text = title,
      maxLines = 1,
      overflow = TextOverflow.Ellipsis,
      style = MaterialTheme.typography.titleLarge
   )
},

[Billy Newman]

Possibly an import or dependency isssue?

[Zun]

Somewhat related but is TopAppBar even a M3 component? I’m only seeing app bars such as CenterAlignedTopAppBar

[Billy Newman]

Yes, from my import TopAppBar replaces the deprecated SmallTopAppBar

[Billy Newman]

@Deprecated(
    message = "Use TopAppBar instead.",
    replaceWith = ReplaceWith(
        "TopAppBar(title, modifier, navigationIcon, actions, windowInsets, colors, " +
            "scrollBehavior)"
    ),
    level = DeprecationLevel.WARNING
)
@ExperimentalMaterial3Api
@Composable
fun SmallTopAppBar(

[Stylianos Gakis]

There’s an m2 version and an m3 version

[Kirill Grouchnikov]

Start by adding color=LocalContentColor.current in this title block to verify that your white color is propagating correctly

[Billy Newman]

@Kirill Grouchnikov, still black

[Kirill Grouchnikov]

This is something that you’ll need to debug then step by step. See that the right color is set on the TopAppBarColors that you create at the top, and then trace where titleContentColor is being pushed down to TopAppBarLayout

[Billy Newman]

Looks like it is, weird.

[Louis Pullen-Freilich [G]]

Make sure all your imports are consistent. E.g you aren't using the material 2 text / theme apis

[Kirill Grouchnikov]

Right, maybe that Text is from M2 and not M3

[Billy Newman]

Well, that of course is it. I still had an import for m2.Text

[Billy Newman]

Thank you!