Подключение своего CSS в стандартной теме Битрикс24


Платформа Битрикс24 не очень приветствует кастомизацию стандартной темы, в том числе правку файлов шаблонов, при этом иногда возникает необходимость внедрения своего CSS для стилизации некоторых элементов интерфейса.

В этом случае можно использовать функцию подключения кастомного CSS файла, для этого добавить следующий код, например, в файл init.php (путь к файлу по умолчанию /bitrix/init.php от корневой директории, рекомендуется создать новый файл в локальном пространстве /local/ и вносить свои обработки в него) либо в обработчик событий собственного модуля, в котором указать путь к css-файлу (в примере ‘/local/css/customStyles.css’):

$eventManager = \Bitrix\Main\EventManager::getInstance(); 
$eventManager->addEventHandlerCompatible( 
    'main', 
    'OnBeforeProlog',  
    function() { 
        Bitrix\Main\Page\Asset::getInstance()->addCss('/local/css/customStyles.css'); 
    }
);