<div class='type'>Class</div>


<a id='references'></a>

<div class='sourceset sourceset-common'>Common</div>


```kotlin
class TopAppBarColors(
    val containerColor: Color,
    val scrolledContainerColor: Color,
    val navigationIconContentColor: Color,
    val titleContentColor: Color,
    val actionIconContentColor: Color,
    val subtitleContentColor: Color,
)
```


Represents the colors used by a top app bar in different states. This implementation animates the
container color according to the top app bar scroll state. It does not animate the leading,
headline, or trailing colors.

#### Parameters

| | |
| --- | --- |
| containerColor | the color used for the background of this TopAppBar. Use `Color.Transparent` to have no color. |
| scrolledContainerColor | the container color when content is scrolled behind it |
| navigationIconContentColor | the content color used for the navigation icon |
| titleContentColor | the content color used for the title |
| actionIconContentColor | the content color used for actions |
| subtitleContentColor | the content color used for a subtitle |


## Secondary Constructors

```kotlin
constructor(
    containerColor: Color,
    scrolledContainerColor: Color,
    navigationIconContentColor: Color,
    titleContentColor: Color,
    actionIconContentColor: Color,
) : this(
    containerColor = containerColor,
    scrolledContainerColor = scrolledContainerColor,
    navigationIconContentColor = navigationIconContentColor,
    titleContentColor = titleContentColor,
    actionIconContentColor = actionIconContentColor,
    subtitleContentColor = titleContentColor,
)
```

## Functions


<h2 id="copy-containercolor-scrolledcontainercolor-navigationiconcontentcolor-titlecontentcolor-actioniconcontentcolor-subtitlecontentcolor">copy</h2>

```kotlin
fun copy(
        containerColor: Color = this.containerColor,
        scrolledContainerColor: Color = this.scrolledContainerColor,
        navigationIconContentColor: Color = this.navigationIconContentColor,
        titleContentColor: Color = this.titleContentColor,
        actionIconContentColor: Color = this.actionIconContentColor,
        subtitleContentColor: Color = this.subtitleContentColor,
    ) =
        TopAppBarColors(
            containerColor.takeOrElse { this.containerColor },
            scrolledContainerColor.takeOrElse { this.scrolledContainerColor },
            navigationIconContentColor.takeOrElse { this.navigationIconContentColor },
            titleContentColor.takeOrElse { this.titleContentColor },
            actionIconContentColor.takeOrElse { this.actionIconContentColor },
            subtitleContentColor.takeOrElse { this.subtitleContentColor },
        )
```


Returns a copy of this TopAppBarColors, optionally overriding some of the values. This uses
the Color.Unspecified to mean “use the value from the source”