actionButtons.themeColor String (default: 'base')

Controls the main color applied to the button. Valid values are: "base", "primary", "secondary", "tertiary", "info", "success", "warning", "error", "dark", "light", "inverse", and "none". Default value is "base".

Example

<div id="actionsheet">Do you confirm or cancel?</div>
<script>
    var actionsheet = $('#actionsheet').kendoActionSheet({
        title: 'Confirmation',
        closeButton: true,
        actionButtons: [
             {
                icon: "check",
                iconClass: "custom-confirm-button-class",
                fillMode: "solid",
                themeColor: "primary",
                rounded: "full",
                size: "large",
                text: "Confirm",
                click: onClick
            },
            {
                icon: "x",
                fillMode: "flat",
                size: "large",
                text: "Close",
                click: onClick
            }
        ]
    }).data('kendoActionSheet');

    function onClick(e) {
        e.preventDefault();
        alert($(e.target).text() + " clicked;")
        actionsheet.close();
    }

    actionsheet.open();
</script>
In this article