> Documentation index: https://www.gooddata.ai/docs/gooddata-ui/llms.txt lists every page of these docs as Markdown.

# IThemeDashboardNavigationItem

- Package: [@gooddata/sdk-model](https://www.gooddata.ai/docs/gooddata-ui/latest/api-reference/sdk-model/index.md)
- Kind: interface
- Stability: beta
- Source: https://github.com/gooddata/gooddata-ui-sdk/blob/rel/11.64/libs/sdk-model/src/theme/index.ts

> **Beta API.** Mostly stable, but details may change in a minor release, outside SemVer. See [API maturity](https://www.gooddata.ai/docs/gooddata-ui/latest/integrations/platform/api-maturity/index.md).
> 

Navigation items (dashboards) specific properties.

**Signature:**

```typescript
export interface IThemeDashboardNavigationItem 
```

## Properties

| Property | Modifiers | Type | Description |
| --- | --- | --- | --- |
| [color?](https://www.gooddata.ai/docs/gooddata-ui/latest/api-reference/sdk-model/sdk-model.ithemedashboardnavigationitem/index.md#ithemedashboardnavigationitemcolor) |  | [ThemeColor](https://www.gooddata.ai/docs/gooddata-ui/latest/api-reference/sdk-model/sdk-model.themecolor/index.md) | **_(BETA)_** _(Optional)_ Item foreground color |
| [hoverColor?](https://www.gooddata.ai/docs/gooddata-ui/latest/api-reference/sdk-model/sdk-model.ithemedashboardnavigationitem/index.md#ithemedashboardnavigationitemhovercolor) |  | [ThemeColor](https://www.gooddata.ai/docs/gooddata-ui/latest/api-reference/sdk-model/sdk-model.themecolor/index.md) | **_(BETA)_** _(Optional)_ Item foreground color on hover |
| [selectedBackgroundColor?](https://www.gooddata.ai/docs/gooddata-ui/latest/api-reference/sdk-model/sdk-model.ithemedashboardnavigationitem/index.md#ithemedashboardnavigationitemselectedbackgroundcolor) |  | [ThemeColor](https://www.gooddata.ai/docs/gooddata-ui/latest/api-reference/sdk-model/sdk-model.themecolor/index.md) | **_(BETA)_** _(Optional)_ Selected item background color |
| [selectedColor?](https://www.gooddata.ai/docs/gooddata-ui/latest/api-reference/sdk-model/sdk-model.ithemedashboardnavigationitem/index.md#ithemedashboardnavigationitemselectedcolor) |  | [ThemeColor](https://www.gooddata.ai/docs/gooddata-ui/latest/api-reference/sdk-model/sdk-model.themecolor/index.md) | **_(BETA)_** _(Optional)_ Selected item foreground color |

## Property details

### IThemeDashboardNavigationItem.color

> **Beta API.** Mostly stable, but details may change in a minor release, outside SemVer. See [API maturity](https://www.gooddata.ai/docs/gooddata-ui/latest/integrations/platform/api-maturity/index.md).
> 

Item foreground color

**Signature:**

```typescript
color?: ThemeColor;
```

### IThemeDashboardNavigationItem.hoverColor

> **Beta API.** Mostly stable, but details may change in a minor release, outside SemVer. See [API maturity](https://www.gooddata.ai/docs/gooddata-ui/latest/integrations/platform/api-maturity/index.md).
> 

Item foreground color on hover

**Signature:**

```typescript
hoverColor?: ThemeColor;
```

### IThemeDashboardNavigationItem.selectedBackgroundColor

> **Beta API.** Mostly stable, but details may change in a minor release, outside SemVer. See [API maturity](https://www.gooddata.ai/docs/gooddata-ui/latest/integrations/platform/api-maturity/index.md).
> 

Selected item background color

**Signature:**

```typescript
selectedBackgroundColor?: ThemeColor;
```

### IThemeDashboardNavigationItem.selectedColor

> **Beta API.** Mostly stable, but details may change in a minor release, outside SemVer. See [API maturity](https://www.gooddata.ai/docs/gooddata-ui/latest/integrations/platform/api-maturity/index.md).
> 

Selected item foreground color

**Signature:**

```typescript
selectedColor?: ThemeColor;
```