Своя расцветка кода в Эгее

Заметка обновлена 9 янв 2020

Я обещал рассказать, как поменять цветовую схему для подсветки кода в Эгее.

Начнём с примера. Комплектная тема оформления «Дуглас» использует цветовую схему Tomorrow Night Eighties, нестандартную для Эгеи. Посмотрите в её файл стилей: .../themes/douglas/styles/main.css. В его конце есть несколько правил с префиксом hljs-. Они и определяют подсветку кода.

Чтобы сделать свою расцветку кода, нужно сделать новую тему оформления. Достаточно скопировать папку той темы, которую вы используете, и дать новой теме уникальное название в файле theme-info.php. Теперь переключите тему в «Настройке» и напишите в main.css любые свои правила по аналогии с «Дугласом».

Для подсветки кода у меня используется библиотека «Хайлайт» Ивана Сагалаева, которая включает целую кучу разных популярных цветовых схем (там слева можно примерить к разным языкам). Если вам лень сочинять свои цвета, вы можете просто прикрутить какую-нибудь из этих схем, взяв её ЦСС-файл с Гитхаба и вставив его в конец своего main.css. Ну или взять и докрутить по вкусу.