Fullcalendar меняет весь цвет фона для календаря

Question

Мне просто нужно взять мой рендеринг Fullcalendar div и изменить фон от простого белого до темно-серого. Я также хотел бы изменить цвет текста, чтобы даты были белыми. Я пытаюсь поместить этот календарь на темную тематическую страницу.

Документация заполнена, как это делается для конкретных событий, конкретных дней, отдельных ячеек и т. Д., Но я не нашел универсального «переключателя» для перевода CSS, который меняет цвет фона всего календаря. Меняли каждое значение до зеленого лайма в CSS и вытягивали мои волосы без каких-либо аффектов.

Надеюсь, что есть простой ответ!

Answer 1

Не уверен, что ваш css, поскольку я не вижу код для изменения для вас, но если вы меняете div для календаря, это просто вопрос добавления цвета фона, так же, как вы изменили фон страницы.

Ваш CSS должен выглядеть следующим образом;

#calendar 
{ 
//* various CSS styles to make calendar 
background-color: #A0A8A0; 
} 

Это должно дать вам фон вы хотите, если вы добавите в цвете до тех пор, пока у вас есть универсальный DIV для календаря. Если это не сработает, вставьте код, относящийся к календарю.

Надеюсь, это поможет!

Answer 2

Хорошо, есть несколько элементов, которые необходимо изменить в файле fullcalendar.css, если необходимо изменить весь текст фона и метки. Календарь отображает таблицу над div, поэтому таблица должна быть изменена.

Найдите раздел «таблица» в файле fullcalendar.css.

Найдите .fc td и добавьте следующие

• background-color: #333 !important;
• color: #ffffff;

Также добавлен новый/отдельный стиль для .fc th

• color: #ffffff

И добавил еще один стиль, который находит все .fc td с классом other-month во имя

Этот селектор .fc td[class*="other-month"] со следующими стилями, указанными:

• color: #ffffff;
• до сих пор пытаются определить, как изменить цвет фона класса other-month, чтобы он лучше сочетался с моей страницей.