Стили

Все классы CSS, используемые в календаре, являются переменными, которые можно настроить, заменив их собственными значениями.

Ниже приведен пример замены класса для стрелок на собственный. Полный список классов можно найти в справочнике.

CSS-переменные

Если нужно поменять только цвета, переопределять классы вообще не обязательно — каждый цвет во встроенных темах доступен как CSS custom property, с оригинальным цветом темы в качестве значения по умолчанию:

:root {
  --vc-date-selected-bg: #7c3aed;
  --vc-date-selected-color: #fff;
}

Ничего не изменится, пока вы явно не зададите переменную. Полный список переменных доступен в справочнике.

Модульные стили

Существующие импорты styles/index.css, styles/layout.css и styles/themes/*.css остаются полными и совместимыми. Для уменьшения CSS подключайте только нужные части. Регистрация расширения JavaScript сама по себе не загружает CSS.

Выборочное подключение CSS описано в справочнике стилей. Старые полные файлы поддерживаются; примеры подключают только необходимые части.