# Appearance

The BottomNavigation component provides predefined settings for applying different styling options such as [theme colors](https://www.telerik.com/kendo-angular-ui/components/navigation/api/bottomnavigationthemecolor), and [`fill`](https://www.telerik.com/kendo-angular-ui/components/navigation/api/bottomnavigationfill) and [`border`](https://www.telerik.com/kendo-angular-ui/components/navigation/api/bottomnavigationcomponent#border) options.

The `fill` option specifies if the theme color will be applied as the background color of the component or as a text color.

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

## Suggested Links

* [API Reference of the BottomNavigation Component](https://www.telerik.com/kendo-angular-ui/components/navigation/api/bottomnavigationcomponent)
* [Creating Custom Styles with ThemeBuilder](https://www.telerik.com/kendo-angular-ui/components/styling/theme-builder)