title: Angular 6 : Different background color for events in Kendo-Schduler
body: <p>Is there a way to style the background color of events depending on the type of event in kendo-scheduler in Angular 6?
  I know that I can globally set the event background colors using CSS:</p>
  
  <p><code>.k-event{background-color: #000;}</code></p>
  
  <p>but this doesn't help me when I have different types of events with different colors. Is there any workaround for this?</p>
  
  <p>As an example like this photo :
  <img src="https://i.ibb.co/5LXnGcZ/sample.png" alt="like this"></p>
  
  <p>my data structure of events is like the following code:</p>
  
  <pre><code>{
          start:        startDate,
          end:          endDate,
          title:        holidayTitle,
          isAllDay:     true,
          description:  '',
          color :       holidayColor
  }
  </code></pre>