Sets a value controlling the theme color for the background of the Avatar container. When undefined (the default), the theme controls the color. Can also be set to the following string values: - "primary" - Applies coloring based on primary theme color. - "base" - Applies base theme color. - "secondary" - Applies coloring based on secondary theme color. - "tertiary" - Applies coloring based on tertiary theme color. - "inherit" - Applies inherited coloring value. - "info" - Applies coloring based on info theme color. - "success" - Applies coloring based on success theme color. - "warning" - Applies coloring based on warning theme color. - "error" - Applies coloring based on error theme color. - "dark" - Applies coloring based on dark theme color. - "light" - Applies coloring based on light theme color. - "inverse" - Applies coloring based on inverted theme color.

The "none" value is deprecated. Use custom CSS instead.

Example

<div id="avatar"></div>
<script>
    $("#avatar").kendoAvatar({
        text: "IG",
        themeColor: "warning"
    });
</script>