logo

FullCalendar

This version is in beta. Read the release notes

eventColor

Sets the background and border colors for all events on the calendar.

String

You can change the color of all events on the calendar like so:

var calendar = new Calendar(calendarEl, {
  events: [
    // my event data
  ],
  eventColor: '#378006'
});

You can use any of the CSS color formats such #f00, #ff0000, rgb(255,0,0), or red.

The eventBackgroundColor, eventBorderColor, and eventTextColor options can be used for more granularity.

This option can be overridden on a per-source basis with the color Event Source Object option or on a per-event basis with the color Event Object option.