【FullCalendar】Googleカレンダーの色を変えたい

Question

前提・実現したいこと

GoogleカレンダーとFullCalendarを同期させたのですが、予定ごとに色を変える方法がわかりません。
初めての質問になりますので、不足している情報がありましたらご指摘いただきたいです。
よろしくお願いいたします。

該当のソースコード

<link href="css/main.css" rel="stylesheet" type="text/css">
<script src="js/main.js"></script>

<script>
document.addEventListener('DOMContentLoaded', function() {
    var calendarEl = document.getElementById('calendar');

    var calendar = new FullCalendar.Calendar(calendarEl, {
			locale: 'ja',
			dayCellContent: function(e) {
        e.dayNumberText = e.dayNumberText.replace('日', '');
      },
      googleCalendarApiKey: 'APIキー',
			
      eventSources: [
        {
          googleCalendarId: '予定1',					
				className: 'event_class',
        },
				{
					googleCalendarId: '予定2',
					className: 'event_class_holiday',
				}
      ],
    });

    calendar.render();
  });
	
</script>

試したこと

予定1と予定2のイベントをそれぞれ別の背景色にしたいです。
classNameでclassがつけられると思ったのですが、何も起こらず。

補足情報（FW/ツールのバージョンなど）

fullcalendarのバージョンは5.3.2です

Answer 1

イベントの背景色はcolorで指定可能でした。
今回は同じページに設置していたlightboxが邪魔していたようで、削除したらイベントの背景色が効きました。
凡ミスで申し訳ないです。またよろしくお願いいたします。

<script>
document.addEventListener('DOMContentLoaded', function() {
    var calendarEl = document.getElementById('calendar');

    var calendar = new FullCalendar.Calendar(calendarEl, {
            locale: 'ja',
            dayCellContent: function(e) {
        e.dayNumberText = e.dayNumberText.replace('日', '');
      },
      googleCalendarApiKey: 'APIキー',

      eventSources: [
        {
          googleCalendarId: '予定1',                    
                color: 'red'
        },
                {
                    googleCalendarId: '予定2',
                    color: 'green'
                }
      ],
    });

    calendar.render();
  });

</script>