# Theme Color

The AppBar enables you to specify predefined theme colors, which will be applied as the background color of the component.

The available [`themeColor`](https://www.telerik.com/kendo-angular-ui/components/navigation/api/appbarcomponent#themeColor) values are:

* `base`—Applies the component's base coloring.
* `primary`—Applies the primary theme color.
* `secondary`—Applies the secondary theme color.
* `tertiary`—Applies the tertiary theme color.
* `inverse`—Applies an inverted coloring relative to the theme background.

Any other regular color can be applied via custom CSS styling by targeting the AppBar through its `k-appbar` CSS class.

[Demo Source](https://demos.telerik.com/kendo-angular-ui/demos/navigation/appbar/theme_color/source.txt)

## Suggested Links

* [API Reference of the AppBar Component](https://www.telerik.com/kendo-angular-ui/components/navigation/api/appbarcomponent)