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.
• base: apply coloring based on base theme color.
• primary: apply coloring based on primary theme color.
• secondary: apply coloring based on secondary theme color.
• tertiary: apply coloring based on tertiary theme color.
• inverse: apply coloring based on inverse theme color.

Example - set color

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