Ótimo! Você precisará editar o arquivo CSS do tema do seu site ou adicionar as alterações a um componente de tema e, em seguida, incluir esse componente em todos os temas do seu site. Usei a abordagem de componente de tema no meu site de teste. Aqui está uma tentativa de mostrar esse processo com capturas de tela:
Certifique-se de adicionar o(s) tema(s) do seu site à entrada “Incluir componente nestes temas”.
Depois de fazer isso, clique no botão “Editar CSS/HTML” e adicione o seguinte à guia CSS Comum do editor de temas:
.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);
}
Essa alteração define as cores da borda do calendário para a cor “primária” do seu site - a mesma cor usada para o texto do site. Ao usar a variável --primary, a alteração funciona com esquemas de cores claros e escuros:
Em vez de usar var(--primary) para definir a cor, você pode codificar uma cor hexadecimal. Por exemplo, #000000 para preto:
.discourse-calendar-wrap {
border: 5px solid #000000;
}
Me avise se você vir algum efeito colateral indesejável dessa alteração. É possível que a segunda regra esteja selecionando alguns elementos que você prefira deixar com a cor clara antiga.