Text Color for Timeline and Schedule Events

I am using the event.textColor property to set text color of events in the calendar view, but this approach does not work for schedule or timeline view. Instead, the text color appears to be calculated by Mobiscroll based on luminance. I need to override this, but there does not appear to be a good way to do this.

I’ve tried setting event.title to a style element per this thread:
event.title = ${title};
but this does not cover the date/time, or the ellipses if the title is too long (see screenshots). Furthermore, I use the event.title elsewhere in my custom popup, and don’t want to have to pass it twice — once as a raw title string, and another time as an inline-styled HTML element.

Is there a configuration that I’m missing that will solve this?

Thanks in advance for any help!

ellipses wrong color:
Screenshot 2024-05-07 at 11.23.12 AM

Date/time wrong color:
Screenshot 2024-05-07 at 11.23.23 AM

I would also need to include the title in multiple formats on the event object, once as a string, and once as a styled element, otherwise I see this when I reference the title:

Hi @Alec1

You can solve this by assigning a CSS class to the events using the cssClass property. Then, you can target these events to apply custom styles. Here’s a brief example:

var myEvents = [
    id: 1,
    start: '2024-05-21T13:00',
    end: '2024-05-21T13:45',
    title:  'test',
    cssClass: 'myClass',

.myClass .mbsc-schedule-event-title {
   color: red;

.myClass .mbsc-schedule-event-range {
    color: red;