Отлично! Вам нужно либо отредактировать CSS-файл темы вашего сайта, либо внести изменения в компонент темы, а затем включить этот компонент во все темы вашего сайта. Я использовал подход с компонентом темы на своём тестовом сайте. Вот попытка показать этот процесс с помощью скриншотов:
Не забудьте добавить тему (или темы) вашего сайта в поле «Включить компонент в эти темы».
После этого нажмите кнопку «Редактировать CSS/HTML» и добавьте следующее в вкладку «Общие CSS» редактора тем:
.discourse-calendar-wrap {
border: 5px solid var(--primary);
}
.calendar.fc.fc-unthemed .fc-content,
.calendar.fc.fc-unthemed .fc-divider,
.calendar.fc.fc-unthemed .fc-list-heading td,
.calendar.fc.fc-unthemed .fc-list-view,
.calendar.fc.fc-unthemed .fc-popover,
.calendar.fc.fc-unthemed .fc-row,
.calendar.fc.fc-unthemed tbody,
.calendar.fc.fc-unthemed td,
.calendar.fc.fc-unthemed th,
.calendar.fc.fc-unthemed thead {
border-color: var(--primary);
}
Это изменение устанавливает цвет границ календаря в основной цвет вашего сайта — тот же цвет, что используется для текста сайта. Благодаря использованию переменной --primary изменение работает как со светлыми, так и с тёмными цветовыми схемами:
Вместо использования var(--primary) для установки цвета вы можете указать жёстко заданный HEX-цвет. Например, #000000 для чёрного:
.discourse-calendar-wrap {
border: 5px solid #000000;
}
Дайте знать, если заметите какие-либо нежелательные побочные эффекты от этого изменения. Возможно, второе правило выбирает некоторые элементы, которые вы предпочли бы оставить в старом более светлом цвете.