---
title: "NavigationItemColors"
description: "Represents the colors of the various elements of a navigation item."
type: "class"
---

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


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

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


```kotlin
class NavigationItemColors
constructor(
    val selectedIconColor: Color,
    val selectedTextColor: Color,
    val selectedIndicatorColor: Color,
    val unselectedIconColor: Color,
    val unselectedTextColor: Color,
    val disabledIconColor: Color,
    val disabledTextColor: Color,
)
```


Represents the colors of the various elements of a navigation item.

#### Parameters

| | |
| --- | --- |
| selectedIconColor | the color to use for the icon when the item is selected. |
| selectedTextColor | the color to use for the text label when the item is selected. |
| selectedIndicatorColor | the color to use for the indicator when the item is selected. |
| unselectedIconColor | the color to use for the icon when the item is unselected. |
| unselectedTextColor | the color to use for the text label when the item is unselected. |
| disabledIconColor | the color to use for the icon when the item is disabled. |
| disabledTextColor | the color to use for the text label when the item is disabled. |



## Functions

```kotlin
fun copy(
        selectedIconColor: Color = this.selectedIconColor,
        selectedTextColor: Color = this.selectedTextColor,
        selectedIndicatorColor: Color = this.selectedIndicatorColor,
        unselectedIconColor: Color = this.unselectedIconColor,
        unselectedTextColor: Color = this.unselectedTextColor,
        disabledIconColor: Color = this.disabledIconColor,
        disabledTextColor: Color = this.disabledTextColor,
    ) =
        NavigationItemColors(
            selectedIconColor.takeOrElse { this.selectedIconColor },
            selectedTextColor.takeOrElse { this.selectedTextColor },
            selectedIndicatorColor.takeOrElse { this.selectedIndicatorColor },
            unselectedIconColor.takeOrElse { this.unselectedIconColor },
            unselectedTextColor.takeOrElse { this.unselectedTextColor },
            disabledIconColor.takeOrElse { this.disabledIconColor },
            disabledTextColor.takeOrElse { this.disabledTextColor },
        )
```


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


```kotlin
fun iconColor(selected: Boolean, enabled: Boolean): Color
```


Represents the icon color for this item, depending on whether it is `selected`.

#### Parameters

| | |
| --- | --- |
| selected | whether the item is selected |
| enabled | whether the item is enabled |



```kotlin
fun textColor(selected: Boolean, enabled: Boolean): Color
```


Represents the text color for this item, depending on whether it is `selected`.

#### Parameters

| | |
| --- | --- |
| selected | whether the item is selected |
| enabled | whether the item is enabled |