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

ThemeColor

configuration

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.

themeColor

String

Default: 'inherit'

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