New to Kendo UI for Angular? Start a free 30-day trial

Theme Color

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

The available themeColor values are:

  • light (Default)Applies coloring based on light theme color.
  • darkApplies coloring based on dark theme color.
  • inheritApplies inherited coloring value.

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

View Source
Edit In Stackblitz  
Change Theme:

In this article

Not finding the help you need?