Sets a value controlling the theme color of the component. When undefined (the default), the theme controls the color. Can also be set to the following string values:

• 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

<nav id="bottomnav"></nav>

<script>
    $("#bottomnav").kendoBottomNavigation({
        themeColor: "primary",
        items: [
            { text: "Home", icon: "home" },
            { text: "Info", icon: "info-circle" },
            { text: "Contact", icon: "envelope" }
        ]
    });
</script>