themeColor String default: ""

The themeColor option controls the color that will be applied.

The following values are available for the themeColor:

  • primary
  • dark
  • light
  • none

Example

<div id="dialog"></div>
<script>
  $("#dialog").kendoDialog({
    themeColor: "dark",
    content:"This is a dark-themed Kendo Dialog",
    actions: [
      {
        text: "OK",
      },
    ],
    title: "Customer details",
  });
</script>
In this article