Поскольку редактор GitHub Atom построен на HTML5 и CSS3, вы можете очень легко изменить свою таблицу стилей, ниже я сделал небольшую запись о том, как внести это конкретное изменение, хотя вы можете применить те же принципы к любому элементу стиля в редакторе:
![Снимок экрана конфигурации стиля с учетом Shadow DOM](https://i.stack.imgur.com/QJcdp.gif)
Шаг за шагом
Первое, что вам нужно сделать, это найти экземпляр элемента, который вы хотите стилизовать, в этом случае я создал новый пустой файл с текстом //TODO: is too subtle
.
- Теперь вам нужно найти соответствующий селектор для слова
TODO
, просто поместите курсор между буквами слова TODO и нажмите CtrlAltShiftP или выберите Editor: Log Cursor Scope
в палитре команд.
- Селекторы, которые применяются к этому местоположению, перечислены от наименее конкретных вверху до наиболее конкретных внизу, в этом случае вам нужен наиболее конкретный селектор внизу, скопируйте его в буфер обмена.
- Затем вам нужно открыть свою личную таблицу стилей, вы можете сделать это, выбрав «Редактировать», а затем «Таблица стилей...», вы также можете выбрать
Application: Open Your Stylesheet
из палитры команд.
- Прокрутите до конца таблицы стилей и вставьте свой селектор из шага 2, вам нужно будет добавить точку (точку) в начале, чтобы сделать этот селектор действительным.
- Идите вперед и добавьте свой предпочтительный стиль, такой как ваш стиль VIM:
atom-text-editor::shadow .type.class.todo {
background-color: yellow;
color: black;
font-style: normal;
}
- Наконец, сохраните таблицу стилей и вернитесь к тестовому документу, чтобы увидеть полученные изменения.
Спасибо zypro за указание на то, что мой первоначальный ответ не учитывал использование Shadow. DOM в последних версии Atom.
Обновление: в какой-то момент Atom избавился от Shadow DOM. Я использую версию 1.34.0, которая содержит следующую запись в вышеупомянутой таблице стилей:
atom-text-editor.editor .syntax--type.syntax--class.syntax--todo {
background-color: yellow;
color: black;
font-style: normal;
}
Кроме того, для Python (и некоторых других языков) вам нужно будет снять флажок «Использовать синтаксические анализаторы деревьев» в настройках ядра.
person
Richard Slater
schedule
24.03.2016