(function ($, kendo) {
    var flatColorPicker = kendo.ui.FlatColorPicker;
    var originalRenderActionButtons = flatColorPicker.fn._renderActionButtons;

    flatColorPicker.fn._renderActionButtons = function (options, buttonOptions) {
        if (kendo.isPresent(options) && kendo.isBlank(options.buttonsTemplate)) {
            var encode = kendo.htmlEncode;

            return kendo.html.renderButton(
                `<button class="k-coloreditor-apply" title="${encode(options.messages.apply)}">${encode(options.messages.apply)}</button>`,
                $.extend({}, buttonOptions, { fillMode: null, themeColor: "primary" })
            ) + kendo.html.renderButton(
                `<button class="k-coloreditor-cancel" title="${encode(options.messages.cancel)}">${encode(options.messages.cancel)}</button>`,
                $.extend({}, buttonOptions, { fillMode: null })
            );
        }

        return originalRenderActionButtons.call(this, options, buttonOptions);
    };