themeColor String (default: 'light')

Specifies the color of the component. Valid options are

  • inherit: no coloring will be applied to the appbar. Useful when the appbar needs to blend-in with the surrounding elements.
  • dark: applies coloring based on dark theme color.
  • light: applies coloring based on light theme color.

Example - set color

<div id="appbar"></div>
<script>
$("#appbar").kendoAppBar({
    items: [
        {
            template: "<span><input /><span>"
        }
    ],
    themeColor: "dark"
});
</script>
In this article